@databiosphere/findable-ui 5.0.0 → 7.0.0

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

@@ -1,56 +1,30 @@
-"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.ExportForm = exports.ERROR = void 0;
-const react_1 = __importStar(require("react"));
-const useFileManifestState_1 = require("../../../../hooks/useFileManifestState");
-const fileManifestState_1 = require("../../../../providers/fileManifestState");
-const paper_1 = require("../../../common/Paper/paper");
-const loading_1 = require("../../../Loading/loading");
-const export_styles_1 = require("../../export.styles");
-const exportFileSummaryForm_1 = require("./components/ExportFileSummaryForm/exportFileSummaryForm");
-const exportSpeciesForm_1 = require("./components/ExportSpeciesForm/exportSpeciesForm");
+import React, { Fragment, useState } from "react";
+import { useFileManifestState } from "../../../../hooks/useFileManifestState";
+import { FileManifestActionKind } from "../../../../providers/fileManifestState";
+import { PAPER_PANEL_STYLE } from "../../../common/Paper/paper";
+import { Loading } from "../../../Loading/loading";
+import { SectionActions, SectionForm } from "../../export.styles";
+import { ExportFileSummaryForm } from "./components/ExportFileSummaryForm/exportFileSummaryForm";
+import { ExportSpeciesForm } from "./components/ExportSpeciesForm/exportSpeciesForm";
 const DEFAULT_ERROR_STATE = {
     fileSummaryError: false,
     speciesError: false,
 };
-var ERROR;
+export var ERROR;
 (function (ERROR) {
     ERROR["FILE_SUMMARY_ERROR"] = "fileSummaryError";
     ERROR["SPECIES_ERROR"] = "speciesError";
-})(ERROR = exports.ERROR || (exports.ERROR = {}));
-const ExportForm = ({ Button, children, formFacet, isLoading, onRequestManifest, }) => {
-    const [errorState, setErrorState] = (0, react_1.useState)(DEFAULT_ERROR_STATE);
-    const { fileManifestDispatch } = (0, useFileManifestState_1.useFileManifestState)();
+})(ERROR || (ERROR = {}));
+export const ExportForm = ({ Button, children, formFacet, isLoading, onRequestManifest, }) => {
+    const [errorState, setErrorState] = useState(DEFAULT_ERROR_STATE);
+    const { fileManifestDispatch } = useFileManifestState();
     const { fileSummaryFacet, speciesFacet } = formFacet;
     // Clears error state.
     const onClearError = (isError, error) => {
         if (!isError) {
             return;
         }
-        setErrorState((state) => (Object.assign(Object.assign({}, state), { [error]: false })));
+        setErrorState((state) => ({ ...state, [error]: false }));
     };
     // Updates file manifest filter state.
     const onFilter = (categoryKey, selectedCategoryValue, selected) => {
@@ -60,7 +34,7 @@ const ExportForm = ({ Button, children, formFacet, isLoading, onRequestManifest,
                 selected: !selected,
                 selectedValue: selectedCategoryValue,
             },
-            type: fileManifestState_1.FileManifestActionKind.UpdateFilter,
+            type: FileManifestActionKind.UpdateFilter,
         });
     };
     // Submits file manifest request.
@@ -79,20 +53,19 @@ const ExportForm = ({ Button, children, formFacet, isLoading, onRequestManifest,
     const onUpdateFilterFacet = (categoryKey) => {
         fileManifestDispatch({
             payload: categoryKey,
-            type: fileManifestState_1.FileManifestActionKind.UpdateFiltersCategory,
+            type: FileManifestActionKind.UpdateFiltersCategory,
         });
     };
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(export_styles_1.SectionForm, null,
-            react_1.default.createElement(loading_1.Loading, { loading: isLoading, panelStyle: paper_1.PAPER_PANEL_STYLE.NONE }),
-            speciesFacet && fileSummaryFacet && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(exportSpeciesForm_1.ExportSpeciesForm, { error: errorState.speciesError, onClearError: onClearError, onFilter: onFilter, speciesFacet: speciesFacet }),
-                react_1.default.createElement(exportFileSummaryForm_1.ExportFileSummaryForm, { error: errorState.fileSummaryError, fileSummaryFacet: fileSummaryFacet, onClearError: onClearError, onFilter: onFilter, onUpdateFilterFacet: onUpdateFilterFacet }),
+    return (React.createElement(Fragment, null,
+        React.createElement(SectionForm, null,
+            React.createElement(Loading, { loading: isLoading, panelStyle: PAPER_PANEL_STYLE.NONE }),
+            speciesFacet && fileSummaryFacet && (React.createElement(React.Fragment, null,
+                React.createElement(ExportSpeciesForm, { error: errorState.speciesError, onClearError: onClearError, onFilter: onFilter, speciesFacet: speciesFacet }),
+                React.createElement(ExportFileSummaryForm, { error: errorState.fileSummaryError, fileSummaryFacet: fileSummaryFacet, onClearError: onClearError, onFilter: onFilter, onUpdateFilterFacet: onUpdateFilterFacet }),
                 children))),
-        react_1.default.createElement(export_styles_1.SectionActions, null,
-            react_1.default.createElement(Button, { onClick: onSubmit }))));
+        React.createElement(SectionActions, null,
+            React.createElement(Button, { onClick: onSubmit }))));
 };
-exports.ExportForm = ExportForm;
 /**
  * Returns true if the facet has selected terms.
  * @param facet - Facet.

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

@@ -1,32 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridPaper = exports.TableFormControl = exports.FormControl = exports.margin = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-const breakpoints_1 = require("../../../../styles/common/mixins/breakpoints");
-const colors_1 = require("../../../../styles/common/mixins/colors");
-const fonts_1 = require("../../../../styles/common/mixins/fonts");
-const section_styles_1 = require("../../../common/Section/section.styles");
-const margin = ({ theme }) => (0, react_1.css) `
-  ${section_styles_1.sectionMargin}
-  ${(0, breakpoints_1.mediaTabletUp)({ theme })} {
-    ${section_styles_1.sectionMarginSm}
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { FormControl as MFormControl } from "@mui/material";
+import { mediaTabletUp } from "../../../../styles/common/mixins/breakpoints";
+import { inkMain, smokeLightest, smokeMain, } from "../../../../styles/common/mixins/colors";
+import { textBodyLarge500 } from "../../../../styles/common/mixins/fonts";
+import { sectionMargin, sectionMarginSm, } from "../../../common/Section/section.styles";
+export const margin = ({ theme }) => css `
+  ${sectionMargin}
+  ${mediaTabletUp({ theme })} {
+    ${sectionMarginSm}
   }
 `;
-exports.margin = margin;
-exports.FormControl = (0, styled_1.default)(material_1.FormControl) `
+export const FormControl = styled(MFormControl) `
   &.MuiFormControl-root {
-    ${exports.margin};
+    ${margin};
     display: flex;
     gap: 16px;
 
     .MuiFormLabel-root {
-      ${fonts_1.textBodyLarge500};
-      color: ${colors_1.inkMain};
+      ${textBodyLarge500};
+      color: ${inkMain};
       display: block;
     }
 
@@ -44,7 +37,7 @@ exports.FormControl = (0, styled_1.default)(material_1.FormControl) `
     }
   }
 `;
-exports.TableFormControl = (0, styled_1.default)(exports.FormControl) `
+export const TableFormControl = styled(FormControl) `
   &.MuiFormControl-root {
     display: block;
     margin: 20px 0;
@@ -52,7 +45,7 @@ exports.TableFormControl = (0, styled_1.default)(exports.FormControl) `
     .MuiFormLabel-root {
       margin: 16px;
 
-      ${breakpoints_1.mediaTabletUp} {
+      ${mediaTabletUp} {
         margin: 16px 20px;
       }
     }
@@ -64,14 +57,14 @@ exports.TableFormControl = (0, styled_1.default)(exports.FormControl) `
     .MuiFormHelperText-root {
       margin: 16px;
 
-      ${breakpoints_1.mediaTabletUp} {
+      ${mediaTabletUp} {
         margin: 16px 20px;
       }
     }
 
     .MuiTable-root {
       th {
-        background-color: ${colors_1.smokeLightest};
+        background-color: ${smokeLightest};
 
         .MuiFormControlLabel-label {
           font: inherit;
@@ -83,16 +76,16 @@ exports.TableFormControl = (0, styled_1.default)(exports.FormControl) `
         min-height: 48px;
         padding: 14px 16px;
 
-        ${breakpoints_1.mediaTabletUp} {
+        ${mediaTabletUp} {
           padding: 14px 20px;
         }
       }
     }
   }
 `;
-exports.GridPaper = styled_1.default.div `
-  background-color: ${colors_1.smokeMain};
-  border-color: ${colors_1.smokeMain};
+export const GridPaper = styled.div `
+  background-color: ${smokeMain};
+  border-color: ${smokeMain};
   border-style: solid;
   border-width: 1px 0 1px 0;
   display: grid;

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

@@ -1,29 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Tooltip, Typography } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+import { useDownloadStatus } from "../../../../hooks/useDownloadStatus";
+import { FluidPaper } from "../../../common/Paper/paper.styles";
+import { SectionTitle } from "../../../common/Section/components/SectionTitle/sectionTitle";
+import { Section, SectionActions, SectionContent, } from "../../../common/Section/section.styles";
+import { ExportButton, SectionFootnote } from "./exportMethod.styles";
+export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, }) => {
+    const { disabled, message } = useDownloadStatus();
+    return (React.createElement(FluidPaper, null,
+        React.createElement(Section, null,
+            React.createElement(SectionContent, null,
+                React.createElement(SectionTitle, { title: title }),
+                React.createElement(Typography, { variant: "text-body-400-2lines" }, description)),
+            React.createElement(SectionActions, null,
+                React.createElement(Tooltip, { arrow: true, title: message },
+                    React.createElement("span", null,
+                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true },
+                            React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel))))),
+            footnote && React.createElement(SectionFootnote, null, footnote))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportMethod = void 0;
-const material_1 = require("@mui/material");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const useDownloadStatus_1 = require("../../../../hooks/useDownloadStatus");
-const paper_styles_1 = require("../../../common/Paper/paper.styles");
-const sectionTitle_1 = require("../../../common/Section/components/SectionTitle/sectionTitle");
-const section_styles_1 = require("../../../common/Section/section.styles");
-const exportMethod_styles_1 = require("./exportMethod.styles");
-const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, }) => {
-    const { disabled, message } = (0, useDownloadStatus_1.useDownloadStatus)();
-    return (react_1.default.createElement(paper_styles_1.FluidPaper, null,
-        react_1.default.createElement(section_styles_1.Section, null,
-            react_1.default.createElement(section_styles_1.SectionContent, null,
-                react_1.default.createElement(sectionTitle_1.SectionTitle, { title: title }),
-                react_1.default.createElement(material_1.Typography, { variant: "text-body-400-2lines" }, description)),
-            react_1.default.createElement(section_styles_1.SectionActions, null,
-                react_1.default.createElement(material_1.Tooltip, { arrow: true, title: message },
-                    react_1.default.createElement("span", null,
-                        react_1.default.createElement(link_1.default, { href: route, legacyBehavior: true, passHref: true },
-                            react_1.default.createElement(exportMethod_styles_1.ExportButton, { disabled: disabled || !isAccessible }, buttonLabel))))),
-            footnote && react_1.default.createElement(exportMethod_styles_1.SectionFootnote, null, footnote))));
-};
-exports.ExportMethod = ExportMethod;

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

@@ -1,24 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportMethodStory = void 0;
-const react_1 = __importDefault(require("react"));
-const exportMethod_1 = require("./exportMethod");
-exports.default = {
+import React from "react";
+import { ExportMethod } from "./exportMethod";
+export default {
     argTypes: {
         buttonLabel: { control: "text" },
         description: { control: "text" },
         route: { control: "text" },
         title: { control: "text" },
     },
-    component: exportMethod_1.ExportMethod,
+    component: ExportMethod,
     title: "Components/Section/Export/ExportMethod",
 };
-const ExportMethodTemplate = (args) => (react_1.default.createElement(exportMethod_1.ExportMethod, Object.assign({}, args)));
-exports.ExportMethodStory = ExportMethodTemplate.bind({});
-exports.ExportMethodStory.args = {
+const ExportMethodTemplate = (args) => (React.createElement(ExportMethod, { ...args }));
+export const ExportMethodStory = ExportMethodTemplate.bind({});
+ExportMethodStory.args = {
     buttonLabel: "Request curl Command",
     description: "Obtain a curl command for downloading the selected data.",
     route: "/request-curl-command",

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

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionFootnote = exports.ExportButton = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const fonts_1 = require("../../../../styles/common/mixins/fonts");
-const palette_1 = require("../../../../theme/common/palette");
-const buttonPrimary_1 = require("../../../common/Button/components/ButtonPrimary/buttonPrimary");
-exports.ExportButton = (0, styled_1.default)(buttonPrimary_1.ButtonPrimary) `
+import styled from "@emotion/styled";
+import { textBodySmall4002Lines } from "../../../../styles/common/mixins/fonts";
+import { inkLight } from "../../../../theme/common/palette";
+import { ButtonPrimary } from "../../../common/Button/components/ButtonPrimary/buttonPrimary";
+export const ExportButton = styled(ButtonPrimary) `
   text-transform: none; // overrides MuiButton theme text-transform "capitalize".
 `;
-exports.SectionFootnote = styled_1.default.div `
-  ${fonts_1.textBodySmall4002Lines}
-  color: ${palette_1.inkLight};
+export const SectionFootnote = styled.div `
+  ${textBodySmall4002Lines}
+  color: ${inkLight};
 `;

package/lib/components/Export/components/ExportSummary/common/utils.js

@@ -1,28 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listSelectedTermsOfFacet = exports.getEffectiveTerms = exports.displaySummaryTerms = void 0;
-const entities_1 = require("../../../../../apis/azul/common/entities");
-const utils_1 = require("../../../../../common/utils");
+import { LABEL } from "../../../../../apis/azul/common/entities";
+import { stringifyValues } from "../../../../../common/utils";
 /**
  * Returns a concatenation of all terms in the specified array.
  * @param terms - Terms.
  * @returns concatenated terms.
  */
-function displaySummaryTerms(terms) {
+export function displaySummaryTerms(terms) {
     if (terms && terms.length) {
-        return (0, utils_1.stringifyValues)(terms.map(({ name }) => name.trim()));
+        return stringifyValues(terms.map(({ name }) => name.trim()));
     }
     else {
-        return entities_1.LABEL.UNSPECIFIED;
+        return LABEL.UNSPECIFIED;
     }
 }
-exports.displaySummaryTerms = displaySummaryTerms;
 /**
  * Returns for a specified facet, all terms if none are selected, or the selected terms only.
  * @param fileFacet - File facet.
  * @returns terms; selected terms only or all terms if none are selected.
  */
-function getEffectiveTerms(fileFacet) {
+export function getEffectiveTerms(fileFacet) {
     const { selected, selectedTerms, terms } = fileFacet;
     // Return an empty array if there are no terms.
     if (!terms || !terms.length) {
@@ -31,14 +27,13 @@ function getEffectiveTerms(fileFacet) {
     // Otherwise return either the list of selected terms only, or if none are selected, the full list of terms.
     return selected ? selectedTerms : terms;
 }
-exports.getEffectiveTerms = getEffectiveTerms;
 /**
  * Returns the effective terms for the specified facet.
  * @param fileFacets - File facets.
  * @param facetName - Facet name.
  * @returns effective terms for the given facet.
  */
-function listSelectedTermsOfFacet(fileFacets, facetName) {
+export function listSelectedTermsOfFacet(fileFacets, facetName) {
     if (fileFacets.length) {
         const facet = fileFacets.find(({ name }) => name === facetName);
         if (!facet) {
@@ -50,4 +45,3 @@ function listSelectedTermsOfFacet(fileFacets, facetName) {
         return [];
     }
 }
-exports.listSelectedTermsOfFacet = listSelectedTermsOfFacet;

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

@@ -1,42 +1,15 @@
-"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;
+import React, { Fragment } from "react";
+import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
+import { GridPaperSection } from "../../../../../common/Section/section.styles";
+import { Loading, LOADING_PANEL_STYLE } from "../../../../../Loading/loading";
+import { Label, Values } from "../../exportSummary.styles";
+export const ExportCurrentQuery = ({ isLoading, queries, }) => {
+    return (React.createElement(GridPaperSection, null,
+        React.createElement(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
+        React.createElement(SectionTitle, { title: "Current Query" }),
+        queries.length > 0 ? (queries.map(([label, values]) => (React.createElement("div", { key: label },
+            React.createElement(Label, null, label),
+            React.createElement(Values, null, values.map((value, i) => (React.createElement(Fragment, { key: `${value}${i}` },
+                i > 0 && React.createElement("code", null, "OR"),
+                React.createElement("span", null, value))))))))) : (React.createElement(Values, null, "All Data"))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportCurrentQuery = void 0;
-const react_1 = __importStar(require("react"));
-const sectionTitle_1 = require("../../../../../common/Section/components/SectionTitle/sectionTitle");
-const section_styles_1 = require("../../../../../common/Section/section.styles");
-const loading_1 = require("../../../../../Loading/loading");
-const exportSummary_styles_1 = require("../../exportSummary.styles");
-const ExportCurrentQuery = ({ isLoading, queries, }) => {
-    return (react_1.default.createElement(section_styles_1.GridPaperSection, null,
-        react_1.default.createElement(loading_1.Loading, { loading: isLoading, panelStyle: loading_1.LOADING_PANEL_STYLE.INHERIT }),
-        react_1.default.createElement(sectionTitle_1.SectionTitle, { title: "Current Query" }),
-        queries.length > 0 ? (queries.map(([label, values]) => (react_1.default.createElement("div", { key: label },
-            react_1.default.createElement(exportSummary_styles_1.Label, null, label),
-            react_1.default.createElement(exportSummary_styles_1.Values, null, values.map((value, i) => (react_1.default.createElement(react_1.Fragment, { key: `${value}${i}` },
-                i > 0 && react_1.default.createElement("code", null, "OR"),
-                react_1.default.createElement("span", null, value))))))))) : (react_1.default.createElement(exportSummary_styles_1.Values, null, "All Data"))));
-};
-exports.ExportCurrentQuery = ExportCurrentQuery;

package/lib/components/Export/components/ExportSummary/components/ExportSelectedDataSummary/exportSelectedDataSummary.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
+import { GridPaperSection } from "../../../../../common/Section/section.styles";
+import { Loading, LOADING_PANEL_STYLE } from "../../../../../Loading/loading";
+import { Label, Values } from "../../exportSummary.styles";
+export const ExportSelectedDataSummary = ({ isLoading, summaries, }) => {
+    return (React.createElement(GridPaperSection, null,
+        React.createElement(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
+        React.createElement(SectionTitle, { title: "Selected Data Summary" }),
+        summaries.map(([label, value], i) => (React.createElement("div", { key: i },
+            React.createElement(Label, null, label),
+            React.createElement(Values, null, value))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportSelectedDataSummary = void 0;
-const react_1 = __importDefault(require("react"));
-const sectionTitle_1 = require("../../../../../common/Section/components/SectionTitle/sectionTitle");
-const section_styles_1 = require("../../../../../common/Section/section.styles");
-const loading_1 = require("../../../../../Loading/loading");
-const exportSummary_styles_1 = require("../../exportSummary.styles");
-const ExportSelectedDataSummary = ({ isLoading, summaries, }) => {
-    return (react_1.default.createElement(section_styles_1.GridPaperSection, null,
-        react_1.default.createElement(loading_1.Loading, { loading: isLoading, panelStyle: loading_1.LOADING_PANEL_STYLE.INHERIT }),
-        react_1.default.createElement(sectionTitle_1.SectionTitle, { title: "Selected Data Summary" }),
-        summaries.map(([label, value], i) => (react_1.default.createElement("div", { key: i },
-            react_1.default.createElement(exportSummary_styles_1.Label, null, label),
-            react_1.default.createElement(exportSummary_styles_1.Values, null, value))))));
-};
-exports.ExportSelectedDataSummary = ExportSelectedDataSummary;

package/lib/components/Export/components/ExportSummary/exportSummary.js

@@ -1,12 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { Sections } from "../../../common/Sections/sections";
+export const ExportSummary = ({ children, }) => {
+    return React.createElement(Sections, null, children);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportSummary = void 0;
-const react_1 = __importDefault(require("react"));
-const sections_1 = require("../../../common/Sections/sections");
-const ExportSummary = ({ children, }) => {
-    return react_1.default.createElement(sections_1.Sections, null, children);
-};
-exports.ExportSummary = ExportSummary;

package/lib/components/Export/components/ExportSummary/exportSummary.styles.js

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Values = exports.Label = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const fonts_1 = require("../../../../styles/common/mixins/fonts");
-exports.Label = styled_1.default.div `
-  ${fonts_1.textBody4002Lines};
+import styled from "@emotion/styled";
+import { textBody4002Lines } from "../../../../styles/common/mixins/fonts";
+export const Label = styled.div `
+  ${textBody4002Lines};
   color: ${({ theme }) => theme.palette.ink.light};
 `;
-exports.Values = styled_1.default.div `
-  ${fonts_1.textBody4002Lines};
+export const Values = styled.div `
+  ${textBody4002Lines};
   display: flex;
   flex-wrap: wrap;
   gap: 0 8px;

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

@@ -1,35 +1,16 @@
-"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 { ExportManifestDownloadFormatForm } from "../../../ExportForm/components/ExportManifestDownloadFormatForm/exportManifestDownloadFormatForm";
+import { ExportForm, } from "../../../ExportForm/exportForm";
+export const ExportToTerraForm = ({ formFacet, isLoading, manifestDownloadFormat, manifestDownloadFormats, onRequestManifest, }) => {
+    return (React.createElement(ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest },
+        React.createElement(ExportManifestDownloadFormatForm, { manifestDownloadFormat: manifestDownloadFormat, manifestDownloadFormats: manifestDownloadFormats })));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportToTerraForm = void 0;
-const react_1 = __importDefault(require("react"));
-const exportButton_1 = require("../../../ExportForm/components/ExportButton/exportButton");
-const exportManifestDownloadFormatForm_1 = require("../../../ExportForm/components/ExportManifestDownloadFormatForm/exportManifestDownloadFormatForm");
-const exportForm_1 = require("../../../ExportForm/exportForm");
-const ExportToTerraForm = ({ formFacet, isLoading, manifestDownloadFormat, manifestDownloadFormats, onRequestManifest, }) => {
-    return (react_1.default.createElement(exportForm_1.ExportForm, { Button: renderButton, formFacet: formFacet, isLoading: isLoading, onRequestManifest: onRequestManifest },
-        react_1.default.createElement(exportManifestDownloadFormatForm_1.ExportManifestDownloadFormatForm, { manifestDownloadFormat: manifestDownloadFormat, manifestDownloadFormats: manifestDownloadFormats })));
-};
-exports.ExportToTerraForm = ExportToTerraForm;
 /**
  * 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({}, props), "Request Link");
+function renderButton({ ...props }) {
+    return React.createElement(ExportButton, { ...props }, "Request Link");
 }

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

@@ -1,21 +1,14 @@
-"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 } from "../../../../export.styles";
+export const ExportToTerraNotStarted = ({ ExportTerraForm, ExportToTerraStart, 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 })))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportToTerraNotStarted = 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 ExportToTerraNotStarted = ({ ExportTerraForm, ExportToTerraStart, fileManifestState, formFacet, isLoading, manifestDownloadFormats, onRequestManifest, }) => {
-    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 link will be ready shortly..." }),
-        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(ExportToTerraStart, null)),
-                react_1.default.createElement(ExportTerraForm, { formFacet: formFacet, isLoading: fileManifestState.isLoading, manifestDownloadFormat: fileManifestState.fileManifestFormat, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: onRequestManifest })))));
-};
-exports.ExportToTerraNotStarted = ExportToTerraNotStarted;