@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.js

@@ -1,57 +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.CloseDrawerMenuItemList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const react_1 = require("react");
-const uuid_1 = require("uuid");
-const urlToNestedObject_1 = require("../../utils/urlToNestedObject");
-const CloseDrawerMenuItem_1 = require("./CloseDrawerMenuItem");
-const CloseDrawerSubMenuItemList_1 = require("./CloseDrawerSubMenuItemList");
-const Popper_1 = require("./Popper");
-const CloseDrawerMenuItemList = ({ menuItems, currentPathname, anchorEl, setAnchorEl, }) => {
-    const [currentMenuItem, setCurrentMenuItem] = (0, react_1.useState)();
-    const [currentMenuIndex, setCurrentMenuIndex] = (0, react_1.useState)(0);
-    const [currentPathMenuOpen, setCurrentPathMenuOpen] = (0, react_1.useState)({});
-    (0, react_1.useMemo)(() => {
-        const obj = (0, urlToNestedObject_1.urlToNestedObject)(currentPathname);
-        if ((0, isEmpty_1.default)(obj)) {
-            return setCurrentPathMenuOpen({ home: true });
-        }
-        setCurrentPathMenuOpen(obj);
-    }, [currentPathname]);
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems
-                .filter((item) => item.isView !== false)
-                .map((menuItem, i) => {
-                const { onClick, key: key1, icon, menuItems = [] } = menuItem;
-                const handleClick = (target) => {
-                    if (onClick) {
-                        if (key1 === "") {
-                            onClick("/", target);
-                            return;
-                        }
-                        onClick(`/${key1}`, target);
-                    }
-                };
-                const onMouseEnter = (event) => {
-                    if (menuItems.length > 0) {
-                        setAnchorEl(event.currentTarget);
-                        setCurrentMenuItem(menuItem);
-                        setCurrentMenuIndex(i + 1);
-                    }
-                    else {
-                        handleClose();
-                    }
-                };
-                const isMenuSelected = !!currentPathMenuOpen?.[key1];
-                return ((0, jsx_runtime_1.jsx)(CloseDrawerMenuItem_1.CloseDrawerMenuItem, { onClick: handleClick, onMouseEnter: onMouseEnter, icon: icon, selected: isMenuSelected }, (0, uuid_1.v4)()));
-            }), !!anchorEl && ((0, jsx_runtime_1.jsx)(Box_1.default, { onMouseLeave: handleClose, children: (0, jsx_runtime_1.jsx)(Popper_1.Popper, { open: true, anchorEl: anchorEl, currentMenuIndex: currentMenuIndex, children: (0, jsx_runtime_1.jsx)(CloseDrawerSubMenuItemList_1.CloseDrawerSubMenuItemList, { currentMenuItem: currentMenuItem, currentPathMenuOpen: currentPathMenuOpen, onCloseMenuPopover: handleClose }) }) }))] }));
-};
-exports.CloseDrawerMenuItemList = CloseDrawerMenuItemList;

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js

@@ -1,49 +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.CloseDrawerSubMenuItemList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const List_1 = __importDefault(require("@mui/material/List"));
-const react_1 = require("react");
-const CloseDrawerMenuItem_1 = require("./CloseDrawerMenuItem");
-const Popper_1 = require("./Popper");
-const RecursiveMenuItem = ({ item, parentPath, currentPathMenuOpen, onCloseMenuPopover, level = 0, }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const isOpen = Boolean(anchorEl);
-    if (item?.isView === false) {
-        return;
-    }
-    const handlePopoverOpen = (event) => {
-        if (item.menuItems?.length) {
-            setAnchorEl(event.currentTarget);
-        }
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const handleClick = (target = "_self") => {
-        const fullPath = `${parentPath}/${item.key}`;
-        if (item.onClick) {
-            item.onClick(fullPath, target);
-            if (target !== "_blank") {
-                handleClose();
-                onCloseMenuPopover();
-            }
-        }
-    };
-    const isSelected = Boolean(currentPathMenuOpen[item.key]);
-    const currentPath = `${parentPath}/${item.key}`;
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { onMouseLeave: handleClose, children: [(0, jsx_runtime_1.jsx)(CloseDrawerMenuItem_1.CloseDrawerMenuItem, { onClick: handleClick, title: item.title, icon: item.icon, isShowEndAdornment: Boolean(item.menuItems?.length), selected: isSelected, onMouseEnter: handlePopoverOpen }), item.menuItems?.length && isOpen && ((0, jsx_runtime_1.jsx)(Popper_1.Popper, { open: true, anchorEl: anchorEl, currentMenuIndex: level, children: (0, jsx_runtime_1.jsx)(List_1.default, { disablePadding: true, children: item.menuItems.map((subItem) => ((0, jsx_runtime_1.jsx)(RecursiveMenuItem, { item: subItem, parentPath: currentPath, currentPathMenuOpen: currentPathMenuOpen[item.key] ?? {}, onCloseMenuPopover: onCloseMenuPopover, level: level + 1 }, subItem.key))) }) }))] }));
-};
-const CloseDrawerSubMenuItemList = ({ currentPathMenuOpen, currentMenuItem, onCloseMenuPopover, }) => {
-    if (!currentMenuItem) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading..." });
-    }
-    return ((0, jsx_runtime_1.jsx)(List_1.default, { disablePadding: true, children: currentMenuItem.menuItems
-            ?.filter((item) => item.isView !== false)
-            .map((item) => ((0, jsx_runtime_1.jsx)(RecursiveMenuItem, { item: item, parentPath: `/${currentMenuItem.key}`, currentPathMenuOpen: currentPathMenuOpen[currentMenuItem.key] ?? {}, onCloseMenuPopover: onCloseMenuPopover }, item.key))) }));
-};
-exports.CloseDrawerSubMenuItemList = CloseDrawerSubMenuItemList;

package/packages/shared-components/dist/Drawer/CloseDrawer/Popover.js

@@ -1,26 +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.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Popover_1 = __importDefault(require("@mui/material/Popover"));
-const styles_1 = require("@mui/material/styles");
-const Popover = ({ open, anchorEl, onClose, children, currentMenuIndex, }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { mirage } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(Popover_1.default, { open: open, anchorEl: anchorEl, anchorOrigin: {
-            vertical: "top",
-            horizontal: "right",
-        }, onClose: onClose, sx: {
-            "& .MuiPaper-root": {
-                background: mirage[900],
-                width: "200px",
-                // eslint-disable-next-line sonarjs/no-all-duplicated-branches
-                marginLeft: currentMenuIndex ? "64px" : "0px",
-                marginTop: currentMenuIndex ? currentMenuIndex * 3.6 + 6.2 : "10px",
-            },
-        }, children: children }));
-};
-exports.Popover = Popover;

package/packages/shared-components/dist/Drawer/CloseDrawer/Popper.js

@@ -1,33 +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.Popper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Popper_1 = __importDefault(require("@mui/material/Popper"));
-const styles_1 = require("@mui/material/styles");
-const Popper = ({ open, anchorEl, children, currentMenuIndex, }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { mirage } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(Popper_1.default, { open: open, anchorEl: anchorEl, placement: "bottom-end", modifiers: [
-            {
-                name: "offset",
-                options: {
-                    offset: [
-                        currentMenuIndex ? 79 : 203,
-                        currentMenuIndex ? currentMenuIndex * 43.5 + 37 : -40,
-                    ],
-                },
-            },
-        ], sx: {
-            background: mirage[900],
-            width: "203px",
-            zIndex: 1300,
-            // need to add important to override the default MUI styles
-            inset: !currentMenuIndex
-                ? "1px 0px auto auto !important"
-                : "0px auto auto 0px !important",
-        }, children: children }));
-};
-exports.Popper = Popper;

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

@@ -1,29 +0,0 @@
-"use client";
-"use strict";
-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 jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
-const List_1 = __importDefault(require("@mui/material/List"));
-const react_1 = require("react");
-const PadBox_1 = require("../PadBox");
-const AppLogoMedium_1 = require("../Svgs/AppLogo/AppLogoMedium");
-const AppLogoSmall_1 = require("../Svgs/AppLogo/AppLogoSmall");
-const useGetDeviceType_1 = require("../utils/hooks/useGetDeviceType");
-const CloseDrawerMenuItemList_1 = require("./CloseDrawer/CloseDrawerMenuItemList");
-const Drawer_styled_1 = require("./Drawer.styled");
-const OpenDrawerMenuItemList_1 = require("./OpenDrawer/OpenDrawerMenuItemList");
-const Drawer = ({ menuItems = [], open, currentPathname, }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const { layout } = (0, useGetDeviceType_1.useGetDeviceType)();
-    const isDesktop = layout === "desktop";
-    return ((0, jsx_runtime_1.jsxs)(Drawer_styled_1.StyledDrawer, { variant: "permanent", open: open, children: [(0, jsx_runtime_1.jsxs)(Box_1.default, { textAlign: "center", children: [isDesktop && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingTop: "1.5rem" }, children: open ? (0, jsx_runtime_1.jsx)(AppLogoMedium_1.AppLogoMedium, {}) : (0, jsx_runtime_1.jsx)(AppLogoSmall_1.AppLogoSmall, {}) })), !isDesktop && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingTop: "0.5rem", paddingBottom: "0.5rem" }, children: (0, jsx_runtime_1.jsx)(AppLogoSmall_1.AppLogoSmall, {}) }))] }), isDesktop && ((0, jsx_runtime_1.jsx)(List_1.default, { component: "nav", onMouseLeave: handleClose, children: open ? ((0, jsx_runtime_1.jsx)(OpenDrawerMenuItemList_1.OpenDrawerMenuItemList, { menuItems: menuItems, currentPathname: currentPathname })) : ((0, jsx_runtime_1.jsx)(CloseDrawerMenuItemList_1.CloseDrawerMenuItemList, { menuItems: menuItems, currentPathname: currentPathname, anchorEl: anchorEl, setAnchorEl: setAnchorEl })) })), !isDesktop && ((0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsx)(List_1.default, { component: "nav", onMouseLeave: handleClose, children: (0, jsx_runtime_1.jsx)(CloseDrawerMenuItemList_1.CloseDrawerMenuItemList, { menuItems: menuItems, currentPathname: currentPathname, anchorEl: anchorEl, setAnchorEl: setAnchorEl }) }) }))] }));
-};
-exports.Drawer = Drawer;

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

@@ -1,58 +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.StyledDrawer = exports.Bullet = void 0;
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
-const styles_1 = require("@mui/material/styles");
-exports.Bullet = (0, styles_1.styled)(Box_1.default)(({ theme }) => ({
-    width: 7,
-    height: 7,
-    borderRadius: "50%",
-    background: theme.palette.app.color.butterflyBlue[400],
-}));
-exports.StyledDrawer = (0, styles_1.styled)(Drawer_1.default, {
-    shouldForwardProp: (prop) => prop !== "open",
-})(({ theme, open }) => {
-    const drawerWidth = 300;
-    const openedMixin = (theme) => ({
-        width: drawerWidth,
-        transition: theme.transitions.create("width", {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.enteringScreen,
-        }),
-        overflowX: "hidden",
-        backgroundColor: theme.palette.app.color.mirage[900],
-        [theme.breakpoints.down("md")]: {
-            width: "80px",
-        },
-    });
-    const closedMixin = (theme) => ({
-        transition: theme.transitions.create("width", {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.leavingScreen,
-        }),
-        overflowX: "hidden",
-        width: "0px",
-        [theme.breakpoints.up("md")]: {
-            width: "80px",
-        },
-        backgroundColor: theme.palette.app.color.mirage[900],
-    });
-    return {
-        width: drawerWidth,
-        flexShrink: 0,
-        whiteSpace: "nowrap",
-        boxSizing: "border-box",
-        ...(open && {
-            ...openedMixin(theme),
-            "& .MuiDrawer-paper": openedMixin(theme),
-        }),
-        ...(!open && {
-            ...closedMixin(theme),
-            "& .MuiDrawer-paper": closedMixin(theme),
-        }),
-    };
-});

package/packages/shared-components/dist/Drawer/MenuItem.js

@@ -1,32 +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.MenuItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Bullet_1 = require("./Bullet");
-const MenuItem = ({ selected = false, icon = (0, jsx_runtime_1.jsx)(Bullet_1.Bullet, {}), title, endAdornment, sx, onClick, ...props }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsxs)(ListItemButton_1.default, { ...props, onClick: (e) => onClick(e.ctrlKey ? "_blank" : "_self"), onMouseDown: (e) => {
-            e.preventDefault();
-            if (e.button === 1) {
-                onClick("_blank");
-            }
-        }, sx: {
-            ...sx,
-            color: selected ? iron[600] : theme.palette.primary.light,
-            ":hover": {
-                color: iron[600],
-                ".bullet-hover": {
-                    color: selected ? "" : butterflyBlue[900],
-                },
-            },
-        }, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "center", direction: "row", flex: 1, gap: "10px", justifyContent: "center", children: [icon, title && ((0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: title, disableTypography: true, sx: { ...sx, padding: "0" } }))] }), endAdornment] }));
-};
-exports.MenuItem = MenuItem;

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerCollapse.js

@@ -1,12 +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.OpenDrawerCollapse = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Collapse_1 = __importDefault(require("@mui/material/Collapse"));
-const OpenDrawerCollapse = ({ children, ...rest }) => {
-    return ((0, jsx_runtime_1.jsx)(Collapse_1.default, { timeout: "auto", unmountOnExit: true, ...rest, children: children }));
-};
-exports.OpenDrawerCollapse = OpenDrawerCollapse;

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItem.js

@@ -1,21 +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.OpenDrawerMenuItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ExpandLess_1 = __importDefault(require("@mui/icons-material/ExpandLess"));
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-const Bullet_1 = require("../Bullet");
-const MenuItem_1 = require("../MenuItem");
-const OpenDrawerMenuItem = ({ icon = (0, jsx_runtime_1.jsx)(Bullet_1.Bullet, {}), title, isShowEndAdornment = false, selected = false, onClick, isExpanded, sx, }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { butterflyBlue } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-            bgcolor: selected && !isShowEndAdornment ? butterflyBlue[900] : "",
-        }, children: (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { sx: sx, title: title, icon: icon, onClick: onClick, selected: selected, endAdornment: isShowEndAdornment && (isExpanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {})) }) }));
-};
-exports.OpenDrawerMenuItem = OpenDrawerMenuItem;

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js

@@ -1,129 +0,0 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenDrawerMenuItemList = exports.MenuItemRecursive = exports.isMenuOpen = exports.isPathInCurrentSelection = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const List_1 = __importDefault(require("@mui/material/List"));
-const styles_1 = require("@mui/material/styles");
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const react_1 = require("react");
-const urlToNestedObject_1 = require("../../utils/urlToNestedObject");
-const OpenDrawerCollapse_1 = require("./OpenDrawerCollapse");
-const OpenDrawerMenuItem_1 = require("./OpenDrawerMenuItem");
-const getNestedMenuState = (state, path) => {
-    if (path.length === 0) {
-        return false;
-    }
-    if (typeof state !== "object") {
-        return false;
-    }
-    const [first, ...rest] = path;
-    if (!first) {
-        return false;
-    }
-    const nextState = state[first];
-    if (rest.length === 0) {
-        return Boolean(nextState);
-    }
-    return getNestedMenuState(nextState, rest);
-};
-const checkCurrentSelectedPath = (obj) => {
-    if (obj === true) {
-        return true;
-    }
-    if (typeof obj !== "object" || obj === null) {
-        return false;
-    }
-    return Object.values(obj).every(checkCurrentSelectedPath);
-};
-const isPathInCurrentSelection = (state, path) => {
-    const result = path.reduce((acc, segment) => {
-        if (typeof acc !== "object" || acc === null || !(segment in acc)) {
-            return undefined;
-        }
-        return acc[segment];
-    }, state);
-    return checkCurrentSelectedPath(result);
-};
-exports.isPathInCurrentSelection = isPathInCurrentSelection;
-const isMenuOpen = (state, path) => {
-    const value = getNestedMenuState(state, path);
-    return Boolean(value);
-};
-exports.isMenuOpen = isMenuOpen;
-const MenuItemRecursive = ({ menuItem, level = 0, parentPath = "", subMenusOpen, setSubMenusOpen, currentPathMenuOpen, }) => {
-    const theme = (0, styles_1.useTheme)();
-    if (level === 3) {
-        return;
-    }
-    const { butterflyBlue, slate } = theme.palette.app.color;
-    const { key, icon, title, isView, onClick, menuItems = [] } = menuItem;
-    if (isView === false) {
-        return;
-    }
-    const currentPath = parentPath ? `${parentPath}/${key}` : key;
-    const pathArray = currentPath.split("/");
-    const isMenuExpanded = (0, exports.isMenuOpen)(subMenusOpen, pathArray);
-    const isMenuSelected = (0, exports.isPathInCurrentSelection)(currentPathMenuOpen, pathArray);
-    const dynamicPadding = level * 3 + 1.5;
-    const handleClick = (target) => {
-        if (menuItems.length > 0) {
-            if (isMenuSelected) {
-                return;
-            }
-            setSubMenusOpen((prev) => {
-                const newState = { ...prev };
-                let current = newState;
-                for (let i = 0; i < pathArray.length - 1; i++) {
-                    const segment = pathArray[i];
-                    if (!segment) {
-                        continue;
-                    }
-                    current[segment] =
-                        typeof current[segment] === "object" ? current[segment] : {};
-                    current = current[segment];
-                }
-                const lastSegment = pathArray[pathArray.length - 1];
-                if (lastSegment) {
-                    current[lastSegment] = !isMenuExpanded;
-                }
-                return newState;
-            });
-        }
-        else if (onClick && !isMenuSelected) {
-            const path = key === "" ? "/" : `/${currentPath}`;
-            onClick(path, target);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(OpenDrawerMenuItem_1.OpenDrawerMenuItem, { sx: {
-                    paddingLeft: dynamicPadding,
-                    fontSize: "13px",
-                    ":focus-visible": {
-                        border: `1px solid ${butterflyBlue[900]}`,
-                        backgroundColor: slate[900],
-                    },
-                }, onClick: handleClick, icon: level === 0 ? icon : undefined, title: title, isShowEndAdornment: menuItems.length > 0 && level < 2, selected: isMenuSelected, isExpanded: isMenuExpanded }), menuItems.length > 0 && ((0, jsx_runtime_1.jsx)(OpenDrawerCollapse_1.OpenDrawerCollapse, { in: isMenuExpanded, children: (0, jsx_runtime_1.jsx)(List_1.default, { component: "div", disablePadding: true, children: menuItems.map((subMenuItem) => ((0, jsx_runtime_1.jsx)(exports.MenuItemRecursive, { menuItem: subMenuItem, level: level + 1, parentPath: currentPath, subMenusOpen: subMenusOpen, setSubMenusOpen: setSubMenusOpen, currentPathMenuOpen: currentPathMenuOpen }, subMenuItem.key))) }) }))] }, key));
-};
-exports.MenuItemRecursive = MenuItemRecursive;
-const OpenDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
-    const [subMenusOpen, setSubMenusOpen] = (0, react_1.useState)({});
-    const [currentPathMenuOpen, setCurrentPathMenuOpen] = (0, react_1.useState)({});
-    (0, react_1.useEffect)(() => {
-        const navObj = (0, urlToNestedObject_1.urlToNestedObject)(currentPathname);
-        if ((0, isEmpty_1.default)(navObj)) {
-            setSubMenusOpen({ home: true });
-            setCurrentPathMenuOpen({ home: true });
-            return;
-        }
-        const subState = JSON.parse(JSON.stringify(navObj));
-        const selState = JSON.parse(JSON.stringify(navObj));
-        setSubMenusOpen(subState);
-        setCurrentPathMenuOpen(selState);
-    }, [currentPathname]);
-    return menuItems.map((menuItem) => ((0, jsx_runtime_1.jsx)(exports.MenuItemRecursive, { menuItem: menuItem, subMenusOpen: subMenusOpen, setSubMenusOpen: setSubMenusOpen, currentPathMenuOpen: currentPathMenuOpen }, menuItem.key)));
-};
-exports.OpenDrawerMenuItemList = OpenDrawerMenuItemList;

package/packages/shared-components/dist/Drawer/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("./Drawer"), exports);

package/packages/shared-components/dist/FilterList/DateRangePickerPopUp.js

@@ -1,42 +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.DateRangePickerPopUp = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Divider_1 = __importDefault(require("@mui/material/Divider"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-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 x_date_pickers_1 = require("@mui/x-date-pickers");
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
-const PadBox_1 = require("../PadBox");
-const DateRangePickerPopUp = ({ open = false, anchorEl, onClose, children, onApply, showDivider = false, title, required, }) => {
-    const theme = (0, styles_1.useTheme)();
-    const { slate } = theme.palette.app.color;
-    const handleClose = () => {
-        if ((0, isFunction_1.default)(onApply)) {
-            onApply();
-        }
-        if ((0, isFunction_1.default)(onClose)) {
-            onClose({}, "backdropClick");
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(Popover_1.default, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: () => {
-            handleClose();
-        }, onKeyDown: (e) => {
-            if (e.key === "Escape") {
-                e.preventDefault();
-                e.stopPropagation();
-                handleClose();
-            }
-        }, sx: { "& .MuiPaper-root": { minWidth: "300px" } }, children: [showDivider && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "flex-end", children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "8px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "h6", children: [title, " "] }), required && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                    background: slate[600],
-                    borderRadius: "5px",
-                }, children: children })] }));
-};
-exports.DateRangePickerPopUp = DateRangePickerPopUp;

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

@@ -1,97 +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.FilterList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const Button_1 = require("../Button");
-const FilterPill_1 = require("../Chips/FilterPill");
-const SvgFilterList_1 = require("../Svgs/SvgFilterList");
-const Tooltip_1 = require("../Tooltip");
-const FilterListV2_1 = require("./FilterListV2");
-const FilterPopup_1 = require("./FilterPopup");
-const FilterPopupWrapper_1 = require("./FilterPopupWrapper");
-const FilterTypeWrapper_1 = require("./FilterTypeWrapper");
-const getFormData_1 = require("./getFormData");
-const FilterList = ({ filterListItems }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const filterPopupAnchorElm = (0, react_1.useRef)(null);
-    const [openFilterPopup, setOpenFilterPopup] = (0, react_1.useState)(false);
-    const [filterListData, setFilterListData] = (0, react_1.useState)();
-    const [currentFilter, setCurrentFilter] = (0, react_1.useState)(null);
-    const { control, handleSubmit, setValue, reset, formState: { errors }, watch, } = (0, react_hook_form_1.useForm)();
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const onSubmit = (data) => {
-        setOpenFilterPopup(false);
-        setCurrentFilter(null);
-        handleClose();
-        const filteredData = (0, FilterListV2_1.formatFilterData)(data, filterListItems);
-        setFilterListData(filteredData);
-    };
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const handleCloseFilterPopup = () => {
-        setOpenFilterPopup(false);
-    };
-    const handleFilterItemClick = (filter) => {
-        setOpenFilterPopup(true);
-        setAnchorEl(null);
-        setCurrentFilter(filter);
-    };
-    const handlerReset = () => {
-        reset();
-        setFilterListData(undefined);
-    };
-    const handleDelete = (key) => {
-        setValue(`${key}`, null);
-        setFilterListData((prevData) => {
-            const newData = { ...prevData };
-            delete newData[key];
-            return newData;
-        });
-    };
-    const getFilterItem = (key) => {
-        return filterListItems.find((item) => item.key === key);
-    };
-    const currentFilterValue = currentFilter?.key
-        ? watch(currentFilter.key)
-        : null;
-    const open = Boolean(anchorEl);
-    const renderChips = (data) => {
-        return Object.entries(data).map(([key, value]) => {
-            if (!value) {
-                return;
-            }
-            const item = getFilterItem(key);
-            const keyValue = item && (0, getFormData_1.getFormValue)(value, item);
-            return ((0, jsx_runtime_1.jsx)(FilterPill_1.FilterPill, { ref: filterPopupAnchorElm, label: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: `${keyValue}`, children: `${item?.label}: ${keyValue}` }), onDelete: () => handleDelete(key), onClick: (e) => {
-                    setOpenFilterPopup(true);
-                    filterPopupAnchorElm.current = e.currentTarget;
-                    const item = getFilterItem(key);
-                    if (item) {
-                        setCurrentFilter(item);
-                        handleFilterItemClick(item);
-                    }
-                } }, key));
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", spacing: 1, alignItems: "center", children: [filterListData && renderChips(filterListData), (0, jsx_runtime_1.jsx)(IconButton_1.default
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    , { 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        ref: filterPopupAnchorElm, onClick: handleClick, sx: { height: "40px" }, children: (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", children: "Clear Filter" })] }), (0, jsx_runtime_1.jsx)(FilterPopup_1.FilterPopup, { open: open, anchorEl: anchorEl, onClose: handleClose, onApply: () => {
-                    handleSubmit(onSubmit)();
-                }, children: filterListItems.map((filter) => ((0, jsx_runtime_1.jsx)(Box_1.default, { onClick: () => filter.type !== "switch" && handleFilterItemClick(filter), children: (0, jsx_runtime_1.jsx)(FilterTypeWrapper_1.FilterTypeWrapper, { filter: filter, control: control }) }, filter.key))) }), currentFilter && currentFilter.type !== "switch" && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopupWrapper, { open: openFilterPopup, onClose: handleCloseFilterPopup, onApply: () => {
-                    handleSubmit(onSubmit)();
-                }, control: control, currentFilterValue: currentFilterValue, anchorEl: filterPopupAnchorElm.current, filterItem: currentFilter, errors: errors }))] }));
-};
-exports.FilterList = FilterList;