chore: adjust imports

src/app/components/Charts/common/dialogBox/index.tsx

@@ -1,11 +1,11 @@
 import React from "react";
+import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreActions } from "app/state/store/hooks";
 import {
   overlaycss,
   modalContainercss,
 } from "app/components/Charts/common/dialogBox/style";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 interface Props {
   display: {

src/app/components/Table/Expandable/Toolbar.tsx

@@ -6,6 +6,7 @@ import { exportCSV } from "app/utils/exportCSV";
 import Toolbar from "@material-ui/core/Toolbar";
 import Popover from "@material-ui/core/Popover";
 import CloseIcon from "@material-ui/icons/Close";
+import { useCMSData } from "app/hooks/useCMSData";
 import SearchIcon from "@material-ui/icons/Search";
 import IconButton from "@material-ui/core/IconButton";
 import { useStoreState } from "app/state/store/hooks";
@@ -16,7 +17,6 @@ import ViewColumnIcon from "@material-ui/icons/ViewColumnOutlined";
 import { CommonPropTypes } from "react-csv/components/CommonPropTypes";
 import { TableToolbarCols } from "app/components/Table/Expandable/data";
 import { Checkbox, FormControlLabel, FormGroup } from "@material-ui/core";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface TableToolbarProps {
   title: string;

src/app/components/Table/Expandable/index.tsx

@@ -1,8 +1,10 @@
 import React from "react";
+import get from "lodash/get";
 import filter from "lodash/filter";
 import { appColors } from "app/theme";
 import findIndex from "lodash/findIndex";
 import Table from "@material-ui/core/Table";
+import { useCMSData } from "app/hooks/useCMSData";
 import Collapse from "@material-ui/core/Collapse";
 import TableRow from "@material-ui/core/TableRow";
 import TableHead from "@material-ui/core/TableHead";
@@ -21,8 +23,6 @@ import {
   ExpandableTableRowDocProps,
   ExpandableTableRowProps,
 } from "app/components/Table/Expandable/data";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 const useRowStyles = makeStyles({
   root: {

src/app/components/ToolBoxPanel/components/allocationsperiods/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export function AllocationsPeriods() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/donormaptypes/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
+import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export function ToolBoxPanelDonorMapTypes() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/donormapviews/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
+import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export function ToolBoxPanelDonorViews() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/eligibilityadvanced/index.tsx

@@ -1,10 +1,10 @@
 import React from "react";
+import get from "lodash/get";
 import { appColors } from "app/theme";
+import { useCMSData } from "app/hooks/useCMSData";
 import Checkbox from "@material-ui/core/Checkbox";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export function ToolBoxPanelEligibilityAdvanced() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/eligibilityyear/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export function EligibilityYear() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/filters/common/expandedgroup/index.tsx

@@ -1,11 +1,14 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
+import get from "lodash/get";
 import find from "lodash/find";
 import remove from "lodash/remove";
 import isEqual from "lodash/isEqual";
+import { appColors } from "app/theme";
 import { useRecoilState } from "recoil";
 import findIndex from "lodash/findIndex";
+import { useCMSData } from "app/hooks/useCMSData";
 import Checkbox from "@material-ui/core/Checkbox";
 import { ResetIcon } from "app/assets/icons/Reset";
 import { SearchIcon } from "app/assets/icons/Search";
@@ -20,9 +23,6 @@ import {
   FilterGroupProps,
   FilterOptionProps,
 } from "app/components/ToolBoxPanel/components/filters/data";
-import { appColors } from "app/theme";
-import { get } from "lodash";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface ExpandedFilterGroupProps extends FilterGroupModel, FilterGroupProps {
   goBack: () => void;

src/app/components/ToolBoxPanel/components/filters/data.ts

@@ -1,4 +1,4 @@
-import { filter } from "lodash";
+import filter from "lodash/filter";
 
 export interface FilterGroupOptionModel {
   label: string;

src/app/components/ToolBoxPanel/components/filters/index.tsx

@@ -4,6 +4,7 @@ import isEqual from "lodash/isEqual";
 import { appColors } from "app/theme";
 import { useRecoilState } from "recoil";
 import Button from "@material-ui/core/Button";
+import { useCMSData } from "app/hooks/useCMSData";
 import { ResetIcon } from "app/assets/icons/Reset";
 import { filterExpandedGroup } from "app/state/recoil/atoms";
 import { useFilterOptions } from "app/hooks/useFilterOptions";
@@ -12,7 +13,6 @@ import { defaultAppliedFilters } from "app/state/api/action-reducers/sync/filter
 import { FilterGroupProps } from "app/components/ToolBoxPanel/components/filters/data";
 import { FilterGroup } from "app/components/ToolBoxPanel/components/filters/common/group";
 import { ExpandedFilterGroup } from "app/components/ToolBoxPanel/components/filters/common/expandedgroup";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface ToolBoxPanelFiltersProps {
   groups: FilterGroupProps[];

src/app/components/ToolBoxPanel/components/grantperiods/index.tsx

@@ -1,10 +1,10 @@
 import React from "react";
 import get from "lodash/get";
 import find from "lodash/find";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState } from "app/state/store/hooks";
 import { useParams, useHistory } from "react-router-dom";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface GrantDetailPeriod {
   number: number;

src/app/components/ToolBoxPanel/components/iconbuttons/index.tsx

@@ -4,6 +4,7 @@ import get from "lodash/get";
 import { CSVLink } from "react-csv";
 import { appColors } from "app/theme";
 import Snackbar from "@material-ui/core/Snackbar";
+import { useCMSData } from "app/hooks/useCMSData";
 import MenuItem from "@material-ui/core/MenuItem";
 import { useStoreState } from "app/state/store/hooks";
 import IconButton from "@material-ui/core/IconButton";
@@ -17,7 +18,6 @@ import { exportView } from "app/utils/exportView";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { useGetAllVizData } from "app/hooks/useGetAllVizData";
 import { CloudDownloadIcon } from "app/assets/icons/CloudDownload";
-import { useCMSData } from "app/hooks/useCMSData";
 
 const locationsToNotShowImageExport = [
   "/viz/disbursements/map",

src/app/components/ToolBoxPanel/components/pf-reportingperiods/index.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
+import get from "lodash/get";
+import { appColors } from "app/theme";
+import { useCMSData } from "app/hooks/useCMSData";
 import useMeasure from "react-use/lib/useMeasure";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 import Draggable, { DraggableEvent, DraggableData } from "react-draggable";
-import { appColors } from "app/theme";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export interface PerformanceFrameworkReportingPeriodsProps {
   periods: string[][];

src/app/components/ToolBoxPanel/components/resultsyear/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import get from "lodash/get";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useStoreState, useStoreActions } from "app/state/store/hooks";
 import { ToolBoxPanelAggregateBy } from "app/components/ToolBoxPanel/components/aggregateby";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export function ResultsYear() {
   const cmsData = useCMSData({ returnData: true });

src/app/components/ToolBoxPanel/components/subtoolboxpanel/index.tsx

@@ -1,9 +1,12 @@
 import React from "react";
 import get from "lodash/get";
 import find from "lodash/find";
+import { useRecoilState } from "recoil";
 import { useUpdateEffect } from "react-use";
 import { useMediaQuery } from "@material-ui/core";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useParams, useHistory } from "react-router-dom";
+import { filterExpandedGroup } from "app/state/recoil/atoms";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 import { ResultsYear } from "app/components/ToolBoxPanel/components/resultsyear";
 import { ToolBoxPanelFilters } from "app/components/ToolBoxPanel/components/filters";
@@ -24,9 +27,6 @@ import {
   ViewModel,
   getControlItems,
 } from "app/components/ToolBoxPanel/utils/getControlItems";
-import { useRecoilState } from "recoil";
-import { filterExpandedGroup } from "app/state/recoil/atoms";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface SubToolBoxPanelProps {
   filterGroups: FilterGroupProps[];

src/app/components/ToolBoxPanel/index.tsx

@@ -1,10 +1,12 @@
 /* eslint-disable no-nested-ternary */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React from "react";
+import get from "lodash/get";
 import { appColors } from "app/theme";
 import Fab from "@material-ui/core/Fab";
 import { useRecoilState } from "recoil";
 import { useHistory } from "react-router-dom";
+import { useCMSData } from "app/hooks/useCMSData";
 import { FiltersIcon } from "app/assets/icons/Filters";
 import { useUnmount, useUpdateEffect } from "react-use";
 import { isTouchDevice } from "app/utils/isTouchDevice";
@@ -15,8 +17,6 @@ import { useMediaQuery, IconButton, Slide } from "@material-ui/core";
 import { FilterGroupProps } from "app/components/ToolBoxPanel/components/filters/data";
 import { SubToolBoxPanel } from "app/components/ToolBoxPanel/components/subtoolboxpanel";
 import { ToolBoxPanelIconButtons } from "app/components/ToolBoxPanel/components/iconbuttons";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export interface ToolBoxPanelProps {
   open: boolean;

src/app/modules/documents-module/index.tsx

@@ -7,6 +7,7 @@ import { useTitle, useDebounce, useUpdateEffect } from "react-use";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 /* project */
 import { appColors } from "app/theme";
+import { useCMSData } from "app/hooks/useCMSData";
 import { PageHeader } from "app/components/PageHeader";
 import { ToolBoxPanel } from "app/components/ToolBoxPanel";
 import { PageLoader } from "app/modules/common/page-loader";
@@ -16,7 +17,6 @@ import { PageTopSpacer } from "app/modules/common/page-top-spacer";
 import { getAPIFormattedFilters } from "app/utils/getAPIFormattedFilters";
 import { ExpandableTableRowProps } from "app/components/Table/Expandable/data";
 import { pathnameToFilterGroups } from "app/components/ToolBoxPanel/components/filters/data";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export default function DocumentsModule() {
   useTitle("The Data Explorer - Documents");

src/app/modules/grants-module/components/List/index.tsx

@@ -1,7 +1,10 @@
 import React from "react";
+import get from "lodash/get";
+import { appColors } from "app/theme";
 import { Link } from "react-router-dom";
 import Grid from "@material-ui/core/Grid";
 import { useMediaQuery } from "@material-ui/core";
+import { useCMSData } from "app/hooks/useCMSData";
 import { RatingIcon } from "app/assets/icons/Rating";
 import { LocationIcon } from "app/assets/icons/Location";
 import { ComponentIcon } from "app/assets/icons/Component";
@@ -14,9 +17,6 @@ import {
   GrantsListProps,
   GrantListItemModel,
 } from "app/modules/grants-module/data";
-import { appColors } from "app/theme";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export function GrantsList(props: GrantsListProps) {
   const isMobile = useMediaQuery("(max-width: 767px)");

src/app/modules/results-module/components/List/index.tsx

@@ -1,8 +1,10 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
+import get from "lodash/get";
 import Grid from "@material-ui/core/Grid";
 import { useHistory } from "react-router-dom";
+import { useCMSData } from "app/hooks/useCMSData";
 import { useMediaQuery } from "@material-ui/core";
 import { ComponentIcon } from "app/assets/icons/Component";
 import { TriangleXSIcon } from "app/assets/icons/TriangleXS";
@@ -16,8 +18,6 @@ import {
   ResultsListProps,
   ResultListItemModel,
 } from "app/modules/results-module/data";
-import { get } from "lodash";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export function ResultsList(props: ResultsListProps) {
   return (

src/app/modules/results-module/datalist.tsx

@@ -1,12 +1,12 @@
 import React from "react";
+import get from "lodash/get";
 /* project */
+import { useCMSData } from "app/hooks/useCMSData";
 import { PageLoader } from "app/modules/common/page-loader";
 import { Search } from "app/modules/grants-module/components/Search";
 import { ResultListItemModel } from "app/modules/results-module/data";
 import { NoDataLabel } from "app/components/Charts/common/nodatalabel";
 import { ResultsList } from "app/modules/results-module/components/List";
-import { useCMSData } from "app/hooks/useCMSData";
-import { get } from "lodash";
 
 export const DataList = (props: {
   isLoading: boolean;

src/app/modules/results-module/index.tsx

@@ -9,6 +9,7 @@ import useMediaQuery from "@material-ui/core/useMediaQuery";
 import { useTitle, useDebounce, useUpdateEffect } from "react-use";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 /* project */
+import { useCMSData } from "app/hooks/useCMSData";
 import { PageHeader } from "app/components/PageHeader";
 import { ToolBoxPanel } from "app/components/ToolBoxPanel";
 import { DataList } from "app/modules/results-module/datalist";
@@ -17,7 +18,6 @@ import { PageTopSpacer } from "app/modules/common/page-top-spacer";
 import { ResultListItemModel } from "app/modules/results-module/data";
 import { getAPIFormattedFilters } from "app/utils/getAPIFormattedFilters";
 import { pathnameToFilterGroups } from "app/components/ToolBoxPanel/components/filters/data";
-import { useCMSData } from "app/hooks/useCMSData";
 
 export default function ResultsModule() {
   useTitle("The Data Explorer - Results");

src/app/modules/viz-module/sub-modules/allocations/geomap/index.tsx

@@ -6,12 +6,12 @@ import { FeatureCollection } from "geojson";
 import useTitle from "react-use/lib/useTitle";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 /* project */
+import { useCMSData } from "app/hooks/useCMSData";
 import { GeoMap } from "app/components/Charts/GeoMap";
 import { PageLoader } from "app/modules/common/page-loader";
 import { formatFinancialValue } from "app/utils/formatFinancialValue";
 import { getAPIFormattedFilters } from "app/utils/getAPIFormattedFilters";
 import { AllocationsGeoMapPinMarker } from "app/components/Charts/GeoMap/data";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface Props {
   code?: string;

src/app/modules/viz-module/sub-modules/allocations/index.tsx

@@ -12,6 +12,7 @@ import ReactApexCharts from "react-apexcharts";
 import { useTitle, useMeasure } from "react-use";
 import useMediaQuery from "@material-ui/core/useMediaQuery";
 /* project */
+import { useCMSData } from "app/hooks/useCMSData";
 import { isTouchDevice } from "app/utils/isTouchDevice";
 import { getIso3FromName } from "app/utils/getIso3FromName";
 import { PageLoader } from "app/modules/common/page-loader";
@@ -30,7 +31,6 @@ import {
   getKeysPercentages,
   AllocationsTreemapDataItem,
 } from "app/modules/viz-module/sub-modules/allocations/data";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface AllocationsModuleProps {
   code?: string;

src/app/modules/viz-module/sub-modules/allocations/table/index.tsx

@@ -2,14 +2,14 @@ import React from "react";
 import get from "lodash/get";
 import filter from "lodash/filter";
 import useTitle from "react-use/lib/useTitle";
+import { useCMSData } from "app/hooks/useCMSData";
 import useDebounce from "react-use/lib/useDebounce";
 import { SimpleTable } from "app/components/Table/Simple";
 import { PageLoader } from "app/modules/common/page-loader";
 import useUpdateEffect from "react-use/lib/useUpdateEffect";
 import { SimpleTableRow } from "app/components/Table/Simple/data";
 import { useStoreActions, useStoreState } from "app/state/store/hooks";
 import { getAPIFormattedFilters } from "app/utils/getAPIFormattedFilters";
-import { useCMSData } from "app/hooks/useCMSData";
 
 interface AllocationsTableProps {
   code?: string;