@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/Toast/Toaster.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toaster = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_toastify_1 = require("react-toastify");
-const Toaster_styled_1 = require("./Toaster.styled");
-const Toaster = () => {
-    return ((0, jsx_runtime_1.jsx)(Toaster_styled_1.ToasterStyled, { position: "top-right", autoClose: 5000, hideProgressBar: true, newestOnTop: true, closeButton: false, closeOnClick: false, rtl: false, draggable: true, pauseOnHover: true, transition: react_toastify_1.Slide, limit: 5 }));
-};
-exports.Toaster = Toaster;

package/packages/shared-components/dist/Toast/Toaster.styled.js

@@ -1,73 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverBox = exports.ToasterStyled = void 0;
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-const react_toastify_1 = require("react-toastify");
-exports.ToasterStyled = (0, styles_1.styled)(react_toastify_1.ToastContainer)(({ theme: { palette: { app: { color }, }, }, }) => {
-    const toastBody = {
-        "& .Toastify__toast-container": {
-            padding: "0px",
-        },
-        "& .Toastify__toast": {
-            padding: "0px",
-            inlineSize: "400px",
-            right: "80px",
-            borderRadius: "8px",
-            border: `2px solid ${color.iron[700]}`,
-        },
-        "& .Toastify__toast-body": {
-            padding: "0px",
-        },
-        "@media (min-width: 480px)": {
-            "& .Toastify__toast": {
-                top: "-10px",
-            },
-        },
-    };
-    const toastSuccess = {
-        "& .Toastify__toast-theme--light.Toastify__toast--success": {
-            "& .Toastify__toast-body": {
-                borderInlineStart: `6px solid ${color.darkMint[900]}`,
-            },
-        },
-    };
-    const toastError = {
-        "& .Toastify__toast-theme--light.Toastify__toast--error": {
-            "& .Toastify__toast-body": {
-                borderInlineStart: `6px solid ${color.red[900]}`,
-            },
-        },
-    };
-    const toastWarning = {
-        "& .Toastify__toast-theme--light.Toastify__toast--warning": {
-            "& .Toastify__toast-body": {
-                borderInlineStart: `6px solid ${color.darkOrange[900]}`,
-            },
-        },
-    };
-    const toastInfo = {
-        "& .Toastify__toast-theme--light.Toastify__toast--info": {
-            "& .Toastify__toast-body": {
-                borderInlineStart: `6px solid ${color.slate[900]}`,
-            },
-        },
-    };
-    return {
-        ...toastBody,
-        ...toastSuccess,
-        ...toastError,
-        ...toastWarning,
-        ...toastInfo,
-    };
-});
-exports.HoverBox = (0, styles_1.styled)(Box_1.default)(({ theme }) => ({
-    color: theme.palette.app.color.slate[900],
-    "&:hover": {
-        color: theme.palette.app.color.butterflyBlue[900],
-    },
-}));

package/packages/shared-components/dist/Toast/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toasts = exports.Toaster = void 0;
-var Toaster_1 = require("./Toaster");
-Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_1.Toaster; } });
-var toasts_1 = require("./toasts");
-Object.defineProperty(exports, "toasts", { enumerable: true, get: function () { return toasts_1.toasts; } });

package/packages/shared-components/dist/Toast/toasts.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toasts = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_toastify_1 = require("react-toastify");
-const Toast_1 = require("./Toast");
-// eslint-disable-next-line sonarjs/function-return-type
-function createToast({ title, description, href, linkText }, type, options) {
-    const toastId = `${type}-${title}`;
-    if (!react_toastify_1.toast.isActive(toastId)) {
-        return (0, react_toastify_1.toast)((0, jsx_runtime_1.jsx)(Toast_1.Toast, { title: title, description: description, href: href, linkText: linkText, type: type }), { ...options, icon: false, type, toastId });
-    }
-    return toastId;
-}
-exports.toasts = {
-    info: (toast, options) => createToast(toast, "info", options),
-    success: (toast, options) => createToast(toast, "success", options),
-    warning: (toast, options) => createToast(toast, "warning", options),
-    error: (toast, options) => createToast(toast, "error", options),
-};

package/packages/shared-components/dist/Toast/types.js

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

package/packages/shared-components/dist/Tooltip/Tooltip.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const react_1 = require("react");
-const Tooltip = ({ toolTipLabel, children, placement = "top-start", hidden = false, checkOverflow = false, ...rest }) => {
-    const wrapperRef = (0, react_1.useRef)(null);
-    const [isOverflowed, setIsOverflowed] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (checkOverflow && wrapperRef.current) {
-            const el = wrapperRef.current;
-            setIsOverflowed(el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
-        }
-    }, [children]);
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { arrow: true, placement: placement, title: toolTipLabel, disableHoverListener: checkOverflow ? !isOverflowed || hidden : hidden, ...rest, children: (0, jsx_runtime_1.jsx)(Box_1.default, { ref: wrapperRef, sx: {
-                maxWidth: "100%",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                display: "inline-flex",
-            }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: 500, children: children })) : (children) }) }));
-};
-exports.Tooltip = Tooltip;

package/packages/shared-components/dist/Tooltip/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tooltip"), exports);

package/packages/shared-components/dist/Tree/DesktopTreeNode.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesktopTreeNode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const map_1 = __importDefault(require("lodash/map"));
-const Node_1 = require("./Node");
-const DesktopTreeNode = ({ node, setRef, themeColor, itemWidth, }) => {
-    const { id, children } = node;
-    const hasChildren = !!children?.length;
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
-            display: "flex",
-            gap: 3,
-            alignItems: "flex-start",
-            flex: `1 0 ${itemWidth}`,
-        }, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 1, sx: { mt: 0.5 }, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.DesktopTreeNode, { node: child, setRef: setRef, themeColor: themeColor, itemWidth: itemWidth }, child.id))) }))] }, id));
-};
-exports.DesktopTreeNode = DesktopTreeNode;

package/packages/shared-components/dist/Tree/MobileTreeNode.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileTreeNode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const map_1 = __importDefault(require("lodash/map"));
-const PadBox_1 = require("../PadBox");
-const Node_1 = require("./Node");
-const MobileTreeNode = ({ node, setRef, themeColor, }) => {
-    const { id, children } = node;
-    const hasChildren = !!children?.length;
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: 1, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 3, paddingTop: 1 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 1, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.MobileTreeNode, { node: child, setRef: setRef, themeColor: themeColor }, child.id))) }) }))] }, id));
-};
-exports.MobileTreeNode = MobileTreeNode;

package/packages/shared-components/dist/Tree/Node.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Node = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const PadBox_1 = require("../PadBox");
-const Node_styled_1 = require("./Node.styled");
-const Node = ({ node, innerRef, isParent = false, themeColor, }) => {
-    const { id, title, subtitle, value } = node;
-    const theme = (0, styles_1.useTheme)();
-    const { butterflyBlue, slate } = theme.palette.app.color;
-    const baseColor = themeColor ?? butterflyBlue[900];
-    const nodeBorderColor = isParent ? baseColor : (0, styles_1.alpha)(baseColor, 0.7);
-    const nodeBackgroundColor = isParent ? (0, styles_1.alpha)(baseColor, 0.1) : "none";
-    const nodeSubtitleColor = slate[900];
-    return ((0, jsx_runtime_1.jsxs)(Node_styled_1.StyledNodePaper, { elevation: isParent ? 3 : 0, ref: innerRef, isParent: isParent, borderColor: nodeBorderColor, backgroundColor: nodeBackgroundColor, baseColor: baseColor, children: [(0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subtitle2", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subtitle2", color: nodeSubtitleColor, noWrap: true, children: subtitle })] }), (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 1 }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { ml: "auto", textAlign: "right" }, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { noWrap: true, variant: "body2", children: value }) }) })] }, id));
-};
-exports.Node = Node;

package/packages/shared-components/dist/Tree/Node.styled.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledNodePaper = void 0;
-const Paper_1 = __importDefault(require("@mui/material/Paper"));
-const styles_1 = require("@mui/material/styles");
-exports.StyledNodePaper = (0, styles_1.styled)(Paper_1.default, {
-    shouldForwardProp: (prop) => prop !== "$isParent" &&
-        prop !== "$borderColor" &&
-        prop !== "$backgroundColor" &&
-        prop !== "$baseColor",
-})(({ theme, isParent, borderColor, backgroundColor, baseColor }) => ({
-    width: "auto",
-    minWidth: 0,
-    padding: theme.spacing(1),
-    borderRadius: 12,
-    border: `1px solid ${borderColor}`,
-    boxShadow: isParent ? `0 6px 18px ${(0, styles_1.alpha)(baseColor, 0.2)}` : "none",
-    backgroundColor,
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1),
-    minHeight: 40,
-    overflow: "hidden",
-    flex: "1 1 auto",
-    [theme.breakpoints.down("sm")]: {
-        flex: "1 1 100%",
-    },
-}));

package/packages/shared-components/dist/Tree/Tree.js

@@ -1,149 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tree = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Paper_1 = __importDefault(require("@mui/material/Paper"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const forEach_1 = __importDefault(require("lodash/forEach"));
-const map_1 = __importDefault(require("lodash/map"));
-const omit_1 = __importDefault(require("lodash/omit"));
-const values_1 = __importDefault(require("lodash/values"));
-const react_1 = require("react");
-const PadBox_1 = require("../PadBox");
-const Svgs_1 = require("../Svgs");
-const utils_1 = require("../utils");
-const DesktopTreeNode_1 = require("./DesktopTreeNode");
-const MobileTreeNode_1 = require("./MobileTreeNode");
-const Tree = ({ nodes, direction = "horizontal", columns = 3, color, }) => {
-    const { isMobile } = (0, utils_1.useGetDeviceType)();
-    const refs = (0, react_1.useRef)({});
-    const containerRef = (0, react_1.useRef)(null);
-    const svgRef = (0, react_1.useRef)(null);
-    const resizeObserverRef = (0, react_1.useRef)(null);
-    const [paths, setPaths] = (0, react_1.useState)([]);
-    const setRef = (id, element) => {
-        if (element) {
-            refs.current[id] = element;
-            if (resizeObserverRef.current) {
-                resizeObserverRef.current.observe(element);
-            }
-            return;
-        }
-        refs.current = (0, omit_1.default)(refs.current, id);
-    };
-    const getRectangleElementPosition = (element) => {
-        if (!element) {
-            return null;
-        }
-        return element.getBoundingClientRect();
-    };
-    const createMobilePath = (parentRectangle, currentRectangle, svgRect) => {
-        const { left: parentLeft, width: parentWidth, bottom: parentBottom, } = parentRectangle;
-        const { left: currentLeft, width: currentWidth, top: currentTop, } = currentRectangle;
-        const { left: svgLeft, top: svgTop } = svgRect;
-        const startX = parentLeft + parentWidth / 2 - svgLeft;
-        const startY = parentBottom - svgTop;
-        const endX = currentLeft + currentWidth / 2 - svgLeft;
-        const endY = currentTop - svgTop;
-        const midY = startY + Math.max(12, (endY - startY) / 2);
-        return `M ${startX} ${startY} C ${startX} ${midY} ${endX} ${midY} ${endX} ${endY}`;
-    };
-    const createDesktopPath = (parentRectangle, currentRectangle, svgRect) => {
-        const { right: parentRight, top: parentTop, height: parentHeight, } = parentRectangle;
-        const { left: currentLeft, top: currentTop, height: currentHeight, } = currentRectangle;
-        const { left: svgLeft, top: svgTop } = svgRect;
-        const startX = parentRight - svgLeft;
-        const startY = parentTop + parentHeight / 2 - svgTop;
-        const endX = currentLeft - svgLeft;
-        const endY = currentTop + currentHeight / 2 - svgTop;
-        const dx = endX - startX;
-        const absDx = Math.abs(dx);
-        const curvature = Math.min(120, Math.max(24, absDx / 2));
-        const direction = dx >= 0 ? 1 : -1;
-        const c1x = startX + curvature * direction;
-        const c1y = startY;
-        const c2x = endX - curvature * direction;
-        const c2y = endY;
-        return `M ${startX} ${startY} C ${c1x} ${c1y} ${c2x} ${c2y} ${endX} ${endY}`;
-    };
-    const computePathsRecursive = (nodeList, svgRect, paths) => {
-        (0, forEach_1.default)(nodeList, (node) => {
-            const { id, children } = node;
-            if (!children?.length) {
-                return;
-            }
-            const parentElement = refs.current[id];
-            if (!parentElement) {
-                return;
-            }
-            const parentRectangle = getRectangleElementPosition(parentElement);
-            if (!parentRectangle) {
-                return;
-            }
-            (0, forEach_1.default)(children, (child) => {
-                const { id, children } = child;
-                const currentElement = refs.current[id];
-                if (!currentElement) {
-                    return;
-                }
-                const currentRectangle = getRectangleElementPosition(currentElement);
-                if (!currentRectangle) {
-                    return;
-                }
-                const pathData = isMobile || direction === "vertical"
-                    ? createMobilePath(parentRectangle, currentRectangle, svgRect)
-                    : createDesktopPath(parentRectangle, currentRectangle, svgRect);
-                paths.push({ definition: pathData });
-                if (children?.length) {
-                    computePathsRecursive([child], svgRect, paths);
-                }
-            });
-        });
-    };
-    const computePaths = () => {
-        const svg = svgRef.current;
-        const container = containerRef.current;
-        if (!svg || !container) {
-            return;
-        }
-        const width = container.clientWidth;
-        svg.setAttribute("width", String(width));
-        svg.setAttribute("height", "auto");
-        const svgRect = container.getBoundingClientRect();
-        const newPaths = [];
-        computePathsRecursive(nodes, svgRect, newPaths);
-        setPaths(newPaths);
-    };
-    (0, react_1.useEffect)(() => {
-        const scheduleCompute = () => {
-            return requestAnimationFrame(() => {
-                computePaths();
-            });
-        };
-        const initialId = scheduleCompute();
-        const observer = new ResizeObserver(scheduleCompute);
-        resizeObserverRef.current = observer;
-        if (containerRef.current) {
-            observer.observe(containerRef.current);
-        }
-        (0, values_1.default)(refs.current).forEach((el) => observer.observe(el));
-        const handleResize = scheduleCompute;
-        window.addEventListener("resize", handleResize);
-        return () => {
-            cancelAnimationFrame(initialId);
-            observer.disconnect();
-            resizeObserverRef.current = null;
-            window.removeEventListener("resize", handleResize);
-        };
-    }, [nodes, isMobile, direction]);
-    const itemWidth = `calc(${100 / columns}% - 24px)`;
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { ref: containerRef, variant: "outlined", component: Paper_1.default, position: "relative", sx: {
-            overflowX: "hidden",
-            overflowY: "visible",
-        }, children: [(0, jsx_runtime_1.jsx)(Svgs_1.SvgBranches, { ref: svgRef, paths: paths, strokeColor: color }), isMobile || direction === "vertical" ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(MobileTreeNode_1.MobileTreeNode, { node: node, setRef: setRef, themeColor: color }, node.id))) }) })) : ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", alignItems: "flex-start", justifyContent: "flex-start", flexWrap: "wrap", gap: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(DesktopTreeNode_1.DesktopTreeNode, { node: node, setRef: setRef, themeColor: color, itemWidth: itemWidth }, node.id))) }) }))] }));
-};
-exports.Tree = Tree;

package/packages/shared-components/dist/Tree/index.js

@@ -1,18 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tree"), exports);
-__exportStar(require("./Node"), exports);

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.js

@@ -1,79 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfileMenu = UserProfileMenu;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Divider_1 = __importDefault(require("@mui/material/Divider"));
-const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-const ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
-const Popover_1 = __importDefault(require("@mui/material/Popover"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
-const react_1 = require("react");
-const utils_1 = require("../utils");
-const UserProfileMenu_styled_1 = require("./UserProfileMenu.styled");
-function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick = true, }) {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const buttonRef = (0, react_1.useRef)(null);
-    const { layout } = (0, utils_1.useGetDeviceType)();
-    const isDesktop = layout === "desktop";
-    const theme = (0, styles_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    const open = Boolean(anchorEl);
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => setAnchorEl(null);
-    const { name } = userDetails;
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { position: "relative", children: [(0, jsx_runtime_1.jsx)(Box_1.default, { sx: { display: "flex", alignItems: "center" }, children: (0, jsx_runtime_1.jsx)(UserProfileMenu_styled_1.IconButtonStyled, { ref: buttonRef, onClick: handleClick, size: "small", "aria-haspopup": "true", children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: 1, color: "black", children: [(0, jsx_runtime_1.jsx)(Avatar_1.default, { src: userDetails.avatar, sx: { border: `1px solid ${iron[700]}`, width: 28, height: 28 } }), isDesktop && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { maxWidth: 150, noWrap: true, children: name }), open ? (0, jsx_runtime_1.jsx)(KeyboardArrowUp_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, {})] }))] }) }) }), open && ((0, jsx_runtime_1.jsx)(Popover_1.default, { open: true, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: "bottom", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "right" }, slotProps: {
-                    paper: {
-                        elevation: 0,
-                        sx: {
-                            width: 220,
-                            overflow: "visible",
-                            mt: 1.5,
-                            px: 0,
-                            py: 0,
-                            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
-                            "& .MuiAvatar-root": {
-                                width: 32,
-                                height: 32,
-                                ml: -0.5,
-                                mr: 1,
-                            },
-                            "&:before": {
-                                // eslint-disable-next-line quotes
-                                content: '""',
-                                display: "block",
-                                position: "absolute",
-                                top: 0,
-                                right: 14,
-                                width: 10,
-                                height: 10,
-                                bgcolor: "background.paper",
-                                transform: "translateY(-50%) rotate(45deg)",
-                                zIndex: 0,
-                            },
-                        },
-                    },
-                }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { padding: "4px 0" }, children: menuItems.map(({ key, divider, label, icon, sx, onClick }) => ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [divider && (0, jsx_runtime_1.jsx)(Divider_1.default, {}), (0, jsx_runtime_1.jsx)(ListItemButton_1.default, { onClick: () => {
-                                    if ((0, isFunction_1.default)(onClick)) {
-                                        onClick();
-                                        if (shouldCloseOnClick) {
-                                            handleClose();
-                                        }
-                                    }
-                                }, children: (icon || label) && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "16px", alignItems: "center", width: "100%", flexDirection: "row", sx: { ...sx }, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { sx: {
-                                                minWidth: "20px",
-                                                alignItems: "center",
-                                                ...sx,
-                                            }, children: icon }), label && ((0, jsx_runtime_1.jsx)(Typography_1.default, { sx: { fontSize: "13px" }, children: label }))] })) })] }, `${key}_container`))) }) }))] }));
-}

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButtonStyled = exports.MenuStyled = void 0;
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const Menu_1 = __importDefault(require("@mui/material/Menu"));
-const menuClasses_1 = __importDefault(require("@mui/material/Menu/menuClasses"));
-const styles_1 = require("@mui/material/styles");
-exports.MenuStyled = (0, styles_1.styled)(Menu_1.default)(({ theme, }) => {
-    const style = {
-        [`& .${menuClasses_1.default.paper}`]: {
-            boxShadow: theme.palette.app.paperBoxShadow,
-            minWidth: "29rem",
-            width: "auto",
-            margin: "0 0.5rem",
-            borderRadius: "8px",
-            overflow: "visible",
-            "& .MuiList-root": {
-                padding: "0",
-                overflow: "visible",
-            },
-        },
-    };
-    return style;
-});
-exports.IconButtonStyled = (0, styles_1.styled)(IconButton_1.default, {
-    shouldForwardProp: (prop) => prop !== "isOpened",
-})(({ theme }) => {
-    const style = {
-        paddingInline: "0.3rem",
-        paddingBlock: "0.2rem",
-        borderRadius: "8px",
-        color: theme.palette.app.color.black[900],
-    };
-    return style;
-});

package/packages/shared-components/dist/UserProfileMenu/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UserProfileMenu"), exports);

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeSnippetBox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Check_1 = __importDefault(require("@mui/icons-material/Check"));
-const ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-const react_1 = require("react");
-const react_syntax_highlighter_1 = require("react-syntax-highlighter");
-// eslint-disable-next-line import/no-internal-modules
-const prism_1 = require("react-syntax-highlighter/dist/esm/styles/prism");
-const Button_1 = require("../Button");
-const CodeSnippetBox_styled_1 = require("./CodeSnippetBox.styled");
-const CodeSnippetBox = ({ children, language = "typescript", isCopyable = true, }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { mirage, iron } = theme.palette.app.color;
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const handleCopy = () => {
-        if (typeof children !== "string" || !isCopyable) {
-            return;
-        }
-        navigator.clipboard
-            .writeText(children)
-            .then(() => {
-            setCopied(true);
-            setTimeout(() => {
-                setCopied(false);
-            }, 2000);
-        })
-            .catch(() => {
-            // Silently fail
-        });
-    };
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: { position: "relative" }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isCopyable && ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                        position: "absolute",
-                        top: theme.spacing(1),
-                        right: theme.spacing(1),
-                        zIndex: 1,
-                    }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: copied ? "Copied!" : "Copy code", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "small", onClick: handleCopy, variant: "text", sx: { color: iron[600], fontSize: "10px" }, startIcon: copied ? ((0, jsx_runtime_1.jsx)(Check_1.default, { sx: { fontSize: "10px" } })) : ((0, jsx_runtime_1.jsx)(ContentCopy_1.default, { sx: { fontSize: "10px" } })), children: copied ? "Copied!" : "Copy code" }) }) })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, { language: language, style: prism_1.vscDarkPlus, customStyle: {
-                        margin: 0,
-                        borderRadius: "5px",
-                        padding: theme.spacing(2),
-                        background: mirage[900],
-                    }, PreTag: "div", children: children })] })) : ((0, jsx_runtime_1.jsx)(CodeSnippetBox_styled_1.StyledCodeSnippetBox, { children: children })) }));
-};
-exports.CodeSnippetBox = CodeSnippetBox;