@databiosphere/findable-ui 6.0.0 → 7.0.0

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;

package/lib/components/common/Button/components/ButtonTextUnderline/buttonTextUnderline.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;
   text-decoration: underline;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.js

@@ -1,18 +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.CallToActionButton = void 0;
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const entities_1 = require("../../../../Links/common/entities");
-const utils_1 = require("../../../../Links/common/utils");
-const buttonPrimary_1 = require("../ButtonPrimary/buttonPrimary");
-const CallToActionButton = ({ ButtonElType: Button = buttonPrimary_1.ButtonPrimary, callToAction, className, disabled = false, }) => {
+import NLink from "next/link";
+import React from "react";
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
+import { isClientSideNavigation } from "../../../../Links/common/utils";
+import { ButtonPrimary } from "../ButtonPrimary/buttonPrimary";
+export const CallToActionButton = ({ ButtonElType: Button = ButtonPrimary, callToAction, className, disabled = false, }) => {
     const { label, target, url } = callToAction;
-    const isInternal = (0, utils_1.isClientSideNavigation)(url);
-    return isInternal ? (react_1.default.createElement(link_1.default, { href: url, legacyBehavior: true, passHref: true },
-        react_1.default.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: "noopener", target: target || entities_1.ANCHOR_TARGET.SELF }, label))) : (react_1.default.createElement(Button, { className: className, disabled: disabled, href: url, rel: "noopener noreferrer", target: target || entities_1.ANCHOR_TARGET.BLANK }, label));
+    const isInternal = isClientSideNavigation(url);
+    return isInternal ? (React.createElement(NLink, { href: url, legacyBehavior: true, passHref: true },
+        React.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: "noopener", target: target || ANCHOR_TARGET.SELF }, label))) : (React.createElement(Button, { className: className, disabled: disabled, href: url, rel: "noopener noreferrer", target: target || ANCHOR_TARGET.BLANK }, label));
 };
-exports.CallToActionButton = CallToActionButton;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.stories.js

@@ -1,33 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CallToActionButtonWithCustomComponentStory = exports.CallToActionButtonStory = void 0;
-const react_1 = __importDefault(require("react"));
-const entities_1 = require("../../../../Links/common/entities");
-const callToActionButton_1 = require("./callToActionButton");
-exports.default = {
+import React from "react";
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
+import { CallToActionButton } from "./callToActionButton";
+export default {
     argTypes: {
         children: { control: { disabled: true } },
     },
-    component: callToActionButton_1.CallToActionButton,
+    component: CallToActionButton,
     title: "Components/Common/CallToActionButton",
 };
-const CallToActionButtonTemplate = (args) => react_1.default.createElement(callToActionButton_1.CallToActionButton, Object.assign({}, args));
+const CallToActionButtonTemplate = (args) => React.createElement(CallToActionButton, { ...args });
 const callToAction = {
     label: "Click here",
-    target: entities_1.ANCHOR_TARGET.BLANK,
+    target: ANCHOR_TARGET.BLANK,
     url: "https://www.google.com",
 };
-exports.CallToActionButtonStory = CallToActionButtonTemplate.bind({});
-exports.CallToActionButtonStory.args = {
+export const CallToActionButtonStory = CallToActionButtonTemplate.bind({});
+CallToActionButtonStory.args = {
     callToAction,
     className: "call-to-action-button",
     disabled: false,
 };
-exports.CallToActionButtonWithCustomComponentStory = CallToActionButtonTemplate.bind({});
-exports.CallToActionButtonWithCustomComponentStory.args = {
+export const CallToActionButtonWithCustomComponentStory = CallToActionButtonTemplate.bind({});
+CallToActionButtonWithCustomComponentStory.args = {
     ButtonElType: "a",
     callToAction,
 };

package/lib/components/common/Button/components/DropdownButton/dropdownButton.js

@@ -1,25 +1,6 @@
-"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 ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
+import React from "react";
+import { DropdownButton as Button } from "./dropdownButton.styles";
+export const DropdownButton = ({ children, disabled = false, open = false, ...props /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */ }) => {
+    return (React.createElement(Button, { disabled: disabled, EndIcon: ArrowDropDownRoundedIcon, open: open, ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownButton = void 0;
-const ArrowDropDownRounded_1 = __importDefault(require("@mui/icons-material/ArrowDropDownRounded"));
-const react_1 = __importDefault(require("react"));
-const dropdownButton_styles_1 = require("./dropdownButton.styles");
-const DropdownButton = (_a) => {
-    var { children, disabled = false, open = false } = _a, props = __rest(_a, ["children", "disabled", "open"]) /* Spread props to allow for Mui ButtonProps specific prop overrides e.g. "onClick". */;
-    return (react_1.default.createElement(dropdownButton_styles_1.DropdownButton, Object.assign({ disabled: disabled, EndIcon: ArrowDropDownRounded_1.default, open: open }, props), children));
-};
-exports.DropdownButton = DropdownButton;

package/lib/components/common/Button/components/DropdownButton/dropdownButton.styles.js

@@ -1,26 +1,9 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownButton = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const colors_1 = require("../../../../../styles/common/mixins/colors");
-const buttonSecondary_1 = require("../ButtonSecondary/buttonSecondary");
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { smokeLightest } from "../../../../../styles/common/mixins/colors";
+import { ButtonSecondary } from "../ButtonSecondary/buttonSecondary";
 // Dropdown button with "secondary" styles.
-exports.DropdownButton = (0, styled_1.default)(buttonSecondary_1.ButtonSecondary, {
+export const DropdownButton = styled(ButtonSecondary, {
     shouldForwardProp: (prop) => prop !== "open",
 }) `
   padding-right: 8px;
@@ -29,11 +12,8 @@ exports.DropdownButton = (0, styled_1.default)(buttonSecondary_1.ButtonSecondary
     margin-left: -6px;
   }
 
-  ${(_a) => {
-    var { open } = _a, props = __rest(_a, ["open"]);
-    return open &&
-        (0, react_1.css) `
-      background-color: ${(0, colors_1.smokeLightest)(props)};
-    `;
-}}
+  ${({ open, ...props }) => open &&
+    css `
+      background-color: ${smokeLightest(props)};
+    `}
 `;

package/lib/components/common/Button/components/FileDownloadButton/fileDownloadButton.js

@@ -1,41 +1,14 @@
-"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.FileDownloadButton = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const FileDownloadButton = ({ fileName, fileUrl, }) => {
-    const downloadRef = (0, react_1.useRef)(null);
+import { Box } from "@mui/material";
+import React, { useEffect, useRef } from "react";
+export const FileDownloadButton = ({ fileName, fileUrl, }) => {
+    const downloadRef = useRef(null);
     // Initiates file download when file url request is successful.
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (downloadRef.current && fileName && fileUrl) {
             downloadRef.current.setAttribute("href", fileUrl);
             downloadRef.current.setAttribute("download", fileName);
             downloadRef.current.click();
         }
     }, [fileName, fileUrl]);
-    return (react_1.default.createElement(material_1.Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } }));
+    return (React.createElement(Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } }));
 };
-exports.FileDownloadButton = FileDownloadButton;

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import Link from "next/link";
+import React from "react";
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
+import { isClientSideNavigation } from "../../../../Links/common/utils";
+import { HelpIcon } from "../../../CustomIcon/components/HelpIcon/helpIcon";
+import { HelpIconButton as Button } from "./helpIconButton.styles";
+export const HelpIconButton = ({ size = "small", target, url, }) => {
+    const isInternal = isClientSideNavigation(url);
+    return isInternal ? (React.createElement(Link, { href: url, legacyBehavior: true, passHref: true },
+        React.createElement(Button, { href: "passHref", rel: "noopener", target: target || ANCHOR_TARGET.SELF },
+            React.createElement(HelpIcon, { fontSize: size })))) : (React.createElement(Button, { href: url, rel: "noopener noreferrer", target: target || ANCHOR_TARGET.BLANK },
+        React.createElement(HelpIcon, { fontSize: size })));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpIconButton = void 0;
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const entities_1 = require("../../../../Links/common/entities");
-const utils_1 = require("../../../../Links/common/utils");
-const helpIcon_1 = require("../../../CustomIcon/components/HelpIcon/helpIcon");
-const helpIconButton_styles_1 = require("./helpIconButton.styles");
-const HelpIconButton = ({ size = "small", target, url, }) => {
-    const isInternal = (0, utils_1.isClientSideNavigation)(url);
-    return isInternal ? (react_1.default.createElement(link_1.default, { href: url, legacyBehavior: true, passHref: true },
-        react_1.default.createElement(helpIconButton_styles_1.HelpIconButton, { href: "passHref", rel: "noopener", target: target || entities_1.ANCHOR_TARGET.SELF },
-            react_1.default.createElement(helpIcon_1.HelpIcon, { fontSize: size })))) : (react_1.default.createElement(helpIconButton_styles_1.HelpIconButton, { href: url, rel: "noopener noreferrer", target: target || entities_1.ANCHOR_TARGET.BLANK },
-        react_1.default.createElement(helpIcon_1.HelpIcon, { fontSize: size })));
-};
-exports.HelpIconButton = HelpIconButton;

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.stories.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpIconButtonStory = void 0;
-const entities_1 = require("../../../../Links/common/entities");
-const helpIconButton_1 = require("./helpIconButton");
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
+import { HelpIconButton } from "./helpIconButton";
 const meta = {
     argTypes: {
         size: { control: "select" },
         target: { control: "select" },
         url: { control: "text" },
     },
-    component: helpIconButton_1.HelpIconButton,
+    component: HelpIconButton,
     title: "Components/Common/HelpIconButton",
 };
-exports.default = meta;
-exports.HelpIconButtonStory = {
+export default meta;
+export const HelpIconButtonStory = {
     args: {
         size: "small",
-        target: entities_1.ANCHOR_TARGET.BLANK,
+        target: ANCHOR_TARGET.BLANK,
         url: "https://www.google.com/",
     },
 };

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.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.HelpIconButton = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-exports.HelpIconButton = (0, styled_1.default)(material_1.ButtonBase) `
+import styled from "@emotion/styled";
+import { ButtonBase } from "@mui/material";
+export const HelpIconButton = styled(ButtonBase) `
   align-self: flex-start;
   color: ${({ theme }) => theme.palette.ink.light};
   vertical-align: bottom; // Vertical alignment is required to align the icon with text styles "textBody400".

package/lib/components/common/Button/components/LoginButton/loginButton.js

@@ -1,25 +1,6 @@
-"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 { LoginButton as Button, LoginButtonText } from "./loginButton.styles";
+export const LoginButton = ({ children, ...props }) => {
+    return (React.createElement(Button, { fullWidth: true, ...props },
+        React.createElement(LoginButtonText, null, children)));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginButton = void 0;
-const react_1 = __importDefault(require("react"));
-const loginButton_styles_1 = require("./loginButton.styles");
-const LoginButton = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(loginButton_styles_1.LoginButton, Object.assign({ fullWidth: true }, props),
-        react_1.default.createElement(loginButton_styles_1.LoginButtonText, null, children)));
-};
-exports.LoginButton = LoginButton;