@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/components/common/CustomIcon/components/UnfoldMoreIcon/unfoldMoreIcon.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.UnfoldMoreIcon = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
+import { SvgIcon } from "@mui/material";
+import React from "react";
 /**
  * Custom unfold more icon.
  */
-const UnfoldMoreIcon = (_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: "M6.1686 6.24453C6.0186 6.09453 5.9436 5.91303 5.9436 5.70003C5.9436 5.48763 6.0186 5.30643 6.1686 5.15643L8.4375 2.88753C8.5251 2.79993 8.6157 2.73753 8.7093 2.70033C8.8029 2.66313 8.8998 2.64453 9 2.64453C9.1002 2.64453 9.2001 2.66313 9.2997 2.70033C9.3999 2.73753 9.4875 2.79993 9.5625 2.88753L11.8314 5.15643C11.9814 5.30643 12.0564 5.48763 12.0564 5.70003C12.0564 5.91303 11.9814 6.09453 11.8314 6.24453C11.6814 6.39453 11.5002 6.46953 11.2878 6.46953C11.0754 6.46953 10.8942 6.39453 10.7442 6.24453L9 4.50033L7.2558 6.24453C7.1058 6.39453 6.9246 6.46953 6.7122 6.46953C6.4998 6.46953 6.3186 6.39453 6.1686 6.24453ZM9 15.4317C8.8998 15.4317 8.8029 15.4098 8.7093 15.366C8.6157 15.3222 8.5251 15.2628 8.4375 15.1878L6.1686 12.9189C6.0186 12.7689 5.9436 12.5877 5.9436 12.3753C5.9436 12.1629 6.0186 11.9817 6.1686 11.8317C6.3186 11.6817 6.4998 11.6067 6.7122 11.6067C6.9246 11.6067 7.1058 11.6817 7.2558 11.8317L9 13.575L10.7442 11.8317C10.8942 11.6817 11.0754 11.6067 11.2878 11.6067C11.5002 11.6067 11.6814 11.6817 11.8314 11.8317C11.9814 11.9817 12.0564 12.1629 12.0564 12.3753C12.0564 12.5877 11.9814 12.7689 11.8314 12.9189L9.5625 15.1878C9.4875 15.2628 9.3999 15.3222 9.2997 15.366C9.2001 15.4098 9.1002 15.4317 9 15.4317Z", fill: "currentColor" })));
+export const UnfoldMoreIcon = ({ 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: "M6.1686 6.24453C6.0186 6.09453 5.9436 5.91303 5.9436 5.70003C5.9436 5.48763 6.0186 5.30643 6.1686 5.15643L8.4375 2.88753C8.5251 2.79993 8.6157 2.73753 8.7093 2.70033C8.8029 2.66313 8.8998 2.64453 9 2.64453C9.1002 2.64453 9.2001 2.66313 9.2997 2.70033C9.3999 2.73753 9.4875 2.79993 9.5625 2.88753L11.8314 5.15643C11.9814 5.30643 12.0564 5.48763 12.0564 5.70003C12.0564 5.91303 11.9814 6.09453 11.8314 6.24453C11.6814 6.39453 11.5002 6.46953 11.2878 6.46953C11.0754 6.46953 10.8942 6.39453 10.7442 6.24453L9 4.50033L7.2558 6.24453C7.1058 6.39453 6.9246 6.46953 6.7122 6.46953C6.4998 6.46953 6.3186 6.39453 6.1686 6.24453ZM9 15.4317C8.8998 15.4317 8.8029 15.4098 8.7093 15.366C8.6157 15.3222 8.5251 15.2628 8.4375 15.1878L6.1686 12.9189C6.0186 12.7689 5.9436 12.5877 5.9436 12.3753C5.9436 12.1629 6.0186 11.9817 6.1686 11.8317C6.3186 11.6817 6.4998 11.6067 6.7122 11.6067C6.9246 11.6067 7.1058 11.6817 7.2558 11.8317L9 13.575L10.7442 11.8317C10.8942 11.6817 11.0754 11.6067 11.2878 11.6067C11.5002 11.6067 11.6814 11.6817 11.8314 11.8317C11.9814 11.9817 12.0564 12.1629 12.0564 12.3753C12.0564 12.5877 11.9814 12.7689 11.8314 12.9189L9.5625 15.1878C9.4875 15.2628 9.3999 15.3222 9.2997 15.366C9.2001 15.4098 9.1002 15.4317 9 15.4317Z", fill: "currentColor" })));
 };
-exports.UnfoldMoreIcon = UnfoldMoreIcon;

package/lib/components/common/CustomIcon/components/WarningIcon/warningIcon.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.WarningIcon = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
+import { SvgIcon } from "@mui/material";
+import React from "react";
 /**
  * Custom warning icon.
  */
-const WarningIcon = (_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.99994 9.7125C9.21234 9.7125 9.39684 9.6342 9.55344 9.4776C9.70944 9.3216 9.78744 9.1374 9.78744 8.925V6.0369C9.78744 5.8245 9.70944 5.6433 9.55344 5.4933C9.39684 5.3433 9.21234 5.2683 8.99994 5.2683C8.78754 5.2683 8.60304 5.3466 8.44644 5.5032C8.29044 5.6592 8.21244 5.8434 8.21244 6.0558V8.9439C8.21244 9.1563 8.29044 9.3375 8.44644 9.4875C8.60304 9.6375 8.78754 9.7125 8.99994 9.7125ZM8.99994 12.7689C9.21234 12.7689 9.39684 12.6969 9.55344 12.5529C9.70944 12.4089 9.78744 12.2181 9.78744 11.9805C9.78744 11.7681 9.70944 11.5839 9.55344 11.4279C9.39684 11.2719 9.21234 11.1939 8.99994 11.1939C8.78754 11.1939 8.60304 11.2719 8.44644 11.4279C8.29044 11.5839 8.21244 11.7681 8.21244 11.9805C8.21244 12.2181 8.29044 12.4089 8.44644 12.5529C8.60304 12.6969 8.78754 12.7689 8.99994 12.7689ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" })));
+export const WarningIcon = ({ 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.99994 9.7125C9.21234 9.7125 9.39684 9.6342 9.55344 9.4776C9.70944 9.3216 9.78744 9.1374 9.78744 8.925V6.0369C9.78744 5.8245 9.70944 5.6433 9.55344 5.4933C9.39684 5.3433 9.21234 5.2683 8.99994 5.2683C8.78754 5.2683 8.60304 5.3466 8.44644 5.5032C8.29044 5.6592 8.21244 5.8434 8.21244 6.0558V8.9439C8.21244 9.1563 8.29044 9.3375 8.44644 9.4875C8.60304 9.6375 8.78754 9.7125 8.99994 9.7125ZM8.99994 12.7689C9.21234 12.7689 9.39684 12.6969 9.55344 12.5529C9.70944 12.4089 9.78744 12.2181 9.78744 11.9805C9.78744 11.7681 9.70944 11.5839 9.55344 11.4279C9.39684 11.2719 9.21234 11.1939 8.99994 11.1939C8.78754 11.1939 8.60304 11.2719 8.44644 11.4279C8.29044 11.5839 8.21244 11.7681 8.21244 11.9805C8.21244 12.2181 8.29044 12.4089 8.44644 12.5529C8.60304 12.6969 8.78754 12.7689 8.99994 12.7689ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" })));
 };
-exports.WarningIcon = WarningIcon;

package/lib/components/common/CustomIcon/components/XIcon/xIcon.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.XIcon = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
+import { SvgIcon } from "@mui/material";
+import React from "react";
 /**
  * Custom X icon (socials).
  */
-const XIcon = (_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: "M10.1723 8.0327L14.7597 2.7002H13.6727L9.68942 7.33033L6.50801 2.7002H2.83862L7.64954 9.70178L2.83862 15.2937H3.92576L8.13217 10.4041L11.492 15.2937H15.1614L10.1721 8.0327H10.1723ZM8.68335 9.76347L8.1959 9.06627L4.31746 3.51857H5.98724L9.11718 7.99574L9.60463 8.69294L13.6732 14.5126H12.0034L8.68335 9.76373V9.76347Z", fill: "currentColor" })));
+export const XIcon = ({ 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: "M10.1723 8.0327L14.7597 2.7002H13.6727L9.68942 7.33033L6.50801 2.7002H2.83862L7.64954 9.70178L2.83862 15.2937H3.92576L8.13217 10.4041L11.492 15.2937H15.1614L10.1721 8.0327H10.1723ZM8.68335 9.76347L8.1959 9.06627L4.31746 3.51857H5.98724L9.11718 7.99574L9.60463 8.69294L13.6732 14.5126H12.0034L8.68335 9.76373V9.76347Z", fill: "currentColor" })));
 };
-exports.XIcon = XIcon;

package/lib/components/common/CustomIcon/components/YouTubeIcon/youTubeIcon.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.YouTubeIcon = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
+import { SvgIcon } from "@mui/material";
+import React from "react";
 /**
  * Custom YouTube icon (socials).
  */
-const YouTubeIcon = (_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: "M16.3547 5.31523C16.1859 4.64023 15.6515 4.10586 15.0047 3.93711C13.7953 3.59961 9.01405 3.59961 9.01405 3.59961C9.01405 3.59961 4.20468 3.59961 2.9953 3.93711C2.34843 4.10586 1.81405 4.64023 1.6453 5.31523C1.3078 6.49648 1.3078 9.02773 1.3078 9.02773C1.3078 9.02773 1.3078 11.5309 1.6453 12.7402C1.81405 13.4152 2.34843 13.9215 2.9953 14.0902C4.20468 14.3996 9.01405 14.3996 9.01405 14.3996C9.01405 14.3996 13.7953 14.3996 15.0047 14.0902C15.6515 13.9215 16.1859 13.4152 16.3547 12.7402C16.6922 11.5309 16.6922 9.02773 16.6922 9.02773C16.6922 9.02773 16.6922 6.49648 16.3547 5.31523ZM7.43905 11.3059V6.74961L11.4328 9.02773L7.43905 11.3059Z", fill: "currentColor" })));
+export const YouTubeIcon = ({ 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: "M16.3547 5.31523C16.1859 4.64023 15.6515 4.10586 15.0047 3.93711C13.7953 3.59961 9.01405 3.59961 9.01405 3.59961C9.01405 3.59961 4.20468 3.59961 2.9953 3.93711C2.34843 4.10586 1.81405 4.64023 1.6453 5.31523C1.3078 6.49648 1.3078 9.02773 1.3078 9.02773C1.3078 9.02773 1.3078 11.5309 1.6453 12.7402C1.81405 13.4152 2.34843 13.9215 2.9953 14.0902C4.20468 14.3996 9.01405 14.3996 9.01405 14.3996C9.01405 14.3996 13.7953 14.3996 15.0047 14.0902C15.6515 13.9215 16.1859 13.4152 16.3547 12.7402C16.6922 11.5309 16.6922 9.02773 16.6922 9.02773C16.6922 9.02773 16.6922 6.49648 16.3547 5.31523ZM7.43905 11.3059V6.74961L11.4328 9.02773L7.43905 11.3059Z", fill: "currentColor" })));
 };
-exports.YouTubeIcon = YouTubeIcon;

package/lib/components/common/Dialog/components/DialogTitle/dialogTitle.js

@@ -1,16 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogTitle = void 0;
-const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const DialogTitle = ({ className, onClose, title, }) => {
-    return (react_1.default.createElement(material_1.DialogTitle, { className: className },
+import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import { DialogTitle as MDialogTitle, IconButton } from "@mui/material";
+import React from "react";
+export const DialogTitle = ({ className, onClose, title, }) => {
+    return (React.createElement(MDialogTitle, { className: className },
         title,
-        onClose && (react_1.default.createElement(material_1.IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
-            react_1.default.createElement(CloseRounded_1.default, null)))));
+        onClose && (React.createElement(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
+            React.createElement(CloseRoundedIcon, null)))));
 };
-exports.DialogTitle = DialogTitle;

package/lib/components/common/Dialog/dialog.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 { Dialog as MDialog } from "@mui/material";
+import React from "react";
+export const Dialog = ({ children, className, onClose, open, ...props /* Spread props to allow for Mui Dialog specific prop overrides e.g. "fullWidth". */ }) => {
+    return (React.createElement(MDialog, { className: className, onClose: onClose, 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.Dialog = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const Dialog = (_a) => {
-    var { children, className, onClose, open } = _a, props = __rest(_a, ["children", "className", "onClose", "open"]) /* Spread props to allow for Mui Dialog specific prop overrides e.g. "fullWidth". */;
-    return (react_1.default.createElement(material_1.Dialog, Object.assign({ className: className, onClose: onClose, open: open }, props), children));
-};
-exports.Dialog = Dialog;

package/lib/components/common/Dot/dot.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 { DotSeparator } from "./dot.styles";
+export const Dot = ({ className }) => {
+    return React.createElement(DotSeparator, { className: className });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dot = void 0;
-const react_1 = __importDefault(require("react"));
-const dot_styles_1 = require("./dot.styles");
-const Dot = ({ className }) => {
-    return react_1.default.createElement(dot_styles_1.DotSeparator, { className: className });
-};
-exports.Dot = Dot;

package/lib/components/common/Dot/dot.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.DotSeparator = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.DotSeparator = (0, styled_1.default)("span") `
+import styled from "@emotion/styled";
+export const DotSeparator = styled("span") `
   align-self: center;
   background-color: ${({ theme }) => theme.palette.ink.light};
   border-radius: 50%;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.js

@@ -1,17 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerTitle = void 0;
-const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const drawerTitle_styles_1 = require("./drawerTitle.styles");
-const DrawerTitle = ({ className, onClose, title, }) => {
-    return (react_1.default.createElement(drawerTitle_styles_1.DrawerTitle, { className: className },
+import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import { IconButton } from "@mui/material";
+import React from "react";
+import { DrawerTitle as Title } from "./drawerTitle.styles";
+export const DrawerTitle = ({ className, onClose, title, }) => {
+    return (React.createElement(Title, { className: className },
         title,
-        onClose && (react_1.default.createElement(material_1.IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
-            react_1.default.createElement(CloseRounded_1.default, { color: "inkLight", fontSize: "small" })))));
+        onClose && (React.createElement(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
+            React.createElement(CloseRoundedIcon, { color: "inkLight", fontSize: "small" })))));
 };
-exports.DrawerTitle = DrawerTitle;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.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.DrawerTitle = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.DrawerTitle = styled_1.default.div `
+import styled from "@emotion/styled";
+export const DrawerTitle = styled.div `
   align-items: center;
   display: flex;
   justify-content: space-between;

package/lib/components/common/Drawer/components/drawer.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.DrawerContent = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.DrawerContent = styled_1.default.div `
+import styled from "@emotion/styled";
+export const DrawerContent = styled.div `
   overflow-y: auto;
   overscroll-behavior: none;
 `;

package/lib/components/common/Drawer/drawer.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 { Drawer as MDrawer } from "@mui/material";
+import React from "react";
+export const Drawer = ({ children, className, onClose, open, ...props /* Spread props to allow for Mui Drawer specific prop overrides e.g. "hideBackdrop". */ }) => {
+    return (React.createElement(MDrawer, { className: className, onClose: onClose, 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.Drawer = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const Drawer = (_a) => {
-    var { children, className, onClose, open } = _a, props = __rest(_a, ["children", "className", "onClose", "open"]) /* Spread props to allow for Mui Drawer specific prop overrides e.g. "hideBackdrop". */;
-    return (react_1.default.createElement(material_1.Drawer, Object.assign({ className: className, onClose: onClose, open: open }, props), children));
-};
-exports.Drawer = Drawer;

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_DROPDOWN_MENU_PROPS = void 0;
-exports.DEFAULT_DROPDOWN_MENU_PROPS = {
+export const DEFAULT_DROPDOWN_MENU_PROPS = {
     anchorOrigin: { horizontal: "right", vertical: "bottom" },
     slotProps: { paper: { variant: "menu" } },
     transformOrigin: { horizontal: "right", vertical: "top" },

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

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

package/lib/components/common/DropdownMenu/components/MenuItem/menuItem.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 { ListItemText as MListItemText, MenuItem as MMenuItem, } from "@mui/material";
+import React from "react";
+export const MenuItem = ({ children, className, onClick, ...props /* Spread props to allow for Mui MenuItem specific prop overrides e.g. "disableGutters". */ }) => {
+    return (React.createElement(MMenuItem, { className: className, onClick: onClick, ...props },
+        React.createElement(MListItemText, { disableTypography: true }, children)));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const MenuItem = (_a) => {
-    var { children, className, onClick } = _a, props = __rest(_a, ["children", "className", "onClick"]) /* Spread props to allow for Mui MenuItem specific prop overrides e.g. "disableGutters". */;
-    return (react_1.default.createElement(material_1.MenuItem, Object.assign({ className: className, onClick: onClick }, props),
-        react_1.default.createElement(material_1.ListItemText, { disableTypography: true }, children)));
-};
-exports.MenuItem = MenuItem;

package/lib/components/common/DropdownMenu/dropdownMenu.js

@@ -1,49 +1,10 @@
-"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.DropdownMenu = void 0;
-const react_1 = __importStar(require("react"));
-const constants_1 = require("./common/constants");
-const dropdownMenu_styles_1 = require("./dropdownMenu.styles");
-const DropdownMenu = (_a) => {
-    var { Button, children, className } = _a, props = __rest(_a, ["Button", "children", "className"]) /* Spread props to allow for Mui Menu specific prop overrides e.g. "anchorOrigin". */;
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+import React, { Fragment, useState } from "react";
+import { DEFAULT_DROPDOWN_MENU_PROPS } from "./common/constants";
+import { Menu } from "./dropdownMenu.styles";
+export const DropdownMenu = ({ Button, children, className, ...props /* Spread props to allow for Mui Menu specific prop overrides e.g. "anchorOrigin". */ }) => {
+    const [anchorEl, setAnchorEl] = useState(null);
     const closeMenu = () => setAnchorEl(null);
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(Button, { onClick: (event) => setAnchorEl(event.currentTarget), open: Boolean(anchorEl) }),
-        react_1.default.createElement(dropdownMenu_styles_1.Menu, Object.assign({}, constants_1.DEFAULT_DROPDOWN_MENU_PROPS, { anchorEl: anchorEl, className: className, onClose: closeMenu, open: Boolean(anchorEl) }, props), children ? children({ closeMenu }) : null)));
+    return (React.createElement(Fragment, null,
+        React.createElement(Button, { onClick: (event) => setAnchorEl(event.currentTarget), open: Boolean(anchorEl) }),
+        React.createElement(Menu, { ...DEFAULT_DROPDOWN_MENU_PROPS, anchorEl: anchorEl, className: className, onClose: closeMenu, open: Boolean(anchorEl), ...props }, children ? children({ closeMenu }) : null)));
 };
-exports.DropdownMenu = DropdownMenu;

package/lib/components/common/DropdownMenu/dropdownMenu.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.Menu = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-exports.Menu = (0, styled_1.default)(material_1.Menu) `
+import styled from "@emotion/styled";
+import { Menu as MMenu } from "@mui/material";
+export const Menu = styled(MMenu) `
   .MuiPaper-menu {
     margin: 4px 0;
   }

package/lib/components/common/EllipsisContent/ellipsisContent.js

@@ -1,42 +1,16 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EllipsisContent = void 0;
-const react_1 = __importStar(require("react"));
-const useResizeObserver_1 = require("../../../hooks/useResizeObserver");
-const ellipsisContent_styles_1 = require("./ellipsisContent.styles");
+import React, { useEffect, useRef, useState } from "react";
+import { getBorderBoxSizeHeight, useResizeObserver, } from "../../../hooks/useResizeObserver";
+import { Button, Content } from "./ellipsisContent.styles";
 var EllipsisMode;
 (function (EllipsisMode) {
     EllipsisMode["NONE"] = "NONE";
     EllipsisMode["OFF"] = "OFF";
     EllipsisMode["ON"] = "ON";
 })(EllipsisMode || (EllipsisMode = {}));
-const EllipsisContent = ({ children, maxLineCount, }) => {
-    const ellipsisRef = (0, react_1.useRef)(null);
-    const { height } = (0, useResizeObserver_1.useResizeObserver)(ellipsisRef, useResizeObserver_1.getBorderBoxSizeHeight) || {};
-    const [ellipsisMode, setEllipsisMode] = (0, react_1.useState)();
+export const EllipsisContent = ({ children, maxLineCount, }) => {
+    const ellipsisRef = useRef(null);
+    const { height } = useResizeObserver(ellipsisRef, getBorderBoxSizeHeight) || {};
+    const [ellipsisMode, setEllipsisMode] = useState();
     const isEllipsis = ellipsisMode === EllipsisMode.ON;
     /**
      * Updates the state of ellipsis mode by toggling between "ON" and "OFF" values.
@@ -53,23 +27,22 @@ const EllipsisContent = ({ children, maxLineCount, }) => {
      * Ellipsis mode state is initialized to "NONE" only when the component mounts,
      * so we guarantee that `ellipsisRef` gets the element handle for resize observer hook.
      */
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setEllipsisMode(EllipsisMode.NONE);
     }, []);
     /**
      * Ellipsis mode state updates with changes to the rendered content height.
      */
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setEllipsisMode((currentMode) => {
             return getEllipsisMode(ellipsisRef.current, maxLineCount, currentMode);
         });
     }, [height, maxLineCount]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ellipsisContent_styles_1.Content, { ref: ellipsisRef, isEllipsis: isEllipsis, maxLineCount: maxLineCount },
-            react_1.default.createElement("div", null, children)),
-        isModeActivated(ellipsisMode) && (react_1.default.createElement(ellipsisContent_styles_1.Button, { onClick: onToggleMode }, getModeText(ellipsisMode)))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Content, { ref: ellipsisRef, isEllipsis: isEllipsis, maxLineCount: maxLineCount },
+            React.createElement("div", null, children)),
+        isModeActivated(ellipsisMode) && (React.createElement(Button, { onClick: onToggleMode }, getModeText(ellipsisMode)))));
 };
-exports.EllipsisContent = EllipsisContent;
 /**
  * Returns the calculated line count of text rendered within the given element.
  * @param element - Element observed by resize observer (ellipsis container).

package/lib/components/common/EllipsisContent/ellipsisContent.styles.js

@@ -1,22 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.Content = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const buttonTextPrimary_1 = require("../Button/components/ButtonTextPrimary/buttonTextPrimary");
-exports.Content = (0, styled_1.default)("div") `
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { ButtonTextPrimary } from "../Button/components/ButtonTextPrimary/buttonTextPrimary";
+export const Content = styled("div") `
   ${({ isEllipsis, maxLineCount }) => isEllipsis &&
-    (0, react_1.css) `
+    css `
       -webkit-box-orient: vertical;
       display: -webkit-box;
       -webkit-line-clamp: ${maxLineCount};
       overflow: hidden;
     `}
 `;
-exports.Button = (0, styled_1.default)(buttonTextPrimary_1.ButtonTextPrimary) `
+export const Button = styled(ButtonTextPrimary) `
   align-self: flex-start;
   margin-top: 8px;
 `;

package/lib/components/common/Form/components/Input/input.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;
+import { OutlinedInput, Typography, } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_400 } from "../../../../../theme/common/typography";
+import { InputFormControl } from "./input.styles";
+export const Input = ({ className, isFilled, label, ...props /* Spread props to allow for Mui OutlinedInputProps specific prop overrides e.g. "disabled". */ }) => {
+    return (React.createElement(InputFormControl, { className: className, isFilled: isFilled },
+        label && React.createElement(Typography, { variant: TEXT_BODY_400 }, label),
+        React.createElement(OutlinedInput, { fullWidth: true, inputProps: { autoComplete: "off", spellCheck: false }, size: "small", ...props })));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../theme/common/typography");
-const input_styles_1 = require("./input.styles");
-const Input = (_a) => {
-    var { className, isFilled, label } = _a, props = __rest(_a, ["className", "isFilled", "label"]) /* Spread props to allow for Mui OutlinedInputProps specific prop overrides e.g. "disabled". */;
-    return (react_1.default.createElement(input_styles_1.InputFormControl, { className: className, isFilled: isFilled },
-        label && react_1.default.createElement(material_1.Typography, { variant: typography_1.TEXT_BODY_400 }, label),
-        react_1.default.createElement(material_1.OutlinedInput, Object.assign({ fullWidth: true, inputProps: { autoComplete: "off", spellCheck: false }, size: "small" }, props))));
-};
-exports.Input = Input;