@codezee/sixtify-brahma 0.2.24 → 0.2.25

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __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("./Chip"), exports);
+__exportStar(require("./FilterPill"), exports);
+__exportStar(require("./ChipWithBorder"), exports);

package/packages/shared-components/dist/Dialog/BottomDialog.d.ts

@@ -0,0 +1,8 @@
+import type { DialogProps } from ".";
+export type BottomDialogProps = Omit<DialogProps, "title"> & {
+    title?: string;
+    open?: boolean;
+    onClose: () => void;
+};
+export declare function BottomDialog({ children, title, open, onClose, ...rest }: BottomDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomDialog.d.ts.map

package/packages/shared-components/dist/Dialog/BottomDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/BottomDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAGrC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,IAAY,EACZ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAmBnB"}

package/packages/shared-components/dist/Dialog/BottomDialog.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomDialog = BottomDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BottomDialog_styled_1 = require("./BottomDialog.styled");
+const PadBox_1 = require("../PadBox");
+function BottomDialog({ children, title, open = false, onClose, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(BottomDialog_styled_1.BottomDialogStyled, { fullScreen: true, title: title, ...rest, open: open, onClose: onClose, PaperProps: {
+            sx: {
+                animation: open ? "slideUp 0.2s cubic-bezier(0.25, 0.8, 0.5, 1)" : "",
+            },
+        }, children: (0, jsx_runtime_1.jsx)(BottomDialog_styled_1.BottomDialogBody, { direction: "row", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "1rem" }, children: children }) }) }));
+}

package/packages/shared-components/dist/Dialog/BottomDialog.styled.d.ts

@@ -0,0 +1,6 @@
+import type { StyledComponent } from "@emotion/styled";
+import type { StackProps } from "@mui/material";
+import type { DialogProps as MuiDialogProps } from "./Dialog";
+export declare const BottomDialogStyled: StyledComponent<MuiDialogProps>;
+export declare const BottomDialogBody: StyledComponent<StackProps>;
+//# sourceMappingURL=BottomDialog.styled.d.ts.map

package/packages/shared-components/dist/Dialog/BottomDialog.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDialog.styled.d.ts","sourceRoot":"","sources":["../../src/Dialog/BottomDialog.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AAG9D,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,cAAc,CAa7D,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,UAAU,CAMxD,CAAC"}

package/packages/shared-components/dist/Dialog/BottomDialog.styled.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomDialogBody = exports.BottomDialogStyled = void 0;
+const material_1 = require("@mui/material");
+const Dialog_1 = require("./Dialog");
+exports.BottomDialogStyled = (0, material_1.styled)(Dialog_1.Dialog)({
+    height: "85%",
+    top: "auto",
+    "& .MuiDialogContent-root": {
+        display: "grid",
+        padding: "unset",
+    },
+    "& .MuiDialog-paper": {
+        borderTopLeftRadius: "12px",
+        borderTopRightRadius: "12px",
+    },
+});
+exports.BottomDialogBody = (0, material_1.styled)(material_1.Stack)(() => ({
+    "& > *": {
+        flex: "1 1 auto",
+    },
+}));

package/packages/shared-components/dist/Dialog/DeleteDialog.d.ts

@@ -0,0 +1,9 @@
+export type DeleteDialogProps = {
+    title: string;
+    open: boolean;
+    isDeleteLoading: boolean;
+    onDelete: () => void;
+    onClose: () => void;
+};
+export declare const DeleteDialog: ({ title, open, isDeleteLoading, onDelete, onClose, }: DeleteDialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeleteDialog.d.ts.map

package/packages/shared-components/dist/Dialog/DeleteDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/DeleteDialog.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,sDAM1B,iBAAiB,4CA4BnB,CAAC"}

package/packages/shared-components/dist/Dialog/DeleteDialog.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const InfoTwoTone_1 = __importDefault(require("@mui/icons-material/InfoTwoTone"));
+const material_1 = require("@mui/material");
+const Button_1 = require("../Button");
+const Dialog_1 = require("./Dialog");
+const DeleteDialog = ({ title, open, isDeleteLoading, onDelete, onClose, }) => {
+    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "xs", isHideCloseIcon: true, isHideDividers: true, open: open, actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClose, variant: "outlined", children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onDelete, color: "error", loading: isDeleteLoading, children: "Delete" })] }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", children: [(0, jsx_runtime_1.jsx)(InfoTwoTone_1.default, { color: "error", sx: { mt: "1px" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", fontWeight: 700, children: title })] }) }));
+};
+exports.DeleteDialog = DeleteDialog;

package/packages/shared-components/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import { type DialogProps as MuiDialogProps } from "@mui/material";
+import type { PropsWithChildren, ReactNode } from "react";
+export type DialogProps = PropsWithChildren<MuiDialogProps & {
+    isHideCloseIcon?: boolean;
+    title?: string;
+    actions?: ReactNode;
+    isHideDividers?: boolean;
+}>;
+export declare const Dialog: ({ title, isHideCloseIcon, isHideDividers, children, onClose, actions, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/packages/shared-components/dist/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,cAAc,GAAG;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CACF,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kFAQpB,WAAW,4CA6Bb,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+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 jsx_runtime_1 = require("react/jsx-runtime");
+const HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../PadBox");
+const Dialog = ({ title, isHideCloseIcon = false, isHideDividers = false, children, onClose, actions, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { fullWidth: true, ...props, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { textAlign: "center", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", fontWeight: 500, flex: 1, children: title }), !isHideCloseIcon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: (event) => onClose && onClose(event, "escapeKeyDown"), color: "secondary", children: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, { fontSize: "large" }) }))] }) }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { dividers: !isHideDividers, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: children }) }), actions && ((0, jsx_runtime_1.jsx)(material_1.DialogActions, { sx: { py: "16px", px: "24px" }, children: actions }))] }));
+};
+exports.Dialog = Dialog;

package/packages/shared-components/dist/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./BottomDialog";
+export * from "./DeleteDialog";
+export * from "./Dialog";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __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("./BottomDialog"), exports);
+__exportStar(require("./DeleteDialog"), exports);
+__exportStar(require("./Dialog"), exports);

package/packages/shared-components/dist/Drawer/Bullet.d.ts

@@ -0,0 +1,2 @@
+export declare const Bullet: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Bullet.d.ts.map

package/packages/shared-components/dist/Drawer/Bullet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../src/Drawer/Bullet.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,+CAUlB,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bullet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Circle_1 = __importDefault(require("@mui/icons-material/Circle"));
+const Bullet = () => {
+    return ((0, jsx_runtime_1.jsx)(Circle_1.default, { className: "bullet-hover", sx: {
+            fontSize: "6px",
+            borderRadius: "50%",
+        } }));
+};
+exports.Bullet = Bullet;

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItem.d.ts

@@ -0,0 +1,12 @@
+import { type MenuItemProps } from "../MenuItem";
+type CloseDrawerMenuItemProps = {
+    icon?: MenuItemProps["icon"];
+    title?: MenuItemProps["title"];
+    isShowEndAdornment?: boolean;
+    onClick: MenuItemProps["onClick"];
+    selected?: MenuItemProps["selected"];
+    onMouseEnter?: MenuItemProps["onMouseEnter"];
+};
+export declare const CloseDrawerMenuItem: ({ icon, title, isShowEndAdornment, onClick, selected, onMouseEnter, }: CloseDrawerMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CloseDrawerMenuItem.d.ts.map

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseDrawerMenuItem.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uEAOjC,wBAAwB,4CAmC1B,CAAC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseDrawerMenuItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const Bullet_1 = require("../Bullet");
+const MenuItem_1 = require("../MenuItem");
+const CloseDrawerMenuItem = ({ icon = (0, jsx_runtime_1.jsx)(Bullet_1.Bullet, {}), title, isShowEndAdornment = false, onClick, selected = false, onMouseEnter, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, slate } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "li", sx: {
+            bgcolor: selected && !isShowEndAdornment ? butterflyBlue[900] : "",
+            padding: !title ? "2.5px 0" : "0px",
+            wordBreak: "break-word",
+        }, children: (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { sx: {
+                fontSize: "14px",
+                padding: "9.5px 16px",
+                ":focus-visible": {
+                    border: `1px solid ${butterflyBlue[900]}`,
+                    backgroundColor: slate[900],
+                },
+                margin: "0",
+            }, selected: selected, title: title, icon: icon, onClick: onClick, onMouseEnter: onMouseEnter, endAdornment: isShowEndAdornment && (0, jsx_runtime_1.jsx)(icons_material_1.ChevronRight, { sx: { fontSize: "16px" } }) }) }));
+};
+exports.CloseDrawerMenuItem = CloseDrawerMenuItem;

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.d.ts

@@ -0,0 +1,8 @@
+import type { MenuItem } from "../Drawer";
+type CloseDrawerMenuItemListProps = {
+    menuItems: MenuItem[];
+    currentPathname: string;
+};
+export declare const CloseDrawerMenuItemList: ({ menuItems, currentPathname, }: CloseDrawerMenuItemListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CloseDrawerMenuItemList.d.ts.map

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItemList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,iCAGrC,4BAA4B,4CAkF9B,CAAC"}

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseDrawerMenuItemList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const lodash_1 = require("lodash");
+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, }) => {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    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, lodash_1.isEmpty)(obj)) {
+            return setCurrentPathMenuOpen({ home: true });
+        }
+        setCurrentPathMenuOpen(obj);
+    }, [currentPathname]);
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems.map((menuItem, i) => {
+                const { onClick, key: key1, icon, menuItems = [] } = menuItem;
+                const handleClick = (target) => {
+                    if (onClick) {
+                        if (key1 === "home") {
+                            onClick("/", target);
+                            return;
+                        }
+                        onClick(`/${key1}`, target);
+                    }
+                };
+                const onMouseEnter = (event) => {
+                    if (menuItems.length > 0) {
+                        setAnchorEl(event.currentTarget);
+                        setCurrentMenuItem(menuItem);
+                        setCurrentMenuIndex(i);
+                    }
+                    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)(material_1.Box, { 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.d.ts

@@ -0,0 +1,12 @@
+import { type MenuItem } from "../Drawer";
+export type MenuOpenState = {
+    [key: string]: MenuOpenState | boolean;
+};
+type CloseDrawerSubMenuItemListProps = {
+    currentPathMenuOpen: MenuOpenState;
+    currentMenuItem?: MenuItem;
+    onCloseMenuPopover: () => void;
+};
+export declare const CloseDrawerSubMenuItemList: ({ currentPathMenuOpen, currentMenuItem, onCloseMenuPopover, }: CloseDrawerSubMenuItemListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CloseDrawerSubMenuItemList.d.ts.map

package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseDrawerSubMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC;CACxC,CAAC;AAqFF,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,+DAIxC,+BAA+B,4CAoBjC,CAAC"}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseDrawerSubMenuItemList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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)(material_1.Box, { 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)(material_1.List, { 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)(material_1.List, { disablePadding: true, children: currentMenuItem.menuItems?.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.d.ts

@@ -0,0 +1,8 @@
+import { type PopoverProps } from "@mui/material";
+import type { PropsWithChildren } from "react";
+type ExtendedPopoverProps = {
+    currentMenuIndex: number;
+} & PropsWithChildren<PopoverProps>;
+export declare const Popover: ({ open, anchorEl, onClose, children, currentMenuIndex, }: ExtendedPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/packages/shared-components/dist/Drawer/CloseDrawer/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,GAAI,0DAMrB,oBAAoB,4CA2BtB,CAAC"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Popover = ({ open, anchorEl, onClose, children, currentMenuIndex, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { mirage } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Popover, { 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.d.ts

@@ -0,0 +1,8 @@
+import { type PopperProps } from "@mui/material";
+import type { PropsWithChildren } from "react";
+type ExtendedPopoverProps = {
+    currentMenuIndex: number;
+} & PropsWithChildren<PopperProps>;
+export declare const Popper: ({ open, anchorEl, children, currentMenuIndex, }: ExtendedPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Popper.d.ts.map

package/packages/shared-components/dist/Drawer/CloseDrawer/Popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,GAAI,iDAKpB,oBAAoB,4CA8BtB,CAAC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Popper = ({ open, anchorEl, children, currentMenuIndex, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { mirage } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Popper, { open: open, anchorEl: anchorEl, placement: "bottom-end", modifiers: [
+            {
+                name: "offset",
+                options: {
+                    offset: [
+                        currentMenuIndex ? 79 : 203,
+                        currentMenuIndex ? currentMenuIndex * 43.5 + 82 : -40,
+                    ],
+                },
+            },
+        ], sx: {
+            background: mirage[900],
+            width: "203px",
+            zIndex: 1300,
+        }, children: children }));
+};
+exports.Popper = Popper;

package/packages/shared-components/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributeAnchorTarget, ReactNode } from "react";
+export type MenuItem = {
+    key: string;
+    icon?: ReactNode;
+    title: string;
+    onClick?: (href: string, target?: HTMLAttributeAnchorTarget) => void;
+    menuItems?: MenuItem[];
+    isView?: boolean;
+};
+export type DrawerProps = {
+    menuItems?: MenuItem[];
+    open: boolean;
+    currentPathname: string;
+};
+export declare const Drawer: ({ menuItems, open, currentPathname, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Drawer.d.ts.map

package/packages/shared-components/dist/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlE,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,uCAIpB,WAAW,4CAwBb,CAAC"}

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

@@ -0,0 +1,20 @@
+"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 material_1 = require("@mui/material");
+const List_1 = __importDefault(require("@mui/material/List"));
+const PadBox_1 = require("../PadBox");
+const AppLogoMedium_1 = require("../Svgs/AppLogo/AppLogoMedium");
+const AppLogoSmall_1 = require("../Svgs/AppLogo/AppLogoSmall");
+const CloseDrawerMenuItemList_1 = require("./CloseDrawer/CloseDrawerMenuItemList");
+const Drawer_styled_1 = require("./Drawer.styled");
+const OpenDrawerMenuItemList_1 = require("./OpenDrawer/OpenDrawerMenuItemList");
+const Drawer = ({ menuItems = [], open, currentPathname, }) => {
+    return ((0, jsx_runtime_1.jsxs)(Drawer_styled_1.StyledDrawer, { variant: "permanent", open: open, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { textAlign: "center", children: (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, {}) }) }), (0, jsx_runtime_1.jsx)(List_1.default, { component: "nav", 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 })) })] }));
+};
+exports.Drawer = Drawer;

package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts

@@ -0,0 +1,10 @@
+import type { BoxProps } from "@mui/material";
+import { DrawerProps as MuiDrawerProps } from "@mui/material";
+import { ComponentType } from "react";
+export declare const Bullet: ComponentType<BoxProps>;
+interface StyledDrawerProps extends MuiDrawerProps {
+    open?: boolean;
+}
+export declare const StyledDrawer: ComponentType<StyledDrawerProps>;
+export {};
+//# sourceMappingURL=Drawer.styled.d.ts.map

package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styled.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,eAAe,CAAC;AAChE,OAAO,EAGL,WAAW,IAAI,cAAc,EAE9B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,MAAM,EAAE,aAAa,CAAC,QAAQ,CAKxC,CAAC;AA0BJ,UAAU,iBAAkB,SAAQ,cAAc;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AACD,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAkBvD,CAAC"}

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledDrawer = exports.Bullet = void 0;
+const material_1 = require("@mui/material");
+exports.Bullet = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    width: 7,
+    height: 7,
+    borderRadius: "50%",
+    background: theme.palette.app.color.butterflyBlue[400],
+}));
+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],
+});
+const closedMixin = (theme) => ({
+    transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.leavingScreen,
+    }),
+    overflowX: "hidden",
+    width: "80px",
+    [theme.breakpoints.up("sm")]: {
+        width: "80px",
+    },
+    backgroundColor: theme.palette.app.color.mirage[900],
+});
+exports.StyledDrawer = (0, material_1.styled)(material_1.Drawer, {
+    shouldForwardProp: (prop) => prop !== "open",
+})(({ theme, open }) => ({
+    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.d.ts

@@ -0,0 +1,11 @@
+import { type ListItemButtonProps, type SxProps, type Theme } from "@mui/material";
+import type { HTMLAttributeAnchorTarget, ReactNode } from "react";
+export type MenuItemProps = Omit<ListItemButtonProps, "onClick"> & {
+    icon?: ReactNode;
+    endAdornment?: ReactNode;
+    title?: string;
+    sx?: SxProps<Theme>;
+    onClick: (target?: HTMLAttributeAnchorTarget) => void;
+};
+export declare const MenuItem: ({ selected, icon, title, endAdornment, sx, onClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuItem.d.ts.map

package/packages/shared-components/dist/Drawer/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/Drawer/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EACxB,KAAK,OAAO,EACZ,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,gEAQtB,aAAa,4CA8Cf,CAAC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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, material_1.useTheme)();
+    const { butterflyBlue, iron } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, { ...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)(material_1.Stack, { alignItems: "center", direction: "row", flex: 1, gap: "10px", justifyContent: "center", children: [icon, title && ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: title, disableTypography: true, sx: { ...sx, padding: "0" } }))] }), endAdornment] }));
+};
+exports.MenuItem = MenuItem;

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerCollapse.d.ts

@@ -0,0 +1,4 @@
+import { type CollapseProps } from "@mui/material";
+import type { PropsWithChildren } from "react";
+export declare const OpenDrawerCollapse: ({ children, ...rest }: PropsWithChildren<CollapseProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OpenDrawerCollapse.d.ts.map

package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenDrawerCollapse.d.ts","sourceRoot":"","sources":["../../../src/Drawer/OpenDrawer/OpenDrawerCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,GAAI,uBAGhC,iBAAiB,CAAC,aAAa,CAAC,4CAMlC,CAAC"}