@databiosphere/findable-ui 16.1.0 → 18.0.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "16.1.0"
+  ".": "18.0.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [18.0.0](https://github.com/DataBiosphere/findable-ui/compare/v17.0.0...v18.0.0) (2024-12-18)
+
+
+### ⚠ BREAKING CHANGES
+
+* ensure select category value label is string and type key as unknown ([#298](https://github.com/DataBiosphere/findable-ui/issues/298)) (#299)
+
+### Bug Fixes
+
+* ensure select category value label is string and type key as unknown ([#298](https://github.com/DataBiosphere/findable-ui/issues/298)) ([#299](https://github.com/DataBiosphere/findable-ui/issues/299)) ([c7b5baa](https://github.com/DataBiosphere/findable-ui/commit/c7b5baae525f6e54493a2748070fa46cc36d9f67))
+
+## [17.0.0](https://github.com/DataBiosphere/findable-ui/compare/v16.1.0...v17.0.0) (2024-12-12)
+
+
+### ⚠ BREAKING CHANGES
+
+* exports via main button don't include orphans ([#287](https://github.com/DataBiosphere/findable-ui/issues/287)) (#288)
+
+### Features
+
+* exports via main button don't include orphans ([#287](https://github.com/DataBiosphere/findable-ui/issues/287)) ([#288](https://github.com/DataBiosphere/findable-ui/issues/288)) ([86e3e40](https://github.com/DataBiosphere/findable-ui/commit/86e3e4047cce84a90348719c9ca7b41a3a93e4c3))
+
 ## [16.1.0](https://github.com/DataBiosphere/findable-ui/compare/v16.0.0...v16.1.0) (2024-12-12)
 
 

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

@@ -88,7 +88,7 @@ export function transformTermFacets(termFacets, filterState) {
             categoryValues.push({
                 count: 0,
                 key: term,
-                label: term ?? LABEL.UNSPECIFIED,
+                label: String(term ?? LABEL.UNSPECIFIED),
                 selected: false, // Selected state updated in filter hook
             });
         }

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

@@ -4,4 +4,4 @@ import { ParamValue } from "./filterTransformer";
  * @param value - Filter value.
  * @returns filter parameter value.
  */
-export declare function getFilterParameterValue(value: string): ParamValue;
+export declare function getFilterParameterValue(value: unknown): ParamValue;

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

@@ -13,5 +13,9 @@ export function getFilterParameterValue(value) {
     if (value === "false") {
         return false;
     }
-    return value;
+    if (typeof value === "string" || typeof value === "boolean")
+        return value;
+    if (value === null || value === undefined)
+        return null;
+    return String(value);
 }

package/lib/common/entities.d.ts

@@ -13,7 +13,7 @@ export interface CategoryTag {
 /**
  * Category values to be used as keys. For example, "Homo sapiens" or "10X 3' v2 sequencing".
  */
-export type CategoryValueKey = string;
+export type CategoryValueKey = unknown;
 /**
  * Set of selected category values.
  */
@@ -46,7 +46,7 @@ export interface SelectCategory {
  */
 export interface SelectCategoryValue {
     count: number;
-    key: CategoryKey;
+    key: CategoryValueKey;
     label: string;
     selected: boolean;
 }
@@ -64,7 +64,7 @@ export interface SelectCategoryValueView {
  */
 export interface SelectCategoryView {
     isDisabled?: boolean;
-    key: CategoryValueKey;
+    key: CategoryKey;
     label: string;
     values: SelectCategoryValueView[];
 }

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

@@ -2,7 +2,7 @@ import { ElementType } from "react";
 import { Filters } from "../../../../common/entities";
 import { FileManifestType } from "../../../../hooks/useFileManifest/common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
-import { FormFacet } from "../../common/entities";
+import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
 interface DownloadCurlCommandProps {
     DownloadCurlForm: ElementType;
     DownloadCurlStart: ElementType;
@@ -12,6 +12,7 @@ interface DownloadCurlCommandProps {
     fileSummaryFacetName: string;
     filters: Filters;
     formFacet: FormFacet;
+    manifestDownloadFormat?: ManifestDownloadFormat;
 }
-export declare const DownloadCurlCommand: ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, }: DownloadCurlCommandProps) => JSX.Element;
+export declare const DownloadCurlCommand: ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, }: DownloadCurlCommandProps) => JSX.Element;
 export {};

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

@@ -2,16 +2,18 @@ import React, { useState } from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
 import { useExploreState } from "../../../../hooks/useExploreState";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
-import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { useRequestFileLocation, } from "../../../../hooks/useRequestFileLocation";
+import { useRequestManifest } from "../../../../hooks/useRequestManifest/useRequestManifest";
 import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT, } from "../../common/entities";
 import { trackBulkDownloadRequested } from "../../common/tracking";
 import { DownloadCurlCommandNotStarted } from "./components/DownloadCurlCommandNotStarted/downloadCurlCommandNotStarted";
 import { DownloadCurlCommandReady } from "./components/DownloadCurlCommandReady/downloadCurlCommandReady";
-export const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, }) => {
-    useRequestFileManifest(fileManifestType, MANIFEST_DOWNLOAD_FORMAT.CURL, filters, fileSummaryFacetName);
+export const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT.CURL, }) => {
+    useFileManifest(filters, fileSummaryFacetName);
     const [executionEnvironment, setExecutionEnvironment] = useState(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH);
     const { exploreState: { tabValue: entityList }, } = useExploreState();
-    const { data, isLoading, run } = useFileManifest();
+    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: () => {
             // Execute GTM tracking.

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

@@ -1,6 +1,7 @@
+import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { ManifestDownloadFormat } from "../../../../common/entities";
 export interface ExportManifestDownloadFormatFormProps {
-    manifestDownloadFormat?: ManifestDownloadFormat;
+    fileManifestFormatState: FileManifestFormatState;
     manifestDownloadFormats: ManifestDownloadFormat[];
 }
-export declare const ExportManifestDownloadFormatForm: ({ manifestDownloadFormat, manifestDownloadFormats, }: ExportManifestDownloadFormatFormProps) => JSX.Element;
+export declare const ExportManifestDownloadFormatForm: ({ fileManifestFormatState, manifestDownloadFormats, }: ExportManifestDownloadFormatFormProps) => JSX.Element;

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

@@ -1,20 +1,10 @@
 import { FormControlLabel, FormLabel, Radio, RadioGroup } from "@mui/material";
 import React from "react";
-import { useFileManifestState } from "../../../../../../hooks/useFileManifestState";
-import { FileManifestActionKind } from "../../../../../../providers/fileManifestState";
 import { RadioCheckedIcon } from "../../../../../common/CustomIcon/components/RadioCheckedIcon/radioCheckedIcon";
 import { RadioUncheckedIcon } from "../../../../../common/CustomIcon/components/RadioUncheckedIcon/radioUncheckedIcon";
 import { FormControl } from "../../exportForm.styles";
-export const ExportManifestDownloadFormatForm = ({ manifestDownloadFormat, manifestDownloadFormats, }) => {
-    const { fileManifestDispatch } = useFileManifestState();
-    // Updates file manifest format state.
-    const onUpdateManifestFormat = (format) => {
-        fileManifestDispatch({
-            payload: format,
-            type: FileManifestActionKind.UpdateFileManifestFormat,
-        });
-    };
+export const ExportManifestDownloadFormatForm = ({ fileManifestFormatState, manifestDownloadFormats, }) => {
     return (React.createElement(FormControl, null,
         React.createElement(FormLabel, null, "Download Format"),
-        React.createElement(RadioGroup, { value: manifestDownloadFormat ?? "" }, manifestDownloadFormats.map((manifestFormat) => (React.createElement(FormControlLabel, { control: React.createElement(Radio, { checkedIcon: React.createElement(RadioCheckedIcon, null), icon: React.createElement(RadioUncheckedIcon, null), onChange: () => onUpdateManifestFormat(manifestFormat), size: "small", value: manifestFormat }), key: manifestFormat, label: manifestFormat }))))));
+        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 }))))));
 };

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

@@ -1,10 +1,13 @@
+import { Dispatch, SetStateAction } from "react";
+import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { FormFacet, ManifestDownloadFormat } from "../../../../common/entities";
 import { OnRequestManifestFn } from "../../../ExportForm/exportForm";
 export interface ExportToTerraFormProps {
+    fileManifestFormatState: FileManifestFormatState;
     formFacet: FormFacet;
     isLoading: boolean;
-    manifestDownloadFormat?: ManifestDownloadFormat;
     manifestDownloadFormats: ManifestDownloadFormat[];
     onRequestManifest: OnRequestManifestFn;
+    setFileManifestFormat: Dispatch<SetStateAction<ManifestDownloadFormat | undefined>>;
 }
-export declare const ExportToTerraForm: ({ formFacet, isLoading, manifestDownloadFormat, manifestDownloadFormats, onRequestManifest, }: ExportToTerraFormProps) => JSX.Element;
+export declare const ExportToTerraForm: ({ fileManifestFormatState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }: ExportToTerraFormProps) => JSX.Element;

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraForm/exportToTerraForm.js

@@ -2,9 +2,9 @@ import React from "react";
 import { ExportButton } from "../../../ExportForm/components/ExportButton/exportButton";
 import { ExportManifestDownloadFormatForm } from "../../../ExportForm/components/ExportManifestDownloadFormatForm/exportManifestDownloadFormatForm";
 import { ExportForm, } from "../../../ExportForm/exportForm";
-export const ExportToTerraForm = ({ formFacet, isLoading, manifestDownloadFormat, manifestDownloadFormats, onRequestManifest, }) => {
+export const ExportToTerraForm = ({ fileManifestFormatState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }) => {
     return (React.createElement(ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest },
-        React.createElement(ExportManifestDownloadFormatForm, { manifestDownloadFormat: manifestDownloadFormat, manifestDownloadFormats: manifestDownloadFormats })));
+        React.createElement(ExportManifestDownloadFormatForm, { fileManifestFormatState: fileManifestFormatState, manifestDownloadFormats: manifestDownloadFormats })));
 };
 /**
  * Build the export button.

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

@@ -1,14 +1,16 @@
 import { ElementType } from "react";
+import { FileManifestFormatState } from "../../../../../../hooks/useFileManifest/useFileManifestFormat";
 import { FileManifestState } from "../../../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../../../common/entities";
 import { OnRequestManifestFn } from "../../../ExportForm/exportForm";
 export interface ExportToTerraNotStartedProps {
     ExportTerraForm: ElementType;
     ExportToTerraStart: ElementType;
+    fileManifestFormatState: FileManifestFormatState;
     fileManifestState: FileManifestState;
     formFacet: FormFacet;
     isLoading: boolean;
     manifestDownloadFormats: ManifestDownloadFormat[];
     onRequestManifest: OnRequestManifestFn;
 }
-export declare const ExportToTerraNotStarted: ({ ExportTerraForm, ExportToTerraStart, fileManifestState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }: ExportToTerraNotStartedProps) => JSX.Element;
+export declare const ExportToTerraNotStarted: ({ ExportTerraForm, ExportToTerraStart, fileManifestFormatState, fileManifestState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }: ExportToTerraNotStartedProps) => JSX.Element;

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraNotStarted/exportToTerraNotStarted.js

@@ -3,12 +3,12 @@ import { PAPER_PANEL_STYLE } from "../../../../../common/Paper/paper";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { Loading } from "../../../../../Loading/loading";
 import { Section, SectionContent } from "../../../../export.styles";
-export const ExportToTerraNotStarted = ({ ExportTerraForm, ExportToTerraStart, fileManifestState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }) => {
+export const ExportToTerraNotStarted = ({ ExportTerraForm, ExportToTerraStart, fileManifestFormatState, fileManifestState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }) => {
     return (React.createElement("div", null,
         React.createElement(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.FLUID, text: "Your link will be ready shortly..." }),
         React.createElement(FluidPaper, null,
             React.createElement(Section, null,
                 React.createElement(SectionContent, null,
                     React.createElement(ExportToTerraStart, null)),
-                React.createElement(ExportTerraForm, { formFacet: formFacet, isLoading: fileManifestState.isLoading, manifestDownloadFormat: fileManifestState.fileManifestFormat, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: onRequestManifest })))));
+                React.createElement(ExportTerraForm, { fileManifestFormatState: fileManifestFormatState, formFacet: formFacet, isLoading: fileManifestState.isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: onRequestManifest })))));
 };

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

@@ -15,4 +15,4 @@ export interface ExportToTerraProps {
     manifestDownloadFormat?: ManifestDownloadFormat;
     manifestDownloadFormats: ManifestDownloadFormat[];
 }
-export declare const ExportToTerra: ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }: ExportToTerraProps) => JSX.Element;
+export declare const ExportToTerra: ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }: ExportToTerraProps) => JSX.Element;

package/lib/components/Export/components/ExportToTerra/exportToTerra.js

@@ -2,17 +2,20 @@ import React from "react";
 import { useExploreState } from "../../../../hooks/useExploreState";
 import { useExportToTerraResponseURL } from "../../../../hooks/useExportToTerraResponseURL";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
-import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { useFileManifestFormat } from "../../../../hooks/useFileManifest/useFileManifestFormat";
+import { useRequestFileLocation } from "../../../../hooks/useRequestFileLocation";
+import { useRequestManifest } from "../../../../hooks/useRequestManifest/useRequestManifest";
 import { trackExportToTerraRequested } from "../../common/tracking";
 import { ExportToTerraNotStarted } from "./components/ExportToTerraNotStarted/exportToTerraNotStarted";
 import { ExportToTerraReady } from "./components/ExportToTerraReady/exportToTerraReady";
-export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }) => {
+export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }) => {
     const { exploreState: { tabValue: entityList }, } = useExploreState();
-    useRequestFileManifest(fileManifestType, manifestDownloadFormat, filters, fileSummaryFacetName);
-    const { requestParams } = fileManifestState;
-    const { data, isLoading, run } = useFileManifest();
+    useFileManifest(filters, fileSummaryFacetName);
+    const fileManifestFormatState = useFileManifestFormat(manifestDownloadFormat);
+    const { requestMethod, requestParams, requestUrl } = useRequestManifest(fileManifestFormatState.fileManifestFormat, formFacet);
+    const { data, isLoading, run } = useRequestFileLocation(requestUrl, requestMethod);
     const exportURL = useExportToTerraResponseURL(requestParams, data);
-    return exportURL ? (React.createElement(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (React.createElement(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: () => {
+    return exportURL ? (React.createElement(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (React.createElement(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestFormatState: fileManifestFormatState, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: () => {
             // Execute GA tracking
             trackExportToTerraRequested(entityList);
             // Request manifest

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

@@ -1,8 +1,10 @@
 import { Filters } from "../../../../../../common/entities";
 import { FileManifestType } from "../../../../../../hooks/useFileManifest/common/entities";
+import { ManifestDownloadFormat } from "../../../../common/entities";
 export interface ManifestDownloadEntityProps {
     fileManifestType: FileManifestType;
     filters: Filters;
+    manifestDownloadFormat?: ManifestDownloadFormat;
     metadataFilters: Filters;
 }
-export declare const ManifestDownloadEntity: ({ fileManifestType, filters, metadataFilters, }: ManifestDownloadEntityProps) => JSX.Element;
+export declare const ManifestDownloadEntity: ({ filters, metadataFilters, }: ManifestDownloadEntityProps) => JSX.Element;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity.js

@@ -1,10 +1,9 @@
 import React from "react";
-import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../../../apis/azul/common/entities";
-import { useRequestFileManifest } from "../../../../../../hooks/useFileManifest/useRequestFileManifest";
+import { useFileManifest } from "../../../../../../hooks/useFileManifest/useFileManifest";
 import { FileManifestDownload } from "./components/FileManifestDownload/fileManifestDownload";
 import { FileManifestSpreadsheet } from "./components/FileManifestSpreadsheet/fileManifestSpreadsheet";
-export const ManifestDownloadEntity = ({ fileManifestType, filters, metadataFilters, }) => {
-    useRequestFileManifest(fileManifestType, MANIFEST_DOWNLOAD_FORMAT.COMPACT, filters, undefined);
+export const ManifestDownloadEntity = ({ filters, metadataFilters, }) => {
+    useFileManifest(filters, undefined);
     return (React.createElement(React.Fragment, null,
         React.createElement(FileManifestSpreadsheet, { filters: metadataFilters }),
         React.createElement(FileManifestDownload, { filters: filters })));

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

@@ -2,7 +2,7 @@ import { ElementType } from "react";
 import { Filters } from "../../../../common/entities";
 import { FileManifestType } from "../../../../hooks/useFileManifest/common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
-import { FormFacet } from "../../common/entities";
+import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
 export interface ManifestDownloadProps {
     fileManifestState: FileManifestState;
     fileManifestType: FileManifestType;
@@ -10,7 +10,8 @@ export interface ManifestDownloadProps {
     filters: Filters;
     formFacet: FormFacet;
     ManifestDownloadForm: ElementType;
+    manifestDownloadFormat?: ManifestDownloadFormat;
     ManifestDownloadStart: ElementType;
     ManifestDownloadSuccess: ElementType;
 }
-export declare const ManifestDownload: ({ fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, ManifestDownloadForm, ManifestDownloadStart, ManifestDownloadSuccess, }: ManifestDownloadProps) => JSX.Element;
+export declare const ManifestDownload: ({ fileManifestState, fileSummaryFacetName, filters, formFacet, ManifestDownloadForm, manifestDownloadFormat, ManifestDownloadStart, ManifestDownloadSuccess, }: ManifestDownloadProps) => JSX.Element;

package/lib/components/Export/components/ManifestDownload/manifestDownload.js

@@ -2,14 +2,16 @@ import React from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
 import { useExploreState } from "../../../../hooks/useExploreState";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
-import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { useRequestFileLocation, } from "../../../../hooks/useRequestFileLocation";
+import { useRequestManifest } from "../../../../hooks/useRequestManifest/useRequestManifest";
 import { trackFileManifestRequested } from "../../common/tracking";
 import { ManifestDownloadNotStarted } from "./components/ManifestDownloadNotStarted/manifestDownloadNotStarted";
 import { ManifestDownloadReady } from "./components/ManifestDownloadReady/manifestDownloadReady";
-export const ManifestDownload = ({ fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, ManifestDownloadForm, ManifestDownloadStart, ManifestDownloadSuccess, }) => {
-    useRequestFileManifest(fileManifestType, MANIFEST_DOWNLOAD_FORMAT.COMPACT, filters, fileSummaryFacetName);
+export const ManifestDownload = ({ fileManifestState, fileSummaryFacetName, filters, formFacet, ManifestDownloadForm, manifestDownloadFormat = MANIFEST_DOWNLOAD_FORMAT.COMPACT, ManifestDownloadStart, ManifestDownloadSuccess, }) => {
+    useFileManifest(filters, fileSummaryFacetName);
     const { exploreState: { tabValue: entityList }, } = useExploreState();
-    const { data, isLoading, run } = useFileManifest();
+    const { requestMethod, requestUrl } = useRequestManifest(manifestDownloadFormat, formFacet);
+    const { data, isLoading, run } = useRequestFileLocation(requestUrl, requestMethod);
     const manifestURL = getManifestDownloadURL(data);
     return manifestURL ? (React.createElement(ManifestDownloadReady, { ManifestDownloadSuccess: ManifestDownloadSuccess, manifestURL: manifestURL })) : (React.createElement(ManifestDownloadNotStarted, { ManifestDownloadForm: ManifestDownloadForm, ManifestDownloadStart: ManifestDownloadStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
             trackFileManifestRequested(entityList);

package/lib/components/Filter/common/utils.js

@@ -60,7 +60,7 @@ export function getSortMatchesFn(searchTerm) {
             if (match) {
                 matches.push({ labelRanges: match.ranges, score: match.score, value });
             }
-            else {
+            else if (typeof value.key === "string") {
                 match = matchString(value.key || "");
                 if (match)
                     matches.push({ score: match.score, value });

package/lib/components/Filter/components/VariableSizeList/VariableSizeList.d.ts

@@ -2,7 +2,7 @@ import { VariableSizeListProps as ListProps } from "react-window";
 import { CategoryKey } from "../../../../common/entities";
 import { OnFilterFn } from "../../../../hooks/useCategoryFilter";
 import { FilterMenuSearchMatch } from "../../common/entities";
-export type ItemSizeByItemKey = Map<string, number>;
+export type ItemSizeByItemKey = Map<unknown, number>;
 export interface VariableSizeListProps {
     categoryKey: CategoryKey;
     categorySection?: string;

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

@@ -7,7 +7,7 @@ interface Props {
     categorySection?: string;
     matchedItem: FilterMenuSearchMatch;
     onFilter: OnFilterFn;
-    onUpdateItemSizeByItemKey: (itemKey: string, itemSize: number) => void;
+    onUpdateItemSizeByItemKey: (itemKey: unknown, itemSize: number) => void;
     style: CSSProperties;
 }
 export default function VariableSizeListItem({ categoryKey, categorySection, matchedItem, onFilter, onUpdateItemSizeByItemKey, style, }: Props): JSX.Element;

package/lib/components/Table/common/utils.js

@@ -42,7 +42,7 @@ export function buildCategoryViews(columns, columnFilters) {
             const values = [...getFacetedUniqueValues()].map(([value, count]) => ({
                 count,
                 key: value,
-                label: value,
+                label: String(value ?? ""),
                 selected: false, // Selected state updated in reducer.
             }));
             categoryViews.push({

package/lib/config/entities.d.ts

@@ -262,7 +262,7 @@ export interface TrackFilterAppliedPayload {
     searchTerm: string;
     section: string;
     selected: boolean;
-    value: string;
+    value: unknown;
 }
 /**
  * Filter applied tracking function

package/lib/hooks/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum METHOD {
+    GET = "GET",
+    PUT = "PUT"
+}

package/lib/hooks/types.js

@@ -0,0 +1,5 @@
+export var METHOD;
+(function (METHOD) {
+    METHOD["GET"] = "GET";
+    METHOD["PUT"] = "PUT";
+})(METHOD || (METHOD = {}));

package/lib/hooks/useCategoryFilter.js

@@ -158,7 +158,11 @@ function isCategoryAcceptListed(category, categoryConfigs) {
  * @returns Number indicating sort precedence of cv0 vs cv1.
  */
 function sortCategoryValueViews(cvv0, cvv1) {
-    return COLLATOR_CASE_INSENSITIVE.compare(cvv0.label, cvv1.label);
+    return !cvv0.label
+        ? 1
+        : !cvv1.label
+            ? -1
+            : COLLATOR_CASE_INSENSITIVE.compare(cvv0.label, cvv1.label);
 }
 /**
  * Sort category views by display label, ascending.

package/lib/hooks/useFileManifest/common/entities.d.ts

@@ -38,11 +38,6 @@ export declare enum FILE_MANIFEST_TYPE {
     EXPORT_TO_TERRA = "EXPORT_TO_TERRA"
 }
 export type FileManifestType = FILE_MANIFEST_TYPE;
-export declare enum FILES_FACETS_STATUS {
-    COMPLETED = "COMPLETED",
-    IN_PROGRESS = "IN_PROGRESS",
-    NOT_STARTED = "NOT_STARTED"
-}
 export type SelectedSearchTermsBySearchKey = Map<CategoryKey, Set<CategoryValueKey>>;
 /**
  * Model of an individual facet value. For example, the term "Homo Sapiens" contained in the facet "Species".

package/lib/hooks/useFileManifest/common/entities.js

@@ -7,9 +7,3 @@ export var FILE_MANIFEST_TYPE;
     FILE_MANIFEST_TYPE["ENTITY_EXPORT_TO_TERRA"] = "ENTITY_EXPORT_TO_TERRA";
     FILE_MANIFEST_TYPE["EXPORT_TO_TERRA"] = "EXPORT_TO_TERRA";
 })(FILE_MANIFEST_TYPE || (FILE_MANIFEST_TYPE = {}));
-export var FILES_FACETS_STATUS;
-(function (FILES_FACETS_STATUS) {
-    FILES_FACETS_STATUS["COMPLETED"] = "COMPLETED";
-    FILES_FACETS_STATUS["IN_PROGRESS"] = "IN_PROGRESS";
-    FILES_FACETS_STATUS["NOT_STARTED"] = "NOT_STARTED";
-})(FILES_FACETS_STATUS || (FILES_FACETS_STATUS = {}));

package/lib/hooks/useFileManifest/useFileManifest.d.ts

@@ -1,7 +1,10 @@
-import { UseRequestFileLocationResult } from "../useRequestFileLocation";
+import { Filters } from "../../common/entities";
 /**
- * Requests file manifest.
- * @param requestURL - Request URL.
- * @returns file manifest request response, function and status.
+ * Initializes the file manifest with specified filters and a file summary facet name.
+ * This hook sets up the file manifest state by dispatching an action to fetch the manifest
+ * based on the provided initial filters and file summary facet name. It also ensures that
+ * the manifest state is cleared when the component is unmounted.
+ * @param initialFilters - The initial filters used to fetch the file manifest.
+ * @param fileSummaryFacetName - The name of the file summary facet to be used in the file manifest request.
  */
-export declare const useFileManifest: (requestURL?: string) => UseRequestFileLocationResult;
+export declare const useFileManifest: (initialFilters?: Filters | undefined, fileSummaryFacetName?: string) => void;

package/lib/hooks/useFileManifest/useFileManifest.js

@@ -1,12 +1,33 @@
+import { useEffect, useState } from "react";
+import { FileManifestActionKind } from "../../providers/fileManifestState";
 import { useFileManifestState } from "../useFileManifestState";
-import { METHOD, useRequestFileLocation, } from "../useRequestFileLocation";
 /**
- * Requests file manifest.
- * @param requestURL - Request URL.
- * @returns file manifest request response, function and status.
+ * Initializes the file manifest with specified filters and a file summary facet name.
+ * This hook sets up the file manifest state by dispatching an action to fetch the manifest
+ * based on the provided initial filters and file summary facet name. It also ensures that
+ * the manifest state is cleared when the component is unmounted.
+ * @param initialFilters - The initial filters used to fetch the file manifest.
+ * @param fileSummaryFacetName - The name of the file summary facet to be used in the file manifest request.
  */
-export const useFileManifest = (requestURL) => {
-    const { fileManifestState } = useFileManifestState();
-    const url = requestURL || fileManifestState.requestURL;
-    return useRequestFileLocation(url, METHOD.PUT);
+export const useFileManifest = (initialFilters = [], fileSummaryFacetName) => {
+    // Initial file manifest filter.
+    const [initFilters] = useState(() => initialFilters);
+    // File manifest state.
+    const { fileManifestDispatch } = useFileManifestState();
+    // Fetches file manifest with the given file manifest filters, format.
+    useEffect(() => {
+        fileManifestDispatch({
+            payload: {
+                fileSummaryFacetName,
+                filters: initFilters,
+            },
+            type: FileManifestActionKind.FetchFileManifest,
+        });
+        return () => {
+            fileManifestDispatch({
+                payload: undefined,
+                type: FileManifestActionKind.ClearFileManifest,
+            });
+        };
+    }, [fileManifestDispatch, fileSummaryFacetName, initFilters]);
 };

package/lib/hooks/useFileManifest/useFileManifestDownload.js

@@ -2,9 +2,9 @@ import { useEffect } from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../apis/azul/common/entities";
 import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT } from "../../components/Export/common/entities";
 import { useCatalog } from "../useCatalog";
-import { buildFileManifestRequestURL } from "./common/buildFileManifestRequestURL";
-import { useFileManifest } from "./useFileManifest";
-import { useFileManifestURL } from "./useFileManifestURL";
+import { useConfig } from "../useConfig";
+import { useRequestFileLocation, } from "../useRequestFileLocation";
+import { buildRequestManifest } from "../useRequestManifest/utils";
 /**
  * Returns file manifest download url and file name.
  * @param filters - Filters.
@@ -12,13 +12,14 @@ import { useFileManifestURL } from "./useFileManifestURL";
  * @returns file manifest download url and file name.
  */
 export const useFileManifestDownload = (filters, disabled) => {
-    // Determine file manifest request data URL.
-    const URL = useFileManifestURL();
+    // Retrieve the endpoint URL from configured data source.
+    const config = useConfig();
+    const endpointUrl = config.config.dataSource.url;
     // Determine catalog.
     const catalog = useCatalog(); // catalog should be defined.
-    // Build request URL.
-    const { requestURL } = buildFileManifestRequestURL(URL, filters, catalog, MANIFEST_DOWNLOAD_FORMAT.COMPACT) || {};
-    const { data, isIdle, isLoading, run } = useFileManifest(requestURL);
+    // Build request manifest request URL.
+    const { requestMethod, requestUrl } = buildRequestManifest(endpointUrl, catalog, filters, MANIFEST_DOWNLOAD_FORMAT.COMPACT);
+    const { data, isIdle, isLoading, run } = useRequestFileLocation(requestUrl, requestMethod);
     const manifestURL = getManifestDownloadURL(data);
     const fileName = getManifestDownloadFileName(data);
     // Requests file manifest.
@@ -26,7 +27,7 @@ export const useFileManifestDownload = (filters, disabled) => {
         if (disabled)
             return;
         run();
-    }, [disabled, requestURL, run]);
+    }, [disabled, requestUrl, run]);
     return {
         fileName,
         isIdle,

package/lib/hooks/useFileManifest/useFileManifestFormat.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from "react";
+import { ManifestDownloadFormat } from "../../components/Export/common/entities";
+export interface FileManifestFormatState {
+    fileManifestFormat: ManifestDownloadFormat | undefined;
+    setFileManifestFormat: Dispatch<SetStateAction<ManifestDownloadFormat | undefined>>;
+}
+/**
+ * Facilitates the management of file manifest format state.
+ * @param manifestDownloadFormat - The initial manifest download format used to fetch the file manifest.
+ * @returns The file manifest format state and a function to set the file manifest format.
+ */
+export declare const useFileManifestFormat: (manifestDownloadFormat?: ManifestDownloadFormat) => FileManifestFormatState;

package/lib/hooks/useFileManifest/useFileManifestFormat.js

@@ -0,0 +1,10 @@
+import { useState } from "react";
+/**
+ * Facilitates the management of file manifest format state.
+ * @param manifestDownloadFormat - The initial manifest download format used to fetch the file manifest.
+ * @returns The file manifest format state and a function to set the file manifest format.
+ */
+export const useFileManifestFormat = (manifestDownloadFormat) => {
+    const [fileManifestFormat, setFileManifestFormat] = useState(manifestDownloadFormat);
+    return { fileManifestFormat, setFileManifestFormat };
+};

package/lib/hooks/useRequestFileLocation.d.ts

@@ -1,3 +1,4 @@
+import { METHOD } from "./types";
 export interface FileLocation {
     commandLine?: {
         [key: string]: string;
@@ -14,10 +15,6 @@ export interface UseRequestFileLocationResult {
     run: () => void;
 }
 export type Method = METHOD;
-export declare enum METHOD {
-    GET = "GET",
-    PUT = "PUT"
-}
 /**
  * Function to make a get request and map the result to camelCase
  * @param url - url for the get request

package/lib/hooks/useRequestFileLocation.js

@@ -1,12 +1,8 @@
 import { useCallback, useEffect, useRef } from "react";
 import { FILE_LOCATION_PENDING, FILE_LOCATION_SUCCESSFULLY, } from "../apis/azul/common/constants";
+import { METHOD } from "./types";
 import { useAsync } from "./useAsync";
 import { useAuthentication } from "./useAuthentication/useAuthentication";
-export var METHOD;
-(function (METHOD) {
-    METHOD["GET"] = "GET";
-    METHOD["PUT"] = "PUT";
-})(METHOD || (METHOD = {}));
 /**
  * Returns fetch request options.
  * @param accessToken - Access token.