@databiosphere/findable-ui 5.0.0 → 7.0.0

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.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps as MButtonProps } from "@mui/material/Button/Button";
+import { ButtonProps as MButtonProps } from "@mui/material";
 import React, { ElementType } from "react";
 /**
  * Basic button component.

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};
   }
 `;

package/lib/components/common/Button/components/ButtonPrimary/buttonPrimary.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.ButtonPrimary = void 0;
-const react_1 = __importStar(require("react"));
-const button_1 = require("../../button");
-exports.ButtonPrimary = (0, react_1.forwardRef)(function ButtonPrimary(_a, ref) {
-    var props = __rest(_a, []) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return react_1.default.createElement(button_1.Button, Object.assign({ color: "primary", ref: ref, variant: "contained" }, props));
+import React, { forwardRef } from "react";
+import { Button } from "../../button";
+export const ButtonPrimary = forwardRef(function ButtonPrimary({ ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }, ref) {
+    return React.createElement(Button, { color: "primary", ref: ref, variant: "contained", ...props });
 });

package/lib/components/common/Button/components/ButtonSecondary/buttonSecondary.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.ButtonSecondary = void 0;
-const react_1 = __importStar(require("react"));
-const button_1 = require("../../button");
-exports.ButtonSecondary = (0, react_1.forwardRef)(function ButtonSecondary(_a, ref) {
-    var props = __rest(_a, []) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return (react_1.default.createElement(button_1.Button, Object.assign({ color: "secondary", ref: ref, variant: "contained" }, props)));
+import React, { forwardRef } from "react";
+import { Button } from "../../button";
+export const ButtonSecondary = forwardRef(function ButtonSecondary({ ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }, ref) {
+    return (React.createElement(Button, { color: "secondary", ref: ref, variant: "contained", ...props }));
 });

package/lib/components/common/Button/components/ButtonSecondaryOutline/buttonSecondaryOutline.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.ButtonSecondaryOutline = void 0;
-const react_1 = __importStar(require("react"));
-const button_1 = require("../../button");
-exports.ButtonSecondaryOutline = (0, react_1.forwardRef)(function ButtonSecondaryOutline(_a, ref) {
-    var props = __rest(_a, []) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return react_1.default.createElement(button_1.Button, Object.assign({ color: "secondary", ref: ref, variant: "outlined" }, props));
+import React, { forwardRef } from "react";
+import { Button } from "../../button";
+export const ButtonSecondaryOutline = forwardRef(function ButtonSecondaryOutline({ ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }, ref) {
+    return React.createElement(Button, { color: "secondary", ref: ref, variant: "outlined", ...props });
 });

package/lib/components/common/Button/components/ButtonText/buttonText.js

@@ -1,24 +1,5 @@
-"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 { Button } from "./buttonText.styles";
+export const ButtonText = ({ ...props /* Spread props to allow for Button specific prop overrides. */ }) => {
+    return React.createElement(Button, { color: "inherit", variant: "text", ...props });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonText = void 0;
-const react_1 = __importDefault(require("react"));
-const buttonText_styles_1 = require("./buttonText.styles");
-const ButtonText = (_a) => {
-    var props = __rest(_a, []) /* Spread props to allow for Button specific prop overrides. */;
-    return react_1.default.createElement(buttonText_styles_1.Button, Object.assign({ color: "inherit", variant: "text" }, props));
-};
-exports.ButtonText = ButtonText;

package/lib/components/common/Button/components/ButtonText/buttonText.styles.js

@@ -1,12 +1,6 @@
-"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 button_1 = require("../../button");
-exports.Button = (0, styled_1.default)(button_1.Button) `
+import styled from "@emotion/styled";
+import { Button as DXButton } from "../../button";
+export const Button = styled(DXButton) `
   font: inherit;
   line-height: inherit;
   vertical-align: unset;

package/lib/components/common/Button/components/ButtonTextPrimary/buttonTextPrimary.js

@@ -1,24 +1,5 @@
-"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 { Button } from "./buttonTextPrimary.styles";
+export const ButtonTextPrimary = ({ ...props /* Spread props to allow for Button specific prop overrides. */ }) => {
+    return React.createElement(Button, { color: "primary", variant: "text", ...props });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonTextPrimary = void 0;
-const react_1 = __importDefault(require("react"));
-const buttonTextPrimary_styles_1 = require("./buttonTextPrimary.styles");
-const ButtonTextPrimary = (_a) => {
-    var props = __rest(_a, []) /* Spread props to allow for Button specific prop overrides. */;
-    return react_1.default.createElement(buttonTextPrimary_styles_1.Button, Object.assign({ color: "primary", variant: "text" }, props));
-};
-exports.ButtonTextPrimary = ButtonTextPrimary;

package/lib/components/common/Button/components/ButtonTextPrimary/buttonTextPrimary.styles.js

@@ -1,12 +1,6 @@
-"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 button_1 = require("../../button");
-exports.Button = (0, styled_1.default)(button_1.Button) `
+import styled from "@emotion/styled";
+import { Button as DXButton } from "../../button";
+export const Button = styled(DXButton) `
   &:hover {
     background-color: transparent;
     text-decoration: underline;

package/lib/components/common/Button/components/ButtonTextUnderline/buttonTextUnderline.js

@@ -1,24 +1,5 @@
-"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 { Button } from "./buttonTextUnderline.styles";
+export const ButtonTextUnderline = ({ ...props /* Spread props to allow for Button specific prop overrides. */ }) => {
+    return React.createElement(Button, { color: "inherit", variant: "text", ...props });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonTextUnderline = void 0;
-const react_1 = __importDefault(require("react"));
-const buttonTextUnderline_styles_1 = require("./buttonTextUnderline.styles");
-const ButtonTextUnderline = (_a) => {
-    var props = __rest(_a, []) /* Spread props to allow for Button specific prop overrides. */;
-    return react_1.default.createElement(buttonTextUnderline_styles_1.Button, Object.assign({ color: "inherit", variant: "text" }, props));
-};
-exports.ButtonTextUnderline = ButtonTextUnderline;