@databiosphere/findable-ui 51.0.0 → 51.0.1

package/lib/common/chart/sort/utils.d.ts

@@ -1,4 +1,4 @@
-import { ChartSortOptions, ChartSortFn } from "./types";
+import { ChartSortFn, ChartSortOptions } from "./types";
 /**
  * Resolves chart sort options to a sorting function.
  * @param chartSortOptions - Chart sort option (ALPHA, COUNT, or custom function).

package/lib/components/ComponentCreator/ComponentCreator.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { createElement } from "react";
+import { useAuth } from "../../auth/hooks/useAuth";
 import { useConfig } from "../../hooks/useConfig";
 import { useExploreState } from "../../hooks/useExploreState";
 import { useFileManifestState } from "../../hooks/useFileManifestState";
 import { useSystemStatus } from "../../hooks/useSystemStatus";
-import { useAuth } from "../../auth/hooks/useAuth";
 /**
  * ComponentCreator uses React API to create components based on the component configs, instead of using JSX.
  * That way we can continue to create UI components without having to worry about if they should be able to transform model data into props.

package/lib/components/ComponentCreator/components/RenderComponent/renderComponent.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 /**
  * Renders a React functional or class component as a React node.
  */

package/lib/components/ErrorBoundary/errorBoundary.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode, PropsWithChildren, PropsWithRef } from "react";
+import { Component, PropsWithChildren, PropsWithRef, ReactNode } from "react";
 interface ErrorBoundaryState {
     error?: Error;
 }

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandForm/downloadCurlCommandForm.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Dispatch, SetStateAction } from "react";
+import { Dispatch, JSX, SetStateAction } from "react";
 import { ExecutionEnvironment, FormFacet } from "../../../../common/entities";
 import { OnRequestManifestFn } from "../../../ExportForm/exportForm";
 export interface DownloadCurlCommandFormProps {

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandNotStarted/downloadCurlCommandNotStarted.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Dispatch, ElementType, SetStateAction } from "react";
+import { Dispatch, ElementType, JSX, SetStateAction } from "react";
 import { FileManifestState } from "../../../../../../providers/fileManifestState";
 import { ExecutionEnvironment, FormFacet } from "../../../../common/entities";
 export interface DownloadCurlCommandNotStartedProps {

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandReady/downloadCurlCommandReady.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface DownloadCurlCommandReadyProps {
     curlCommand: string;
     DownloadCurlSuccess: ElementType;

package/lib/components/Export/components/DownloadCurlCommand/downloadCurlCommand.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { Filters } from "../../../../common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";

package/lib/components/Export/components/ExportForm/components/ExportButton/exportButton.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType, ReactNode } from "react";
+import { ElementType, JSX, ReactNode } from "react";
 export interface ExportButtonProps {
     Button?: ElementType;
     children: ReactNode;

package/lib/components/Export/components/ExportForm/components/ExportExecutionEnvironmentForm/exportExecutionEnvironmentForm.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Dispatch, SetStateAction } from "react";
+import { Dispatch, JSX, SetStateAction } from "react";
 import { ExecutionEnvironment } from "../../../../common/entities";
 export interface ExportExecutionEnvironmentFormProps {
     executionEnvironment: ExecutionEnvironment;

package/lib/components/Export/components/ExportForm/exportForm.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType, ReactNode } from "react";
+import { ElementType, JSX, ReactNode } from "react";
 import { FormFacet } from "../../common/entities";
 export declare enum ERROR {
     FILE_SUMMARY_ERROR = "fileSummaryError",

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraForm/exportToTerraForm.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Dispatch, SetStateAction } from "react";
+import { Dispatch, JSX, SetStateAction } from "react";
 import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { FormFacet, ManifestDownloadFormat } from "../../../../common/entities";
 import { OnRequestManifestFn } from "../../../ExportForm/exportForm";

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraNotStarted/exportToTerraNotStarted.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { FileManifestState } from "../../../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../../../common/entities";

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface ExportToTerraReadyProps {
     ExportToTerraSuccess: ElementType;
     exportURL: string;

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Link } from "@mui/material";
+import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../../Links/common/entities";
 import { Section, SectionActions, SectionContent, } from "../../../../export.styles";
-import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
-import { Button, Link } from "@mui/material";
 export const ExportToTerraReady = ({ ExportToTerraSuccess, exportURL, }) => {
     return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(ExportToTerraSuccess, {}) }), _jsx(SectionActions, { children: _jsx(Button, { color: BUTTON_PROPS.COLOR.PRIMARY, component: Link, href: exportURL, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: ANCHOR_TARGET.BLANK, variant: BUTTON_PROPS.VARIANT.CONTAINED, children: "Open Terra" }) })] }) }));
 };

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
-import { ONBOARDING_STEP, useAuthenticationForm, } from "../../../../../../hooks/authentication/terra/useAuthenticationForm";
 import { useAuth } from "../../../../../../auth/hooks/useAuth";
 import { AUTH_STATUS } from "../../../../../../auth/types/auth";
+import { ONBOARDING_STEP, useAuthenticationForm, } from "../../../../../../hooks/authentication/terra/useAuthenticationForm";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
 import { FluidPaper, GridPaper, } from "../../../../../common/Paper/paper.styles";
 import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";

package/lib/components/Export/components/ExportToTerra/exportToTerra.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { Filters } from "../../../../common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestDownload/fileManifestDownload.js

@@ -4,13 +4,13 @@ import copy from "copy-to-clipboard";
 import { useDownloadStatus } from "../../../../../../../../hooks/useDownloadStatus";
 import { useFileManifestDownload } from "../../../../../../../../hooks/useFileManifest/useFileManifestDownload";
 import { useLoginGuard } from "../../../../../../../../providers/loginGuard/hook";
-import { trackDatasetFileManifestRequested } from "../../../../../../common/tracking";
 import { BUTTON_PROPS } from "../../../../../../../common/Button/constants";
 import { ButtonGroup } from "../../../../../../../common/ButtonGroup/buttonGroup";
 import { ContentCopyIconSmall, DownloadIconSmall, } from "../../../../../../../common/CustomIcon/common/constants";
 import { FluidPaper, GridPaper, } from "../../../../../../../common/Paper/paper.styles";
 import { Loading, LOADING_PANEL_STYLE, } from "../../../../../../../Loading/loading";
 import { GridTable } from "../../../../../../../Table/common/gridTable.styles";
+import { trackDatasetFileManifestRequested } from "../../../../../../common/tracking";
 import { TOOLTIP_PROPS } from "../../constants";
 import { SectionTitle, TableContainer, } from "../../manifestDownloadEntity.styles";
 export const FileManifestDownload = ({ filters, }) => {

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadNotStarted/manifestDownloadNotStarted.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { FileManifestState } from "../../../../../../providers/fileManifestState";
 import { FormFacet } from "../../../../common/entities";
 export interface ManifestDownloadNotStartedProps {

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadReady/manifestDownloadReady.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface ManifestDownloadReadyProps {
     ManifestDownloadSuccess: ElementType;
     manifestURL: string;

package/lib/components/Export/components/ManifestDownload/manifestDownload.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { Filters } from "../../../../common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";

package/lib/components/Filter/components/VariableSizeListItem/variableSizeListItem.d.ts

@@ -1,4 +1,4 @@
-import { JSX, CSSProperties } from "react";
+import { CSSProperties, JSX } from "react";
 import { CategoryKey } from "../../../../common/entities";
 import { OnFilterFn } from "../../../../hooks/useCategoryFilter";
 import { FilterMenuSearchMatch } from "../../common/entities";

package/lib/components/Filter/components/adapters/tanstack/ColumnFiltersAdapter/types.d.ts

@@ -1,8 +1,8 @@
 import { RowData, Table, TableMeta as TanStackTableMeta } from "@tanstack/react-table";
+import { JSX } from "react";
 import { FILTER_SORT } from "../../../../../../common/filters/sort/config/types";
 import { CategoryGroup } from "../../../../../../config/entities";
 import { SurfaceProps } from "../../../surfaces/types";
-import { JSX } from "react";
 export interface ColumnFiltersAdapterProps<T extends RowData> {
     renderSurface: (props: SurfaceProps) => JSX.Element | null;
     table: Table<T>;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/authentication.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps as MButtonProps, IconButtonProps as MIconButtonProps } from "@mui/material";
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface AuthenticationProps {
     authenticationEnabled?: boolean;
     Button: ElementType<MButtonProps> | ElementType<MIconButtonProps>;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Search/search.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps as MButtonProps, IconButtonProps as MIconButtonProps } from "@mui/material";
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface SearchProps {
     Button: ElementType<MButtonProps> | ElementType<MIconButtonProps>;
     closeMenu: () => void;

package/lib/components/MarkdownRenderer/components/Anchor/anchor.d.ts

@@ -1,4 +1,4 @@
-import { JSX, AnchorHTMLAttributes, ClassAttributes } from "react";
+import { AnchorHTMLAttributes, ClassAttributes, JSX } from "react";
 import { BaseComponentProps } from "../../../types";
 /**
  * rehype-sanitize's default schema allows only a limited set of attributes on <a> elements:

package/lib/components/MarkdownRenderer/components/Table/table.d.ts

@@ -1,3 +1,3 @@
 import { BaseComponentProps } from "components/types";
-import { JSX, ClassAttributes, TableHTMLAttributes } from "react";
+import { ClassAttributes, JSX, TableHTMLAttributes } from "react";
 export declare const Table: (props: BaseComponentProps & ClassAttributes<HTMLTableElement> & TableHTMLAttributes<HTMLTableElement>) => JSX.Element;

package/lib/components/MarkdownRenderer/markdownRenderer.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
-import { useEffect, useMemo, useState, isValidElement, } from "react";
+import { isValidElement, useEffect, useMemo, useState, } from "react";
+import * as production from "react/jsx-runtime";
 import rehypeRaw from "rehype-raw";
 import rehypeReact from "rehype-react";
-import * as production from "react/jsx-runtime";
 import rehypeSanitize from "rehype-sanitize";
 import remarkGfm from "remark-gfm";
 import remarkParse from "remark-parse";

package/lib/components/MarkdownRenderer/types.d.ts

@@ -1,5 +1,5 @@
-import { BaseComponentProps } from "../types";
 import { Components } from "rehype-react";
+import { BaseComponentProps } from "../types";
 export interface MarkdownRendererProps extends BaseComponentProps {
     components?: Components;
     regex?: RegExp;

package/lib/components/Support/components/SupportRequest/components/Dialog/dialog.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Dispatch, ReactNode, SetStateAction } from "react";
+import { Dispatch, JSX, ReactNode, SetStateAction } from "react";
 export interface FormDialogProps {
     children: ReactNode;
     setFormSubmitted: Dispatch<SetStateAction<boolean>>;

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/supportRequestForm.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction, JSX } from "react";
+import { Dispatch, JSX, SetStateAction } from "react";
 import { SupportRequest } from "../../supportRequest";
 export interface SupportRequestFormProps {
     setFormSubmitted: Dispatch<SetStateAction<boolean>>;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "@mui/material";
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface CallToAction {
     label: string;

package/lib/components/common/Chip/components/Beta/beta.styles.js

@@ -1,7 +1,7 @@
 import styled from "@emotion/styled";
 import { Chip } from "@mui/material";
-import { PALETTE } from "../../../../../styles/common/constants/palette";
 import { FONT } from "../../../../../styles/common/constants/font";
+import { PALETTE } from "../../../../../styles/common/constants/palette";
 export const StyledChip = styled(Chip) `
   background-color: ${PALETTE.PRIMARY_LIGHTEST};
   border-radius: 4px;

package/lib/components/common/IconBadge/iconBadge.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 /**
  * Model of icon badge color.
  */

package/lib/components/common/IconButton/iconButton.d.ts

@@ -1,5 +1,5 @@
 import { IconButtonProps as MIconButtonProps, IconProps as MIconProps } from "@mui/material";
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 /**
  * Basic icon button component.
  * Use IconButtonSecondary styles to render secondary icon button.

package/lib/components/common/Input/input.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 import { SetSearchTermFn } from "../../Filter/common/entities";
 /**
  * Basic input component.

package/lib/components/common/KeyValuePairs/keyValuePairs.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType, ReactNode } from "react";
+import { ElementType, JSX, ReactNode } from "react";
 /**
  * Basic key value pairs component.
  * Optional wrapper components for the key values, key value tuple, key and value for complete ui flexibility.

package/lib/components/common/Progress/components/CircularProgress/circularProgress.d.ts

@@ -1,5 +1,5 @@
 import { CircularProgressProps as MCircularProgressProps } from "@mui/material";
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 export interface CircularProgressProps extends MCircularProgressProps {
     className?: string;
     Track?: ElementType<CircularProgressProps>;

package/lib/components/common/Stack/components/Divider/divider.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType, ReactNode } from "react";
+import { ElementType, JSX, ReactNode } from "react";
 export interface DividerProps {
     children: ReactNode | ReactNode[];
     component?: ElementType;

package/lib/components/common/StatusIcon/statusIcon.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ElementType } from "react";
+import { ElementType, JSX } from "react";
 /**
  * Model of priority.
  */

package/lib/config/entities.d.ts

@@ -2,19 +2,19 @@ import { TabProps as MTabProps, Theme, ThemeOptions } from "@mui/material";
 import { CellContext, ColumnDef, ColumnMeta, ColumnSort, GroupingState, RowData, Table, TableOptions } from "@tanstack/react-table";
 import { JSX, JSXElementConstructor, ReactNode } from "react";
 import { AzulSummaryResponse } from "../apis/azul/common/entities";
+import { AuthState } from "../auth/types/auth";
+import { UserProfile } from "../auth/types/authentication";
+import { ProviderId } from "../auth/types/common";
+import { AiConfig } from "../common/ai/config/types";
 import { CategoryConfig } from "../common/categories/config/types";
 import { DataDictionaryAnnotation, DataDictionaryConfig, SelectedFilter } from "../common/entities";
 import { FilterSortConfig } from "../common/filters/sort/config/types";
 import { FooterProps } from "../components/Layout/components/Footer/footer";
 import { HeaderProps } from "../components/Layout/components/Header/header";
 import { ExploreMode } from "../hooks/useExploreMode/types";
-import { AuthState } from "../auth/types/auth";
-import { UserProfile } from "../auth/types/authentication";
-import { ProviderId } from "../auth/types/common";
 import { ExploreState } from "../providers/exploreState";
 import { FileManifestState } from "../providers/fileManifestState";
 import { SystemStatus, SystemStatusResponse } from "../providers/systemStatus";
-import { AiConfig } from "../common/ai/config/types";
 /**
  * Interface to define the analytics configuration for a given site.
  */

package/lib/hooks/useEntityList.js

@@ -31,6 +31,16 @@ export const useEntityList = (staticResponse) => {
     const entities = getEntities(staticData, data);
     const shouldDispatchResponse = isDispatchable(exploreMode, data?.apiPath === apiPath, entityListType === tabValue);
     const isFetching = isIdle || isLoading;
+    // Reset explore response when token changes - server-side fetched modes only.
+    useEffect(() => {
+        if (exploreMode === EXPLORE_MODE.SS_FETCH_SS_FILTERING ||
+            exploreMode === EXPLORE_MODE.SS_FETCH_CS_FILTERING) {
+            exploreDispatch({
+                payload: undefined,
+                type: ExploreActionKind.ResetExploreResponse,
+            });
+        }
+    }, [exploreDispatch, exploreMode, token]);
     // Fetch entities - on change of filter state - server-side fetching and server-side filtering.
     useEffect(() => {
         if (exploreMode === EXPLORE_MODE.SS_FETCH_SS_FILTERING) {

package/lib/providers/exploreState.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useEffect, useMemo, useReducer, useState, } from "react";
-import { useToken } from "../hooks/authentication/token/useToken";
+import { createContext, useMemo, useReducer, useState, } from "react";
 import { META_COMMAND } from "../hooks/stateSyncManager/hooks/UseMetaCommands/types";
 import { buildCategoryViews, buildNextFilterState, } from "../hooks/useCategoryFilter";
 import { useConfig } from "../hooks/useConfig";
@@ -40,7 +39,6 @@ export const ExploreStateContext = createContext({
 export function ExploreStateProvider({ children, entityListType, }) {
     const { config, defaultEntityListType } = useConfig();
     const { decodedCatalogParam, decodedFeatureFlagParam, decodedFilterParam } = useURLFilterParams();
-    const { token } = useToken();
     const entityList = entityListType || defaultEntityListType;
     const [initializerArg] = useState(() => initReducerArguments(config, entityList, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam));
     const [exploreState, exploreDispatch] = useReducer((s, a) => exploreReducer(s, a, {
@@ -51,13 +49,6 @@ export function ExploreStateProvider({ children, entityListType, }) {
     const exploreContextValue = useMemo(() => {
         return { exploreDispatch, exploreState };
     }, [exploreDispatch, exploreState]);
-    // Reset explore response when token changes.
-    useEffect(() => {
-        exploreDispatch({
-            payload: undefined,
-            type: ExploreActionKind.ResetExploreResponse,
-        });
-    }, [exploreDispatch, token]);
     return (_jsx(ExploreStateContext.Provider, { value: exploreContextValue, children: children }));
 }
 /**

package/lib/providers/loginGuard/provider.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { useAuth } from "../../auth/hooks/useAuth";
 import { LoginDialog } from "../../components/common/LoginDialog/loginDialog";
 import { useAuthenticationConfig } from "../../hooks/authentication/config/useAuthenticationConfig";
 import { useConfig } from "../../hooks/useConfig";
-import { useAuth } from "../../auth/hooks/useAuth";
 import { LoginGuardContext } from "./context";
 /**
  * LoginGuardProvider is responsible for intercepting actions that require user authentication.

package/lib/utils/mdx/plugins/rehypeSlug.d.ts

@@ -1,5 +1,5 @@
-import { Plugin } from "unified";
 import type { ElementContent } from "hast";
+import { Plugin } from "unified";
 /**
  * Rehype plugin to generate an ID for each heading in MDX content.
  * @returns plugin to generate an ID for each heading in MDX content.

package/lib/views/ExploreView/entityList/filters/components/ToggleButtonGroup/toggleButtonGroup.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "@mui/material";
-import { StyledBox } from "./toggleButtonGroup.styles";
 import Link from "next/link";
-import { useAiRoutes } from "../../../../../../hooks/ai/useAiRoutes/hook";
-import { StyledToggleButtonGroup } from "./toggleButtonGroup.styles";
 import { Beta } from "../../../../../../components/common/Chip/components/Beta/beta";
+import { useAiRoutes } from "../../../../../../hooks/ai/useAiRoutes/hook";
+import { StyledBox, StyledToggleButtonGroup } from "./toggleButtonGroup.styles";
 /**
  * ToggleButtonGroup component for navigating between ExploreView and ResearchView.
  * @returns ToggleButtonGroup JSX element, or null if routes are not configured.

package/lib/views/ExploreView/entityList/filters/components/ToggleButtonGroup/toggleButtonGroup.styles.js

@@ -1,7 +1,7 @@
 import styled from "@emotion/styled";
 import { Box, ToggleButtonGroup } from "@mui/material";
-import { bpDownMd } from "../../../../../../styles/common/mixins/breakpoints";
 import { PALETTE } from "../../../../../../styles/common/constants/palette";
+import { bpDownMd } from "../../../../../../styles/common/mixins/breakpoints";
 export const StyledBox = styled(Box) `
   margin-bottom: -16px;
   padding: 16px;

package/lib/views/ExploreView/exploreView.js

@@ -23,10 +23,10 @@ import { stateToUrl } from "../../providers/exploreState/actions/stateToUrl/disp
 import { urlToState } from "../../providers/exploreState/actions/urlToState/dispatch";
 import { SELECT_CATEGORY_KEY } from "../../providers/exploreState/constants";
 import { TEST_IDS } from "../../tests/testIds";
+import { ToggleButtonGroup } from "./entityList/filters/components/ToggleButtonGroup/toggleButtonGroup";
+import { StyledGrid, StyledStack } from "./entityList/filters/filters.styles";
 import { useUpdateFilterSort } from "./hooks/UseUpdateFilterSort/hook";
 import { buildStateSyncManagerContext } from "./utils";
-import { StyledGrid, StyledStack } from "./entityList/filters/filters.styles";
-import { ToggleButtonGroup } from "./entityList/filters/components/ToggleButtonGroup/toggleButtonGroup";
 export const ExploreView = (props) => {
     const { mdDown } = useBreakpoint();
     const { config, entityConfig } = useConfig(); // Get app level config.

package/lib/views/ResearchView/assistant/components/Drawer/drawer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TEST_IDS } from "../../../../../tests/testIds";
-import { StyledDrawer } from "./drawer.styles";
 import { useLayoutSpacing } from "../../../../../hooks/UseLayoutSpacing/hook";
 import { DRAWER_PROPS } from "../../../../../styles/common/mui/drawer";
+import { TEST_IDS } from "../../../../../tests/testIds";
+import { StyledDrawer } from "./drawer.styles";
 /**
  * Renders the drawer component for the research assistant.
  * @param props - Component props.

package/lib/views/ResearchView/assistant/components/Input/input.styles.js

@@ -1,6 +1,6 @@
 import styled from "@emotion/styled";
-import { RoundedPaper } from "../../../../../components/common/Paper/components/RoundedPaper/roundedPaper";
 import { Box } from "@mui/material";
+import { RoundedPaper } from "../../../../../components/common/Paper/components/RoundedPaper/roundedPaper";
 export const StyledBox = styled(Box) `
   padding: 16px;
 `;

package/lib/views/ResearchView/assistant/components/Input/stories/input.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Input } from "../input";
 import { Box } from "@mui/material";
+import { Input } from "../input";
 const meta = {
     component: Input,
     decorators: [

package/lib/views/ResearchView/assistant/components/Messages/components/PromptMessage/components/Chips/chips.styles.js

@@ -1,5 +1,5 @@
-import { Stack } from "@mui/material";
 import styled from "@emotion/styled";
+import { Stack } from "@mui/material";
 import { PALETTE } from "../../../../../../../../../styles/common/constants/palette";
 export const StyledStack = styled(Stack) `
   align-items: flex-start;

package/lib/views/ResearchView/assistant/components/Messages/messages.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useScroll } from "./hooks/UseScroll/hook";
 import { StyledStack } from "./messages.styles";
 import { MessageSelector } from "./selector/messageSelector";
-import { useScroll } from "./hooks/UseScroll/hook";
 /**
  * Renders chat messages, delegating each to the message selector.
  * @param props - Component props.

package/lib/views/ResearchView/assistant/components/Messages/messages.styles.js

@@ -1,5 +1,5 @@
-import { Stack } from "@mui/material";
 import styled from "@emotion/styled";
+import { Stack } from "@mui/material";
 export const StyledStack = styled(Stack) `
   flex: 1;
   gap: 24px;

package/lib/views/ResearchView/assistant/components/Messages/stories/args.js

@@ -1,5 +1,5 @@
-import { MESSAGE_TYPE } from "../../../../state/types";
 import { ERROR_MESSAGE } from "../../../../query/constants";
+import { MESSAGE_TYPE } from "../../../../state/types";
 export const ARGS = {
     state: {
         messages: [

package/lib/views/ResearchView/assistant/components/Messages/stories/messages.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Messages } from "../messages";
 import { Box } from "@mui/material";
+import { Messages } from "../messages";
 import { ARGS } from "./args";
 const meta = {
     component: Messages,

package/lib/views/ResearchView/assistant/components/ToggleButtonGroup/stories/toggleButtonGroup.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ToggleButtonGroup } from "../toggleButtonGroup";
 import { ConfigProvider } from "../../../../../../providers/config";
 import { INITIAL_CONFIG } from "../../../stories/args";
+import { ToggleButtonGroup } from "../toggleButtonGroup";
 const meta = {
     component: ToggleButtonGroup,
     decorators: [

package/lib/views/ResearchView/assistant/components/ToggleButtonGroup/toggleButtonGroup.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "@mui/material";
-import { StyledBox, StyledToggleButtonGroup } from "./toggleButtonGroup.styles";
 import Link from "next/link";
-import { useAiRoutes } from "../../../../../hooks/ai/useAiRoutes/hook";
 import { Beta } from "../../../../../components/common/Chip/components/Beta/beta";
+import { useAiRoutes } from "../../../../../hooks/ai/useAiRoutes/hook";
+import { StyledBox, StyledToggleButtonGroup } from "./toggleButtonGroup.styles";
 /**
  * ToggleButtonGroup component for navigating between ResearchView and ExploreView.
  * @returns ToggleButtonGroup JSX element, or null if routes are not configured.

package/lib/views/ResearchView/assistant/stories/assistant.stories.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
+import { ConfigProvider } from "../../../../providers/config";
 import { PALETTE } from "../../../../styles/common/constants/palette";
 import { ChatProvider } from "../../state/provider";
 import { Assistant } from "../assistant";
 import { INITIAL_ARGS, INITIAL_CONFIG } from "./args";
-import { ConfigProvider } from "../../../../providers/config";
 const meta = {
     component: Assistant,
     decorators: [

package/lib/views/ResearchView/state/query/hooks/UseSubmit/hook.js

@@ -1,8 +1,8 @@
 import { useCallback, useRef } from "react";
-import { fetchResponse } from "../../../../query/fetch";
-import { useChatDispatch } from "../../../hooks/UseChatDispatch/hook";
 import { track } from "../../../../../../common/analytics/analytics";
 import { EVENT_NAME } from "../../../../../../common/analytics/entities";
+import { fetchResponse } from "../../../../query/fetch";
+import { useChatDispatch } from "../../../hooks/UseChatDispatch/hook";
 /**
  * Hook that manages query submission and abort lifecycle.
  * @param url - The API URL to send queries to.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "51.0.0",
+  "version": "51.0.1",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",

package/types/data-explorer-ui.d.ts

@@ -1,3 +1,15 @@
+import { DataLayer } from "@databiosphere/findable-ui/lib/common/analytics/entities";
+import { DataDictionaryAnnotation } from "@databiosphere/findable-ui/lib/common/entities";
+import {
+  CustomFeatureColumn,
+  CustomFeatureInitialTableState,
+  CustomFeatureInstance,
+  CustomFeatureOptions,
+  CustomFeatureRow,
+  CustomFeatureTableState,
+} from "@databiosphere/findable-ui/lib/components/Table/features/entities";
+import { GridTrackSize } from "@databiosphere/findable-ui/lib/config/entities";
+import { SIZE } from "@databiosphere/findable-ui/lib/styles/common/constants/size";
 import {
   Theme as MTheme,
   PaletteColorOptions,
@@ -19,18 +31,6 @@ import type {} from "@mui/material/Toolbar";
 import type {} from "@mui/material/Typography";
 import type { RowData } from "@tanstack/react-table";
 import { Components } from "rehype-react";
-import { DataLayer } from "@databiosphere/findable-ui/lib/common/analytics/entities";
-import { DataDictionaryAnnotation } from "@databiosphere/findable-ui/lib/common/entities";
-import {
-  CustomFeatureColumn,
-  CustomFeatureInitialTableState,
-  CustomFeatureInstance,
-  CustomFeatureOptions,
-  CustomFeatureRow,
-  CustomFeatureTableState,
-} from "@databiosphere/findable-ui/lib/components/Table/features/entities";
-import { GridTrackSize } from "@databiosphere/findable-ui/lib/config/entities";
-import { SIZE } from "@databiosphere/findable-ui/lib/styles/common/constants/size";
 
 declare module "@mui/material/Alert" {
   interface AlertProps {