@databiosphere/findable-ui 46.1.3 → 48.1.0

package/lib/components/Detail/components/Table/table.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TableContainer, } from "@mui/material";
 import { getCoreRowModel, useReactTable, } from "@tanstack/react-table";
-import React from "react";
 import { BREAKPOINT_FN_NAME, useBreakpointHelper, } from "../../../../hooks/useBreakpointHelper";
 import { arrIncludesSome } from "../../../Table/columnDef/columnFilters/filterFn";
 import { COLUMN_DEF } from "../../../Table/common/columnDef";
@@ -38,8 +38,5 @@ export const Table = ({ className, collapsable = true, columns, gridTemplateColu
         ...TABLE_DOWNLOAD_OPTIONS,
         ...tableOptions,
     });
-    return (React.createElement(TableContainer, { className: className, sx: tableContainerSx },
-        React.createElement(GridTable, { collapsable: collapsable, gridTemplateColumns: gridTemplateColumns, stickyHeader: rowDirection === ROW_DIRECTION.DEFAULT && stickyHeader },
-            React.createElement(TableHead, { tableInstance: tableInstance }),
-            React.createElement(TableBody, { rowDirection: rowDirection, tableInstance: tableInstance, tableView: tableView }))));
+    return (_jsx(TableContainer, { className: className, sx: tableContainerSx, children: _jsxs(GridTable, { collapsable: collapsable, gridTemplateColumns: gridTemplateColumns, stickyHeader: rowDirection === ROW_DIRECTION.DEFAULT && stickyHeader, children: [_jsx(TableHead, { tableInstance: tableInstance }), _jsx(TableBody, { rowDirection: rowDirection, tableInstance: tableInstance, tableView: tableView })] }) }));
 };

package/lib/components/Detail/detail.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface DetailProps {
     isDetailOverview?: boolean;
     mainColumn: ReactNode;

package/lib/components/Detail/detail.js

@@ -1,5 +1,5 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { BackPageView } from "../Layout/components/BackPage/backPageView";
 export const Detail = ({ isDetailOverview, mainColumn, sideColumn, Tabs, top, }) => {
-    return (React.createElement(BackPageView, { isDetailOverview: isDetailOverview, mainColumn: mainColumn, sideColumn: sideColumn, Tabs: Tabs, top: top }));
+    return (_jsx(BackPageView, { isDetailOverview: isDetailOverview, mainColumn: mainColumn, sideColumn: sideColumn, Tabs: Tabs, top: top }));
 };

package/lib/components/Detail/detail.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
     argTypes: {
         Tabs: {
@@ -25,7 +25,7 @@ declare const meta: {
             };
         };
     };
-    component: ({ isDetailOverview, mainColumn, sideColumn, Tabs, top, }: import("./detail").DetailProps) => JSX.Element;
+    component: ({ isDetailOverview, mainColumn, sideColumn, Tabs, top, }: import("./detail").DetailProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/lib/components/Detail/detail.stories.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CollaboratingOrganizations } from "../Project/components/CollaboratingOrganizations/collaboratingOrganizations";
 import { CollaboratingOrganizationsStory } from "../Project/components/CollaboratingOrganizations/collaboratingOrganizations.stories";
 import { Contacts } from "../Project/components/Contacts/contacts";
@@ -35,17 +35,8 @@ export default meta;
 export const DetailStory = {
     args: {
         isDetailOverview: true,
-        mainColumn: (React.createElement(React.Fragment, null,
-            React.createElement(Description, { projectDescription: DescriptionStory.args.projectDescription || "None" }),
-            React.createElement(Contacts, { ...ContactsStory.args }),
-            React.createElement(Publications, { ...PublicationsStory.args }),
-            React.createElement(Contributors, { ...ContributorsStory.args }),
-            React.createElement(CollaboratingOrganizations, { ...CollaboratingOrganizationsStory.args }),
-            React.createElement(DataCurators, { ...DataCuratorsStory.args }),
-            React.createElement(SupplementaryLinks, { ...SupplementaryLinksStory.args }),
-            React.createElement(DataReleasePolicy, null))),
-        sideColumn: (React.createElement(React.Fragment, null,
-            React.createElement(Details, { ...DetailsStory.args }))),
-        top: React.createElement(React.Fragment, null),
+        mainColumn: (_jsxs(_Fragment, { children: [_jsx(Description, { projectDescription: DescriptionStory.args.projectDescription || "None" }), _jsx(Contacts, { ...ContactsStory.args }), _jsx(Publications, { ...PublicationsStory.args }), _jsx(Contributors, { ...ContributorsStory.args }), _jsx(CollaboratingOrganizations, { ...CollaboratingOrganizationsStory.args }), _jsx(DataCurators, { ...DataCuratorsStory.args }), _jsx(SupplementaryLinks, { ...SupplementaryLinksStory.args }), _jsx(DataReleasePolicy, {})] })),
+        sideColumn: (_jsx(_Fragment, { children: _jsx(Details, { ...DetailsStory.args }) })),
+        top: _jsx(_Fragment, {}),
     },
 };

package/lib/components/Error/error.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 export interface ErrorProps {
     errorMessage?: string;
     onReset?: () => void;

package/lib/components/Error/error.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Divider, Typography } from "@mui/material";
 import Link from "next/link";
-import React from "react";
 import { useExploreState } from "../../hooks/useExploreState";
 import { ExploreActionKind } from "../../providers/exploreState";
 import { useLayoutDimensions } from "../../providers/layoutDimensions/hook";
@@ -12,10 +12,7 @@ import { RoundedPaper } from "../common/Paper/paper.styles";
 import { SectionContent as Content, SectionActions, } from "../common/Section/section.styles";
 import { PRIORITY, StatusIcon } from "../common/StatusIcon/statusIcon";
 import { Error as CustomError, ErrorCode, ErrorLayout, ErrorSection, SectionContent, } from "./error.styles";
-const ErrorMessage = ({ detail, title, }) => (React.createElement(Content, null,
-    React.createElement(Typography, { component: "h3", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_500 }, title),
-    React.createElement(RoundedPaper, null,
-        React.createElement(ErrorCode, null, detail))));
+const ErrorMessage = ({ detail, title, }) => (_jsxs(Content, { children: [_jsx(Typography, { component: "h3", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_500, children: title }), _jsx(RoundedPaper, { children: _jsx(ErrorCode, { children: detail }) })] }));
 export const Error = ({ errorMessage, onReset, requestUrlMessage, rootPath, }) => {
     const { exploreDispatch } = useExploreState();
     const { dimensions } = useLayoutDimensions();
@@ -26,19 +23,5 @@ export const Error = ({ errorMessage, onReset, requestUrlMessage, rootPath, }) =
             type: ExploreActionKind.ResetState,
         });
     };
-    return (React.createElement(ErrorLayout, { offset: dimensions.header.height },
-        React.createElement(CustomError, null,
-            React.createElement(ErrorSection, null,
-                React.createElement(StatusIcon, { priority: PRIORITY.HIGH, StatusIcon: AlertIcon }),
-                React.createElement(SectionContent, null,
-                    React.createElement(Typography, { component: "h1", variant: TYPOGRAPHY_PROPS.VARIANT.HEADING_XLARGE }, "Error"),
-                    React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_400 }, "An error occurred processing your request")),
-                rootPath && (React.createElement(SectionActions, null,
-                    React.createElement(Link, { href: rootPath, legacyBehavior: true, passHref: true },
-                        React.createElement(ButtonPrimary, { onClick: handleToHomePageClicked, href: "passHref" }, "To Homepage"))))),
-            (requestUrlMessage || errorMessage) && (React.createElement(React.Fragment, null,
-                React.createElement(Divider, null),
-                React.createElement(Grid, { gridSx: { gap: 6 } },
-                    requestUrlMessage && (React.createElement(ErrorMessage, { detail: requestUrlMessage, title: "Request URL" })),
-                    errorMessage && (React.createElement(ErrorMessage, { detail: errorMessage, title: "Error Message" }))))))));
+    return (_jsx(ErrorLayout, { offset: dimensions.header.height, children: _jsxs(CustomError, { children: [_jsxs(ErrorSection, { children: [_jsx(StatusIcon, { priority: PRIORITY.HIGH, StatusIcon: AlertIcon }), _jsxs(SectionContent, { children: [_jsx(Typography, { component: "h1", variant: TYPOGRAPHY_PROPS.VARIANT.HEADING_XLARGE, children: "Error" }), _jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_400, children: "An error occurred processing your request" })] }), rootPath && (_jsx(SectionActions, { children: _jsx(ButtonPrimary, { component: Link, href: rootPath, onClick: handleToHomePageClicked, children: "To Homepage" }) }))] }), (requestUrlMessage || errorMessage) && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs(Grid, { gridSx: { gap: 6 }, children: [requestUrlMessage && (_jsx(ErrorMessage, { detail: requestUrlMessage, title: "Request URL" })), errorMessage && (_jsx(ErrorMessage, { detail: errorMessage, title: "Error Message" }))] })] }))] }) }));
 };

package/lib/components/Error/error.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 import { Error } from "./error";
 declare const _default: Meta<typeof Error>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, PropsWithRef } from "react";
+import { Component, ReactNode, PropsWithChildren, PropsWithRef } from "react";
 interface ErrorBoundaryState {
     error?: Error;
 }
@@ -7,10 +7,10 @@ interface FallbackRenderProps {
     reset: () => void;
 }
 interface ErrorBoundaryProps {
-    fallbackRender: (props: FallbackRenderProps) => React.ReactNode;
+    fallbackRender: (props: FallbackRenderProps) => ReactNode;
 }
 type ErrorBoundaryPropsType = PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>;
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryPropsType, ErrorBoundaryState> {
+export declare class ErrorBoundary extends Component<ErrorBoundaryPropsType, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryPropsType);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     reset(): void;

package/lib/components/ErrorBoundary/errorBoundary.js

@@ -1,5 +1,5 @@
-import React from "react";
-export class ErrorBoundary extends React.Component {
+import { Component } from "react";
+export class ErrorBoundary extends Component {
     constructor(props) {
         super(props);
         this.reset = this.reset.bind(this);

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

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

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandForm/downloadCurlCommandForm.js

@@ -1,11 +1,10 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ExportButton } from "../../../ExportForm/components/ExportButton/exportButton";
 import { ExportExecutionEnvironmentForm } from "../../../ExportForm/components/ExportExecutionEnvironmentForm/exportExecutionEnvironmentForm";
 import { ExportForm, } from "../../../ExportForm/exportForm";
 import { Button } from "./downloadCurlCommandForm.styles";
 export const DownloadCurlCommandForm = ({ executionEnvironment, formFacet, isLoading, onRequestManifest, setExecutionEnvironment, }) => {
-    return (React.createElement(ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest },
-        React.createElement(ExportExecutionEnvironmentForm, { executionEnvironment: executionEnvironment, setExecutionEnvironment: setExecutionEnvironment })));
+    return (_jsx(ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest, children: _jsx(ExportExecutionEnvironmentForm, { executionEnvironment: executionEnvironment, setExecutionEnvironment: setExecutionEnvironment }) }));
 };
 /**
  * Build the export button.
@@ -13,5 +12,5 @@ export const DownloadCurlCommandForm = ({ executionEnvironment, formFacet, isLoa
  * @returns button element.
  */
 function renderButton({ ...props }) {
-    return (React.createElement(ExportButton, { Button: Button, ...props }, "Request curl Command"));
+    return (_jsx(ExportButton, { Button: Button, ...props, children: "Request curl Command" }));
 }

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

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

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandNotStarted/downloadCurlCommandNotStarted.js

@@ -1,15 +1,8 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PAPER_PANEL_STYLE } from "../../../../../common/Paper/paper";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { Loading } from "../../../../../Loading/loading";
 import { Section, SectionContent, SectionFootnote, } from "../../../../export.styles";
 export const DownloadCurlCommandNotStarted = ({ DownloadCurlForm, DownloadCurlStart, executionEnvironment, fileManifestState, formFacet, isLoading, onRequestManifest, setExecutionEnvironment, }) => {
-    return (React.createElement("div", null,
-        React.createElement(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.FLUID, text: "Your curl command is being prepared..." }),
-        React.createElement(FluidPaper, null,
-            React.createElement(Section, null,
-                React.createElement(SectionContent, null,
-                    React.createElement(DownloadCurlStart, null)),
-                React.createElement(DownloadCurlForm, { executionEnvironment: executionEnvironment, formFacet: formFacet, isLoading: fileManifestState.isLoading, onRequestManifest: onRequestManifest, setExecutionEnvironment: setExecutionEnvironment }),
-                React.createElement(SectionFootnote, null, "The generated curl command is compatible with the Bash shell on Mac and Linux systems, and the Command shell on Windows systems, and will remain valid for seven days.")))));
+    return (_jsxs("div", { children: [_jsx(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.FLUID, text: "Your curl command is being prepared..." }), _jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(DownloadCurlStart, {}) }), _jsx(DownloadCurlForm, { executionEnvironment: executionEnvironment, formFacet: formFacet, isLoading: fileManifestState.isLoading, onRequestManifest: onRequestManifest, setExecutionEnvironment: setExecutionEnvironment }), _jsx(SectionFootnote, { children: "The generated curl command is compatible with the Bash shell on Mac and Linux systems, and the Command shell on Windows systems, and will remain valid for seven days." })] }) })] }));
 };

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

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

package/lib/components/Export/components/DownloadCurlCommand/components/DownloadCurlCommandReady/downloadCurlCommandReady.js

@@ -1,11 +1,7 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Code } from "../../../../../common/Code/code";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { Section, SectionContent } from "../../../../export.styles";
 export const DownloadCurlCommandReady = ({ curlCommand, DownloadCurlSuccess, }) => {
-    return (React.createElement(FluidPaper, null,
-        React.createElement(Section, null,
-            React.createElement(SectionContent, null,
-                React.createElement(DownloadCurlSuccess, null),
-                React.createElement(Code, { code: curlCommand })))));
+    return (_jsx(FluidPaper, { children: _jsx(Section, { children: _jsxs(SectionContent, { children: [_jsx(DownloadCurlSuccess, {}), _jsx(Code, { code: curlCommand })] }) }) }));
 };

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

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

package/lib/components/Export/components/DownloadCurlCommand/downloadCurlCommand.js

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
 import { useExploreState } from "../../../../hooks/useExploreState";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
@@ -17,7 +18,7 @@ export const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, Downl
     const { requestMethod, requestUrl } = useRequestManifest(manifestDownloadFormat, formFacet);
     const { data, isLoading, run } = useRequestFileLocation(requestUrl, requestMethod);
     const curlCommand = getBulkDownloadCurlCommand(data, executionEnvironment);
-    return curlCommand ? (React.createElement(DownloadCurlCommandReady, { curlCommand: curlCommand, DownloadCurlSuccess: DownloadCurlSuccess })) : (React.createElement(DownloadCurlCommandNotStarted, { DownloadCurlForm: DownloadCurlForm, DownloadCurlStart: DownloadCurlStart, executionEnvironment: executionEnvironment, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
+    return curlCommand ? (_jsx(DownloadCurlCommandReady, { curlCommand: curlCommand, DownloadCurlSuccess: DownloadCurlSuccess })) : (_jsx(DownloadCurlCommandNotStarted, { DownloadCurlForm: DownloadCurlForm, DownloadCurlStart: DownloadCurlStart, executionEnvironment: executionEnvironment, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
             // Execute GTM tracking.
             trackBulkDownloadRequested(entityList, executionEnvironment);
             // Request manifest.

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

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

package/lib/components/Export/components/ExportForm/components/ExportButton/exportButton.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from "@mui/material";
-import React from "react";
 import { useDownloadStatus } from "../../../../../../hooks/useDownloadStatus";
 import { useFileManifestState } from "../../../../../../hooks/useFileManifestState";
 import { useLoginGuard } from "../../../../../../providers/loginGuard/hook";
@@ -9,10 +9,7 @@ export const ExportButton = ({ Button = ButtonPrimary, children, onClick, }) =>
     const { fileManifestState: { isLoading }, } = useFileManifestState();
     // Prompt user for login before export, if required.
     const { requireLogin } = useLoginGuard();
-    return (React.createElement(Tooltip, { arrow: true, title: isLoading ? null : downloadStatus.message },
-        React.createElement("span", null,
-            React.createElement(Button, { disabled: isLoading || downloadStatus.disabled || downloadStatus.isLoading, onClick: () => {
+    return (_jsx(Tooltip, { arrow: true, title: isLoading ? null : downloadStatus.message, children: _jsx("span", { children: _jsx(Button, { disabled: isLoading || downloadStatus.disabled || downloadStatus.isLoading, onClick: () => {
                     requireLogin(onClick);
-                } },
-                React.createElement("span", null, children)))));
+                }, children: _jsx("span", { children: children }) }) }) }));
 };

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

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

package/lib/components/Export/components/ExportForm/components/ExportExecutionEnvironmentForm/exportExecutionEnvironmentForm.js

@@ -1,13 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControlLabel, FormLabel, Radio, RadioGroup } from "@mui/material";
-import React from "react";
 import { RadioCheckedIcon } from "../../../../../common/CustomIcon/components/RadioCheckedIcon/radioCheckedIcon";
 import { RadioUncheckedIcon } from "../../../../../common/CustomIcon/components/RadioUncheckedIcon/radioUncheckedIcon";
 import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT, } from "../../../../common/entities";
 import { FormControl } from "../../exportForm.styles";
 export const ExportExecutionEnvironmentForm = ({ executionEnvironment, setExecutionEnvironment, }) => {
-    return (React.createElement(FormControl, null,
-        React.createElement(FormLabel, null, "Shell"),
-        React.createElement(RadioGroup, { value: executionEnvironment },
-            React.createElement(FormControlLabel, { control: React.createElement(Radio, { checkedIcon: React.createElement(RadioCheckedIcon, null), icon: React.createElement(RadioUncheckedIcon, null), onChange: () => setExecutionEnvironment(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH), size: "small", value: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH }), label: "Bash" }),
-            React.createElement(FormControlLabel, { control: React.createElement(Radio, { checkedIcon: React.createElement(RadioCheckedIcon, null), icon: React.createElement(RadioUncheckedIcon, null), onChange: () => setExecutionEnvironment(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE), size: "small", value: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE }), label: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE }))));
+    return (_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Shell" }), _jsxs(RadioGroup, { value: executionEnvironment, children: [_jsx(FormControlLabel, { control: _jsx(Radio, { checkedIcon: _jsx(RadioCheckedIcon, {}), icon: _jsx(RadioUncheckedIcon, {}), onChange: () => setExecutionEnvironment(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH), size: "small", value: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH }), label: "Bash" }), _jsx(FormControlLabel, { control: _jsx(Radio, { checkedIcon: _jsx(RadioCheckedIcon, {}), icon: _jsx(RadioUncheckedIcon, {}), onChange: () => setExecutionEnvironment(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE), size: "small", value: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE }), label: BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE })] })] }));
 };

package/lib/components/Export/components/ExportForm/components/ExportFileSummaryForm/exportFileSummaryForm.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { FileSummaryFacet } from "../../../../common/entities";
 import { OnFilterFn, OnUpdateFilterFacet } from "../../common/entities";
 import { OnClearError } from "../../exportForm";

package/lib/components/Export/components/ExportForm/components/ExportFileSummaryForm/exportFileSummaryForm.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox, FormControlLabel, FormHelperText, FormLabel, TableBody, TableCell, TableHead, TableRow, } from "@mui/material";
-import React from "react";
 import { formatCountSize } from "../../../../../../utils/formatCountSize";
 import { formatFileSize } from "../../../../../../utils/formatFileSize";
 import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
@@ -12,35 +12,14 @@ import { TableFormControl as FormControl, GridPaper, } from "../../exportForm.st
 export const ExportFileSummaryForm = ({ error, fileSummaryFacet, onClearError, onFilter, onUpdateFilterFacet, }) => {
     const hasFileSize = isFileSummaryFacet(fileSummaryFacet);
     const gridTemplateColumns = hasFileSize ? "1fr auto auto" : "1fr auto";
-    return (React.createElement(FormControl, { error: error },
-        React.createElement(FormLabel, null, fileSummaryFacet.formLabel || "File Type"),
-        error && (React.createElement(FormHelperText, null,
-            React.createElement(ErrorIcon, { fontSize: "xxsmall" }),
-            React.createElement("span", null,
-                "Please select at least one",
-                " ",
-                fileSummaryFacet.formLabel || "File Type",
-                " to continue"))),
-        React.createElement(GridPaper, null,
-            React.createElement(GridTable, { gridTemplateColumns: gridTemplateColumns },
-                React.createElement(TableHead, null,
-                    React.createElement(TableRow, null,
-                        React.createElement(TableCell, null,
-                            React.createElement(FormControlLabel, { label: "Name", control: React.createElement(Checkbox, { checked: fileSummaryFacet.selectedTermCount ===
-                                        fileSummaryFacet.termCount, checkedIcon: React.createElement(CheckedIcon, null), icon: error ? React.createElement(UncheckedErrorIcon, null) : React.createElement(UncheckedIcon, null), onChange: () => {
-                                        onClearError(error, ERROR.FILE_SUMMARY_ERROR);
-                                        onUpdateFilterFacet(fileSummaryFacet.name);
-                                    } }) })),
-                        React.createElement(TableCell, null, "File Count"),
-                        hasFileSize && React.createElement(TableCell, null, "File Size"))),
-                React.createElement(TableBody, null, fileSummaryFacet.terms.map(({ count, name, selected, size = 0 }) => (React.createElement(TableRow, { key: name },
-                    React.createElement(TableCell, null,
-                        React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: selected, checkedIcon: React.createElement(CheckedIcon, null), icon: error ? React.createElement(UncheckedErrorIcon, null) : React.createElement(UncheckedIcon, null), onChange: () => {
-                                    onClearError(error, ERROR.FILE_SUMMARY_ERROR);
-                                    onFilter(fileSummaryFacet.name, name, selected);
-                                } }), key: name, label: name })),
-                    React.createElement(TableCell, null, formatCountSize(count)),
-                    hasFileSize && React.createElement(TableCell, null, formatFileSize(size))))))))));
+    return (_jsxs(FormControl, { error: error, children: [_jsx(FormLabel, { children: fileSummaryFacet.formLabel || "File Type" }), error && (_jsxs(FormHelperText, { children: [_jsx(ErrorIcon, { fontSize: "xxsmall" }), _jsxs("span", { children: ["Please select at least one", " ", fileSummaryFacet.formLabel || "File Type", " to continue"] })] })), _jsx(GridPaper, { children: _jsxs(GridTable, { gridTemplateColumns: gridTemplateColumns, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(FormControlLabel, { label: "Name", control: _jsx(Checkbox, { checked: fileSummaryFacet.selectedTermCount ===
+                                                    fileSummaryFacet.termCount, checkedIcon: _jsx(CheckedIcon, {}), icon: error ? _jsx(UncheckedErrorIcon, {}) : _jsx(UncheckedIcon, {}), onChange: () => {
+                                                    onClearError(error, ERROR.FILE_SUMMARY_ERROR);
+                                                    onUpdateFilterFacet(fileSummaryFacet.name);
+                                                } }) }) }), _jsx(TableCell, { children: "File Count" }), hasFileSize && _jsx(TableCell, { children: "File Size" })] }) }), _jsx(TableBody, { children: fileSummaryFacet.terms.map(({ count, name, selected, size = 0 }) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: selected, checkedIcon: _jsx(CheckedIcon, {}), icon: error ? _jsx(UncheckedErrorIcon, {}) : _jsx(UncheckedIcon, {}), onChange: () => {
+                                                    onClearError(error, ERROR.FILE_SUMMARY_ERROR);
+                                                    onFilter(fileSummaryFacet.name, name, selected);
+                                                } }), label: name }, name) }), _jsx(TableCell, { children: formatCountSize(count) }), hasFileSize && _jsx(TableCell, { children: formatFileSize(size) })] }, name))) })] }) })] }));
 };
 /**
  * Returns true if the file summary facet has file size.

package/lib/components/Export/components/ExportForm/components/ExportManifestDownloadFormatForm/exportManifestDownloadFormatForm.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { ManifestDownloadFormat } from "../../../../common/entities";
 export interface ExportManifestDownloadFormatFormProps {

package/lib/components/Export/components/ExportForm/components/ExportManifestDownloadFormatForm/exportManifestDownloadFormatForm.js

@@ -1,10 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControlLabel, FormLabel, Radio, RadioGroup } from "@mui/material";
-import React from "react";
 import { RadioCheckedIcon } from "../../../../../common/CustomIcon/components/RadioCheckedIcon/radioCheckedIcon";
 import { RadioUncheckedIcon } from "../../../../../common/CustomIcon/components/RadioUncheckedIcon/radioUncheckedIcon";
 import { FormControl } from "../../exportForm.styles";
 export const ExportManifestDownloadFormatForm = ({ fileManifestFormatState, manifestDownloadFormats, }) => {
-    return (React.createElement(FormControl, null,
-        React.createElement(FormLabel, null, "Download Format"),
-        React.createElement(RadioGroup, { value: fileManifestFormatState.fileManifestFormat ?? "" }, manifestDownloadFormats.map((manifestFormat) => (React.createElement(FormControlLabel, { control: React.createElement(Radio, { checkedIcon: React.createElement(RadioCheckedIcon, null), icon: React.createElement(RadioUncheckedIcon, null), onChange: () => fileManifestFormatState.setFileManifestFormat(manifestFormat), size: "small", value: manifestFormat }), key: manifestFormat, label: manifestFormat }))))));
+    return (_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Download Format" }), _jsx(RadioGroup, { value: fileManifestFormatState.fileManifestFormat ?? "", children: manifestDownloadFormats.map((manifestFormat) => (_jsx(FormControlLabel, { control: _jsx(Radio, { checkedIcon: _jsx(RadioCheckedIcon, {}), icon: _jsx(RadioUncheckedIcon, {}), onChange: () => fileManifestFormatState.setFileManifestFormat(manifestFormat), size: "small", value: manifestFormat }), label: manifestFormat }, manifestFormat))) })] }));
 };

package/lib/components/Export/components/ExportForm/components/ExportSpeciesForm/exportSpeciesForm.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { OnFilterFn } from "../../../../../../hooks/useCategoryFilter";
 import { FormFileFacet } from "../../../../common/entities";
 import { OnClearError } from "../../exportForm";

package/lib/components/Export/components/ExportForm/components/ExportSpeciesForm/exportSpeciesForm.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox, FormControlLabel, FormGroup, FormHelperText, FormLabel, } from "@mui/material";
-import React from "react";
 import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
 import { ErrorIcon } from "../../../../../common/CustomIcon/components/ErrorIcon/errorIcon";
 import { UncheckedErrorIcon } from "../../../../../common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon";
@@ -7,16 +7,8 @@ import { UncheckedIcon } from "../../../../../common/CustomIcon/components/Unche
 import { ERROR } from "../../exportForm";
 import { FormControl } from "../../exportForm.styles";
 export const ExportSpeciesForm = ({ error, onClearError, onFilter, speciesFacet, }) => {
-    return (React.createElement(FormControl, { error: error },
-        React.createElement(FormLabel, null, speciesFacet.formLabel || "Species"),
-        error && (React.createElement(FormHelperText, null,
-            React.createElement(ErrorIcon, { fontSize: "xxsmall" }),
-            React.createElement("span", null,
-                "Please select at least one ",
-                speciesFacet.formLabel || "Species",
-                " to continue"))),
-        React.createElement(FormGroup, null, speciesFacet.terms.map(({ name, selected }) => (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: selected, checkedIcon: React.createElement(CheckedIcon, null), icon: error ? React.createElement(UncheckedErrorIcon, null) : React.createElement(UncheckedIcon, null), onChange: () => {
-                    onClearError(error, ERROR.SPECIES_ERROR);
-                    onFilter(speciesFacet.name, name, selected);
-                } }), key: name, label: name }))))));
+    return (_jsxs(FormControl, { error: error, children: [_jsx(FormLabel, { children: speciesFacet.formLabel || "Species" }), error && (_jsxs(FormHelperText, { children: [_jsx(ErrorIcon, { fontSize: "xxsmall" }), _jsxs("span", { children: ["Please select at least one ", speciesFacet.formLabel || "Species", " to continue"] })] })), _jsx(FormGroup, { children: speciesFacet.terms.map(({ name, selected }) => (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: selected, checkedIcon: _jsx(CheckedIcon, {}), icon: error ? _jsx(UncheckedErrorIcon, {}) : _jsx(UncheckedIcon, {}), onChange: () => {
+                            onClearError(error, ERROR.SPECIES_ERROR);
+                            onFilter(speciesFacet.name, name, selected);
+                        } }), label: name }, name))) })] }));
 };

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

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

package/lib/components/Export/components/ExportForm/exportForm.js

@@ -1,4 +1,5 @@
-import React, { Fragment, useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from "react";
 import { useFileManifestState } from "../../../../hooks/useFileManifestState";
 import { FileManifestActionKind } from "../../../../providers/fileManifestState";
 import { PAPER_PANEL_STYLE } from "../../../common/Paper/paper";
@@ -56,15 +57,7 @@ export const ExportForm = ({ Button, children, formFacet, isLoading, onRequestMa
             type: FileManifestActionKind.UpdateFiltersCategory,
         });
     };
-    return (React.createElement(Fragment, null,
-        React.createElement(SectionForm, null,
-            React.createElement(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.NONE }),
-            speciesFacet && fileSummaryFacet && (React.createElement(React.Fragment, null,
-                React.createElement(ExportSpeciesForm, { error: errorState.speciesError, onClearError: onClearError, onFilter: onFilter, speciesFacet: speciesFacet }),
-                React.createElement(ExportFileSummaryForm, { error: errorState.fileSummaryError, fileSummaryFacet: fileSummaryFacet, onClearError: onClearError, onFilter: onFilter, onUpdateFilterFacet: onUpdateFilterFacet }),
-                children))),
-        React.createElement(SectionActions, null,
-            React.createElement(Button, { onClick: onSubmit }))));
+    return (_jsxs(Fragment, { children: [_jsxs(SectionForm, { children: [_jsx(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.NONE }), speciesFacet && fileSummaryFacet && (_jsxs(_Fragment, { children: [_jsx(ExportSpeciesForm, { error: errorState.speciesError, onClearError: onClearError, onFilter: onFilter, speciesFacet: speciesFacet }), _jsx(ExportFileSummaryForm, { error: errorState.fileSummaryError, fileSummaryFacet: fileSummaryFacet, onClearError: onClearError, onFilter: onFilter, onUpdateFilterFacet: onUpdateFilterFacet }), children] }))] }), _jsx(SectionActions, { children: _jsx(Button, { onClick: onSubmit }) })] }));
 };
 /**
  * Returns true if the facet has selected terms.

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

@@ -1,13 +1,9 @@
 import { ThemeProps } from "../../../../theme/types";
-export declare const margin: ({ theme }: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const FormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "style" | "size" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "required" | "fullWidth" | "focused" | "hiddenLabel"> & {
+export declare const margin: ({ theme }: ThemeProps) => import("@emotion/utils").SerializedStyles;
+export declare const FormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "style" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const TableFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "style" | "size" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "required" | "fullWidth" | "focused" | "hiddenLabel"> & {
+export declare const TableFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "style" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const GridPaper: import("@emotion/styled").StyledComponent<{

package/lib/components/Export/components/ExportMethod/exportMethod.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 import { TrackingProps } from "../../../types";
 export interface ExportMethodProps extends TrackingProps {
     buttonLabel: string;

package/lib/components/Export/components/ExportMethod/exportMethod.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tooltip, Typography } from "@mui/material";
 import Link from "next/link";
-import React from "react";
 import { useDownloadStatus } from "../../../../hooks/useDownloadStatus";
 import { TYPOGRAPHY_PROPS } from "../../../../styles/common/mui/typography";
 import { FluidPaper } from "../../../common/Paper/paper.styles";
@@ -9,14 +9,5 @@ import { Section, SectionActions, SectionContent, } from "../../../common/Sectio
 import { ExportButton } from "./exportMethod.styles";
 export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, trackingId, }) => {
     const { disabled, message } = useDownloadStatus();
-    return (React.createElement(FluidPaper, null,
-        React.createElement(Section, null,
-            React.createElement(SectionContent, null,
-                React.createElement(SectionTitle, { title: title }),
-                React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400_2_LINES }, description)),
-            React.createElement(SectionActions, null,
-                React.createElement(Tooltip, { arrow: true, title: message },
-                    React.createElement("span", null,
-                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true }, trackingId ? (React.createElement(ExportButton, { disabled: disabled || !isAccessible, id: trackingId }, buttonLabel)) : (React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel)))))),
-            footnote && (React.createElement(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, component: "div", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES }, footnote)))));
+    return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsxs(SectionContent, { children: [_jsx(SectionTitle, { title: title }), _jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400_2_LINES, children: description })] }), _jsx(SectionActions, { children: _jsx(Tooltip, { arrow: true, title: message, children: _jsx("span", { children: _jsx(ExportButton, { component: Link, disabled: disabled || !isAccessible, href: route, id: trackingId, children: buttonLabel }) }) }) }), footnote && (_jsx(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, component: "div", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES, children: footnote }))] }) }));
 };

package/lib/components/Export/components/ExportMethod/exportMethod.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
     argTypes: {
         buttonLabel: {
@@ -14,7 +14,7 @@ declare const meta: {
             control: "text";
         };
     };
-    component: ({ buttonLabel, description, footnote, isAccessible, route, title, trackingId, }: import("./exportMethod").ExportMethodProps) => JSX.Element;
+    component: ({ buttonLabel, description, footnote, isAccessible, route, title, trackingId, }: import("./exportMethod").ExportMethodProps) => import("react").JSX.Element;
     title: string;
 };
 export default meta;

package/lib/components/Export/components/ExportSummary/components/ExportCurrentQuery/exportCurrentQuery.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 export type CurrentQuery = [string, string[]];
 export interface ExportCurrentQueryProps {
     isLoading: boolean;

package/lib/components/Export/components/ExportSummary/components/ExportCurrentQuery/exportCurrentQuery.js

@@ -1,15 +1,9 @@
-import React, { Fragment } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
 import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
 import { GridPaperSection } from "../../../../../common/Section/section.styles";
 import { Loading, LOADING_PANEL_STYLE } from "../../../../../Loading/loading";
 import { Label, Values } from "../../exportSummary.styles";
 export const ExportCurrentQuery = ({ isLoading, queries, }) => {
-    return (React.createElement(GridPaperSection, null,
-        React.createElement(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
-        React.createElement(SectionTitle, { title: "Current Query" }),
-        queries.length > 0 ? (queries.map(([label, values]) => (React.createElement("div", { key: label },
-            React.createElement(Label, null, label),
-            React.createElement(Values, null, values.map((value, i) => (React.createElement(Fragment, { key: `${value}${i}` },
-                i > 0 && React.createElement("code", null, "OR"),
-                React.createElement("span", null, value))))))))) : (React.createElement(Values, null, "All Data"))));
+    return (_jsxs(GridPaperSection, { children: [_jsx(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(SectionTitle, { title: "Current Query" }), queries.length > 0 ? (queries.map(([label, values]) => (_jsxs("div", { children: [_jsx(Label, { children: label }), _jsx(Values, { children: values.map((value, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("code", { children: "OR" }), _jsx("span", { children: value })] }, `${value}${i}`))) })] }, label)))) : (_jsx(Values, { children: "All Data" }))] }));
 };

package/lib/components/Export/components/ExportSummary/components/ExportSelectedDataSummary/exportSelectedDataSummary.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export type SummaryValue = ReactNode | ReactNode[];
 export type Summary = [ReactNode, SummaryValue];
 export interface ExportSelectedDataSummaryProps {