@databiosphere/findable-ui 5.0.0 → 7.0.0

package/lib/components/common/Card/card.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.CardContent = exports.CardSection = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const breakpoints_1 = require("../../../theme/common/breakpoints");
-const section_styles_1 = require("../Section/section.styles");
-exports.CardSection = styled_1.default.div `
+import styled from "@emotion/styled";
+import { TABLET } from "../../../theme/common/breakpoints";
+import { SectionContent } from "../Section/section.styles";
+export const CardSection = styled.div `
   display: grid;
   gap: 16px;
   padding: 20px 16px;
 
-  ${({ theme }) => theme.breakpoints.up(breakpoints_1.TABLET)} {
+  ${({ theme }) => theme.breakpoints.up(TABLET)} {
     padding: 20px;
   }
 `;
-exports.CardContent = (0, styled_1.default)(section_styles_1.SectionContent) ``;
+export const CardContent = styled(SectionContent) ``;

package/lib/components/common/Card/components/CardAction/cardAction.js

@@ -1,12 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { Link } from "../../../../Links/components/Link/link";
+export const CardAction = ({ label, target, url, }) => {
+    return React.createElement(Link, { label: label, target: target, url: url });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardAction = void 0;
-const react_1 = __importDefault(require("react"));
-const link_1 = require("../../../../Links/components/Link/link");
-const CardAction = ({ label, target, url, }) => {
-    return react_1.default.createElement(link_1.Link, { label: label, target: target, url: url });
-};
-exports.CardAction = CardAction;

package/lib/components/common/Card/components/CardActionArea/cardActionArea.js

@@ -1,28 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardActionArea = void 0;
-const material_1 = require("@mui/material");
-const router_1 = require("next/router");
-const react_1 = __importDefault(require("react"));
-const entities_1 = require("../../../../Links/common/entities");
-const utils_1 = require("../../../../Links/common/utils");
-const CardActionArea = ({ cardUrl, children, }) => {
-    const { push } = (0, router_1.useRouter)();
+import { CardActionArea as MCardActionArea } from "@mui/material";
+import { useRouter } from "next/router";
+import React from "react";
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
+import { isClientSideNavigation } from "../../../../Links/common/utils";
+export const CardActionArea = ({ cardUrl, children, }) => {
+    const { push } = useRouter();
     // Callback fired when the card action area is clicked.
     // Determines url type (internal or external) and routes accordingly.
     const handleClick = (url) => {
         if (url) {
-            if ((0, utils_1.isClientSideNavigation)(url)) {
+            if (isClientSideNavigation(url)) {
                 push(url);
             }
             else {
-                window.open(url, entities_1.ANCHOR_TARGET.BLANK, "noopener noreferrer");
+                window.open(url, ANCHOR_TARGET.BLANK, "noopener noreferrer");
             }
         }
     };
-    return (react_1.default.createElement(material_1.CardActionArea, { onClick: () => handleClick(cardUrl) }, children));
+    return (React.createElement(MCardActionArea, { onClick: () => handleClick(cardUrl) }, children));
 };
-exports.CardActionArea = CardActionArea;

package/lib/components/common/Card/components/CardActions/cardActions.js

@@ -1,15 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Divider } from "@mui/material";
+import React from "react";
+import { CardActions as Actions } from "./cardActions.styles";
+export const CardActions = ({ children }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Divider, null),
+        React.createElement(Actions, null, children)));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardActions = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const cardActions_styles_1 = require("./cardActions.styles");
-const CardActions = ({ children }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Divider, null),
-        react_1.default.createElement(cardActions_styles_1.CardActions, null, children)));
-};
-exports.CardActions = CardActions;

package/lib/components/common/Card/components/CardActions/cardActions.styles.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardActions = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const fonts_1 = require("../../../../../styles/common/mixins/fonts");
-exports.CardActions = styled_1.default.div `
-  ${fonts_1.textBody500};
+import styled from "@emotion/styled";
+import { textBody500 } from "../../../../../styles/common/mixins/fonts";
+export const CardActions = styled.div `
+  ${textBody500};
   align-items: center;
   display: flex;
   gap: 16px;

package/lib/components/common/Card/components/CardMedia/cardMedia.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { StaticImage, } from "../../../StaticImage/staticImage";
+import { CardMedia as Media } from "./cardMedia.styles";
+export const CardMedia = ({ media }) => {
+    return (React.createElement(Media, null,
+        React.createElement(StaticImage, { alt: media.alt, height: media.height, src: media.src, width: media.width })));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardMedia = void 0;
-const react_1 = __importDefault(require("react"));
-const staticImage_1 = require("../../../StaticImage/staticImage");
-const cardMedia_styles_1 = require("./cardMedia.styles");
-const CardMedia = ({ media }) => {
-    return (react_1.default.createElement(cardMedia_styles_1.CardMedia, null,
-        react_1.default.createElement(staticImage_1.StaticImage, { alt: media.alt, height: media.height, src: media.src, width: media.width })));
-};
-exports.CardMedia = CardMedia;

package/lib/components/common/Card/components/CardMedia/cardMedia.styles.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardMedia = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.CardMedia = styled_1.default.div `
+import styled from "@emotion/styled";
+export const CardMedia = styled.div `
   align-self: flex-start;
   grid-column: 2; // Card media positioned into the second column.
   justify-self: flex-end;

package/lib/components/common/Card/components/CardSecondaryText/cardSecondaryText.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 { Typography } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_SMALL_400_2_LINES } from "../../../../../theme/common/typography";
+export const CardSecondaryText = ({ children, ...props /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */ }) => {
+    return (React.createElement(Typography, { color: "ink.light", variant: TEXT_BODY_SMALL_400_2_LINES, ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardSecondaryText = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../theme/common/typography");
-const CardSecondaryText = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]) /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */;
-    return (react_1.default.createElement(material_1.Typography, Object.assign({ color: "ink.light", variant: typography_1.TEXT_BODY_SMALL_400_2_LINES }, props), children));
-};
-exports.CardSecondaryText = CardSecondaryText;

package/lib/components/common/Card/components/CardSecondaryTitle/cardSecondaryTitle.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 { TEXT_BODY_SMALL_400_2_LINES } from "../../../../../theme/common/typography";
+import { CardSecondaryTitle as SecondaryTitle } from "./cardSecondaryTitle.styles";
+export const CardSecondaryTitle = ({ children, ...props /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */ }) => {
+    return (React.createElement(SecondaryTitle, { color: "ink.light", variant: TEXT_BODY_SMALL_400_2_LINES, ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardSecondaryTitle = void 0;
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../theme/common/typography");
-const cardSecondaryTitle_styles_1 = require("./cardSecondaryTitle.styles");
-const CardSecondaryTitle = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]) /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */;
-    return (react_1.default.createElement(cardSecondaryTitle_styles_1.CardSecondaryTitle, Object.assign({ color: "ink.light", variant: typography_1.TEXT_BODY_SMALL_400_2_LINES }, props), children));
-};
-exports.CardSecondaryTitle = CardSecondaryTitle;

package/lib/components/common/Card/components/CardSecondaryTitle/cardSecondaryTitle.styles.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardSecondaryTitle = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-exports.CardSecondaryTitle = (0, styled_1.default)(material_1.Typography) `
+import styled from "@emotion/styled";
+import { Typography } from "@mui/material";
+export const CardSecondaryTitle = styled(Typography) `
   margin-top: -4px;
 `;

package/lib/components/common/Card/components/CardText/cardText.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 { Typography } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_400_2_LINES } from "../../../../../theme/common/typography";
+export const CardText = ({ children, ...props /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */ }) => {
+    return (React.createElement(Typography, { variant: TEXT_BODY_400_2_LINES, ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardText = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../theme/common/typography");
-const CardText = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]) /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */;
-    return (react_1.default.createElement(material_1.Typography, Object.assign({ variant: typography_1.TEXT_BODY_400_2_LINES }, props), children));
-};
-exports.CardText = CardText;

package/lib/components/common/Card/components/CardTitle/cardTitle.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 { Typography } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_LARGE_500 } from "../../../../../theme/common/typography";
+export const CardTitle = ({ children, ...props /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */ }) => {
+    return (React.createElement(Typography, { component: "h4", variant: TEXT_BODY_LARGE_500, ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardTitle = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../theme/common/typography");
-const CardTitle = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]) /* Spread props to allow for Mui TypographyProps specific prop overrides e.g. "variant". */;
-    return (react_1.default.createElement(material_1.Typography, Object.assign({ component: "h4", variant: typography_1.TEXT_BODY_LARGE_500 }, props), children));
-};
-exports.CardTitle = CardTitle;

package/lib/components/common/Card/components/RoundedCard/roundedCard.js

@@ -1,13 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Card as MCard } from "@mui/material";
+import React from "react";
+import { RoundedPaper } from "../../../Paper/paper.styles";
+export const RoundedCard = ({ children }) => {
+    return React.createElement(MCard, { component: RoundedPaper }, children);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoundedCard = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const paper_styles_1 = require("../../../Paper/paper.styles");
-const RoundedCard = ({ children }) => {
-    return react_1.default.createElement(material_1.Card, { component: paper_styles_1.RoundedPaper }, children);
-};
-exports.RoundedCard = RoundedCard;

package/lib/components/common/Code/code.js

@@ -1,44 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Code = void 0;
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const react_1 = __importStar(require("react"));
-const code_styles_1 = require("./code.styles");
-const Code = ({ className, code }) => {
-    const [copied, setCopied] = (0, react_1.useState)(false);
+import copy from "copy-to-clipboard";
+import React, { useEffect, useState } from "react";
+import { CodeBlock } from "./code.styles";
+export const Code = ({ className, code }) => {
+    const [copied, setCopied] = useState(false);
     // Copies code to clipboard and sets copied state to true.
     const onCopyCode = (str) => {
-        (0, copy_to_clipboard_1.default)(str);
+        copy(str);
         setCopied(true);
     };
     // Copied state set to false after a specified time (2 seconds).
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (copied) {
             const copiedTimeout = setTimeout(() => {
                 setCopied(false);
@@ -46,7 +17,6 @@ const Code = ({ className, code }) => {
             return () => clearTimeout(copiedTimeout);
         }
     }, [copied]);
-    return (react_1.default.createElement(code_styles_1.CodeBlock, { className: className, copied: copied, onClick: () => onCopyCode(code) },
-        react_1.default.createElement("code", null, code)));
+    return (React.createElement(CodeBlock, { className: className, copied: copied, onClick: () => onCopyCode(code) },
+        React.createElement("code", null, code)));
 };
-exports.Code = Code;

package/lib/components/common/Code/code.stories.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeStory = void 0;
-const code_1 = require("./code");
+import { Code } from "./code";
 const meta = {
-    component: code_1.Code,
+    component: Code,
     title: "Components/Common/Code",
 };
-exports.default = meta;
-exports.CodeStory = {
+export default meta;
+export const CodeStory = {
     args: {
         code: "curl --location --fail 'https://service.azul.data.humancellatlas.org/manifest/files?catalog=dcp16&format=curl&filters=%7B%22projectId%22%3A+%7B%22is%22%3A+%5B%22f86f1ab4-1fbb-4510-ae35-3ffd752d4dfc%22%5D%7D%2C+%22fileFormat%22%3A+%7B%22is%22%3A+%5B%22fastq.gz%22%5D%7D%2C+%22genusSpecies%22%3A%7B%22is%22%3A%5B%22Homo+sapiens%22%5D%7D%7D&objectKey=manifests%2Fee705e99-35d3-5ae1-9e31-89d206e4240b.e735a6e0-9914-5b40-8fa2-c4d581644f50.curlrc' | curl --config -",
     },

package/lib/components/common/Code/code.styles.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeBlock = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const fonts_1 = require("../../../styles/common/mixins/fonts");
-const copy = (props) => (0, react_1.css) `
-  ${(0, fonts_1.textBody500)(props)};
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { textBody500 } from "../../../styles/common/mixins/fonts";
+const copy = (props) => css `
+  ${textBody500(props)};
   align-items: center;
   border-radius: inherit;
   color: ${props.theme.palette.common.white};
@@ -24,7 +18,7 @@ const copy = (props) => (0, react_1.css) `
   transition: opacity ${props.theme.transitions.duration.standard}ms;
   width: 100%;
 `;
-exports.CodeBlock = (0, styled_1.default)("pre") `
+export const CodeBlock = styled("pre") `
   background-color: ${({ theme }) => theme.palette.info.lightest};
   border-radius: 4px;
   cursor: pointer;
@@ -38,7 +32,7 @@ exports.CodeBlock = (0, styled_1.default)("pre") `
 
   // Copy to Clipboard!
   ${({ copied, theme }) => !copied &&
-    (0, react_1.css) `
+    css `
       &:hover::after {
         background-color: ${theme.palette.primary.main}e6;
         content: "Copy to Clipboard";
@@ -48,7 +42,7 @@ exports.CodeBlock = (0, styled_1.default)("pre") `
 
   // Copied!
   ${({ copied, theme }) => copied &&
-    (0, react_1.css) `
+    css `
       &::after {
         background-color: ${theme.palette.primary.main};
         content: "Copied!";

package/lib/components/common/CopyToClipboard/copyToClipboard.js

@@ -1,48 +1,19 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyToClipboard = void 0;
-const ContentCopyRounded_1 = __importDefault(require("@mui/icons-material/ContentCopyRounded"));
-const material_1 = require("@mui/material");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const react_1 = __importStar(require("react"));
-const CopyToClipboard = ({ copyStr, }) => {
-    const [showTooltip, setShowTooltip] = react_1.default.useState(false);
+import ContentCopyRoundedIcon from "@mui/icons-material/ContentCopyRounded";
+import { IconButton, Tooltip } from "@mui/material";
+import copy from "copy-to-clipboard";
+import React, { useEffect } from "react";
+export const CopyToClipboard = ({ copyStr, }) => {
+    const [showTooltip, setShowTooltip] = React.useState(false);
     /**
      * Copies string to clipboard and sets showTooltip state to true.
      * @param str - String to copy to clipboard.
      */
     const onCopyToClipboard = (str) => {
-        (0, copy_to_clipboard_1.default)(str);
+        copy(str);
         setShowTooltip(true);
     };
     // Timer to auto close the tooltip - the state showTooltip is set to false after a specified time (2 seconds).
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (showTooltip) {
             const tooltipTimeout = setTimeout(() => {
                 setShowTooltip(false);
@@ -50,8 +21,7 @@ const CopyToClipboard = ({ copyStr, }) => {
             return () => clearTimeout(tooltipTimeout);
         }
     }, [showTooltip]);
-    return (react_1.default.createElement(material_1.Tooltip, { arrow: true, disableHoverListener: true, open: showTooltip, placement: "top", title: "Link Copied" },
-        react_1.default.createElement(material_1.IconButton, { onClick: () => onCopyToClipboard(copyStr), size: "xxsmall" },
-            react_1.default.createElement(ContentCopyRounded_1.default, { color: "primary", fontSize: "small" }))));
+    return (React.createElement(Tooltip, { arrow: true, disableHoverListener: true, open: showTooltip, placement: "top", title: "Link Copied" },
+        React.createElement(IconButton, { onClick: () => onCopyToClipboard(copyStr), size: "xxsmall" },
+            React.createElement(ContentCopyRoundedIcon, { color: "primary", fontSize: "small" }))));
 };
-exports.CopyToClipboard = CopyToClipboard;

package/lib/components/common/CopyToClipboard/copyToClipboard.stories.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyToClipboardStory = void 0;
-const copyToClipboard_1 = require("./copyToClipboard");
-exports.default = {
+import { CopyToClipboard } from "./copyToClipboard";
+export default {
     argTypes: {
         copyStr: {
             description: "String to be copied",
         },
     },
-    component: copyToClipboard_1.CopyToClipboard,
+    component: CopyToClipboard,
     title: "Components/Common/CopyToClipboard",
 };
-exports.CopyToClipboardStory = {
+export const CopyToClipboardStory = {
     args: {
         copyStr: "Copy me",
     },

package/lib/components/common/CustomIcon/common/constants.js

@@ -1,12 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InventoryIconSmall = exports.DownloadIconSmall = exports.ContentCopyIconSmall = void 0;
-const contentCopyIcon_1 = require("../components/ContentCopyIcon/contentCopyIcon");
-const downloadIcon_1 = require("../components/DownloadIcon/downloadIcon");
-const inventoryIcon_1 = require("../components/InventoryIcon/inventoryIcon");
-const ContentCopyIconSmall = (props) => (0, contentCopyIcon_1.ContentCopyIcon)(Object.assign({ fontSize: "small" }, props));
-exports.ContentCopyIconSmall = ContentCopyIconSmall;
-const DownloadIconSmall = (props) => (0, downloadIcon_1.DownloadIcon)(Object.assign({ fontSize: "small" }, props));
-exports.DownloadIconSmall = DownloadIconSmall;
-const InventoryIconSmall = (props) => (0, inventoryIcon_1.InventoryIcon)(Object.assign({ fontSize: "small" }, props));
-exports.InventoryIconSmall = InventoryIconSmall;
+import { ContentCopyIcon } from "../components/ContentCopyIcon/contentCopyIcon";
+import { DownloadIcon } from "../components/DownloadIcon/downloadIcon";
+import { InventoryIcon } from "../components/InventoryIcon/inventoryIcon";
+export const ContentCopyIconSmall = (props) => ContentCopyIcon({ fontSize: "small", ...props });
+export const DownloadIconSmall = (props) => DownloadIcon({ fontSize: "small", ...props });
+export const InventoryIconSmall = (props) => InventoryIcon({ fontSize: "small", ...props });

package/lib/components/common/CustomIcon/common/entities.js

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

package/lib/components/common/CustomIcon/components/AddIcon/addIcon.js

@@ -1,28 +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.AddIcon = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
+import { SvgIcon } from "@mui/material";
+import React from "react";
 /**
  * Custom add icon.
  */
-const AddIcon = (_a) => {
-    var { fontSize = "xsmall", viewBox = "0 0 18 18" } = _a, props = __rest(_a, ["fontSize", "viewBox"]) /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */;
-    return (react_1.default.createElement(material_1.SvgIcon, Object.assign({ fontSize: fontSize, viewBox: viewBox }, props),
-        react_1.default.createElement("path", { d: "M8.9997 14.2494C8.7873 14.2494 8.6028 14.1714 8.4462 14.0154C8.2902 13.8588 8.2122 13.6743 8.2122 13.4619V9.7872H4.5375C4.3251 9.7872 4.1406 9.7092 3.984 9.5532C3.828 9.3966 3.75 9.2121 3.75 8.9997C3.75 8.7873 3.828 8.6028 3.984 8.4462C4.1406 8.2902 4.3251 8.2122 4.5375 8.2122H8.2122V4.5375C8.2122 4.3251 8.2902 4.1406 8.4462 3.984C8.6028 3.828 8.7873 3.75 8.9997 3.75C9.2121 3.75 9.3966 3.828 9.5532 3.984C9.7092 4.1406 9.7872 4.3251 9.7872 4.5375V8.2122H13.4619C13.6743 8.2122 13.8588 8.2902 14.0154 8.4462C14.1714 8.6028 14.2494 8.7873 14.2494 8.9997C14.2494 9.2121 14.1714 9.3966 14.0154 9.5532C13.8588 9.7092 13.6743 9.7872 13.4619 9.7872H9.7872V13.4619C9.7872 13.6743 9.7092 13.8588 9.5532 14.0154C9.3966 14.1714 9.2121 14.2494 8.9997 14.2494Z", fill: "currentColor" })));
+export const AddIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
+    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
+        React.createElement("path", { d: "M8.9997 14.2494C8.7873 14.2494 8.6028 14.1714 8.4462 14.0154C8.2902 13.8588 8.2122 13.6743 8.2122 13.4619V9.7872H4.5375C4.3251 9.7872 4.1406 9.7092 3.984 9.5532C3.828 9.3966 3.75 9.2121 3.75 8.9997C3.75 8.7873 3.828 8.6028 3.984 8.4462C4.1406 8.2902 4.3251 8.2122 4.5375 8.2122H8.2122V4.5375C8.2122 4.3251 8.2902 4.1406 8.4462 3.984C8.6028 3.828 8.7873 3.75 8.9997 3.75C9.2121 3.75 9.3966 3.828 9.5532 3.984C9.7092 4.1406 9.7872 4.3251 9.7872 4.5375V8.2122H13.4619C13.6743 8.2122 13.8588 8.2902 14.0154 8.4462C14.1714 8.6028 14.2494 8.7873 14.2494 8.9997C14.2494 9.2121 14.1714 9.3966 14.0154 9.5532C13.8588 9.7092 13.6743 9.7872 13.4619 9.7872H9.7872V13.4619C9.7872 13.6743 9.7092 13.8588 9.5532 14.0154C9.3966 14.1714 9.2121 14.2494 8.9997 14.2494Z", fill: "currentColor" })));
 };
-exports.AddIcon = AddIcon;