@databiosphere/findable-ui 10.2.0 → 11.0.0

package/lib/providers/exploreState.d.ts

@@ -5,7 +5,7 @@ import { RowPreviewState } from "../components/Table/features/RowPreview/entitie
 import { CategoryGroup, SiteConfig } from "../config/entities";
 import { EntityPageStateMapper, EntityStateByCategoryGroupConfigKey, ListItem } from "./exploreState/entities";
 import { ApplySavedFilterPayload, PaginateTablePayload, PatchExploreResponsePayload, ProcessExploreResponsePayload, ResetExploreResponsePayload, UpdateColumnVisibilityPayload, UpdateEntityFiltersPayload, UpdateEntityViewAccessPayload, UpdateFilterPayload, UpdateRowPreviewPayload, UpdateRowSelectionPayload, UpdateSortingPayload } from "./exploreState/payloads/entities";
-export declare type CatalogState = string | undefined;
+export type CatalogState = string | undefined;
 /**
  * Explore context.
  */
@@ -16,7 +16,7 @@ export interface ExploreContext {
 /**
  * Explore state.
  */
-export declare type ExploreState = {
+export type ExploreState = {
     catalogState: CatalogState;
     categoryGroups?: CategoryGroup[];
     categoryViews: SelectCategoryView[];
@@ -38,11 +38,11 @@ export interface ExploreStateContextProps {
     exploreDispatch: Dispatch<ExploreAction>;
     exploreState: ExploreState;
 }
-export declare type FeatureFlagState = string | undefined;
+export type FeatureFlagState = string | undefined;
 /**
  * List items.
  */
-export declare type ListItems = ListItem[] | undefined;
+export type ListItems = ListItem[] | undefined;
 /**
  * Pagination index.
  */
@@ -110,109 +110,109 @@ export declare enum ExploreActionKind {
 /**
  * Explore action.
  */
-export declare type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
+export type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
 /**
  * Apply saved filter action.
  */
-declare type ApplySavedFilterAction = {
+type ApplySavedFilterAction = {
     payload: ApplySavedFilterPayload;
     type: ExploreActionKind.ApplySavedFilter;
 };
 /**
  * Clear filters action.
  */
-declare type ClearFiltersAction = {
+type ClearFiltersAction = {
     payload: undefined;
     type: ExploreActionKind.ClearFilters;
 };
 /**
  * Paginate table action.
  */
-declare type PaginateTableAction = {
+type PaginateTableAction = {
     payload: PaginateTablePayload;
     type: ExploreActionKind.PaginateTable;
 };
 /**
  * Patch explore response action.
  */
-declare type PatchExploreResponseAction = {
+type PatchExploreResponseAction = {
     payload: PatchExploreResponsePayload;
     type: ExploreActionKind.PatchExploreResponse;
 };
 /**
  * Process explore response action.
  */
-declare type ProcessExploreResponseAction = {
+type ProcessExploreResponseAction = {
     payload: ProcessExploreResponsePayload;
     type: ExploreActionKind.ProcessExploreResponse;
 };
 /**
  * Reset explore response action.
  */
-declare type ResetExploreResponseAction = {
+type ResetExploreResponseAction = {
     payload: ResetExploreResponsePayload;
     type: ExploreActionKind.ResetExploreResponse;
 };
 /**
  * Reset state type action.
  */
-declare type ResetStateAction = {
+type ResetStateAction = {
     payload: string;
     type: ExploreActionKind.ResetState;
 };
 /**
  * Select entity type action.
  */
-declare type SelectEntityTypeAction = {
+type SelectEntityTypeAction = {
     payload: string;
     type: ExploreActionKind.SelectEntityType;
 };
 /**
  * Update column visibility action.
  */
-declare type UpdateColumnVisibilityAction = {
+type UpdateColumnVisibilityAction = {
     payload: UpdateColumnVisibilityPayload;
     type: ExploreActionKind.UpdateColumnVisibility;
 };
 /**
  * Update entity filters action.
  */
-declare type UpdateEntityFiltersAction = {
+type UpdateEntityFiltersAction = {
     payload: UpdateEntityFiltersPayload;
     type: ExploreActionKind.UpdateEntityFilters;
 };
 /**
  * Update entity view access action.
  */
-declare type UpdateEntityViewAccessAction = {
+type UpdateEntityViewAccessAction = {
     payload: UpdateEntityViewAccessPayload;
     type: ExploreActionKind.UpdateEntityViewAccess;
 };
 /**
  * Update filter action.
  */
-declare type UpdateFilterAction = {
+type UpdateFilterAction = {
     payload: UpdateFilterPayload;
     type: ExploreActionKind.UpdateFilter;
 };
 /**
  * Update row preview action.
  */
-export declare type UpdateRowPreviewAction = {
+export type UpdateRowPreviewAction = {
     payload: UpdateRowPreviewPayload;
     type: ExploreActionKind.UpdateRowPreview;
 };
 /**
  * Update row selection action.
  */
-declare type UpdateRowSelectionAction = {
+type UpdateRowSelectionAction = {
     payload: UpdateRowSelectionPayload;
     type: ExploreActionKind.UpdateRowSelection;
 };
 /**
  * Update sorting action.
  */
-export declare type UpdateSortingAction = {
+export type UpdateSortingAction = {
     payload: UpdateSortingPayload;
     type: ExploreActionKind.UpdateSorting;
 };

package/lib/providers/fileManifestState.d.ts

@@ -22,7 +22,7 @@ export declare const DEFAULT_FILE_MANIFEST_STATE: {
 /**
  * File manifest state.
  */
-export declare type FileManifestState = {
+export type FileManifestState = {
     fileManifestFormat?: ManifestDownloadFormat;
     filesFacets: FileFacet[];
     fileSummary?: AzulSummaryResponse;
@@ -42,7 +42,7 @@ export declare type FileManifestState = {
 /**
  * Model of file manifest state context.
  */
-export declare type FileManifestStateContextProps = {
+export type FileManifestStateContextProps = {
     fileManifestDispatch: Dispatch<FileManifestAction>;
     fileManifestState: FileManifestState;
 };
@@ -65,53 +65,53 @@ export declare enum FileManifestActionKind {
 /**
  * File manifest action.
  */
-export declare type FileManifestAction = ClearFileManifestAction | FetchFileManifestAction | UpdateFileManifestAction | UpdateFileManifestFormatAction | UpdateFilterAction | UpdateFiltersCategoryAction;
+export type FileManifestAction = ClearFileManifestAction | FetchFileManifestAction | UpdateFileManifestAction | UpdateFileManifestFormatAction | UpdateFilterAction | UpdateFiltersCategoryAction;
 /**
  * Resets file manifest state.
  */
-declare type ClearFileManifestAction = {
+type ClearFileManifestAction = {
     payload: undefined;
     type: FileManifestActionKind.ClearFileManifest;
 };
 /**
  * Fetch file manifest action.
  */
-declare type FetchFileManifestAction = {
+type FetchFileManifestAction = {
     payload: FetchFileManifestPayload;
     type: FileManifestActionKind.FetchFileManifest;
 };
 /**
  * Update file manifest action.
  */
-declare type UpdateFileManifestAction = {
+type UpdateFileManifestAction = {
     payload: UpdateFileManifestPayload;
     type: FileManifestActionKind.UpdateFileManifest;
 };
 /**
  * Update file manifest format action.
  */
-declare type UpdateFileManifestFormatAction = {
+type UpdateFileManifestFormatAction = {
     payload: ManifestDownloadFormat | undefined;
     type: FileManifestActionKind.UpdateFileManifestFormat;
 };
 /**
  * Update filter action.
  */
-declare type UpdateFilterAction = {
+type UpdateFilterAction = {
     payload: UpdateFilterPayload;
     type: FileManifestActionKind.UpdateFilter;
 };
 /**
  * Update filters by category action.
  */
-declare type UpdateFiltersCategoryAction = {
+type UpdateFiltersCategoryAction = {
     payload: CategoryKey;
     type: FileManifestActionKind.UpdateFiltersCategory;
 };
 /**
  * Initialize file manifest payload.
  */
-declare type FetchFileManifestPayload = {
+type FetchFileManifestPayload = {
     fileManifestFormat?: ManifestDownloadFormat;
     fileSummaryFacetName?: string;
     filters: Filters;
@@ -119,7 +119,7 @@ declare type FetchFileManifestPayload = {
 /**
  * Update file manifest payload.
  */
-declare type UpdateFileManifestPayload = {
+type UpdateFileManifestPayload = {
     filesFacets: FileFacet[];
     fileSummary?: AzulSummaryResponse;
     isFacetsLoading: boolean;
@@ -132,7 +132,7 @@ declare type UpdateFileManifestPayload = {
 /**
  * Update filter payload.
  */
-export declare type UpdateFilterPayload = {
+export type UpdateFilterPayload = {
     categoryKey: CategoryKey;
     selected: boolean;
     selectedValue: CategoryValueKey;

package/lib/providers/layoutState.d.ts

@@ -5,13 +5,13 @@ export declare const DEFAULT_LAYOUT_STATE: {
 /**
  * Layout state.
  */
-export declare type LayoutState = {
+export type LayoutState = {
     headerHeight: number;
 };
 /**
  * Model of layout state context.
  */
-export declare type LayoutStateContextProps = {
+export type LayoutStateContextProps = {
     layoutDispatch: Dispatch<LayoutAction>;
     layoutState: LayoutState;
 };
@@ -29,11 +29,11 @@ export declare enum LayoutActionKind {
 /**
  * Layout action.
  */
-export declare type LayoutAction = UpdateHeaderHeightAction;
+export type LayoutAction = UpdateHeaderHeightAction;
 /**
  * Update header height action.
  */
-declare type UpdateHeaderHeightAction = {
+type UpdateHeaderHeightAction = {
     payload?: number;
     type: LayoutActionKind.UpdateHeaderHeight;
 };

package/lib/theme/common/breakpoints.d.ts

@@ -22,8 +22,8 @@ export declare const tablet = BREAKPOINTS.TABLET;
 /**
  * Breakpoints queries
  */
-export declare const desktopUp: string;
-export declare const desktopSmUp: string;
-export declare const mobileUp: string;
-export declare const tabletUp: string;
+export declare const desktopUp = "@media (min-width: 1440px)";
+export declare const desktopSmUp = "@media (min-width: 1280px)";
+export declare const mobileUp = "@media (min-width: 0px)";
+export declare const tabletUp = "@media (min-width: 768px)";
 export {};

package/lib/theme/common/components.js

@@ -90,7 +90,7 @@ export const MuiAlert = (theme) => {
             root: {
                 ...theme.typography[TEXT_BODY_400_2_LINES],
                 borderRadius: 8,
-                boxShadow: theme.shadows[1],
+                boxShadow: theme.shadows[1], // elevation01
                 color: theme.palette.ink.main,
             },
             standard: {
@@ -583,7 +583,7 @@ export const MuiChip = (theme) => {
                 props: { variant: "filterTag" },
                 style: {
                     ...theme.typography[TEXT_BODY_SMALL_500],
-                    cursor: "pointer",
+                    cursor: "pointer", // "pointer" cursor required to restore "clickable" ui
                     gap: 2,
                     height: 24,
                     justifySelf: FLEX_START,
@@ -976,7 +976,7 @@ export const MuiInputBase = (theme) => {
             },
             root: {
                 ...theme.typography[TEXT_BODY_400],
-                fontSize: 16,
+                fontSize: 16, // overrides default 14px to prevent IOS zoom on focus.
                 height: 40,
                 letterSpacing: "normal",
                 // eslint-disable-next-line sort-keys -- disabling key order for readability
@@ -1178,7 +1178,7 @@ export const MuiPaper = (theme) => {
                     borderRadius: 0,
                     borderStyle: "solid",
                     borderWidth: "0 0 1px 0",
-                    boxShadow: theme.shadows[1],
+                    boxShadow: theme.shadows[1], // elevation01,
                     // eslint-disable-next-line sort-keys -- disabling key order for readability
                     "&.MuiDialog-paper": {
                         marginLeft: 0,
@@ -1189,7 +1189,7 @@ export const MuiPaper = (theme) => {
                 },
             },
             {
-                props: { variant: "table" },
+                props: { variant: "table" }, // Copy of "panel" variant.
                 style: {
                     borderColor: theme.palette.smoke.main,
                     borderStyle: "solid",
@@ -1525,8 +1525,8 @@ export const MuiToggleButtonGroup = (theme) => {
     return {
         styleOverrides: {
             grouped: {
-                border: "none !important",
-                borderRadius: "4px !important",
+                border: "none !important", // Overrides "grouped" css selector specificity.
+                borderRadius: "4px !important", // Overrides "grouped" css selector specificity.
                 margin: "0 !important", // Overrides "grouped" css selector specificity.
             },
             root: {
@@ -1582,7 +1582,7 @@ export const MuiTooltip = (theme) => {
             tooltip: {
                 ...theme.typography[TEXT_BODY_SMALL_400],
                 backgroundColor: theme.palette.ink.main,
-                boxShadow: theme.shadows[2],
+                boxShadow: theme.shadows[2], // elevation02
                 boxSizing: "content-box",
                 padding: "8px 12px",
             },

package/lib/theme/common/palette.d.ts

@@ -135,8 +135,8 @@ export declare const alpha80 = ALPHA.A80;
 /**
  * Shades
  */
-export declare const black04: string;
-export declare const black08: string;
+export declare const black04 = "#0000000a";
+export declare const black08 = "#00000014";
 /**
  * Palette Option "Alert"
  */

package/lib/types/error.d.ts

@@ -1,4 +1,4 @@
-declare type ErrorType = Error & any;
+type ErrorType = Error & any;
 export declare class DataExplorerError extends Error {
     statusCode?: string | number;
     requestUrlMessage?: string;

package/lib/utils/tests.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Returns anchor element by id.
+ * @param id - ID.
+ * @returns anchor element.
+ */
+export declare function getAnchorEl(id: string): HTMLAnchorElement;
+/**
+ * Returns button element by id.
+ * @param id - ID.
+ * @returns HTML button element.
+ */
+export declare function getButtonById(id: string): HTMLButtonElement;

package/lib/utils/tests.js

@@ -0,0 +1,17 @@
+import { screen } from "@testing-library/react";
+/**
+ * Returns anchor element by id.
+ * @param id - ID.
+ * @returns anchor element.
+ */
+export function getAnchorEl(id) {
+    return screen.getByTestId(id);
+}
+/**
+ * Returns button element by id.
+ * @param id - ID.
+ * @returns HTML button element.
+ */
+export function getButtonById(id) {
+    return screen.getByTestId(id);
+}

package/lib/viewModelBuilders/common/entities.d.ts

@@ -1,4 +1,4 @@
 /**
  * Map of category key to category label.
  */
-export declare type CategoryKeyLabel = Map<string, string>;
+export type CategoryKeyLabel = Map<string, string>;

package/lib/views/ContentView/contentView.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { ContentView } from "./contentView";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./contentView").ContentViewProps>;
+declare const _default: Meta<typeof ContentView>;
 export default _default;
-declare type Story = StoryObj<typeof ContentView>;
+type Story = StoryObj<typeof ContentView>;
 export declare const ContentViewStory: Story;

package/lib/views/EntityDetailView/entityDetailView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface EntityDetailViewProps<T = any> {
     data?: T;
     entityListType: string;

package/lib/views/ExploreView/exploreView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AzulEntitiesStaticResponse } from "../../apis/azul/common/entities";
 export interface ExploreViewProps extends AzulEntitiesStaticResponse {
     className?: string;

package/lib/views/ExportMethodView/exportMethodView.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ExportMethodView: () => JSX.Element;

package/lib/views/ExportView/exportView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AzulEntityStaticResponse } from "../../apis/azul/common/entities";
-export declare type ExportViewProps = AzulEntityStaticResponse;
+export type ExportViewProps = AzulEntityStaticResponse;
 export declare const ExportView: (props: ExportViewProps) => JSX.Element;

package/lib/views/LoginView/loginView.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LoginView: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "10.2.0",
+  "version": "11.0.0",
   "description": "",
   "scripts": {
     "test": "jest",
@@ -24,6 +24,7 @@
   "devDependencies": {
     "@commitlint/cli": "^17.4.2",
     "@commitlint/config-conventional": "^17.4.2",
+    "@mui/types": "^7.2.16",
     "@next/eslint-plugin-next": "^14.1.0",
     "@storybook/addon-actions": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
@@ -34,9 +35,10 @@
     "@storybook/react": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/types": "^7.6.17",
+    "@testing-library/react": "^16.0.1",
     "@types/jest": "^29.4.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
     "@types/react-gtm-module": "^2.0.1",
     "@types/react-window": "^1.8.5",
     "@types/uuid": "8.3.4",
@@ -59,21 +61,21 @@
     "prettier-plugin-organize-imports": "^3.2.2",
     "storybook": "^7.6.17",
     "ts-jest": "^29.0.5",
-    "typescript": "^4.6.4"
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
-    "@mui/icons-material": "5.14.1",
-    "@mui/material": "5.14.1",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^6.0.2",
+    "@mui/material": "^6.0.2",
     "@tanstack/react-table": "^8.19.2",
     "@tanstack/react-virtual": "^3.0.0-beta.59",
     "axios": "^1.6.7",
     "copy-to-clipboard": "3.3.1",
     "isomorphic-dompurify": "0.24.0",
     "next": "^14.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
     "react-gtm-module": "2.0.11",
     "react-idle-timer": "^5.6.2",

package/src/apis/azul/common/constants.ts

@@ -1,8 +1,3 @@
-/**
- * Path to add to file URL when requesting file location.
- */
-export const API_FILE_LOCATION_FETCH = "fetch";
-
 export const FILE_LOCATION_SUCCESSFULLY = 302;
 export const FILE_LOCATION_PENDING = 301;
 

package/src/apis/azul/common/filterTransformer.ts

@@ -10,10 +10,10 @@ import {
   PaginationResponse,
 } from "../../../providers/exploreState";
 import {
+  AZUL_FILTER_OPERATOR,
   AzulPaginationResponse,
   AzulSearchIndex,
   AzulTermFacets,
-  AZUL_FILTER_OPERATOR,
   LABEL,
 } from "./entities";
 import { getFilterParameterValue } from "./utils";

package/src/common/analytics/analytics.ts

@@ -1,5 +1,5 @@
 import { getConfig } from "../../config/config";
-import { DataLayer, EventParams, EVENT_NAME } from "./entities";
+import { DataLayer, EVENT_NAME, EventParams } from "./entities";
 
 /**
  * Returns the GTM data layer for the environment, if enabled.

package/src/common/analytics/readme-analytics.md

@@ -0,0 +1,15 @@
+# Findable-UI Analytics Readme
+
+Findable-UI reports various events using Google Analytics 4.
+All events are defined in `entities.ts` and can be trigged using the `track` function in `analytics.ts`.
+See below a list of the currently available events.
+
+### GA4 Event Inventory
+
+| Event                     | Parameters                                                      | Description                                                     |
+| ------------------------- | --------------------------------------------------------------- | --------------------------------------------------------------- |
+| `bulk_download_requested` | `catalog`, `current_query`, `entity_type`, `index`, `tool_name` | Runs when the HCA-DCP "Request curl command" button is selected |
+| `entity_selected`         | `entity_name`                                                   | Runs when an entity (tab) is selected                           |
+| `entity_table_paginated`  | `entity_name`, `pagination_directed`                            | Runs when the page forward/backwards buttons are clicked        |
+| `entity_table_sorted`     | `entity_name`, `column_name`, `sort_direction`                  | Runs each time a column in the entity table is sorted           |
+| `filter_selected`         | `filter_name`, `filter_value`                                   | Runs each time a filter is selected                             |

package/src/components/Detail/components/Table/table.tsx

@@ -1,8 +1,8 @@
 import {
   TableCellProps as MTableCellProps,
-  TableContainer,
   TableContainerProps as MTableContainerProps,
   TableProps as MTableProps,
+  TableContainer,
 } from "@mui/material";
 import {
   ColumnDef,

package/src/components/Error/error.tsx

@@ -9,8 +9,8 @@ import { AlertIcon } from "../common/CustomIcon/components/AlertIcon/alertIcon";
 import { Grid } from "../common/Grid/grid";
 import { RoundedPaper } from "../common/Paper/paper.styles";
 import {
-  SectionActions,
   SectionContent as Content,
+  SectionActions,
 } from "../common/Section/section.styles";
 import { PRIORITY, StatusIcon } from "../common/StatusIcon/statusIcon";
 import {

package/src/components/Export/components/DownloadCurlCommand/downloadCurlCommand.tsx

@@ -3,8 +3,8 @@ import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities"
 import { Filters } from "../../../../common/entities";
 import { useExploreState } from "../../../../hooks/useExploreState";
 import {
-  FileManifestType,
   FILE_MANIFEST_TYPE,
+  FileManifestType,
 } from "../../../../hooks/useFileManifest/common/entities";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
 import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";

package/src/components/Export/components/ExportForm/components/ExportFileSummaryForm/exportFileSummaryForm.tsx

@@ -20,8 +20,8 @@ import { FileSummaryFacet } from "../../../../common/entities";
 import { OnFilterFn, OnUpdateFilterFacet } from "../../common/entities";
 import { ERROR, OnClearError } from "../../exportForm";
 import {
-  GridPaper,
   TableFormControl as FormControl,
+  GridPaper,
 } from "../../exportForm.styles";
 
 export interface ExportFileSummaryFormProps {

package/src/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.tsx

@@ -1,8 +1,8 @@
 import { Typography } from "@mui/material";
 import React from "react";
 import {
-  OnboardingStatus,
   ONBOARDING_STEP,
+  OnboardingStatus,
   useAuthenticationForm,
 } from "../../../../../../hooks/useAuthentication/useAuthenticationForm";
 import { TEXT_BODY_400_2_LINES } from "../../../../../../theme/common/typography";

package/src/components/Filter/components/SearchAllFilters/components/VariableSizeList/VariableSizeList.tsx

@@ -10,8 +10,8 @@ import React, {
   useState,
 } from "react";
 import {
-  ListChildComponentProps,
   VariableSizeList as List,
+  ListChildComponentProps,
   VariableSizeListProps as ListProps,
 } from "react-window";
 import { SelectCategoryView } from "../../../../../../common/entities";

package/src/components/Filter/components/VariableSizeList/VariableSizeList.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import {
-  ListChildComponentProps,
   VariableSizeList as List,
+  ListChildComponentProps,
   VariableSizeListProps as ListProps,
 } from "react-window";
 import { CategoryKey } from "../../../../common/entities";