@databiosphere/findable-ui 6.0.0 → 7.0.0

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

@@ -1,36 +1,17 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import React from "react";
+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 })));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DownloadCurlCommandForm = void 0;
-const react_1 = __importDefault(require("react"));
-const exportButton_1 = require("../../../ExportForm/components/ExportButton/exportButton");
-const exportExecutionEnvironmentForm_1 = require("../../../ExportForm/components/ExportExecutionEnvironmentForm/exportExecutionEnvironmentForm");
-const exportForm_1 = require("../../../ExportForm/exportForm");
-const downloadCurlCommandForm_styles_1 = require("./downloadCurlCommandForm.styles");
-const DownloadCurlCommandForm = ({ executionEnvironment, formFacet, isLoading, onRequestManifest, setExecutionEnvironment, }) => {
-    return (react_1.default.createElement(exportForm_1.ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest },
-        react_1.default.createElement(exportExecutionEnvironmentForm_1.ExportExecutionEnvironmentForm, { executionEnvironment: executionEnvironment, setExecutionEnvironment: setExecutionEnvironment })));
-};
-exports.DownloadCurlCommandForm = DownloadCurlCommandForm;
 /**
  * Build the export button.
  * @param props - Button props e.g. "onClick" to request manifest.
  * @returns button element.
  */
-function renderButton(_a) {
-    var props = __rest(_a, []);
-    return (react_1.default.createElement(exportButton_1.ExportButton, Object.assign({ Button: downloadCurlCommandForm_styles_1.Button }, props), "Request curl Command"));
+function renderButton({ ...props }) {
+    return (React.createElement(ExportButton, { Button: Button, ...props }, "Request curl Command"));
 }

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

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const buttonPrimary_1 = require("../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-exports.Button = (0, styled_1.default)(buttonPrimary_1.ButtonPrimary) `
+import styled from "@emotion/styled";
+import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+export const Button = styled(ButtonPrimary) `
   text-transform: none;
 `;

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

@@ -1,22 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+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.")))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DownloadCurlCommandNotStarted = void 0;
-const react_1 = __importDefault(require("react"));
-const paper_1 = require("../../../../../common/Paper/paper");
-const paper_styles_1 = require("../../../../../common/Paper/paper.styles");
-const loading_1 = require("../../../../../Loading/loading");
-const export_styles_1 = require("../../../../export.styles");
-const DownloadCurlCommandNotStarted = ({ DownloadCurlForm, DownloadCurlStart, executionEnvironment, fileManifestState, formFacet, isLoading, onRequestManifest, setExecutionEnvironment, }) => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(loading_1.Loading, { loading: isLoading, panelStyle: paper_1.PAPER_PANEL_STYLE.FLUID, text: "Your curl command is being prepared..." }),
-        react_1.default.createElement(paper_styles_1.FluidPaper, null,
-            react_1.default.createElement(export_styles_1.Section, null,
-                react_1.default.createElement(export_styles_1.SectionContent, null,
-                    react_1.default.createElement(DownloadCurlStart, null)),
-                react_1.default.createElement(DownloadCurlForm, { executionEnvironment: executionEnvironment, formFacet: formFacet, isLoading: fileManifestState.isLoading, onRequestManifest: onRequestManifest, setExecutionEnvironment: setExecutionEnvironment }),
-                react_1.default.createElement(export_styles_1.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.")))));
-};
-exports.DownloadCurlCommandNotStarted = DownloadCurlCommandNotStarted;

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

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+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 })))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DownloadCurlCommandReady = void 0;
-const react_1 = __importDefault(require("react"));
-const code_1 = require("../../../../../common/Code/code");
-const paper_styles_1 = require("../../../../../common/Paper/paper.styles");
-const export_styles_1 = require("../../../../export.styles");
-const DownloadCurlCommandReady = ({ curlCommand, DownloadCurlSuccess, }) => {
-    return (react_1.default.createElement(paper_styles_1.FluidPaper, null,
-        react_1.default.createElement(export_styles_1.Section, null,
-            react_1.default.createElement(export_styles_1.SectionContent, null,
-                react_1.default.createElement(DownloadCurlSuccess, null),
-                react_1.default.createElement(code_1.Code, { code: curlCommand })))));
-};
-exports.DownloadCurlCommandReady = DownloadCurlCommandReady;

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

@@ -1,54 +1,27 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DownloadCurlCommand = void 0;
-const react_1 = __importStar(require("react"));
-const entities_1 = require("../../../../apis/azul/common/entities");
-const useExploreState_1 = require("../../../../hooks/useExploreState");
-const entities_2 = require("../../../../hooks/useFileManifest/common/entities");
-const useFileManifest_1 = require("../../../../hooks/useFileManifest/useFileManifest");
-const useRequestFileManifest_1 = require("../../../../hooks/useFileManifest/useRequestFileManifest");
-const entities_3 = require("../../common/entities");
-const tracking_1 = require("../../common/tracking");
-const downloadCurlCommandNotStarted_1 = require("./components/DownloadCurlCommandNotStarted/downloadCurlCommandNotStarted");
-const downloadCurlCommandReady_1 = require("./components/DownloadCurlCommandReady/downloadCurlCommandReady");
-const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, }) => {
-    (0, useRequestFileManifest_1.useRequestFileManifest)(entities_1.MANIFEST_DOWNLOAD_FORMAT.CURL, filters, fileSummaryFacetName);
-    const [executionEnvironment, setExecutionEnvironment] = (0, react_1.useState)(entities_3.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH);
-    const { exploreState: { tabValue: entityList }, } = (0, useExploreState_1.useExploreState)();
+import React, { useState } from "react";
+import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
+import { useExploreState } from "../../../../hooks/useExploreState";
+import { FILE_MANIFEST_TYPE, } from "../../../../hooks/useFileManifest/common/entities";
+import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
+import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT, } from "../../common/entities";
+import { bulkDownloadTracking } 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(MANIFEST_DOWNLOAD_FORMAT.CURL, filters, fileSummaryFacetName);
+    const [executionEnvironment, setExecutionEnvironment] = useState(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH);
+    const { exploreState: { tabValue: entityList }, } = useExploreState();
     const { requestParams } = fileManifestState;
-    const { data, isLoading, run } = (0, useFileManifest_1.useFileManifest)();
+    const { data, isLoading, run } = useFileManifest();
     const curlCommand = getBulkDownloadCurlCommand(data, executionEnvironment);
-    return curlCommand ? (react_1.default.createElement(downloadCurlCommandReady_1.DownloadCurlCommandReady, { curlCommand: curlCommand, DownloadCurlSuccess: DownloadCurlSuccess })) : (react_1.default.createElement(downloadCurlCommandNotStarted_1.DownloadCurlCommandNotStarted, { DownloadCurlForm: DownloadCurlForm, DownloadCurlStart: DownloadCurlStart, executionEnvironment: executionEnvironment, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
+    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.
             track(fileManifestType, entityList, executionEnvironment, requestParams);
             // Request manifest.
             run();
         }, setExecutionEnvironment: setExecutionEnvironment }));
 };
-exports.DownloadCurlCommand = DownloadCurlCommand;
 /**
  * Returns the download curl command for the generated manifest.
  * @param fileLocation - Request file location.
@@ -70,7 +43,7 @@ function getBulkDownloadCurlCommand(fileLocation, executionEnvironment) {
  * @param requestParams - Request params.
  */
 function track(fileManifestType, index, toolName, requestParams) {
-    if (fileManifestType === entities_2.FILE_MANIFEST_TYPE.BULK_DOWNLOAD) {
-        (0, tracking_1.bulkDownloadTracking)(index, toolName, requestParams);
+    if (fileManifestType === FILE_MANIFEST_TYPE.BULK_DOWNLOAD) {
+        bulkDownloadTracking(index, toolName, requestParams);
     }
 }

package/lib/components/Export/components/ExportForm/common/entities.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

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

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Tooltip } from "@mui/material";
+import React from "react";
+import { useDownloadStatus } from "../../../../../../hooks/useDownloadStatus";
+import { useFileManifestState } from "../../../../../../hooks/useFileManifestState";
+import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+export const ExportButton = ({ Button = ButtonPrimary, children, onClick, }) => {
+    const downloadStatus = useDownloadStatus();
+    const { fileManifestState: { isLoading }, } = useFileManifestState();
+    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: onClick },
+                React.createElement("span", null, children)))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportButton = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const useDownloadStatus_1 = require("../../../../../../hooks/useDownloadStatus");
-const useFileManifestState_1 = require("../../../../../../hooks/useFileManifestState");
-const buttonPrimary_1 = require("../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-const ExportButton = ({ Button = buttonPrimary_1.ButtonPrimary, children, onClick, }) => {
-    const downloadStatus = (0, useDownloadStatus_1.useDownloadStatus)();
-    const { fileManifestState: { isLoading }, } = (0, useFileManifestState_1.useFileManifestState)();
-    return (react_1.default.createElement(material_1.Tooltip, { arrow: true, title: isLoading ? null : downloadStatus.message },
-        react_1.default.createElement("span", null,
-            react_1.default.createElement(Button, { disabled: isLoading || downloadStatus.disabled || downloadStatus.isLoading, onClick: onClick },
-                react_1.default.createElement("span", null, children)))));
-};
-exports.ExportButton = ExportButton;

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

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 }))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportExecutionEnvironmentForm = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const radioCheckedIcon_1 = require("../../../../../common/CustomIcon/components/RadioCheckedIcon/radioCheckedIcon");
-const radioUncheckedIcon_1 = require("../../../../../common/CustomIcon/components/RadioUncheckedIcon/radioUncheckedIcon");
-const entities_1 = require("../../../../common/entities");
-const exportForm_styles_1 = require("../../exportForm.styles");
-const ExportExecutionEnvironmentForm = ({ executionEnvironment, setExecutionEnvironment, }) => {
-    return (react_1.default.createElement(exportForm_styles_1.FormControl, null,
-        react_1.default.createElement(material_1.FormLabel, null, "Shell"),
-        react_1.default.createElement(material_1.RadioGroup, { value: executionEnvironment },
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { checkedIcon: react_1.default.createElement(radioCheckedIcon_1.RadioCheckedIcon, null), icon: react_1.default.createElement(radioUncheckedIcon_1.RadioUncheckedIcon, null), onChange: () => setExecutionEnvironment(entities_1.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH), size: "small", value: entities_1.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH }), label: "Bash" }),
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { checkedIcon: react_1.default.createElement(radioCheckedIcon_1.RadioCheckedIcon, null), icon: react_1.default.createElement(radioUncheckedIcon_1.RadioUncheckedIcon, null), onChange: () => setExecutionEnvironment(entities_1.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE), size: "small", value: entities_1.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE }), label: entities_1.BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.CMD_EXE }))));
-};
-exports.ExportExecutionEnvironmentForm = ExportExecutionEnvironmentForm;

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

@@ -1,75 +1,48 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportFileSummaryForm = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const formatCountSize_1 = require("../../../../../../utils/formatCountSize");
-const formatFileSize_1 = require("../../../../../../utils/formatFileSize");
-const checkedIcon_1 = require("../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon");
-const errorIcon_1 = require("../../../../../common/CustomIcon/components/ErrorIcon/errorIcon");
-const uncheckedErrorIcon_1 = require("../../../../../common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon");
-const uncheckedIcon_1 = require("../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon");
-const gridTable_styles_1 = require("../../../../../Table/common/gridTable.styles");
-const exportForm_1 = require("../../exportForm");
-const exportForm_styles_1 = require("../../exportForm.styles");
-const ExportFileSummaryForm = ({ error, fileSummaryFacet, onClearError, onFilter, onUpdateFilterFacet, }) => {
+import { Checkbox, FormControlLabel, FormHelperText, FormLabel, TableBody, TableCell, TableHead, TableRow, } from "@mui/material";
+import React, { Fragment } from "react";
+import { formatCountSize } from "../../../../../../utils/formatCountSize";
+import { formatFileSize } from "../../../../../../utils/formatFileSize";
+import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
+import { ErrorIcon } from "../../../../../common/CustomIcon/components/ErrorIcon/errorIcon";
+import { UncheckedErrorIcon } from "../../../../../common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon";
+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";
+export const ExportFileSummaryForm = ({ error, fileSummaryFacet, onClearError, onFilter, onUpdateFilterFacet, }) => {
     const hasFileSize = isFileSummaryFacet(fileSummaryFacet);
     const gridTemplateColumns = hasFileSize ? "1fr auto auto" : "1fr auto";
-    return (react_1.default.createElement(exportForm_styles_1.TableFormControl, { error: error },
-        react_1.default.createElement(material_1.FormLabel, null, fileSummaryFacet.formLabel || "File Type"),
-        error && (react_1.default.createElement(material_1.FormHelperText, null,
-            react_1.default.createElement(errorIcon_1.ErrorIcon, { fontSize: "xxsmall" }),
-            react_1.default.createElement("span", null,
+    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_1.default.createElement(exportForm_styles_1.GridPaper, null,
-            react_1.default.createElement(gridTable_styles_1.GridTable, { gridTemplateColumns: gridTemplateColumns },
-                react_1.default.createElement(material_1.TableHead, null,
-                    react_1.default.createElement(material_1.TableRow, null,
-                        react_1.default.createElement(material_1.TableCell, null,
-                            react_1.default.createElement(material_1.FormControlLabel, { label: "Name", control: react_1.default.createElement(material_1.Checkbox, { checked: fileSummaryFacet.selectedTermCount ===
-                                        fileSummaryFacet.termCount, checkedIcon: react_1.default.createElement(checkedIcon_1.CheckedIcon, null), icon: error ? react_1.default.createElement(uncheckedErrorIcon_1.UncheckedErrorIcon, null) : react_1.default.createElement(uncheckedIcon_1.UncheckedIcon, null), onChange: () => {
-                                        onClearError(error, exportForm_1.ERROR.FILE_SUMMARY_ERROR);
+        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_1.default.createElement(material_1.TableCell, null, "File Count"),
-                        hasFileSize && react_1.default.createElement(material_1.TableCell, null, "File Size"))),
-                react_1.default.createElement(material_1.TableBody, null,
-                    react_1.default.createElement(material_1.TableRow, null, fileSummaryFacet.terms.map(({ count, name, selected, size = 0 }) => (react_1.default.createElement(react_1.Fragment, { key: name },
-                        react_1.default.createElement(material_1.TableCell, null,
-                            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: selected, checkedIcon: react_1.default.createElement(checkedIcon_1.CheckedIcon, null), icon: error ? react_1.default.createElement(uncheckedErrorIcon_1.UncheckedErrorIcon, null) : react_1.default.createElement(uncheckedIcon_1.UncheckedIcon, null), onChange: () => {
-                                        onClearError(error, exportForm_1.ERROR.FILE_SUMMARY_ERROR);
+                        React.createElement(TableCell, null, "File Count"),
+                        hasFileSize && React.createElement(TableCell, null, "File Size"))),
+                React.createElement(TableBody, null,
+                    React.createElement(TableRow, null, fileSummaryFacet.terms.map(({ count, name, selected, size = 0 }) => (React.createElement(Fragment, { 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_1.default.createElement(material_1.TableCell, null, (0, formatCountSize_1.formatCountSize)(count)),
-                        hasFileSize && (react_1.default.createElement(material_1.TableCell, null, (0, formatFileSize_1.formatFileSize)(size))))))))))));
+                        React.createElement(TableCell, null, formatCountSize(count)),
+                        hasFileSize && (React.createElement(TableCell, null, formatFileSize(size))))))))))));
 };
-exports.ExportFileSummaryForm = ExportFileSummaryForm;
 /**
  * Returns true if the file summary facet has file size.
  * @param fileSummaryFacet - File summary facet.

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

@@ -1,27 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportManifestDownloadFormatForm = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const useFileManifestState_1 = require("../../../../../../hooks/useFileManifestState");
-const fileManifestState_1 = require("../../../../../../providers/fileManifestState");
-const radioCheckedIcon_1 = require("../../../../../common/CustomIcon/components/RadioCheckedIcon/radioCheckedIcon");
-const radioUncheckedIcon_1 = require("../../../../../common/CustomIcon/components/RadioUncheckedIcon/radioUncheckedIcon");
-const exportForm_styles_1 = require("../../exportForm.styles");
-const ExportManifestDownloadFormatForm = ({ manifestDownloadFormat, manifestDownloadFormats, }) => {
-    const { fileManifestDispatch } = (0, useFileManifestState_1.useFileManifestState)();
+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: fileManifestState_1.FileManifestActionKind.UpdateFileManifestFormat,
+            type: FileManifestActionKind.UpdateFileManifestFormat,
         });
     };
-    return (react_1.default.createElement(exportForm_styles_1.FormControl, null,
-        react_1.default.createElement(material_1.FormLabel, null, "Download Format"),
-        react_1.default.createElement(material_1.RadioGroup, { value: manifestDownloadFormat !== null && manifestDownloadFormat !== void 0 ? manifestDownloadFormat : "" }, manifestDownloadFormats.map((manifestFormat) => (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { checkedIcon: react_1.default.createElement(radioCheckedIcon_1.RadioCheckedIcon, null), icon: react_1.default.createElement(radioUncheckedIcon_1.RadioUncheckedIcon, null), onChange: () => onUpdateManifestFormat(manifestFormat), size: "small", value: manifestFormat }), key: manifestFormat, label: manifestFormat }))))));
+    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 }))))));
 };
-exports.ExportManifestDownloadFormatForm = ExportManifestDownloadFormatForm;

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

@@ -1,29 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportSpeciesForm = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const checkedIcon_1 = require("../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon");
-const errorIcon_1 = require("../../../../../common/CustomIcon/components/ErrorIcon/errorIcon");
-const uncheckedErrorIcon_1 = require("../../../../../common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon");
-const uncheckedIcon_1 = require("../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon");
-const exportForm_1 = require("../../exportForm");
-const exportForm_styles_1 = require("../../exportForm.styles");
-const ExportSpeciesForm = ({ error, onClearError, onFilter, speciesFacet, }) => {
-    return (react_1.default.createElement(exportForm_styles_1.FormControl, { error: error },
-        react_1.default.createElement(material_1.FormLabel, null, speciesFacet.formLabel || "Species"),
-        error && (react_1.default.createElement(material_1.FormHelperText, null,
-            react_1.default.createElement(errorIcon_1.ErrorIcon, { fontSize: "xxsmall" }),
-            react_1.default.createElement("span", null,
+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";
+import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
+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_1.default.createElement(material_1.FormGroup, null, speciesFacet.terms.map(({ name, selected }) => (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: selected, checkedIcon: react_1.default.createElement(checkedIcon_1.CheckedIcon, null), icon: error ? react_1.default.createElement(uncheckedErrorIcon_1.UncheckedErrorIcon, null) : react_1.default.createElement(uncheckedIcon_1.UncheckedIcon, null), onChange: () => {
-                    onClearError(error, exportForm_1.ERROR.SPECIES_ERROR);
+        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 }))))));
 };
-exports.ExportSpeciesForm = ExportSpeciesForm;