Regression: Broken components on Federation and Engagement dashboards (#25653)

* Fix odd typechecking issues with JSON modules

* Avoid `data` as directory for modules

* rename other `data` folder

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

apps/meteor/client/views/admin/federationDashboard/OverviewSection.tsx

@@ -2,7 +2,7 @@ import { Box, Skeleton } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { ReactElement, useMemo } from 'react';
 
-import CounterSet from '../../../components/data/CounterSet';
+import CounterSet from '../../../components/dataView/CounterSet';
 import { AsyncStatePhase } from '../../../hooks/useAsyncState';
 import { usePolledMethodData } from '../../../hooks/usePolledMethodData';
 

apps/meteor/ee/client/views/admin/engagementDashboard/channels/ChannelsTab.tsx

@@ -3,11 +3,11 @@ import { useTranslation } from '@rocket.chat/ui-contexts';
 import moment from 'moment';
 import React, { ReactElement, useMemo, useState } from 'react';
 
-import Growth from '../../../../../../client/components/data/Growth';
+import Growth from '../../../../../../client/components/dataView/Growth';
 import Section from '../Section';
-import DownloadDataButton from '../data/DownloadDataButton';
-import PeriodSelector from '../data/PeriodSelector';
-import { usePeriodSelectorState } from '../data/usePeriodSelectorState';
+import DownloadDataButton from '../dataView/DownloadDataButton';
+import PeriodSelector from '../dataView/PeriodSelector';
+import { usePeriodSelectorState } from '../dataView/usePeriodSelectorState';
 import { useChannelsList } from './useChannelsList';
 
 const ChannelsTab = (): ReactElement => {

apps/meteor/ee/client/views/admin/engagementDashboard/channels/useChannelsList.ts

 import { useQuery } from 'react-query';
 
 import { getFromRestApi } from '../../../../lib/getFromRestApi';
-import { getPeriodRange, Period } from '../data/periods';
+import { getPeriodRange, Period } from '../dataView/periods';
 
 type UseChannelsListOptions = {
 	period: Period['key'];

apps/meteor/ee/client/views/admin/engagementDashboard/data/DownloadDataButton.tsx → apps/meteor/ee/client/views/admin/engagementDashboard/dataView/DownloadDataButton.tsx

 import { Box, ActionButton } from '@rocket.chat/fuselage';
+import { useToastMessageDispatch, useTranslation } from '@rocket.chat/ui-contexts';
 import React, { ComponentProps, ReactElement } from 'react';
 
-import { useToastMessageDispatch } from '@rocket.chat/ui-contexts';
-import { useTranslation } from '@rocket.chat/ui-contexts'
 import { downloadCsvAs } from '../../../../../../client/lib/download';
 
 type RowFor<THeaders extends readonly string[]> = readonly unknown[] & {

apps/meteor/ee/client/views/admin/engagementDashboard/data/PeriodSelector.tsx → apps/meteor/ee/client/views/admin/engagementDashboard/dataView/PeriodSelector.tsx

 import { Select } from '@rocket.chat/fuselage';
+import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { ReactElement, useMemo } from 'react';
 
-import { useTranslation } from '@rocket.chat/ui-contexts'
 import { getPeriod, Period } from './periods';
 
 type PeriodSelectorProps<TPeriod extends Period['key']> = {

apps/meteor/ee/client/views/admin/engagementDashboard/data/periods.ts → apps/meteor/ee/client/views/admin/engagementDashboard/dataView/periods.ts

+import { TranslationKey } from '@rocket.chat/ui-contexts';
 import moment from 'moment';
 
-import { TranslationKey } from '@rocket.chat/ui-contexts'
-
 const label = (
 	translationKey: TranslationKey,
 	...replacements: unknown[]

apps/meteor/ee/client/views/admin/engagementDashboard/data/usePeriodLabel.ts → apps/meteor/ee/client/views/admin/engagementDashboard/dataView/usePeriodLabel.ts

+import { useTranslation } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 
-import { useTranslation } from '@rocket.chat/ui-contexts'
 import { getPeriod, Period } from './periods';
 
 export const usePeriodLabel = (period: Period['key']): string => {