@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/components/common/Banner/components/CookieBanner/cookieBanner.js

@@ -1,67 +1,28 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CookieBanner = void 0;
-const react_1 = __importStar(require("react"));
-const entities_1 = require("../../../../../hooks/useFeatureFlag/common/entities");
-const utils_1 = require("../../../../../hooks/useLocalStorage/common/utils");
-const useLocalStorage_1 = require("../../../../../hooks/useLocalStorage/useLocalStorage");
-const buttonPrimary_1 = require("../../../Button/components/ButtonPrimary/buttonPrimary");
-const dismissibleBanner_1 = require("../DismissibleBanner/dismissibleBanner");
-const cookieBanner_styles_1 = require("./cookieBanner.styles");
-const CookieBanner = ({ className, localStorageKey, message, secondaryAction, }) => {
-    const localStorage = (0, useLocalStorage_1.useLocalStorage)(localStorageKey);
-    const isCookieAccepted = localStorage === entities_1.FLAG.TRUE;
+import React, { forwardRef, Fragment } from "react";
+import { FLAG } from "../../../../../hooks/useFeatureFlag/common/entities";
+import { setLocalStorage } from "../../../../../hooks/useLocalStorage/common/utils";
+import { useLocalStorage } from "../../../../../hooks/useLocalStorage/useLocalStorage";
+import { ButtonPrimary } from "../../../Button/components/ButtonPrimary/buttonPrimary";
+import { DismissibleBanner } from "../DismissibleBanner/dismissibleBanner";
+import { CookieBanner as Banner } from "./cookieBanner.styles";
+export const CookieBanner = ({ className, localStorageKey, message, secondaryAction, }) => {
+    const localStorage = useLocalStorage(localStorageKey);
+    const isCookieAccepted = localStorage === FLAG.TRUE;
     // Callback fired when the banner requests to be closed.
     const onDismiss = () => {
-        (0, utils_1.setLocalStorage)(localStorageKey, entities_1.FLAG.TRUE);
+        setLocalStorage(localStorageKey, FLAG.TRUE);
     };
-    return (react_1.default.createElement(dismissibleBanner_1.DismissibleBanner, { Alert: Alert, className: className, onDismiss: onDismiss, open: !isCookieAccepted, slots: {
+    return (React.createElement(DismissibleBanner, { Alert: Alert, className: className, onDismiss: onDismiss, open: !isCookieAccepted, slots: {
             closeButton: (props) => renderCloseButton(props, secondaryAction),
         } }, message));
 };
-exports.CookieBanner = CookieBanner;
 /**
  * Return the cookie banner alert.
  * @param props - Alert props e.g. "onClick" to close banner.
  * @returns alert element.
  */
-const Alert = (0, react_1.forwardRef)(function Alert(_a, ref) {
-    var props = __rest(_a, []);
-    return (react_1.default.createElement(cookieBanner_styles_1.CookieBanner, Object.assign({ color: "ink", elevation: 2, icon: false, ref: ref, variant: "filled" }, props), props.children));
+const Alert = forwardRef(function Alert({ ...props }, ref) {
+    return (React.createElement(Banner, { color: "ink", elevation: 2, icon: false, ref: ref, variant: "filled", ...props }, props.children));
 });
 /**
  * Returns the close action component(s).
@@ -70,7 +31,7 @@ const Alert = (0, react_1.forwardRef)(function Alert(_a, ref) {
  * @returns close button element(s).
  */
 function renderCloseButton(buttonProps, secondaryAction) {
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(buttonPrimary_1.ButtonPrimary, { onClick: buttonProps.onClick }, "Ok, Got It"),
+    return (React.createElement(Fragment, null,
+        React.createElement(ButtonPrimary, { onClick: buttonProps.onClick }, "Ok, Got It"),
         secondaryAction));
 }

package/lib/components/common/Banner/components/CookieBanner/cookieBanner.styles.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CookieBanner = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-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 shadows_1 = require("../../../../../styles/common/mixins/shadows");
-const banner_1 = require("../../banner");
-exports.CookieBanner = (0, styled_1.default)(banner_1.Banner) `
+import styled from "@emotion/styled";
+import { mediaTabletUp } from "../../../../../styles/common/mixins/breakpoints";
+import { white } from "../../../../../styles/common/mixins/colors";
+import { textBody400 } from "../../../../../styles/common/mixins/fonts";
+import { shadows02 } from "../../../../../styles/common/mixins/shadows";
+import { Banner } from "../../banner";
+export const CookieBanner = styled(Banner) `
   bottom: 0;
-  box-shadow: ${shadows_1.shadows02};
-  color: ${colors_1.white};
+  box-shadow: ${shadows02};
+  color: ${white};
   flex-direction: column;
   gap: 16px;
   left: 0;
@@ -24,7 +18,7 @@ exports.CookieBanner = (0, styled_1.default)(banner_1.Banner) `
   z-index: 1100; // Above support fab, below support form.
 
   .MuiAlert-message {
-    ${fonts_1.textBody400};
+    ${textBody400};
 
     .MuiLink-root {
       color: inherit;
@@ -44,7 +38,7 @@ exports.CookieBanner = (0, styled_1.default)(banner_1.Banner) `
     padding: 0;
   }
 
-  ${breakpoints_1.mediaTabletUp} {
+  ${mediaTabletUp} {
     box-sizing: content-box;
     margin: 16px;
     max-width: 400px;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.js

@@ -1,55 +1,16 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DismissibleBanner = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const DismissibleBanner = (_a) => {
-    var { Alert = material_1.Alert /* Requires forwardRef to be used as a child of Fade. */, className, children, onDismiss, open } = _a, props = __rest(_a, ["Alert", "className", "children", "onDismiss", "open"]) /* Spread props to allow for Mui AlertProps specific prop overrides. */;
-    const [isIn, setIsIn] = (0, react_1.useState)(false);
+import { Alert as MAlert, Fade, } from "@mui/material";
+import React, { useEffect, useState } from "react";
+export const DismissibleBanner = ({ Alert = MAlert /* Requires forwardRef to be used as a child of Fade. */, className, children, onDismiss, open, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
+    const [isIn, setIsIn] = useState(false);
     // Callback fired when the component requests to be closed.
     const onClose = () => {
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        onDismiss?.();
         setIsIn(false);
     };
     // Sets the open state.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setIsIn(open);
     }, [open]);
-    return (react_1.default.createElement(material_1.Fade, { in: isIn, unmountOnExit: true },
-        react_1.default.createElement(Alert, Object.assign({ className: className, onClose: onClose }, props), children)));
+    return (React.createElement(Fade, { in: isIn, unmountOnExit: true },
+        React.createElement(Alert, { className: className, onClose: onClose, ...props }, children)));
 };
-exports.DismissibleBanner = DismissibleBanner;

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.js

@@ -1,46 +1,7 @@
-"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 { useSessionTimeout } from "../../../../../hooks/useSessionTimeout";
+import { Banner } from "./sessionTimeout.styles";
+export const SessionTimeout = ({ className, title = "For your security, you have been logged out due to 15 minutes of inactivity.", ...props }) => {
+    const { clearSessionTimeout, isSessionTimeout } = useSessionTimeout();
+    return (React.createElement(Fragment, null, isSessionTimeout && (React.createElement(Banner, { className: className, onClose: clearSessionTimeout, ...props }, title))));
 };
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SessionTimeout = void 0;
-const react_1 = __importStar(require("react"));
-const useSessionTimeout_1 = require("../../../../../hooks/useSessionTimeout");
-const sessionTimeout_styles_1 = require("./sessionTimeout.styles");
-const SessionTimeout = (_a) => {
-    var { className, title = "For your security, you have been logged out due to 15 minutes of inactivity." } = _a, props = __rest(_a, ["className", "title"]);
-    const { clearSessionTimeout, isSessionTimeout } = (0, useSessionTimeout_1.useSessionTimeout)();
-    return (react_1.default.createElement(react_1.Fragment, null, isSessionTimeout && (react_1.default.createElement(sessionTimeout_styles_1.Banner, Object.assign({ className: className, onClose: clearSessionTimeout }, props), title))));
-};
-exports.SessionTimeout = SessionTimeout;

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.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.Banner = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const breakpoints_1 = require("../../../../../styles/common/mixins/breakpoints");
-const bannerPrimary_1 = require("../BannerPrimary/bannerPrimary");
-exports.Banner = (0, styled_1.default)(bannerPrimary_1.BannerPrimary) `
+import styled from "@emotion/styled";
+import { mediaDesktopUp } from "../../../../../styles/common/mixins/breakpoints";
+import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
+export const Banner = styled(BannerPrimary) `
   gap: 12px;
   padding: 8px 12px;
 
-  ${breakpoints_1.mediaDesktopUp} {
+  ${mediaDesktopUp} {
     padding: 8px 16px;
   }
 

package/lib/components/common/Banner/components/SystemIndexing/systemIndexing.js

@@ -1,51 +1,12 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemIndexing = void 0;
-const react_1 = __importStar(require("react"));
-const useSystemStatus_1 = require("../../../../../hooks/useSystemStatus");
-const bannerPrimary_1 = require("../BannerPrimary/bannerPrimary");
-const SystemIndexing = (_a) => {
-    var { children, className, title = "Data indexing in progress. Downloads and exports are disabled as search results may be incomplete." } = _a, props = __rest(_a, ["children", "className", "title"]);
-    const systemStatus = (0, useSystemStatus_1.useSystemStatus)();
+import React, { Fragment } from "react";
+import { useSystemStatus } from "../../../../../hooks/useSystemStatus";
+import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
+export const SystemIndexing = ({ children, className, title = "Data indexing in progress. Downloads and exports are disabled as search results may be incomplete.", ...props }) => {
+    const systemStatus = useSystemStatus();
     const { indexing, loading, ok } = systemStatus;
     const showAlert = !loading && ok && indexing;
-    return (react_1.default.createElement(react_1.Fragment, null, showAlert && (react_1.default.createElement(bannerPrimary_1.BannerPrimary, Object.assign({ className: className }, props),
-        react_1.default.createElement(react_1.Fragment, null,
+    return (React.createElement(Fragment, null, showAlert && (React.createElement(BannerPrimary, { className: className, ...props },
+        React.createElement(Fragment, null,
             title,
             children)))));
 };
-exports.SystemIndexing = SystemIndexing;

package/lib/components/common/Banner/components/SystemStatus/systemStatus.js

@@ -1,51 +1,12 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemStatus = void 0;
-const react_1 = __importStar(require("react"));
-const useSystemStatus_1 = require("../../../../../hooks/useSystemStatus");
-const bannerPrimary_1 = require("../BannerPrimary/bannerPrimary");
-const SystemStatus = (_a) => {
-    var { children, className, title = "One or more of the system components are currently unavailable. Functionality may be degraded." } = _a, props = __rest(_a, ["children", "className", "title"]);
-    const systemStatus = (0, useSystemStatus_1.useSystemStatus)();
+import React, { Fragment } from "react";
+import { useSystemStatus } from "../../../../../hooks/useSystemStatus";
+import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
+export const SystemStatus = ({ children, className, title = "One or more of the system components are currently unavailable. Functionality may be degraded.", ...props }) => {
+    const systemStatus = useSystemStatus();
     const { loading, ok } = systemStatus;
     const showAlert = !loading && !ok;
-    return (react_1.default.createElement(react_1.Fragment, null, showAlert && (react_1.default.createElement(bannerPrimary_1.BannerPrimary, Object.assign({ className: className }, props),
-        react_1.default.createElement(react_1.Fragment, null,
+    return (React.createElement(Fragment, null, showAlert && (React.createElement(BannerPrimary, { className: className, ...props },
+        React.createElement(Fragment, null,
             title,
             children)))));
 };
-exports.SystemStatus = SystemStatus;

package/lib/components/common/Breadcrumbs/breadcrumbs.js

@@ -1,15 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import ChevronRightRoundedIcon from "@mui/icons-material/ChevronRightRounded";
+import { Breadcrumbs as MBreadcrumbs, Link as BreadcrumbLink, Typography, } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+export const Breadcrumbs = ({ breadcrumbs, className, Separator = React.createElement(ChevronRightRoundedIcon, { fontSize: "xxsmall" }), }) => {
+    return (React.createElement(React.Fragment, null, breadcrumbs.length > 0 ? (React.createElement(MBreadcrumbs, { className: className, separator: Separator }, breadcrumbs.map(({ path, text }, b) => path ? (React.createElement(Link, { key: `${path}${b}`, href: path, legacyBehavior: true, passHref: true },
+        React.createElement(BreadcrumbLink, null, text))) : (React.createElement(Typography, { key: `${path}${b}`, maxWidth: 180, noWrap: true }, text))))) : null));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumbs = void 0;
-const ChevronRightRounded_1 = __importDefault(require("@mui/icons-material/ChevronRightRounded"));
-const material_1 = require("@mui/material");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const Breadcrumbs = ({ breadcrumbs, className, Separator = react_1.default.createElement(ChevronRightRounded_1.default, { fontSize: "xxsmall" }), }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, breadcrumbs.length > 0 ? (react_1.default.createElement(material_1.Breadcrumbs, { className: className, separator: Separator }, breadcrumbs.map(({ path, text }, b) => path ? (react_1.default.createElement(link_1.default, { key: `${path}${b}`, href: path, legacyBehavior: true, passHref: true },
-        react_1.default.createElement(material_1.Link, null, text))) : (react_1.default.createElement(material_1.Typography, { key: `${path}${b}`, maxWidth: 180, noWrap: true }, text))))) : null));
-};
-exports.Breadcrumbs = Breadcrumbs;

package/lib/components/common/Breadcrumbs/breadcrumbs.stories.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbWithLongerTitleStory = exports.BreadcrumbCustomSeparatorStory = exports.BreadcrumbDefaultStory = void 0;
-const react_1 = __importDefault(require("react"));
-const breadcrumbs_1 = require("./breadcrumbs");
-exports.default = {
+import React from "react";
+import { Breadcrumbs } from "./breadcrumbs";
+export default {
     argTypes: {
         children: { control: { disabled: true } },
     },
-    component: breadcrumbs_1.Breadcrumbs,
+    component: Breadcrumbs,
     title: "Components/Common/BreadCrumbs",
 };
-const BreadcrumbTemplate = (args) => (react_1.default.createElement(breadcrumbs_1.Breadcrumbs, Object.assign({}, args)));
-exports.BreadcrumbDefaultStory = BreadcrumbTemplate.bind({});
-exports.BreadcrumbDefaultStory.args = {
+const BreadcrumbTemplate = (args) => (React.createElement(Breadcrumbs, { ...args }));
+export const BreadcrumbDefaultStory = BreadcrumbTemplate.bind({});
+BreadcrumbDefaultStory.args = {
     breadcrumbs: [
         {
             path: "#",
@@ -27,8 +21,8 @@ exports.BreadcrumbDefaultStory.args = {
         },
     ],
 };
-exports.BreadcrumbCustomSeparatorStory = BreadcrumbTemplate.bind({});
-exports.BreadcrumbCustomSeparatorStory.args = {
+export const BreadcrumbCustomSeparatorStory = BreadcrumbTemplate.bind({});
+BreadcrumbCustomSeparatorStory.args = {
     Separator: " | ",
     breadcrumbs: [
         {
@@ -41,8 +35,8 @@ exports.BreadcrumbCustomSeparatorStory.args = {
         },
     ],
 };
-exports.BreadcrumbWithLongerTitleStory = BreadcrumbTemplate.bind({});
-exports.BreadcrumbWithLongerTitleStory.args = {
+export const BreadcrumbWithLongerTitleStory = BreadcrumbTemplate.bind({});
+BreadcrumbWithLongerTitleStory.args = {
     breadcrumbs: [
         {
             path: "#",

package/lib/components/common/Button/button.js

@@ -1,43 +1,5 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
-    var { children, disabled = false, EndIcon, StartIcon } = _a, props = __rest(_a, ["children", "disabled", "EndIcon", "StartIcon"]) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return (react_1.default.createElement(material_1.Button, Object.assign({ disabled: disabled, endIcon: EndIcon ? react_1.default.createElement(EndIcon, { fontSize: "small" }) : undefined, ref: ref, startIcon: StartIcon ? react_1.default.createElement(StartIcon, { fontSize: "small" }) : undefined }, props), children));
+import { Button as MButton } from "@mui/material";
+import React, { forwardRef } from "react";
+export const Button = forwardRef(function Button({ children, disabled = false, EndIcon, StartIcon, ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }, ref) {
+    return (React.createElement(MButton, { disabled: disabled, endIcon: EndIcon ? React.createElement(EndIcon, { fontSize: "small" }) : undefined, ref: ref, startIcon: StartIcon ? React.createElement(StartIcon, { fontSize: "small" }) : undefined, ...props }, children));
 });

package/lib/components/common/Button/components/ButtonOutline/buttonOutline.js

@@ -1,43 +1,5 @@
-"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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonOutline = void 0;
-const react_1 = __importStar(require("react"));
-const buttonOutline_styles_1 = require("./buttonOutline.styles");
-exports.ButtonOutline = (0, react_1.forwardRef)(function ButtonOutline(_a, ref) {
-    var { className } = _a, props = __rest(_a, ["className"]) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return (react_1.default.createElement(buttonOutline_styles_1.ButtonOutline, Object.assign({ className: className, color: "secondary", ref: ref, variant: "outlined" }, props)));
+import React, { forwardRef } from "react";
+import { ButtonOutline as Button } from "./buttonOutline.styles";
+export const ButtonOutline = forwardRef(function ButtonOutline({ className, ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }, ref) {
+    return (React.createElement(Button, { className: className, color: "secondary", ref: ref, variant: "outlined", ...props }));
 });

package/lib/components/common/Button/components/ButtonOutline/buttonOutline.styles.js

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonOutline = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const colors_1 = require("../../../../../styles/common/mixins/colors");
-const palette_1 = require("../../../../../theme/common/palette");
-const button_1 = require("../../button");
-exports.ButtonOutline = (0, styled_1.default)(button_1.Button) `
-  box-shadow: inset 0 0 0 1px ${colors_1.white}${palette_1.alpha32};
-  color: ${colors_1.white};
+import styled from "@emotion/styled";
+import { white } from "../../../../../styles/common/mixins/colors";
+import { alpha32, alpha64 } from "../../../../../theme/common/palette";
+import { Button } from "../../button";
+export const ButtonOutline = styled(Button) `
+  box-shadow: inset 0 0 0 1px ${white}${alpha32};
+  color: ${white};
 
   &:hover {
-    box-shadow: inset 0 0 0 1px ${colors_1.white}${palette_1.alpha64};
+    box-shadow: inset 0 0 0 1px ${white}${alpha64};
   }
 
   &:disabled {
-    box-shadow: inset 0 0 0 1px ${colors_1.white}${palette_1.alpha32};
-    color: ${colors_1.white};
+    box-shadow: inset 0 0 0 1px ${white}${alpha32};
+    color: ${white};
   }
 `;