@databiosphere/findable-ui 10.2.0 → 11.0.0

package/.github/workflows/run-checks.yml

@@ -16,3 +16,16 @@ jobs:
           npm run lint
           npm run test
           npm run test-compile
+
+  install-without-lock:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: "20.10.0"
+
+      - run: |
+          rm package-lock.json
+          npm install
+          npm run test-compile

package/lib/apis/azul/common/constants.d.ts

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

package/lib/apis/azul/common/constants.js

@@ -1,7 +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/lib/apis/azul/common/entities.d.ts

@@ -3,7 +3,7 @@
  */
 export declare enum APIEndpoints {
     CATALOGS = "/index/catalogs",
-    FETCH = "/fetch",
+    FETCH = "/fetch",// Required in path for entity matrix downloads and direct file downloads
     FILES = "/files",
     INDEX_STATUS = "/health/progress",
     SUMMARY = "/summary"
@@ -92,11 +92,11 @@ export declare enum AZUL_PARAM {
 /**
  * Azul search index.
  */
-export declare type AzulSearchIndex = keyof Pick<AzulListParams, "search_before" | "search_after">;
+export type AzulSearchIndex = keyof Pick<AzulListParams, "search_before" | "search_after">;
 /**
  * Model of response returned from /index/summary API endpoint.
  */
-export declare type AzulSummaryResponse = any;
+export type AzulSummaryResponse = any;
 /**
  * Model of term returned from Azul entity endpoint (e.g. index/files).
  */
@@ -139,7 +139,7 @@ export interface FileLocationResponse {
  * Set of labels that values returned from Azul can be sanitized to.
  */
 export declare enum LABEL {
-    "EMPTY" = "",
+    "EMPTY" = "",// TODO(cc) revisit - temp only? required for file download.
     "ERROR" = "Error",
     "NONE" = "None",
     "UNSPECIFIED" = "Unspecified"
@@ -147,7 +147,7 @@ export declare enum LABEL {
 /**
  * Manifest download format.
  */
-export declare type ManifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT;
+export type ManifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT;
 /**
  * Set of possible manifest download formats.
  */

package/lib/apis/azul/common/filterTransformer.d.ts

@@ -1,8 +1,8 @@
 import { CategoryKey, Filters, SelectCategory, SelectedFilter } from "../../../common/entities";
 import { PaginationResponse } from "../../../providers/exploreState";
-import { AzulPaginationResponse, AzulTermFacets, AZUL_FILTER_OPERATOR } from "./entities";
-export declare type ParamValue = string | boolean | null;
-export declare type Params = Record<CategoryKey, Record<AZUL_FILTER_OPERATOR, ParamValue[]>>;
+import { AZUL_FILTER_OPERATOR, AzulPaginationResponse, AzulTermFacets } from "./entities";
+export type ParamValue = string | boolean | null;
+export type Params = Record<CategoryKey, Record<AZUL_FILTER_OPERATOR, ParamValue[]>>;
 /**
  * Transform selected categories and category values to query string format.
  * Return JSON string (for example):

package/lib/apis/azul/common/filterTransformer.js

@@ -95,7 +95,7 @@ export function transformTermFacets(termFacets, filterState) {
         // Build category and add to set of categories.
         const category = {
             key,
-            label: "",
+            label: "", // Label is applied in filter hook where it has access to the config.
             values: categoryValues,
         };
         accum.push(category);

package/lib/common/analytics/analytics.d.ts

@@ -1,4 +1,4 @@
-import { DataLayer, EventParams, EVENT_NAME } from "./entities";
+import { DataLayer, EVENT_NAME, EventParams } from "./entities";
 /**
  * Returns the GTM data layer for the environment, if enabled.
  * @returns google tag manager data layer.

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

@@ -1,4 +1,4 @@
-export declare type DataLayer = any;
+export type DataLayer = any;
 /**
  * Set of analytics event actions.
  */
@@ -42,7 +42,7 @@ export declare enum SORT_DIRECTION {
 /**
  * Model of event parameters mapped to the event name.
  */
-export declare type EventParams = {
+export type EventParams = {
     [EVENT_NAME.BULK_DOWNLOAD_REQUESTED]: {
         [EVENT_PARAM.CATALOG]: string;
         [EVENT_PARAM.CURRENT_QUERY]: string;

package/lib/common/entities.d.ts

@@ -1,7 +1,7 @@
 /**
  * Filterable metadata keys.
  */
-export declare type CategoryKey = string;
+export type CategoryKey = string;
 /**
  * View model of category tag.
  */
@@ -13,11 +13,11 @@ export interface CategoryTag {
 /**
  * Category values to be used as keys. For example, "Homo sapiens" or "10X 3' v2 sequencing".
  */
-export declare type CategoryValueKey = string;
+export type CategoryValueKey = string;
 /**
  * Set of selected category values.
  */
-export declare type Filters = SelectedFilter[];
+export type Filters = SelectedFilter[];
 /**
  * Generic pagination model used by both static and dynamic lists.
  */
@@ -32,7 +32,7 @@ export interface Pagination {
 /**
  * Possible pagination direction values.
  */
-export declare type PaginationDirectionType = "next" | "prev";
+export type PaginationDirectionType = "next" | "prev";
 /**
  * Internal filter model of a multiselect category (e.g. library construction approach).
  */
@@ -78,4 +78,4 @@ export interface SelectedFilter {
 /**
  * Possible types of selected category values.
  */
-export declare type SelectedFilterValue = CategoryValueKey[];
+export type SelectedFilterValue = CategoryValueKey[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentsConfig, ViewContext } from "../../config/entities";
 export interface ComponentCreatorProps<T> {
     components: ComponentsConfig;

package/lib/components/Detail/components/AccessibilityBadge/accessibilityBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipProps as MChipProps, FadeProps as MFadeProps } from "@mui/material";
 export interface AccessibilityBadgeProps {
     badgeProps: Partial<Omit<MChipProps, "children">>;

package/lib/components/Detail/components/DetailViewTable/detailViewTable.d.ts

@@ -11,5 +11,5 @@ interface DetailViewTableProps<T extends RowData> extends TableProps<T> {
     Paper?: typeof FlatPaper | typeof FluidPaper | typeof RoundedPaper;
     tools?: ReactNode;
 }
-export declare const DetailViewTable: <T extends unknown>({ className, columns, gridTemplateColumns, items, noResultsTitle, Paper, tools, ...tableProps }: DetailViewTableProps<T>) => JSX.Element;
+export declare const DetailViewTable: <T extends RowData>({ className, columns, gridTemplateColumns, items, noResultsTitle, Paper, tools, ...tableProps }: DetailViewTableProps<T>) => JSX.Element;
 export {};

package/lib/components/Detail/components/Table/components/TableBody/tableBody.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { ROW_DIRECTION } from "../../../../../Table/common/entities";
 import { TableView } from "../../table";
@@ -7,4 +6,4 @@ export interface TableBodyProps<T extends RowData> {
     tableInstance: Table<T>;
     tableView?: TableView;
 }
-export declare const TableBody: <T extends unknown>({ rowDirection, tableInstance, tableView, }: TableBodyProps<T>) => JSX.Element;
+export declare const TableBody: <T extends RowData>({ rowDirection, tableInstance, tableView, }: TableBodyProps<T>) => JSX.Element;

package/lib/components/Detail/components/Table/components/TableRows/components/CollapsableRows/collapsableRows.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 export interface CollapsableRowsProps<T extends RowData> {
     tableInstance: Table<T>;
 }
-export declare const CollapsableRows: <T extends unknown>({ tableInstance, }: CollapsableRowsProps<T>) => JSX.Element;
+export declare const CollapsableRows: <T extends RowData>({ tableInstance, }: CollapsableRowsProps<T>) => JSX.Element;

package/lib/components/Detail/components/Table/components/TableRows/tableRows.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { TableView } from "../../table";
 export interface TableRowsProps<T extends RowData> {
     tableInstance: Table<T>;
     tableView?: TableView;
 }
-export declare const TableRows: <T extends unknown>({ tableInstance, tableView, }: TableRowsProps<T>) => JSX.Element;
+export declare const TableRows: <T extends RowData>({ tableInstance, tableView, }: TableRowsProps<T>) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableCellProps as MTableCellProps, TableContainerProps as MTableContainerProps, TableProps as MTableProps } from "@mui/material";
 import { ColumnDef, RowData, TableOptions } from "@tanstack/react-table";
 export interface TableView {
@@ -15,4 +14,4 @@ export interface TableProps<T extends RowData> {
     tableOptions?: Partial<TableOptions<T>>;
     tableView?: TableView;
 }
-export declare const Table: <T extends unknown>({ className, collapsable, columns, gridTemplateColumns, items, tableOptions, tableView, }: TableProps<T>) => JSX.Element;
+export declare const Table: <T extends RowData>({ className, collapsable, columns, gridTemplateColumns, items, tableOptions, tableView, }: TableProps<T>) => JSX.Element;

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

@@ -1,3 +1,5 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./detail").DetailProps>;
+import { ComponentMeta } from "@storybook/react";
+import { Detail } from "./detail";
+declare const _default: ComponentMeta<typeof Detail>;
 export default _default;
-export declare const DetailStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./detail").DetailProps>;
+export declare const DetailStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./detail").DetailProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ErrorProps {
     errorMessage?: string;
     onReset?: () => void;

package/lib/components/Error/error.js

@@ -8,7 +8,7 @@ import { ButtonPrimary } from "../common/Button/components/ButtonPrimary/buttonP
 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, } from "../common/Section/section.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,

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

@@ -1,7 +1,7 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Error } from "./error";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./error").ErrorProps>;
+declare const _default: Meta<typeof Error>;
 export default _default;
-declare type Story = StoryObj<typeof Error>;
+type Story = StoryObj<typeof Error>;
 export declare const ClientSideErrorStory: Story;
 export declare const ClientSideErrorWithErrorCodeStory: Story;

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

@@ -1,27 +1,26 @@
-/// <reference types="react" />
 interface Props {
     offset: number;
 }
 export declare const ErrorLayout: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Error: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ErrorSection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const SectionContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ErrorCode: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -9,7 +9,7 @@ interface FallbackRenderProps {
 interface ErrorBoundaryProps {
     fallbackRender: (props: FallbackRenderProps) => React.ReactNode;
 }
-declare type ErrorBoundaryPropsType = PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>;
+type ErrorBoundaryPropsType = PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>;
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryPropsType, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryPropsType);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;

package/lib/components/Export/common/entities.d.ts

@@ -10,7 +10,7 @@ export declare enum BULK_DOWNLOAD_EXECUTION_ENVIRONMENT {
 /**
  * Execution environment.
  */
-export declare type ExecutionEnvironment = BULK_DOWNLOAD_EXECUTION_ENVIRONMENT;
+export type ExecutionEnvironment = BULK_DOWNLOAD_EXECUTION_ENVIRONMENT;
 /**
  * Model of file summary "file type/file format" facet.
  */
@@ -40,4 +40,4 @@ export interface FormFileFacet extends FileFacet {
 /**
  * Manifest download format.
  */
-export declare type ManifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT;
+export type ManifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<Omit<import("../../../../../common/Button/button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Export/components/ExportForm/common/entities.d.ts

@@ -2,5 +2,5 @@ import { CategoryKey, CategoryValueKey } from "../../../../../common/entities";
 /**
  * Function invoked to update file manifest filters when selected state of a category value is toggled.
  */
-export declare type OnFilterFn = (categoryKey: CategoryKey, selectedCategoryValue: CategoryValueKey, selected: boolean) => void;
-export declare type OnUpdateFilterFacet = (categoryKey: CategoryKey) => void;
+export type OnFilterFn = (categoryKey: CategoryKey, selectedCategoryValue: CategoryValueKey, selected: boolean) => void;
+export type OnUpdateFilterFacet = (categoryKey: CategoryKey) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="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

@@ -8,7 +8,7 @@ import { UncheckedErrorIcon } from "../../../../../common/CustomIcon/components/
 import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
 import { GridTable } from "../../../../../Table/common/gridTable.styles";
 import { ERROR } from "../../exportForm";
-import { GridPaper, TableFormControl as FormControl, } from "../../exportForm.styles";
+import { TableFormControl as FormControl, GridPaper, } from "../../exportForm.styles";
 export const ExportFileSummaryForm = ({ error, fileSummaryFacet, onClearError, onFilter, onUpdateFilterFacet, }) => {
     const hasFileSize = isFileSummaryFacet(fileSummaryFacet);
     const gridTemplateColumns = hasFileSize ? "1fr auto auto" : "1fr auto";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ManifestDownloadFormat } from "../../../../common/entities";
 export interface ExportManifestDownloadFormatFormProps {
     manifestDownloadFormat?: ManifestDownloadFormat;

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

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

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

@@ -4,9 +4,9 @@ export declare enum ERROR {
     FILE_SUMMARY_ERROR = "fileSummaryError",
     SPECIES_ERROR = "speciesError"
 }
-export declare type ErrorState = Record<ERROR, boolean>;
-export declare type OnClearError = (isError: boolean, error: ERROR) => void;
-export declare type OnRequestManifestFn = () => void;
+export type ErrorState = Record<ERROR, boolean>;
+export type OnClearError = (isError: boolean, error: ERROR) => void;
+export type OnRequestManifestFn = () => void;
 export interface ExportFormProps {
     Button: ElementType;
     children?: ReactNode | ReactNode[];

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

@@ -1,45 +1,16 @@
-/// <reference types="react" />
 import { ThemeProps } from "../../../../theme/theme";
-export declare const margin: ({ theme }: ThemeProps) => import("@emotion/utils").SerializedStyles;
-export declare const FormControl: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning" | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    focused?: boolean | undefined;
-    hiddenLabel?: boolean | undefined;
-    margin?: "normal" | "none" | "dense" | undefined;
-    required?: boolean | undefined;
-    size?: "medium" | "small" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "filled" | "outlined" | "standard" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "margin" | "sx" | "variant" | "disabled" | "required" | "size" | "error" | "fullWidth" | "focused" | "hiddenLabel"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+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" | "className" | "classes" | "color" | "children" | "margin" | "sx" | "variant" | "error" | "disabled" | "required" | "size" | "fullWidth" | "hiddenLabel" | "focused"> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const TableFormControl: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning" | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    focused?: boolean | undefined;
-    hiddenLabel?: boolean | undefined;
-    margin?: "normal" | "none" | "dense" | undefined;
-    required?: boolean | undefined;
-    size?: "medium" | "small" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "filled" | "outlined" | "standard" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "margin" | "sx" | "variant" | "disabled" | "required" | "size" | "error" | "fullWidth" | "focused" | "hiddenLabel"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+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" | "className" | "classes" | "color" | "children" | "margin" | "sx" | "variant" | "error" | "disabled" | "required" | "size" | "fullWidth" | "hiddenLabel" | "focused"> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const GridPaper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,3 +1,5 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./exportMethod").ExportMethodProps>;
+import { ComponentMeta } from "@storybook/react";
+import { ExportMethod } from "./exportMethod";
+declare const _default: ComponentMeta<typeof ExportMethod>;
 export default _default;
-export declare const ExportMethodStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./exportMethod").ExportMethodProps>;
+export declare const ExportMethodStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./exportMethod").ExportMethodProps>;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const ExportButton: import("@emotion/styled").StyledComponent<Omit<import("../../../common/Button/button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const SectionFootnote: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type CurrentQuery = [string, string[]];
+export type CurrentQuery = [string, string[]];
 export interface ExportCurrentQueryProps {
     isLoading: boolean;
     queries: CurrentQuery[];

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-export declare type SummaryValue = ReactNode | ReactNode[];
-export declare type Summary = [ReactNode, SummaryValue];
+export type SummaryValue = ReactNode | ReactNode[];
+export type Summary = [ReactNode, SummaryValue];
 export interface ExportSelectedDataSummaryProps {
     isLoading: boolean;
     summaries: Summary[];

package/lib/components/Export/components/ExportSummary/exportSummary.styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Values: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFacet, ManifestDownloadFormat } from "../../../../common/entities";
 import { OnRequestManifestFn } from "../../../ExportForm/exportForm";
 export interface ExportToTerraFormProps {

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/formStep.styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const SectionContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/NIHAccountExpiryWarning/nihAccountExpiryWarning.d.ts

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

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.d.ts

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

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.styles.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 export declare const Section: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionStatus: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionActions: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestDownload/fileManifestDownload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Filters } from "../../../../../../../../common/entities";
 export interface FileManifestDownloadProps {
     filters: Filters;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestSpreadsheet/fileManifestSpreadsheet.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Filters } from "../../../../../../../../common/entities";
 export interface FileManifestSpreadsheetProps {
     filters: Filters;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Filters } from "../../../../../../common/entities";
 import { FileManifestType } from "../../../../../../hooks/useFileManifest/common/entities";
 export interface ManifestDownloadEntityProps {

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity.styles.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
 export declare const SectionTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const TableContainer: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TableContainerClasses> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const TableContainer: import("@emotion/styled").StyledComponent<import("@mui/material").TableContainerOwnProps & 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" | "className" | "classes" | "children" | "sx"> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;