npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.42 - Mend

@erpsquad/common 1.8.40 → 1.8.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4556) hide show

package/dist/components/sidebar/sidebar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars /\n/ eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { matchRoutes, useLocation, useNavigate } from 'react-router-dom'\n\nimport { styled, Theme, CSSObject } from '@mui/material/styles'\nimport MuiDrawer from '@mui/material/Drawer'\nimport List from '@mui/material/List'\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport IconExpandLess from '@mui/icons-material/ExpandLess'\nimport IconExpandMore from '@mui/icons-material/ExpandMore'\nimport Typography from '@mui/material/Typography'\nimport Box from '@mui/material/Box'\nimport { Icon, IconButton, Popover, Paper, ClickAwayListener } from '@mui/material'\nimport Collapse from '@mui/material/Collapse'\n\nimport Text from '../typography/typography'\nimport images from '../../assets/images'\n\nimport './sidebar.scss'\nimport SearchBar from '../search-bar/search-bar'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useLanguage } from '../../hooks/useLangauge'\nimport DynamicSvgIcon from '../../assets/dynamic-svg-icon/dynamic-svg-icon'\nimport { Search, SearchStatus } from '../icons'\nimport { Pathname } from '../../constants/pathnames'\n\n// Types\ninterface MenuItem {\n\tlabel: string\n\tlink: string\n\ticon?: string\n\tsubmenu?: MenuItem[]\n\tconnectedRoutes?: string[]\n}\n\ninterface CollapsedSubmenuState {\n\topen: boolean\n\tanchorEl: HTMLElement \| null\n\tmenu: MenuItem \| null\n\tbreadcrumb: MenuItem[]\n}\n\nlet drawerWidth: any\n\nconst openedMixin = (theme: Theme): CSSObject => ({\n\twidth: drawerWidth,\n\ttransition: theme.transitions.create('width', {\n\t\teasing: theme.transitions.easing.sharp,\n\t\tduration: theme.transitions.duration.enteringScreen,\n\t}),\n\toverflowX: 'hidden',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tjustifyContent: 'space-between',\n\tborderRight: `1px solid ${theme.palette.theme?.secondary[200]}`,\n\tbackgroundColor: theme.palette.theme?.secondary[100],\n})\n\nconst closedMixin = (theme: Theme): CSSObject => ({\n\ttransition: theme.transitions.create('width', {\n\t\teasing: theme.transitions.easing.sharp,\n\t\tduration: theme.transitions.duration.leavingScreen,\n\t}),\n\toverflowX: 'hidden',\n\twidth: `calc(${theme.spacing(7)} + 1px)`,\n\t[theme.breakpoints.up('sm')]: {\n\t\twidth: `calc(${theme.spacing(8)} + 1px)`,\n\t},\n\tborderRight: `1px solid ${theme.palette.theme?.secondary[200]}`,\n\tbackgroundColor: theme.palette.theme?.secondary[100],\n})\n\nconst Drawer = styled(MuiDrawer, {\n\tshouldForwardProp: (prop) => prop !== 'open',\n})(({ theme, open }) => ({\n\twidth: drawerWidth,\n\tflexShrink: 0,\n\twhiteSpace: 'nowrap',\n\tboxSizing: 'border-box',\n\t'.MuiDrawer-paper': {\n\t\tbackgroundColor: theme?.palette?.theme?.secondary?.[100],\n\t\toverflow: 'visible !important',\n\t\tzIndex: 1201,\n\t},\n\t...(open && {\n\t\t...openedMixin(theme),\n\t\t'& .MuiDrawer-paper': openedMixin(theme),\n\t}),\n\t...(!open && {\n\t\t...closedMixin(theme),\n\t\t'& .MuiDrawer-paper': closedMixin(theme),\n\t}),\n}))\n\nconst DrawerHeader = styled('div')(({ theme }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\tpadding: theme.spacing(0, 2),\n\t...theme.mixins.toolbar,\n\tminHeight: 64,\n}))\n\nconst SubmenuPopover = styled(Paper)(({ theme }) => ({\n\tminWidth: 250,\n\tmaxWidth: 350,\n\tmaxHeight: '80vh',\n\toverflowY: 'auto',\n\tbackgroundColor: theme.palette.theme?.secondary?.[100] \|\| theme.palette.background.paper,\n\tborderRadius: 12,\n\tboxShadow: '0 8px 32px rgba(0, 0, 0, 0.12)',\n\tborder: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\t'&.MuiPaper-root': {\n\t\ttransformOrigin: 'top left',\n\t},\n\t'&::-webkit-scrollbar': {\n\t\twidth: 6,\n\t},\n\t'&::-webkit-scrollbar-track': {\n\t\tbackgroundColor: 'transparent',\n\t},\n\t'&::-webkit-scrollbar-thumb': {\n\t\tbackgroundColor: 'rgba(0, 0, 0, 0.2)',\n\t\tborderRadius: 3,\n\t},\n}))\n\nconst BreadcrumbContainer = styled(Box)(({ theme }) => ({\n\tpadding: theme.spacing(1, 2),\n\tborderBottom: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\tbackgroundColor: theme.palette.theme?.secondary?.[50] \|\| theme.palette.grey[50],\n}))\n\n// Enhanced CollapsedSubmenu component with nested support\nconst CollapsedSubmenu: React.FC<{\n\tmenu: MenuItem\n\tanchorEl: HTMLElement \| null\n\topen: boolean\n\tonClose: () => void\n\tonItemClick: (item: MenuItem) => void\n\tonSubmenuClick: (item: MenuItem, event: React.MouseEvent<HTMLElement>) => void\n\tgetActiveClassIf: (paths: string[] \| string) => boolean\n\tbreadcrumb: MenuItem[]\n\tonBreadcrumbClick: (item: MenuItem, index: number) => void\n}> = ({\n\tmenu,\n\tanchorEl,\n\topen,\n\tonClose,\n\tonItemClick,\n\tonSubmenuClick,\n\tgetActiveClassIf,\n\tbreadcrumb,\n\tonBreadcrumbClick,\n}) => {\n\tconst renderBreadcrumb = () => {\n\t\tif (breadcrumb.length <= 1) return null\n\n\t\treturn (\n\t\t\t<BreadcrumbContainer>\n\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: 0.5 }}>\n\t\t\t\t\t{breadcrumb.map((item, index) => (\n\t\t\t\t\t\t<React.Fragment key={index}>\n\t\t\t\t\t\t\t{index > 0 && <ChevronRightIcon sx={{ fontSize: 14, color: 'theme.secondary.400' }} />}\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\t\t\t\tonClick={() => onBreadcrumbClick(item, index)}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tcursor: index < breadcrumb.length - 1 ? 'pointer' : 'default',\n\t\t\t\t\t\t\t\t\tcolor: index < breadcrumb.length - 1 ? 'primary.main' : 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\tfontWeight: index === breadcrumb.length - 1 ? 600 : 400,\n\t\t\t\t\t\t\t\t\tfontSize: '0.75rem',\n\t\t\t\t\t\t\t\t\t'&:hover':\n\t\t\t\t\t\t\t\t\t\tindex < breadcrumb.length - 1\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t: {},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</BreadcrumbContainer>\n\t\t)\n\t}\n\n\treturn (\n\t\t<ClickAwayListener onClickAway={onClose}>\n\t\t\t<Popover\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\tonClose={onClose}\n\t\t\t\tanchorOrigin={{\n\t\t\t\t\tvertical: 'center',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t}}\n\t\t\t\ttransformOrigin={{\n\t\t\t\t\tvertical: 'center',\n\t\t\t\t\thorizontal: 'left',\n\t\t\t\t}}\n\t\t\t\tPaperComponent={SubmenuPopover}\n\t\t\t\televation={1}\n\t\t\t\tdisableRestoreFocus\n\t\t\t\tdisableAutoFocus\n\t\t\t\tdisableEnforceFocus\n\t\t\t\tsx={{\n\t\t\t\t\tml: 0.5,\n\t\t\t\t\t'& .MuiPopover-paper': {\n\t\t\t\t\t\t// overflow: 'visible',\n\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t// border: '1px solid',\n\t\t\t\t\t\t// borderColor: 'theme.secondary.200',\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\ttransitionDuration={200}\n\t\t\t>\n\t\t\t\t<Box>\n\t\t\t\t\t{renderBreadcrumb()}\n\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\tvariant=\"subtitle2\"\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tpx: 2,\n\t\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\t\t\tcolor: 'theme.secondary.1000',\n\t\t\t\t\t\t\t\tborderBottom: breadcrumb.length > 1 ? 'none' : '1px solid',\n\t\t\t\t\t\t\t\tborderColor: 'theme.secondary.200',\n\t\t\t\t\t\t\t\tmb: 0.5,\n\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{menu.label}\n\t\t\t\t\t\t</Typography>\n\n\t\t\t\t\t\t<List component=\"div\" sx={{ py: 0 }}>\n\t\t\t\t\t\t\t{menu.submenu?.map((subItem: MenuItem, index: number) => {\n\t\t\t\t\t\t\t\tconst isActive = getActiveClassIf([...(subItem?.connectedRoutes \|\| []), ...[subItem.link]])\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ListItem key={index} disablePadding>\n\t\t\t\t\t\t\t\t\t\t<ListItemButton\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (subItem.submenu?.length) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSubmenuClick(subItem, e)\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonItemClick(subItem)\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose()\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tselected={isActive}\n\t\t\t\t\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\t\t\t\t\tminHeight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t// px: 2,\n\t\t\t\t\t\t\t\t\t\t\t\t// py: 0.75,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 1.5,\n\t\t\t\t\t\t\t\t\t\t\t\t// mx: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tmb: 0.25,\n\t\t\t\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\t\t\t\t'&.Mui-selected': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[100],\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'& .MuiListItemIcon-root': {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t'&.Mui-selected:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[200],\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.04)',\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{subItem.icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<ListItemIcon sx={{ minWidth: 32 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={subItem.icon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={subItem.label + ' icon'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// width={20}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// height={20}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0.8 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttype={'s3'}\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"normal\"\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={'theme.secondary.1000'}\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{subItem.label}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t\t\t{subItem.submenu?.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 18,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.500',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tml: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ListItemButton>\n\t\t\t\t\t\t\t\t\t</ListItem>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</List>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Popover>\n\t\t</ClickAwayListener>\n\t)\n}\n\ninterface SidebarProps {\n\twidth: number\n\topen: boolean\n\tmenu: MenuItem[]\n\ttheme: any\n\tforcedOpen: boolean\n\thandleMouseEnter: () => void\n\thandleMouseLeave: () => void\n\thandleDrawerClose: () => void\n\thandleDrawerOpen: () => void\n\tdashboardPath?: string\n}\n\nexport const Sidebar: React.FC<SidebarProps> = (props) => {\n\tconst navigate = useNavigate()\n\tconst currentLocation = useLocation()\n\tconst { currentLanguage } = useLanguage()\n\tconst isRtl = useMemo(() => currentLanguage?.direction === 'rtl', [currentLanguage])\n\tconst [collapsedSubmenuState, setCollapsedSubmenuState] = useState<CollapsedSubmenuState>({\n\t\topen: false,\n\t\tanchorEl: null,\n\t\tmenu: null,\n\t\tbreadcrumb: [],\n\t})\n\n\tconst [menus, setMenus] = useState<MenuItem[]>([])\n\tconst [search, setSearch] = useState<string>('')\n\tconst [openSubmenuArray, setOpenSubmenuArray] = useState<string[]>([])\n\tconst [isOpenSearchTooltop, setIsOpenSearchTooltop] = useState<boolean>(false)\n\n\t// Enhanced active class checker\n\tconst getActiveClassIf = useCallback(\n\t\t(paths: string[] \| string) => {\n\t\t\tconst shouldMatch: { path: string }[] = Array.isArray(paths)\n\t\t\t\t? paths.map((path: string) => ({ path }))\n\t\t\t\t: [{ path: paths }]\n\n\t\t\treturn Boolean(matchRoutes(shouldMatch, currentLocation))\n\t\t},\n\t\t[currentLocation]\n\t)\n\n\t// Find if any submenu item is active (for parent selection when collapsed)\n\tconst isSubmenuActive = useCallback(\n\t\t(menu: MenuItem): boolean => {\n\t\t\tif (!menu.submenu?.length) return false\n\n\t\t\tfor (const subItem of menu.submenu) {\n\t\t\t\tconst isActive = getActiveClassIf([...(subItem?.connectedRoutes \|\| []), ...[subItem.link]])\n\n\t\t\t\tif (isActive \|\| isSubmenuActive(subItem)) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false\n\t\t},\n\t\t[getActiveClassIf]\n\t)\n\n\t// Get all menu paths for a menu item (including nested)\n\tconst getAllMenuPaths = useCallback((menu: MenuItem): string[] => {\n\t\tconst paths: string[] = []\n\n\t\tif (menu.link) {\n\t\t\tpaths.push(menu.link)\n\t\t}\n\n\t\tif (menu.connectedRoutes?.length) {\n\t\t\tpaths.push(...menu.connectedRoutes)\n\t\t}\n\n\t\tif (menu.submenu?.length) {\n\t\t\tmenu.submenu.forEach((subItem) => {\n\t\t\t\tpaths.push(...getAllMenuPaths(subItem))\n\t\t\t})\n\t\t}\n\n\t\treturn paths\n\t}, [])\n\n\t// Enhanced collapsed menu click handler\n\tconst handleCollapsedMenuClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLElement>, menu: MenuItem) => {\n\t\t\tevent.stopPropagation()\n\n\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\tif (collapsedSubmenuState.open && collapsedSubmenuState.menu?.label === menu.label) {\n\t\t\t\t\tsetCollapsedSubmenuState({\n\t\t\t\t\t\topen: false,\n\t\t\t\t\t\tanchorEl: null,\n\t\t\t\t\t\tmenu: null,\n\t\t\t\t\t\tbreadcrumb: [],\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tsetCollapsedSubmenuState({\n\t\t\t\t\t\topen: true,\n\t\t\t\t\t\tanchorEl: event.currentTarget,\n\t\t\t\t\t\tmenu: menu,\n\t\t\t\t\t\tbreadcrumb: [menu],\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[props.open, collapsedSubmenuState]\n\t)\n\n\t// Handle submenu navigation in collapsed mode\n\tconst handleCollapsedSubmenuClick = useCallback((item: MenuItem, event: React.MouseEvent<HTMLElement>) => {\n\t\tif (item.submenu?.length) {\n\t\t\tsetCollapsedSubmenuState((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tmenu: item,\n\t\t\t\tbreadcrumb: [...prev.breadcrumb, item],\n\t\t\t}))\n\t\t}\n\t}, [])\n\n\t// Handle breadcrumb navigation\n\tconst handleBreadcrumbClick = useCallback((item: MenuItem, index: number) => {\n\t\tsetCollapsedSubmenuState((prev) => ({\n\t\t\t...prev,\n\t\t\tmenu: item,\n\t\t\tbreadcrumb: prev.breadcrumb.slice(0, index + 1),\n\t\t}))\n\t}, [])\n\n\tconst handleCollapsedSubmenuClose = useCallback(() => {\n\t\tsetCollapsedSubmenuState({\n\t\t\topen: false,\n\t\t\tanchorEl: null,\n\t\t\tmenu: null,\n\t\t\tbreadcrumb: [],\n\t\t})\n\t}, [])\n\n\tconst handleSubmenuItemClick = useCallback(\n\t\t(item: MenuItem) => {\n\t\t\tnavigate(item.link)\n\t\t},\n\t\t[navigate]\n\t)\n\n\t// Enhanced menu click handler\n\tconst handleMenuClick = useCallback(\n\t\t(menu: MenuItem, parent: MenuItem \| null, index: number) => {\n\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (!menu.submenu?.length) {\n\t\t\t\tnavigate(menu.link)\n\t\t\t\tif (!parent) {\n\t\t\t\t\tsetOpenSubmenuArray([])\n\t\t\t\t}\n\t\t\t} else if (menu.submenu?.length && menu.submenu[index]?.link) {\n\t\t\t\tnavigate(`${menu.link}${menu.submenu[index].link}`)\n\t\t\t} else {\n\t\t\t\tconst menuKey = `${parent?.label \|\| ''}-${menu.label}`\n\n\t\t\t\tif (openSubmenuArray.includes(menuKey)) {\n\t\t\t\t\tif (parent) {\n\t\t\t\t\t\tconst newSubArray = openSubmenuArray.filter((f) => f !== menuKey)\n\t\t\t\t\t\tsetOpenSubmenuArray([...newSubArray])\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetOpenSubmenuArray([])\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (parent) {\n\t\t\t\t\t\tsetOpenSubmenuArray([...openSubmenuArray, menuKey])\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetOpenSubmenuArray([menuKey])\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[props.open, navigate, openSubmenuArray]\n\t)\n\n\t// Enhanced search functionality\n\tconst filterMenuOnSearch = useCallback((menu: MenuItem[], search: string): MenuItem[] => {\n\t\treturn menu\n\t\t\t.filter((m: MenuItem) => {\n\t\t\t\tif (m?.label?.toLowerCase()?.includes(search)) {\n\t\t\t\t\treturn m\n\t\t\t\t} else if (m?.submenu?.length) {\n\t\t\t\t\tm.submenu = filterMenuOnSearch(m?.submenu, search)\n\t\t\t\t\treturn m.submenu?.length > 0 ? m : null\n\t\t\t\t}\n\t\t\t\treturn null\n\t\t\t})\n\t\t\t.filter(Boolean)\n\t}, [])\n\n\tconst handleSidebarSearch = useCallback(\n\t\t(search: string) => {\n\t\t\tif (!search) {\n\t\t\t\tsetMenus(props.menu \|\| [])\n\t\t\t} else {\n\t\t\t\tconst searchTerm = search.toLowerCase()\n\t\t\t\tconst menuItems = props?.menu ? JSON.parse(JSON.stringify(props.menu)) : []\n\t\t\t\tconst filteredMenu = filterMenuOnSearch(menuItems, searchTerm)\n\t\t\t\tsetMenus(filteredMenu)\n\t\t\t}\n\t\t},\n\t\t[props.menu, filterMenuOnSearch]\n\t)\n\n const handleOpenSearchTooltip = useCallback(() => setIsOpenSearchTooltop(true), []);\n const handleCloseSearchTooltip = useCallback(() => setIsOpenSearchTooltop(false), []);\n\n\t// Enhanced menu renderer with better nested support\n\tconst renderMenu = useCallback(\n\t\t(menus: MenuItem[], parent: MenuItem \| null, level: number) => {\n\t\t\treturn menus?.map((menu: MenuItem, index: number) => {\n\t\t\t\tconst menuKey = `${parent?.label \|\| ''}-${menu.label}`\n\t\t\t\tconst isMenuActive = getActiveClassIf([...(menu?.connectedRoutes \|\| []), ...[menu.link]])\n\n\t\t\t\t// Check if any nested submenu is active (for collapsed state parent selection)\n\t\t\t\tconst hasActiveSubmenu = !props.open && isSubmenuActive(menu)\n\t\t\t\tconst shouldHighlightParent = isMenuActive \|\| hasActiveSubmenu\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\ttitle={menu.label}\n\t\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\t\tarrow\n\t\t\t\t\t\tkey={`${menu.label}-${index}`}\n\t\t\t\t\t\tdisableHoverListener={props.open}\n\t\t\t\t\t\tdisableFocusListener={props.open}\n\t\t\t\t\t\tdisableTouchListener={props.open}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tdisablePadding\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t// mb: 0.5,\n\t\t\t\t\t\t\t\t...(isRtl && {\n\t\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItemButton\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\t\t\t\t\t\t\thandleCollapsedMenuClick(e, menu)\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\thandleMenuClick(menu, parent, menu?.submenu ? -1 : index)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tselected={shouldHighlightParent}\n\t\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\t\tminHeight: props.open ? 40 : 44,\n\t\t\t\t\t\t\t\t\tjustifyContent: props.open ? 'initial' : 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tborderRadius: 2,\n gap: 1,\n\t\t\t\t\t\t\t\t\t// mx: props.open ? 1 : 0.5,\n\t\t\t\t\t\t\t\t\t// px: props.open ? 2 : 1,\n\t\t\t\t\t\t\t\t\t// py: 1,\n\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\n\t\t\t\t\t\t\t\t\t'&.Mui-selected': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[100],\n\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t'& .MuiListItemIcon-root': {\n\t\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-root': {\n\t\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'&.Mui-selected:hover': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[200],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: props.open ? 'rgba(0, 0, 0, 0.04)' : 'rgba(0, 0, 0, 0.08)',\n\t\t\t\t\t\t\t\t\t\ttransform: props.open ? 'none' : 'scale(1.02)',\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t...(!props.open &&\n\t\t\t\t\t\t\t\t\t\tmenu.submenu?.length > 0 && {\n\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t'&::after': {\n\t\t\t\t\t\t\t\t\t\t\t\tcontent: '\"\"',\n\t\t\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\t\t\t...(isRtl\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRight: '5px solid',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderLeft: '5px solid',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\ttop: '25%',\n\t\t\t\t\t\t\t\t\t\t\t\ttransform: 'translateY(-50%)',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\t\t\t\t\t\t\tborderTop: '4px solid transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: '4px solid transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tborderColor: 'currentColor transparent transparent transparent',\n\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.7,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ListItemIcon\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tminWidth: props.open ? 'auto' : 0,\n\t\t\t\t\t\t\t\t\t\t// mr: props.open ? 1 : 'auto',\n\t\t\t\t\t\t\t\t\t\t...(isRtl ? { ml: 0 } : {}),\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{menu.icon ? (\n\t\t\t\t\t\t\t\t\t\t<DynamicSvgIcon svgPath={menu.icon} color={shouldHighlightParent ? 'primary' : 'grey'} fontSize={props.open ? 'small': 'medium'}/>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: props.open ? 24 : 28,\n\t\t\t\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\n\t\t\t\t\t\t\t\t{props.open && (\n\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttype={'s3'}\n\t\t\t\t\t\t\t\t\t\t\tweight={level === 0 ? 'medium' : 'normal'}\n\t\t\t\t\t\t\t\t\t\t\tcolor={'theme.secondary.1000'}\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tpl: level 1.5,\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: level === 0 ? '0.875rem' : '0.8125rem',\n\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{menu.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t\t{menu.submenu?.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tml: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: 'transform 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{openSubmenuArray.includes(menuKey) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconExpandLess\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconExpandMore\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ListItemButton>\n\n\t\t\t\t\t\t\t{openSubmenuArray.includes(menuKey) && menu.submenu?.length > 0 && props.open && (\n\t\t\t\t\t\t\t\t<Collapse in={openSubmenuArray.includes(menuKey)} timeout=\"auto\" unmountOnExit>\n\t\t\t\t\t\t\t\t\t<List component=\"div\" disablePadding sx={{ mt: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t{renderMenu(menu.submenu, menu, level + 1)}\n\t\t\t\t\t\t\t\t\t</List>\n\t\t\t\t\t\t\t\t</Collapse>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ListItem>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\t[props.open, openSubmenuArray, getActiveClassIf, handleCollapsedMenuClick, handleMenuClick, isSubmenuActive, isRtl]\n\t)\n\n\t// Enhanced useEffect for auto-expanding active menus\n\tuseEffect(() => {\n\t\thandleSidebarSearch(search)\n\n\t\tif (props.menu?.length) {\n\t\t\tconst expandedMenus: string[] = []\n\n\t\t\tconst checkAndExpandMenu = (menuItems: MenuItem[], parentLabel = '') => {\n\t\t\t\tmenuItems.forEach((menu) => {\n\t\t\t\t\tif (menu?.submenu?.length) {\n\t\t\t\t\t\tconst menuKey = `${parentLabel}-${menu.label}`\n\t\t\t\t\t\tconst allPaths = getAllMenuPaths(menu)\n\n\t\t\t\t\t\tif (getActiveClassIf(allPaths)) {\n\t\t\t\t\t\t\texpandedMenus.push(menuKey)\n\t\t\t\t\t\t\tcheckAndExpandMenu(menu.submenu, menu.label)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tcheckAndExpandMenu(props.menu)\n\t\t\tsetOpenSubmenuArray(expandedMenus)\n\t\t}\n\t}, [getActiveClassIf, handleSidebarSearch, props.menu, search, getAllMenuPaths])\n\n\tuseEffect(() => {\n\t\tif (props.open) {\n\t\t\thandleCollapsedSubmenuClose()\n\t\t}\n\t}, [props.open, handleCollapsedSubmenuClose])\n\n\tdrawerWidth = props.width\n\n\treturn (\n\t\t<>\n\t\t\t<Drawer\n\t\t\t\tvariant=\"permanent\"\n\t\t\t\topen={props.open}\n\t\t\t\tanchor={document.body.dir === 'rtl' ? 'right' : 'left'}\n\t\t\t\tonMouseEnter={props.handleMouseEnter}\n\t\t\t\tonMouseLeave={props.handleMouseLeave}\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tbackgroundColor: 'grey.100',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{/* Header /}\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\tborderBottom: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DrawerHeader>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={props.open ? images.logo : images.favicon}\n\t\t\t\t\t\t\t\talt={props.open ? 'logo' : 'favicon'}\n\t\t\t\t\t\t\t\twidth={!props.open && 40}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\t\t\t\t\t\tfilter: 'brightness(1.1)',\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => navigate(props.dashboardPath \|\| Pathname.DASHBOARD)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DrawerHeader>\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{/ Search Bar /}\n\t\t\t\t\t{props.open ? (\n\t\t\t\t\t\t<Box sx={{ px: 1.5, py: 1.5, borderBottom: '1px solid', borderColor: 'theme.secondary.200' }}>\n\t\t\t\t\t\t\t<SearchBar className=\"sidebar-search\" handleSearch={setSearch} placeholder=\"Search menu...\" value={search} sx={{ '&.MuiTextField-root': { backgroundColor: 'grey.200', border:'1px solid', borderColor: 'grey.200', borderRadius: 1 }}}/>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t) : (\n <ClickAwayListener onClickAway={handleCloseSearchTooltip}>\n <Box sx={{ p:1, pb: 0, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n <Tooltip\n title={\n <SearchBar\n className=\"sidebar-search\"\n handleSearch={setSearch}\n placeholder=\"Search menu...\"\n value={search}\n sx={{ '&.MuiTextField-root': { backgroundColor: 'transparent' } }}\n />\n }\n placement=\"right\"\n arrow\n sx={{\n p:0,\n backgroundColor: 'grey.200',\n border: '1px solid',\n borderColor: 'grey.300',\n '& .MuiTooltip-arrow': {\n color: 'grey.300',\n },\n ml: '8px !important'\n }}\n open={isOpenSearchTooltop}\n >\n <IconButton color='inherit' sx={{ borderRadius: 2, p: 1.5, backgroundColor: isOpenSearchTooltop ? 'grey.200' : 'inherit' }} onClick={handleOpenSearchTooltip}>\n {search.trim() ? <SearchStatus/> : <Search />}\n </IconButton>\n </Tooltip>\n </Box>\n </ClickAwayListener>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Menu List /}\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t'&::-webkit-scrollbar': {\n\t\t\t\t\t\t\t\twidth: 6,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'&::-webkit-scrollbar-track': {\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'&::-webkit-scrollbar-thumb': {\n\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.2)',\n\t\t\t\t\t\t\t\tborderRadius: 3,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<List className=\"sidebar-list\" sx={{ p: 0 }}>\n\t\t\t\t\t\t\t{renderMenu(menus, null, 0)}\n\t\t\t\t\t\t</List>\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{/ Footer /}\n\t\t\t\t\t{props.open && (\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tborderTop: '1px solid',\n\t\t\t\t\t\t\t\tborderColor: 'theme.secondary.200',\n\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.5)',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tpadding: '.75rem 1.5rem',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'self-start',\n\t\t\t\t\t\t\t\t\tgap: 0.5,\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.85rem',\n\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tCrafted with\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.error.500',\n\t\t\t\t\t\t\t\t\t\twidth: '1rem',\n\t\t\t\t\t\t\t\t\t\theight: '1rem',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.75rem',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t❤️\n\t\t\t\t\t\t\t\t</Icon>\n\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.75rem',\n\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img src={images.erp_logo} />\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t</Drawer>\n\t\t\t<IconButton\n\t\t\t\tsize=\"small\"\n\t\t\t\tonClick={() => (props.forcedOpen ? props.handleDrawerClose() : props.handleDrawerOpen())}\n\t\t\t\tclassName={isRtl ? 'drawer-expand-btn_rtl' : 'drawer-expand-btn'}\n\t\t\t\tsx={{\n\t\t\t\t\tml: 'auto',\n\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.04)',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tbackgroundColor: 'grey.100',\n\t\t\t\t\t},\n\t\t\t\t\t// transition: 'all 0.2s ease-in-out',\n\t\t\t\t\twidth: '30px',\n\t\t\t\t\theight: '30px',\n\t\t\t\t\tborderRadius: `8px`,\n\t\t\t\t\tborderTopLeftRadius: 0,\n\t\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\t\tborderColor: 'grey.500',\n\t\t\t\t\t...(isRtl\n\t\t\t\t\t\t? !props.forcedOpen\n\t\t\t\t\t\t\t? { right: '63px !important', left: 'auto' }\n\t\t\t\t\t\t\t: { right: '299px', left: 'auto' }\n\t\t\t\t\t\t: !props.forcedOpen\n\t\t\t\t\t\t\t? { left: '63px !important', right: 'auto' }\n\t\t\t\t\t\t\t: { left: '299px', right: 'auto' }),\n\t\t\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{props.theme.direction === 'rtl' ? (\n\t\t\t\t\tprops.forcedOpen ? (\n\t\t\t\t\t\t<ChevronRightIcon fontSize=\"small\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ChevronLeftIcon fontSize=\"small\" />\n\t\t\t\t\t)\n\t\t\t\t) : props.forcedOpen ? (\n\t\t\t\t\t<ChevronLeftIcon fontSize=\"small\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRightIcon fontSize=\"small\" />\n\t\t\t\t)}\n\t\t\t</IconButton>\n\t\t\t{/ Collapsed Submenu Popover */}\n\t\t\t{collapsedSubmenuState.menu && (\n\t\t\t\t<CollapsedSubmenu\n\t\t\t\t\tmenu={collapsedSubmenuState.menu}\n\t\t\t\t\tanchorEl={collapsedSubmenuState.anchorEl}\n\t\t\t\t\topen={collapsedSubmenuState.open}\n\t\t\t\t\tonClose={handleCollapsedSubmenuClose}\n\t\t\t\t\tonItemClick={handleSubmenuItemClick}\n\t\t\t\t\tonSubmenuClick={handleCollapsedSubmenuClick}\n\t\t\t\t\tgetActiveClassIf={getActiveClassIf}\n\t\t\t\t\tbreadcrumb={collapsedSubmenuState.breadcrumb}\n\t\t\t\t\tonBreadcrumbClick={handleBreadcrumbClick}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t)\n}\n\nexport default Sidebar\n"],"names":["drawerWidth","openedMixin","theme","width","transition","transitions","create","easing","sharp","duration","enteringScreen","overflowX","display","flexDirection","justifyContent","borderRight","_a","palette","secondary","backgroundColor","_b","closedMixin","leavingScreen","spacing","breakpoints","up","Drawer","styled","MuiDrawer","shouldForwardProp","prop","open","flexShrink","whiteSpace","boxSizing","_c","overflow","zIndex","DrawerHeader","alignItems","padding","mixins","toolbar","minHeight","SubmenuPopover","Paper","minWidth","maxWidth","maxHeight","overflowY","background","paper","borderRadius","boxShadow","border","_d","divider","transformOrigin","BreadcrumbContainer","Box","borderBottom","grey","CollapsedSubmenu","menu","anchorEl","onClose","onItemClick","onSubmenuClick","getActiveClassIf","breadcrumb","onBreadcrumbClick","jsx","ClickAwayListener","onClickAway","children","Popover","anchorOrigin","vertical","horizontal","PaperComponent","elevation","disableRestoreFocus","disableAutoFocus","disableEnforceFocus","sx","ml","marginTop","pointerEvents","transitionDuration","length","flexWrap","gap","map","item","index","jsxs","React","Fragment","ChevronRightIcon","fontSize","color","Typography","variant","onClick","cursor","fontWeight","textDecoration","label","px","py","borderColor","mb","List","component","submenu","subItem","isActive","connectedRoutes","link","ListItem","disablePadding","ListItemButton","e","selected","position","primary","icon","ListItemIcon","src","alt","style","opacity","Text","type","weight","flexGrow","lineHeight","Sidebar","props","navigate","useNavigate","currentLocation","useLocation","currentLanguage","useLanguage","isRtl","useMemo","direction","collapsedSubmenuState","setCollapsedSubmenuState","useState","menus","setMenus","search","setSearch","openSubmenuArray","setOpenSubmenuArray","isOpenSearchTooltop","setIsOpenSearchTooltop","useCallback","paths","shouldMatch","Array","isArray","path","Boolean","matchRoutes","isSubmenuActive","getAllMenuPaths","push","forEach","handleCollapsedMenuClick","event","stopPropagation","currentTarget","handleCollapsedSubmenuClick","prev","handleBreadcrumbClick","slice","handleCollapsedSubmenuClose","handleSubmenuItemClick","handleMenuClick","parent","menuKey","includes","newSubArray","filter","f","filterMenuOnSearch","m","toLowerCase","handleSidebarSearch","searchTerm","menuItems","JSON","parse","stringify","filteredMenu","handleOpenSearchTooltip","handleCloseSearchTooltip","renderMenu","level","isMenuActive","hasActiveSubmenu","shouldHighlightParent","Tooltip","title","placement","arrow","disableHoverListener","disableFocusListener","disableTouchListener","_e","transform","_f","content","left","right","borderLeft","top","height","borderTop","DynamicSvgIcon","svgPath","pl","textOverflow","IconExpandLess","IconExpandMore","Collapse","in","timeout","unmountOnExit","mt","useEffect","expandedMenus","checkAndExpandMenu","parentLabel","allPaths","anchor","document","body","dir","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","images","logo","favicon","dashboardPath","Pathname","DASHBOARD","SearchBar","className","handleSearch","placeholder","value","p","pb","IconButton","trim","SearchStatus","Search","Icon","erp_logo","size","forcedOpen","handleDrawerClose","handleDrawerOpen","borderTopLeftRadius","borderBottomLeftRadius","ChevronLeftIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars /\n/ eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { matchRoutes, useLocation, useNavigate } from 'react-router-dom'\n\nimport { styled, Theme, CSSObject } from '@mui/material/styles'\nimport MuiDrawer from '@mui/material/Drawer'\nimport List from '@mui/material/List'\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport IconExpandLess from '@mui/icons-material/ExpandLess'\nimport IconExpandMore from '@mui/icons-material/ExpandMore'\nimport Typography from '@mui/material/Typography'\nimport Box from '@mui/material/Box'\nimport { Icon, IconButton, Popover, Paper, ClickAwayListener } from '@mui/material'\nimport Collapse from '@mui/material/Collapse'\n\nimport Text from '../typography/typography'\nimport images from '../../assets/images'\n\nimport './sidebar.scss'\nimport SearchBar from '../search-bar/search-bar'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useLanguage } from '../../hooks/useLangauge'\nimport DynamicSvgIcon from '../../assets/dynamic-svg-icon/dynamic-svg-icon'\nimport { Search, SearchStatus } from '../icons'\nimport { Pathname } from '../../constants/pathnames'\n\n// Types\ninterface MenuItem {\n\tlabel: string\n\tlink: string\n\ticon?: string\n\tsubmenu?: MenuItem[]\n\tconnectedRoutes?: string[]\n}\n\ninterface CollapsedSubmenuState {\n\topen: boolean\n\tanchorEl: HTMLElement \| null\n\tmenu: MenuItem \| null\n\tbreadcrumb: MenuItem[]\n}\n\nlet drawerWidth: any\n\nconst openedMixin = (theme: Theme): CSSObject => ({\n\twidth: drawerWidth,\n\ttransition: theme.transitions.create('width', {\n\t\teasing: theme.transitions.easing.sharp,\n\t\tduration: theme.transitions.duration.enteringScreen,\n\t}),\n\toverflowX: 'hidden',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tjustifyContent: 'space-between',\n\tborderRight: `1px solid ${theme.palette.theme?.secondary[200]}`,\n\tbackgroundColor: theme.palette.theme?.secondary[100],\n})\n\nconst closedMixin = (theme: Theme): CSSObject => ({\n\ttransition: theme.transitions.create('width', {\n\t\teasing: theme.transitions.easing.sharp,\n\t\tduration: theme.transitions.duration.leavingScreen,\n\t}),\n\toverflowX: 'hidden',\n\twidth: `calc(${theme.spacing(7)} + 1px)`,\n\t[theme.breakpoints.up('sm')]: {\n\t\twidth: `calc(${theme.spacing(8)} + 1px)`,\n\t},\n\tborderRight: `1px solid ${theme.palette.theme?.secondary[200]}`,\n\tbackgroundColor: theme.palette.theme?.secondary[100],\n})\n\nconst Drawer = styled(MuiDrawer, {\n\tshouldForwardProp: (prop) => prop !== 'open',\n})(({ theme, open }) => ({\n\twidth: drawerWidth,\n\tflexShrink: 0,\n\twhiteSpace: 'nowrap',\n\tboxSizing: 'border-box',\n\t'.MuiDrawer-paper': {\n\t\tbackgroundColor: theme?.palette?.theme?.secondary?.[100],\n\t\toverflow: 'visible !important',\n\t\tzIndex: 1201,\n\t},\n\t...(open && {\n\t\t...openedMixin(theme),\n\t\t'& .MuiDrawer-paper': openedMixin(theme),\n\t}),\n\t...(!open && {\n\t\t...closedMixin(theme),\n\t\t'& .MuiDrawer-paper': closedMixin(theme),\n\t}),\n}))\n\nconst DrawerHeader = styled('div')(({ theme }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\tpadding: theme.spacing(0, 2),\n\t...theme.mixins.toolbar,\n\tminHeight: 64,\n}))\n\nconst SubmenuPopover = styled(Paper)(({ theme }) => ({\n\tminWidth: 250,\n\tmaxWidth: 350,\n\tmaxHeight: '80vh',\n\toverflowY: 'auto',\n\tbackgroundColor: theme.palette.theme?.secondary?.[100] \|\| theme.palette.background.paper,\n\tborderRadius: 12,\n\tboxShadow: '0 8px 32px rgba(0, 0, 0, 0.12)',\n\tborder: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\t'&.MuiPaper-root': {\n\t\ttransformOrigin: 'top left',\n\t},\n\t'&::-webkit-scrollbar': {\n\t\twidth: 6,\n\t},\n\t'&::-webkit-scrollbar-track': {\n\t\tbackgroundColor: 'transparent',\n\t},\n\t'&::-webkit-scrollbar-thumb': {\n\t\tbackgroundColor: 'rgba(0, 0, 0, 0.2)',\n\t\tborderRadius: 3,\n\t},\n}))\n\nconst BreadcrumbContainer = styled(Box)(({ theme }) => ({\n\tpadding: theme.spacing(1, 2),\n\tborderBottom: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\tbackgroundColor: theme.palette.theme?.secondary?.[50] \|\| theme.palette.grey[50],\n}))\n\n// Enhanced CollapsedSubmenu component with nested support\nconst CollapsedSubmenu: React.FC<{\n\tmenu: MenuItem\n\tanchorEl: HTMLElement \| null\n\topen: boolean\n\tonClose: () => void\n\tonItemClick: (item: MenuItem) => void\n\tonSubmenuClick: (item: MenuItem, event: React.MouseEvent<HTMLElement>) => void\n\tgetActiveClassIf: (paths: string[] \| string) => boolean\n\tbreadcrumb: MenuItem[]\n\tonBreadcrumbClick: (item: MenuItem, index: number) => void\n}> = ({\n\tmenu,\n\tanchorEl,\n\topen,\n\tonClose,\n\tonItemClick,\n\tonSubmenuClick,\n\tgetActiveClassIf,\n\tbreadcrumb,\n\tonBreadcrumbClick,\n}) => {\n\tconst renderBreadcrumb = () => {\n\t\tif (breadcrumb.length <= 1) return null\n\n\t\treturn (\n\t\t\t<BreadcrumbContainer>\n\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: 0.5 }}>\n\t\t\t\t\t{breadcrumb.map((item, index) => (\n\t\t\t\t\t\t<React.Fragment key={index}>\n\t\t\t\t\t\t\t{index > 0 && <ChevronRightIcon sx={{ fontSize: 14, color: 'theme.secondary.400' }} />}\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\t\t\t\tonClick={() => onBreadcrumbClick(item, index)}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tcursor: index < breadcrumb.length - 1 ? 'pointer' : 'default',\n\t\t\t\t\t\t\t\t\tcolor: index < breadcrumb.length - 1 ? 'primary.main' : 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\tfontWeight: index === breadcrumb.length - 1 ? 600 : 400,\n\t\t\t\t\t\t\t\t\tfontSize: '0.75rem',\n\t\t\t\t\t\t\t\t\t'&:hover':\n\t\t\t\t\t\t\t\t\t\tindex < breadcrumb.length - 1\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t: {},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</BreadcrumbContainer>\n\t\t)\n\t}\n\n\treturn (\n\t\t<ClickAwayListener onClickAway={onClose}>\n\t\t\t<Popover\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\tonClose={onClose}\n\t\t\t\tanchorOrigin={{\n\t\t\t\t\tvertical: 'center',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t}}\n\t\t\t\ttransformOrigin={{\n\t\t\t\t\tvertical: 'center',\n\t\t\t\t\thorizontal: 'left',\n\t\t\t\t}}\n\t\t\t\tPaperComponent={SubmenuPopover}\n\t\t\t\televation={1}\n\t\t\t\tdisableRestoreFocus\n\t\t\t\tdisableAutoFocus\n\t\t\t\tdisableEnforceFocus\n\t\t\t\tsx={{\n\t\t\t\t\tml: 0.5,\n\t\t\t\t\t'& .MuiPopover-paper': {\n\t\t\t\t\t\t// overflow: 'visible',\n\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t// border: '1px solid',\n\t\t\t\t\t\t// borderColor: 'theme.secondary.200',\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\ttransitionDuration={200}\n\t\t\t>\n\t\t\t\t<Box>\n\t\t\t\t\t{renderBreadcrumb()}\n\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\tvariant=\"subtitle2\"\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tpx: 2,\n\t\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\t\t\tcolor: 'theme.secondary.1000',\n\t\t\t\t\t\t\t\tborderBottom: breadcrumb.length > 1 ? 'none' : '1px solid',\n\t\t\t\t\t\t\t\tborderColor: 'theme.secondary.200',\n\t\t\t\t\t\t\t\tmb: 0.5,\n\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{menu.label}\n\t\t\t\t\t\t</Typography>\n\n\t\t\t\t\t\t<List component=\"div\" sx={{ py: 0 }}>\n\t\t\t\t\t\t\t{menu.submenu?.map((subItem: MenuItem, index: number) => {\n\t\t\t\t\t\t\t\tconst isActive = getActiveClassIf([...(subItem?.connectedRoutes \|\| []), ...[subItem.link]])\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ListItem key={index} disablePadding>\n\t\t\t\t\t\t\t\t\t\t<ListItemButton\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (subItem.submenu?.length) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSubmenuClick(subItem, e)\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonItemClick(subItem)\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose()\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tselected={isActive}\n\t\t\t\t\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\t\t\t\t\tminHeight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t// px: 2,\n\t\t\t\t\t\t\t\t\t\t\t\t// py: 0.75,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: 1.5,\n\t\t\t\t\t\t\t\t\t\t\t\t// mx: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tmb: 0.25,\n\t\t\t\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\t\t\t\t'&.Mui-selected': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[100],\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'& .MuiListItemIcon-root': {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t'&.Mui-selected:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[200],\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.04)',\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{subItem.icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<ListItemIcon sx={{ minWidth: 32 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={subItem.icon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={subItem.label + ' icon'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// width={20}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// height={20}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0.8 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttype={'s3'}\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"normal\"\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={'theme.secondary.1000'}\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{subItem.label}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t\t\t{subItem.submenu?.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 18,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.500',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tml: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ListItemButton>\n\t\t\t\t\t\t\t\t\t</ListItem>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</List>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Popover>\n\t\t</ClickAwayListener>\n\t)\n}\n\ninterface SidebarProps {\n\twidth: number\n\topen: boolean\n\tmenu: MenuItem[]\n\ttheme: any\n\tforcedOpen: boolean\n\thandleMouseEnter: () => void\n\thandleMouseLeave: () => void\n\thandleDrawerClose: () => void\n\thandleDrawerOpen: () => void\n\tdashboardPath?: string\n}\n\nexport const Sidebar: React.FC<SidebarProps> = (props) => {\n\tconst navigate = useNavigate()\n\tconst currentLocation = useLocation()\n\tconst { currentLanguage } = useLanguage()\n\tconst isRtl = useMemo(() => currentLanguage?.direction === 'rtl', [currentLanguage])\n\tconst [collapsedSubmenuState, setCollapsedSubmenuState] = useState<CollapsedSubmenuState>({\n\t\topen: false,\n\t\tanchorEl: null,\n\t\tmenu: null,\n\t\tbreadcrumb: [],\n\t})\n\n\tconst [menus, setMenus] = useState<MenuItem[]>([])\n\tconst [search, setSearch] = useState<string>('')\n\tconst [openSubmenuArray, setOpenSubmenuArray] = useState<string[]>([])\n\tconst [isOpenSearchTooltop, setIsOpenSearchTooltop] = useState<boolean>(false)\n\n\t// Enhanced active class checker\n\tconst getActiveClassIf = useCallback(\n\t\t(paths: string[] \| string) => {\n\t\t\tconst shouldMatch: { path: string }[] = Array.isArray(paths)\n\t\t\t\t? paths.map((path: string) => ({ path }))\n\t\t\t\t: [{ path: paths }]\n\n\t\t\treturn Boolean(matchRoutes(shouldMatch, currentLocation))\n\t\t},\n\t\t[currentLocation]\n\t)\n\n\t// Find if any submenu item is active (for parent selection when collapsed)\n\tconst isSubmenuActive = useCallback(\n\t\t(menu: MenuItem): boolean => {\n\t\t\tif (!menu.submenu?.length) return false\n\n\t\t\tfor (const subItem of menu.submenu) {\n\t\t\t\tconst isActive = getActiveClassIf([...(subItem?.connectedRoutes \|\| []), ...[subItem.link]])\n\n\t\t\t\tif (isActive \|\| isSubmenuActive(subItem)) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false\n\t\t},\n\t\t[getActiveClassIf]\n\t)\n\n\t// Get all menu paths for a menu item (including nested)\n\tconst getAllMenuPaths = useCallback((menu: MenuItem): string[] => {\n\t\tconst paths: string[] = []\n\n\t\tif (menu.link) {\n\t\t\tpaths.push(menu.link)\n\t\t}\n\n\t\tif (menu.connectedRoutes?.length) {\n\t\t\tpaths.push(...menu.connectedRoutes)\n\t\t}\n\n\t\tif (menu.submenu?.length) {\n\t\t\tmenu.submenu.forEach((subItem) => {\n\t\t\t\tpaths.push(...getAllMenuPaths(subItem))\n\t\t\t})\n\t\t}\n\n\t\treturn paths\n\t}, [])\n\n\t// Enhanced collapsed menu click handler\n\tconst handleCollapsedMenuClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLElement>, menu: MenuItem) => {\n\t\t\tevent.stopPropagation()\n\n\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\tif (collapsedSubmenuState.open && collapsedSubmenuState.menu?.label === menu.label) {\n\t\t\t\t\tsetCollapsedSubmenuState({\n\t\t\t\t\t\topen: false,\n\t\t\t\t\t\tanchorEl: null,\n\t\t\t\t\t\tmenu: null,\n\t\t\t\t\t\tbreadcrumb: [],\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tsetCollapsedSubmenuState({\n\t\t\t\t\t\topen: true,\n\t\t\t\t\t\tanchorEl: event.currentTarget,\n\t\t\t\t\t\tmenu: menu,\n\t\t\t\t\t\tbreadcrumb: [menu],\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[props.open, collapsedSubmenuState]\n\t)\n\n\t// Handle submenu navigation in collapsed mode\n\tconst handleCollapsedSubmenuClick = useCallback((item: MenuItem, event: React.MouseEvent<HTMLElement>) => {\n\t\tif (item.submenu?.length) {\n\t\t\tsetCollapsedSubmenuState((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tmenu: item,\n\t\t\t\tbreadcrumb: [...prev.breadcrumb, item],\n\t\t\t}))\n\t\t}\n\t}, [])\n\n\t// Handle breadcrumb navigation\n\tconst handleBreadcrumbClick = useCallback((item: MenuItem, index: number) => {\n\t\tsetCollapsedSubmenuState((prev) => ({\n\t\t\t...prev,\n\t\t\tmenu: item,\n\t\t\tbreadcrumb: prev.breadcrumb.slice(0, index + 1),\n\t\t}))\n\t}, [])\n\n\tconst handleCollapsedSubmenuClose = useCallback(() => {\n\t\tsetCollapsedSubmenuState({\n\t\t\topen: false,\n\t\t\tanchorEl: null,\n\t\t\tmenu: null,\n\t\t\tbreadcrumb: [],\n\t\t})\n\t}, [])\n\n\tconst handleSubmenuItemClick = useCallback(\n\t\t(item: MenuItem) => {\n\t\t\tnavigate(item.link)\n\t\t},\n\t\t[navigate]\n\t)\n\n\t// Enhanced menu click handler\n\tconst handleMenuClick = useCallback(\n\t\t(menu: MenuItem, parent: MenuItem \| null, index: number) => {\n\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (!menu.submenu?.length) {\n\t\t\t\tnavigate(menu.link)\n\t\t\t\tif (!parent) {\n\t\t\t\t\tsetOpenSubmenuArray([])\n\t\t\t\t}\n\t\t\t} else if (menu.submenu?.length && menu.submenu[index]?.link) {\n\t\t\t\tnavigate(`${menu.link}${menu.submenu[index].link}`)\n\t\t\t} else {\n\t\t\t\tconst menuKey = `${parent?.label \|\| ''}-${menu.label}`\n\n\t\t\t\tif (openSubmenuArray.includes(menuKey)) {\n\t\t\t\t\tif (parent) {\n\t\t\t\t\t\tconst newSubArray = openSubmenuArray.filter((f) => f !== menuKey)\n\t\t\t\t\t\tsetOpenSubmenuArray([...newSubArray])\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetOpenSubmenuArray([])\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (parent) {\n\t\t\t\t\t\tsetOpenSubmenuArray([...openSubmenuArray, menuKey])\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetOpenSubmenuArray([menuKey])\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[props.open, navigate, openSubmenuArray]\n\t)\n\n\t// Enhanced search functionality\n\tconst filterMenuOnSearch = useCallback((menu: MenuItem[], search: string): MenuItem[] => {\n\t\treturn menu\n\t\t\t.filter((m: MenuItem) => {\n\t\t\t\tif (m?.label?.toLowerCase()?.includes(search)) {\n\t\t\t\t\treturn m\n\t\t\t\t} else if (m?.submenu?.length) {\n\t\t\t\t\tm.submenu = filterMenuOnSearch(m?.submenu, search)\n\t\t\t\t\treturn m.submenu?.length > 0 ? m : null\n\t\t\t\t}\n\t\t\t\treturn null\n\t\t\t})\n\t\t\t.filter(Boolean)\n\t}, [])\n\n\tconst handleSidebarSearch = useCallback(\n\t\t(search: string) => {\n\t\t\tif (!search) {\n\t\t\t\tsetMenus(props.menu \|\| [])\n\t\t\t} else {\n\t\t\t\tconst searchTerm = search.toLowerCase()\n\t\t\t\tconst menuItems = props?.menu ? JSON.parse(JSON.stringify(props.menu)) : []\n\t\t\t\tconst filteredMenu = filterMenuOnSearch(menuItems, searchTerm)\n\t\t\t\tsetMenus(filteredMenu)\n\t\t\t}\n\t\t},\n\t\t[props.menu, filterMenuOnSearch]\n\t)\n\n const handleOpenSearchTooltip = useCallback(() => setIsOpenSearchTooltop(true), []);\n const handleCloseSearchTooltip = useCallback(() => setIsOpenSearchTooltop(false), []);\n\n\t// Enhanced menu renderer with better nested support\n\tconst renderMenu = useCallback(\n\t\t(menus: MenuItem[], parent: MenuItem \| null, level: number) => {\n\t\t\treturn menus?.map((menu: MenuItem, index: number) => {\n\t\t\t\tconst menuKey = `${parent?.label \|\| ''}-${menu.label}`\n\t\t\t\tconst isMenuActive = getActiveClassIf([...(menu?.connectedRoutes \|\| []), ...[menu.link]])\n\n\t\t\t\t// Check if any nested submenu is active (for collapsed state parent selection)\n\t\t\t\tconst hasActiveSubmenu = !props.open && isSubmenuActive(menu)\n\t\t\t\tconst shouldHighlightParent = isMenuActive \|\| hasActiveSubmenu\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\ttitle={menu.label}\n\t\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\t\tarrow\n\t\t\t\t\t\tkey={`${menu.label}-${index}`}\n\t\t\t\t\t\tdisableHoverListener={props.open}\n\t\t\t\t\t\tdisableFocusListener={props.open}\n\t\t\t\t\t\tdisableTouchListener={props.open}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tdisablePadding\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t// mb: 0.5,\n\t\t\t\t\t\t\t\t...(isRtl && {\n\t\t\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItemButton\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tif (!props.open && menu.submenu?.length > 0) {\n\t\t\t\t\t\t\t\t\t\thandleCollapsedMenuClick(e, menu)\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\thandleMenuClick(menu, parent, menu?.submenu ? -1 : index)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tselected={shouldHighlightParent}\n\t\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\t\tminHeight: props.open ? 40 : 44,\n\t\t\t\t\t\t\t\t\tjustifyContent: props.open ? 'initial' : 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tborderRadius: 2,\n gap: 1,\n\t\t\t\t\t\t\t\t\t// mx: props.open ? 1 : 0.5,\n\t\t\t\t\t\t\t\t\t// px: props.open ? 2 : 1,\n\t\t\t\t\t\t\t\t\t// py: 1,\n\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\n\t\t\t\t\t\t\t\t\t'&.Mui-selected': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[100],\n\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t'& .MuiListItemIcon-root': {\n\t\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-root': {\n\t\t\t\t\t\t\t\t\t\t\tcolor: theme.palette.theme?.primary[800],\n\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'&.Mui-selected:hover': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: theme.palette.theme?.primary[200],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: props.open ? 'rgba(0, 0, 0, 0.04)' : 'rgba(0, 0, 0, 0.08)',\n\t\t\t\t\t\t\t\t\t\ttransform: props.open ? 'none' : 'scale(1.02)',\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t...(!props.open &&\n\t\t\t\t\t\t\t\t\t\tmenu.submenu?.length > 0 && {\n\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t'&::after': {\n\t\t\t\t\t\t\t\t\t\t\t\tcontent: '\"\"',\n\t\t\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\t\t\t...(isRtl\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRight: '5px solid',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderLeft: '5px solid',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t\ttop: '25%',\n\t\t\t\t\t\t\t\t\t\t\t\ttransform: 'translateY(-50%)',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\t\t\t\t\t\t\tborderTop: '4px solid transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: '4px solid transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tborderColor: 'currentColor transparent transparent transparent',\n\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.7,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ListItemIcon\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tminWidth: props.open ? 'auto' : 0,\n\t\t\t\t\t\t\t\t\t\t// mr: props.open ? 1 : 'auto',\n\t\t\t\t\t\t\t\t\t\t...(isRtl ? { ml: 0 } : {}),\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{menu.icon ? (\n\t\t\t\t\t\t\t\t\t\t<DynamicSvgIcon svgPath={menu.icon} color={shouldHighlightParent ? 'primary' : 'grey'} fontSize={props.open ? 'small': 'medium'}/>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: props.open ? 24 : 28,\n\t\t\t\t\t\t\t\t\t\t\t\ttransition: 'all 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\n\t\t\t\t\t\t\t\t{props.open && (\n\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttype={'s3'}\n\t\t\t\t\t\t\t\t\t\t\tweight={level === 0 ? 'medium' : 'normal'}\n\t\t\t\t\t\t\t\t\t\t\tcolor={'theme.secondary.1000'}\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tpl: level 1.5,\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: level === 0 ? '0.875rem' : '0.8125rem',\n\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{menu.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t\t{menu.submenu?.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tml: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: 'transform 0.2s ease-in-out',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{openSubmenuArray.includes(menuKey) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconExpandLess\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<IconExpandMore\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 20,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ListItemButton>\n\n\t\t\t\t\t\t\t{openSubmenuArray.includes(menuKey) && menu.submenu?.length > 0 && props.open && (\n\t\t\t\t\t\t\t\t<Collapse in={openSubmenuArray.includes(menuKey)} timeout=\"auto\" unmountOnExit>\n\t\t\t\t\t\t\t\t\t<List component=\"div\" disablePadding sx={{ mt: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t{renderMenu(menu.submenu, menu, level + 1)}\n\t\t\t\t\t\t\t\t\t</List>\n\t\t\t\t\t\t\t\t</Collapse>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ListItem>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\t[props.open, openSubmenuArray, getActiveClassIf, handleCollapsedMenuClick, handleMenuClick, isSubmenuActive, isRtl]\n\t)\n\n\t// Enhanced useEffect for auto-expanding active menus\n\tuseEffect(() => {\n\t\thandleSidebarSearch(search)\n\n\t\tif (props.menu?.length) {\n\t\t\tconst expandedMenus: string[] = []\n\n\t\t\tconst checkAndExpandMenu = (menuItems: MenuItem[], parentLabel = '') => {\n\t\t\t\tmenuItems.forEach((menu) => {\n\t\t\t\t\tif (menu?.submenu?.length) {\n\t\t\t\t\t\tconst menuKey = `${parentLabel}-${menu.label}`\n\t\t\t\t\t\tconst allPaths = getAllMenuPaths(menu)\n\n\t\t\t\t\t\tif (getActiveClassIf(allPaths)) {\n\t\t\t\t\t\t\texpandedMenus.push(menuKey)\n\t\t\t\t\t\t\tcheckAndExpandMenu(menu.submenu, menu.label)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tcheckAndExpandMenu(props.menu)\n\t\t\tsetOpenSubmenuArray(expandedMenus)\n\t\t}\n\t}, [getActiveClassIf, handleSidebarSearch, props.menu, search, getAllMenuPaths])\n\n\tuseEffect(() => {\n\t\tif (props.open) {\n\t\t\thandleCollapsedSubmenuClose()\n\t\t}\n\t}, [props.open, handleCollapsedSubmenuClose])\n\n\tdrawerWidth = props.width\n\n\treturn (\n\t\t<>\n\t\t\t<Drawer\n\t\t\t\tvariant=\"permanent\"\n\t\t\t\topen={props.open}\n\t\t\t\tanchor={document.body.dir === 'rtl' ? 'right' : 'left'}\n\t\t\t\tonMouseEnter={props.handleMouseEnter}\n\t\t\t\tonMouseLeave={props.handleMouseLeave}\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tbackgroundColor: 'grey.100',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{/* Header /}\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\tborderBottom: `1px solid ${theme.palette.theme?.secondary?.[200] \|\| theme.palette.divider}`,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DrawerHeader>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={props.open ? images.logo : images.favicon}\n\t\t\t\t\t\t\t\talt={props.open ? 'logo' : 'favicon'}\n\t\t\t\t\t\t\t\twidth={!props.open && 40}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\t\t\t\t\t\tfilter: 'brightness(1.1)',\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => navigate(props.dashboardPath \|\| Pathname.DASHBOARD)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DrawerHeader>\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{/ Search Bar /}\n\t\t\t\t\t{props.open ? (\n\t\t\t\t\t\t<Box sx={{ px: 1.5, py: 1.5, borderBottom: '1px solid', borderColor: 'theme.secondary.200' }}>\n\t\t\t\t\t\t\t<SearchBar className=\"sidebar-search\" handleSearch={setSearch} placeholder=\"Search menu...\" value={search} sx={{ '&.MuiTextField-root': { backgroundColor: 'grey.200', border:'1px solid', borderColor: 'grey.200', borderRadius: 1 }}}/>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t) : (\n <ClickAwayListener onClickAway={handleCloseSearchTooltip}>\n <Box sx={{ p:1, pb: 0, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n <Tooltip\n title={\n <SearchBar\n className=\"sidebar-search\"\n handleSearch={setSearch}\n placeholder=\"Search menu...\"\n value={search}\n sx={{ '&.MuiTextField-root': { backgroundColor: 'transparent' } }}\n />\n }\n placement=\"right\"\n arrow\n sx={{\n p:0,\n backgroundColor: 'grey.200',\n border: '1px solid',\n borderColor: 'grey.300',\n '& .MuiTooltip-arrow': {\n color: 'grey.300',\n },\n ml: '8px !important'\n }}\n open={isOpenSearchTooltop}\n >\n <IconButton color='inherit' sx={{ borderRadius: 2, p: 1.5, backgroundColor: isOpenSearchTooltop ? 'grey.200' : 'inherit' }} onClick={handleOpenSearchTooltip}>\n {search.trim() ? <SearchStatus/> : <Search />}\n </IconButton>\n </Tooltip>\n </Box>\n </ClickAwayListener>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Menu List /}\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t'&::-webkit-scrollbar': {\n\t\t\t\t\t\t\t\twidth: 6,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'&::-webkit-scrollbar-track': {\n\t\t\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'&::-webkit-scrollbar-thumb': {\n\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.2)',\n\t\t\t\t\t\t\t\tborderRadius: 3,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<List className=\"sidebar-list\" sx={{ p: 0 }}>\n\t\t\t\t\t\t\t{renderMenu(menus, null, 0)}\n\t\t\t\t\t\t</List>\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{/ Footer /}\n\t\t\t\t\t{props.open && (\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tborderTop: '1px solid',\n\t\t\t\t\t\t\t\tborderColor: 'theme.secondary.200',\n\t\t\t\t\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.5)',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tpadding: '.75rem 1.5rem',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'self-start',\n\t\t\t\t\t\t\t\t\tgap: 0.5,\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.85rem',\n\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tCrafted with\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.error.500',\n\t\t\t\t\t\t\t\t\t\twidth: '1rem',\n\t\t\t\t\t\t\t\t\t\theight: '1rem',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.75rem',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t❤️\n\t\t\t\t\t\t\t\t</Icon>\n\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\tcolor: 'theme.secondary.600',\n\t\t\t\t\t\t\t\t\t\tfontSize: '.75rem',\n\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img src={images.erp_logo} />\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t</Drawer>\n\t\t\t<IconButton\n\t\t\t\tsize=\"small\"\n\t\t\t\tonClick={() => (props.forcedOpen ? props.handleDrawerClose() : props.handleDrawerOpen())}\n\t\t\t\tclassName={isRtl ? 'drawer-expand-btn_rtl' : 'drawer-expand-btn'}\n\t\t\t\tsx={{\n\t\t\t\t\tml: 'auto',\n\t\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.04)',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tbackgroundColor: 'grey.100',\n\t\t\t\t\t},\n\t\t\t\t\t// transition: 'all 0.2s ease-in-out',\n\t\t\t\t\twidth: '30px',\n\t\t\t\t\theight: '30px',\n\t\t\t\t\tborderRadius: `8px`,\n\t\t\t\t\tborderTopLeftRadius: 0,\n\t\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\t\tborderColor: 'grey.500',\n\t\t\t\t\t...(isRtl\n\t\t\t\t\t\t? !props.forcedOpen\n\t\t\t\t\t\t\t? { right: '63px !important', left: 'auto' }\n\t\t\t\t\t\t\t: { right: '299px', left: 'auto' }\n\t\t\t\t\t\t: !props.forcedOpen\n\t\t\t\t\t\t\t? { left: '63px !important', right: 'auto' }\n\t\t\t\t\t\t\t: { left: '299px', right: 'auto' }),\n\t\t\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{props.theme.direction === 'rtl' ? (\n\t\t\t\t\tprops.forcedOpen ? (\n\t\t\t\t\t\t<ChevronRightIcon fontSize=\"small\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ChevronLeftIcon fontSize=\"small\" />\n\t\t\t\t\t)\n\t\t\t\t) : props.forcedOpen ? (\n\t\t\t\t\t<ChevronLeftIcon fontSize=\"small\" />\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronRightIcon fontSize=\"small\" />\n\t\t\t\t)}\n\t\t\t</IconButton>\n\t\t\t{/ Collapsed Submenu Popover */}\n\t\t\t{collapsedSubmenuState.menu && (\n\t\t\t\t<CollapsedSubmenu\n\t\t\t\t\tmenu={collapsedSubmenuState.menu}\n\t\t\t\t\tanchorEl={collapsedSubmenuState.anchorEl}\n\t\t\t\t\topen={collapsedSubmenuState.open}\n\t\t\t\t\tonClose={handleCollapsedSubmenuClose}\n\t\t\t\t\tonItemClick={handleSubmenuItemClick}\n\t\t\t\t\tonSubmenuClick={handleCollapsedSubmenuClick}\n\t\t\t\t\tgetActiveClassIf={getActiveClassIf}\n\t\t\t\t\tbreadcrumb={collapsedSubmenuState.breadcrumb}\n\t\t\t\t\tonBreadcrumbClick={handleBreadcrumbClick}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t)\n}\n\nexport default Sidebar\n"],"names":["drawerWidth","openedMixin","theme","width","transition","transitions","create","easing","sharp","duration","enteringScreen","overflowX","display","flexDirection","justifyContent","borderRight","_a","palette","secondary","backgroundColor","_b","closedMixin","leavingScreen","spacing","breakpoints","up","Drawer","styled","MuiDrawer","shouldForwardProp","prop","open","flexShrink","whiteSpace","boxSizing","_c","overflow","zIndex","DrawerHeader","alignItems","padding","mixins","toolbar","minHeight","SubmenuPopover","Paper","minWidth","maxWidth","maxHeight","overflowY","background","paper","borderRadius","boxShadow","border","_d","divider","transformOrigin","BreadcrumbContainer","Box","borderBottom","grey","CollapsedSubmenu","menu","anchorEl","onClose","onItemClick","onSubmenuClick","getActiveClassIf","breadcrumb","onBreadcrumbClick","jsx","ClickAwayListener","onClickAway","children","Popover","anchorOrigin","vertical","horizontal","PaperComponent","elevation","disableRestoreFocus","disableAutoFocus","disableEnforceFocus","sx","ml","marginTop","pointerEvents","transitionDuration","length","flexWrap","gap","map","item","index","jsxs","React","Fragment","ChevronRightIcon","fontSize","color","Typography","variant","onClick","cursor","fontWeight","textDecoration","label","px","py","borderColor","mb","List","component","submenu","subItem","isActive","connectedRoutes","link","ListItem","disablePadding","ListItemButton","e","selected","position","primary","icon","ListItemIcon","src","alt","style","opacity","Text","type","weight","flexGrow","lineHeight","Sidebar","props","navigate","useNavigate","currentLocation","useLocation","currentLanguage","useLanguage","isRtl","useMemo","direction","collapsedSubmenuState","setCollapsedSubmenuState","useState","menus","setMenus","search","setSearch","openSubmenuArray","setOpenSubmenuArray","isOpenSearchTooltop","setIsOpenSearchTooltop","useCallback","paths","shouldMatch","Array","isArray","path","Boolean","matchRoutes","isSubmenuActive","getAllMenuPaths","push","forEach","handleCollapsedMenuClick","event","stopPropagation","currentTarget","handleCollapsedSubmenuClick","prev","handleBreadcrumbClick","slice","handleCollapsedSubmenuClose","handleSubmenuItemClick","handleMenuClick","parent","menuKey","includes","newSubArray","filter","f","filterMenuOnSearch","m","toLowerCase","handleSidebarSearch","searchTerm","menuItems","JSON","parse","stringify","filteredMenu","handleOpenSearchTooltip","handleCloseSearchTooltip","renderMenu","level","isMenuActive","hasActiveSubmenu","shouldHighlightParent","Tooltip","title","placement","arrow","disableHoverListener","disableFocusListener","disableTouchListener","_e","transform","_f","content","left","right","borderLeft","top","height","borderTop","DynamicSvgIcon","svgPath","pl","textOverflow","IconExpandLess","IconExpandMore","Collapse","in","timeout","unmountOnExit","mt","useEffect","expandedMenus","checkAndExpandMenu","parentLabel","allPaths","anchor","document","body","dir","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","images","logo","favicon","dashboardPath","Pathname","DASHBOARD","SearchBar","className","handleSearch","placeholder","value","p","pb","IconButton","trim","SearchStatus","Search","Icon","erp_logo","size","forcedOpen","handleDrawerClose","handleDrawerOpen","borderTopLeftRadius","borderBottomLeftRadius","ChevronLeftIcon"],"mappings":"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"}

package/dist/components/snackbar/snackbar/index.esm.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { SnackbarProvider, useSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
-import IconButton from "@mui/material/IconButton";
-import CloseIcon from "@mui/icons-material/Close";
-import { Box } from "@mui/material";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 function SnackbarCloseButton({
   snackbarKey
 }) {
@@ -12,7 +12,7 @@ function SnackbarCloseButton({
     {
       onClick: () => closeSnackbar(snackbarKey),
       sx: { width: 20, height: 20 },
-      children: /* @__PURE__ */ jsx(CloseIcon, { sx: { color: "#fff", width: 16, height: 16 } })
+      children: /* @__PURE__ */ jsx(default_1, { sx: { color: "#fff", width: 16, height: 16 } })
     }
   ) });
 }

package/dist/components/snackbar/snackbar/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n\tSnackbarProvider,\n\tSnackbarProviderProps,\n\tuseSnackbar\n} from 'notistack';\n\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Box } from '@mui/material';\n\nfunction SnackbarCloseButton({\n\tsnackbarKey\n}: {\n\tsnackbarKey: string \| number;\n}) {\n\tconst { closeSnackbar } = useSnackbar();\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\tonClick={() => closeSnackbar(snackbarKey)}\n\t\t\t\tsx={{ width: 20, height: 20 }}>\n\t\t\t\t<CloseIcon sx={{ color: '#fff', width: 16, height: 16 }} />\n\t\t\t</IconButton>\n\t\t</Box>\n\t);\n}\n\nconst Snackbar = (props: SnackbarProviderProps) => {\n\tconst { children, ...rest } = props;\n\treturn (\n\t\t<SnackbarProvider\n\t\t\taction={(snackbarKey) => (\n\t\t\t\t<SnackbarCloseButton snackbarKey={snackbarKey} />\n\t\t\t)}\n\t\t\tstyle={{ flexWrap: 'unset' }}\n\t\t\t// iconVariant={}\n\t\t\tanchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n\t\t\t{...rest}>\n\t\t\t{children}\n\t\t</SnackbarProvider>\n\t);\n};\n\nexport default Snackbar;\n"],"names":[],"mappings":";;;;;AAYA,SAAS,oBAAoB;AAAA,EAC5B;AACD,GAEG;AACF,QAAM,EAAE,cAAA,IAAkB,YAAA;AAE1B,6BACE,KAAA,EACA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAS,MAAM,cAAc,WAAW;AAAA,MACxC,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MACzB,UAAA,~~oBAAC~~,WAAA,EAAU,IAAI,EAAE,OAAO,QAAQ,OAAO,IAAI,QAAQ,GAAA,EAAG,CAAG;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEF;AAEA,MAAM,WAAW,CAAC,UAAiC;AAClD,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,QAAQ,CAAC,gBACR,oBAAC,uBAAoB,YAAA,CAA0B;AAAA,MAEhD,OAAO,EAAE,UAAU,QAAA;AAAA,MAEnB,cAAc,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,MAC/C,GAAG;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n\tSnackbarProvider,\n\tSnackbarProviderProps,\n\tuseSnackbar\n} from 'notistack';\n\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Box } from '@mui/material';\n\nfunction SnackbarCloseButton({\n\tsnackbarKey\n}: {\n\tsnackbarKey: string \| number;\n}) {\n\tconst { closeSnackbar } = useSnackbar();\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\tonClick={() => closeSnackbar(snackbarKey)}\n\t\t\t\tsx={{ width: 20, height: 20 }}>\n\t\t\t\t<CloseIcon sx={{ color: '#fff', width: 16, height: 16 }} />\n\t\t\t</IconButton>\n\t\t</Box>\n\t);\n}\n\nconst Snackbar = (props: SnackbarProviderProps) => {\n\tconst { children, ...rest } = props;\n\treturn (\n\t\t<SnackbarProvider\n\t\t\taction={(snackbarKey) => (\n\t\t\t\t<SnackbarCloseButton snackbarKey={snackbarKey} />\n\t\t\t)}\n\t\t\tstyle={{ flexWrap: 'unset' }}\n\t\t\t// iconVariant={}\n\t\t\tanchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n\t\t\t{...rest}>\n\t\t\t{children}\n\t\t</SnackbarProvider>\n\t);\n};\n\nexport default Snackbar;\n"],"names":["CloseIcon"],"mappings":";;;;;AAYA,SAAS,oBAAoB;AAAA,EAC5B;AACD,GAEG;AACF,QAAM,EAAE,cAAA,IAAkB,YAAA;AAE1B,6BACE,KAAA,EACA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAS,MAAM,cAAc,WAAW;AAAA,MACxC,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,MACzB,UAAA,oBAACA,WAAA,EAAU,IAAI,EAAE,OAAO,QAAQ,OAAO,IAAI,QAAQ,GAAA,EAAG,CAAG;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEF;AAEA,MAAM,WAAW,CAAC,UAAiC;AAClD,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,QAAQ,CAAC,gBACR,oBAAC,uBAAoB,YAAA,CAA0B;AAAA,MAEhD,OAAO,EAAE,UAAU,QAAA;AAAA,MAEnB,cAAc,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,MAC/C,GAAG;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGJ;"}

package/dist/components/snackbar/snackbar/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/notistack/notistack.esm/index.js"),t=require("@mui/material/IconButton"),i=require("@mui/icons-material/Close"),n=require("@mui/material");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/* @__PURE__ */a(t),s=/* @__PURE__ */a(i);function c({snackbarKey:t}){const{closeSnackbar:i}=r.useSnackbar();/* @__PURE__ */
-return e.jsx(n.Box,{children:/* @__PURE__ */e.jsx(o.default,{onClick:()=>i(t),sx:{width:20,height:20},children:/* @__PURE__ */e.jsx(s.default,{sx:{color:"#fff",width:16,height:16}})})})}exports.default=t=>{const{children:i,...n}=t;/* @__PURE__ */
-return e.jsx(r.SnackbarProvider,{action:r=>/* @__PURE__ */e.jsx(c,{snackbarKey:r}),style:{flexWrap:"unset"},anchorOrigin:{vertical:"bottom",horizontal:"right"},...n,children:i})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/notistack/notistack.esm/index.js"),t=require("../../../node_modules/@mui/icons-material/Close/index.js"),i=require("../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js");function o({snackbarKey:o}){const{closeSnackbar:s}=r.useSnackbar();/* @__PURE__ */
+return e.jsx(i.default,{children:/* @__PURE__ */e.jsx(n.default,{onClick:()=>s(o),sx:{width:20,height:20},children:/* @__PURE__ */e.jsx(t.default,{sx:{color:"#fff",width:16,height:16}})})})}exports.default=t=>{const{children:i,...n}=t;/* @__PURE__ */
+return e.jsx(r.SnackbarProvider,{action:r=>/* @__PURE__ */e.jsx(o,{snackbarKey:r}),style:{flexWrap:"unset"},anchorOrigin:{vertical:"bottom",horizontal:"right"},...n,children:i})};
 //# sourceMappingURL=index.js.map

package/dist/components/snackbar/snackbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n\tSnackbarProvider,\n\tSnackbarProviderProps,\n\tuseSnackbar\n} from 'notistack';\n\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Box } from '@mui/material';\n\nfunction SnackbarCloseButton({\n\tsnackbarKey\n}: {\n\tsnackbarKey: string \| number;\n}) {\n\tconst { closeSnackbar } = useSnackbar();\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\tonClick={() => closeSnackbar(snackbarKey)}\n\t\t\t\tsx={{ width: 20, height: 20 }}>\n\t\t\t\t<CloseIcon sx={{ color: '#fff', width: 16, height: 16 }} />\n\t\t\t</IconButton>\n\t\t</Box>\n\t);\n}\n\nconst Snackbar = (props: SnackbarProviderProps) => {\n\tconst { children, ...rest } = props;\n\treturn (\n\t\t<SnackbarProvider\n\t\t\taction={(snackbarKey) => (\n\t\t\t\t<SnackbarCloseButton snackbarKey={snackbarKey} />\n\t\t\t)}\n\t\t\tstyle={{ flexWrap: 'unset' }}\n\t\t\t// iconVariant={}\n\t\t\tanchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n\t\t\t{...rest}>\n\t\t\t{children}\n\t\t</SnackbarProvider>\n\t);\n};\n\nexport default Snackbar;\n"],"names":["SnackbarCloseButton","snackbarKey","closeSnackbar","useSnackbar","Box","children","jsx","IconButton","onClick","sx","width","height","CloseIcon","color","props","rest","SnackbarProvider","action","style","flexWrap","anchorOrigin","vertical","horizontal"],"mappings":"~~2YAYA~~,SAASA,GAAoBC,YAC5BA,IAIA,MAAMC,cAAEA,GAAkBC;AAE1B,aACEC,EAAAA,~~IAAA~~,CACAC,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,QAAS,IAAMN,EAAcD,GAC7BQ,GAAI,CAAEC,MAAO,GAAIC,OAAQ,IACzBN,wBAAAC,EAAAA,IAACM,UAAA,CAAUH,GAAI,CAAEI,MAAO,OAAQH,MAAO,GAAIC,OAAQ,SAIvD,iBAEkBG,IACjB,MAAMT,SAAEA,KAAaU,GAASD;AAC9B,OACCR,EAAAA,IAACU,EAAAA,iBAAA,CACAC,OAAShB,kBACRK,EAAAA,IAACN,GAAoBC,gBAEtBiB,MAAO,CAAEC,SAAU,SAEnBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,YAC5CP,EACHV"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n\tSnackbarProvider,\n\tSnackbarProviderProps,\n\tuseSnackbar\n} from 'notistack';\n\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Box } from '@mui/material';\n\nfunction SnackbarCloseButton({\n\tsnackbarKey\n}: {\n\tsnackbarKey: string \| number;\n}) {\n\tconst { closeSnackbar } = useSnackbar();\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\tonClick={() => closeSnackbar(snackbarKey)}\n\t\t\t\tsx={{ width: 20, height: 20 }}>\n\t\t\t\t<CloseIcon sx={{ color: '#fff', width: 16, height: 16 }} />\n\t\t\t</IconButton>\n\t\t</Box>\n\t);\n}\n\nconst Snackbar = (props: SnackbarProviderProps) => {\n\tconst { children, ...rest } = props;\n\treturn (\n\t\t<SnackbarProvider\n\t\t\taction={(snackbarKey) => (\n\t\t\t\t<SnackbarCloseButton snackbarKey={snackbarKey} />\n\t\t\t)}\n\t\t\tstyle={{ flexWrap: 'unset' }}\n\t\t\t// iconVariant={}\n\t\t\tanchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n\t\t\t{...rest}>\n\t\t\t{children}\n\t\t</SnackbarProvider>\n\t);\n};\n\nexport default Snackbar;\n"],"names":["SnackbarCloseButton","snackbarKey","closeSnackbar","useSnackbar","Box","children","jsx","IconButton","onClick","sx","width","height","CloseIcon","color","props","rest","SnackbarProvider","action","style","flexWrap","anchorOrigin","vertical","horizontal"],"mappings":"mYAYA,SAASA,GAAoBC,YAC5BA,IAIA,MAAMC,cAAEA,GAAkBC;AAE1B,aACEC,EAAAA,QAAA,CACAC,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,QAAS,IAAMN,EAAcD,GAC7BQ,GAAI,CAAEC,MAAO,GAAIC,OAAQ,IACzBN,wBAAAC,EAAAA,IAACM,UAAA,CAAUH,GAAI,CAAEI,MAAO,OAAQH,MAAO,GAAIC,OAAQ,SAIvD,iBAEkBG,IACjB,MAAMT,SAAEA,KAAaU,GAASD;AAC9B,OACCR,EAAAA,IAACU,EAAAA,iBAAA,CACAC,OAAShB,kBACRK,EAAAA,IAACN,GAAoBC,gBAEtBiB,MAAO,CAAEC,SAAU,SAEnBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,YAC5CP,EACHV"}

package/dist/components/switches/android-12-switch/index.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { styled, Switch } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Switch from "../../../node_modules/@mui/material/Switch/Switch/index.esm.js";
 const Android12Switch = styled(Switch)(({ theme }) => ({
   padding: 8,
   "& .MuiSwitch-track": {

package/dist/components/switches/android-12-switch/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/switches/android-12-switch.tsx"],"sourcesContent":["import { Switch, styled } from \"@mui/material\";\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n padding: 8,\n '& .MuiSwitch-track': {\n borderRadius: 22 / 2,\n '&::before, &::after': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: 16,\n height: 16,\n },\n '&::before': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n left: 12,\n },\n '&::after': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n right: 12,\n },\n },\n '& .MuiSwitch-thumb': {\n boxShadow: 'none',\n width: 16,\n height: 16,\n margin: 2,\n // color: theme.palette.theme.primary[800]\n },\n '& .Mui-checked': {\n color: `${theme.palette.theme.primary[800]} !important`,\n },\n '& .Mui-checked+.MuiSwitch-track': {\n backgroundColor: `${theme.palette.theme.primary[800]} !important`,\n },\n}));\n\nexport default Android12Switch;"],"names":[],"mappings":";AAEA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,aAAa;AAAA,EACrD,SAAS;AAAA,EACT,sBAAsB;AAAA,IACpB,cAAc,KAAK;AAAA,IACnB,uBAAuB;AAAA,MACrB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEV,aAAa;AAAA,MACX,iBAAiB,+HAA+H;AAAA,QAC9I,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAAA,CACzD;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAER,YAAY;AAAA,MACV,iBAAiB,+HAA+H;AAAA,QAC9I,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAAA,CACzD;AAAA,MACD,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,sBAAsB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA;AAAA,EAAA;AAAA,EAGV,kBAAkB;AAAA,IAChB,OAAO,GAAG,MAAM,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EAAA;AAAA,EAE5C,mCAAmC;AAAA,IACjC,iBAAiB,GAAG,MAAM,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EAAA;AAExD,EAAE;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/switches/android-12-switch.tsx"],"sourcesContent":["import { Switch, styled } from \"@mui/material\";\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n padding: 8,\n '& .MuiSwitch-track': {\n borderRadius: 22 / 2,\n '&::before, &::after': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: 16,\n height: 16,\n },\n '&::before': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n left: 12,\n },\n '&::after': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n right: 12,\n },\n },\n '& .MuiSwitch-thumb': {\n boxShadow: 'none',\n width: 16,\n height: 16,\n margin: 2,\n // color: theme.palette.theme.primary[800]\n },\n '& .Mui-checked': {\n color: `${theme.palette.theme.primary[800]} !important`,\n },\n '& .Mui-checked+.MuiSwitch-track': {\n backgroundColor: `${theme.palette.theme.primary[800]} !important`,\n },\n}));\n\nexport default Android12Switch;"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,aAAa;AAAA,EACrD,SAAS;AAAA,EACT,sBAAsB;AAAA,IACpB,cAAc,KAAK;AAAA,IACnB,uBAAuB;AAAA,MACrB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEV,aAAa;AAAA,MACX,iBAAiB,+HAA+H;AAAA,QAC9I,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAAA,CACzD;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAER,YAAY;AAAA,MACV,iBAAiB,+HAA+H;AAAA,QAC9I,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAAA,CACzD;AAAA,MACD,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,sBAAsB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA;AAAA,EAAA;AAAA,EAGV,kBAAkB;AAAA,IAChB,OAAO,GAAG,MAAM,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EAAA;AAAA,EAE5C,mCAAmC;AAAA,IACjC,iBAAiB,GAAG,MAAM,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EAAA;AAExD,EAAE;"}

package/dist/components/switches/android-12-switch/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@mui/material");const e=t.styled(t.Switch)(({theme:t})=>({padding:8,"& .MuiSwitch-track":{borderRadius:11,"&::before, &::after":{content:'""',position:"absolute",top:"50%",transform:"translateY(-50%)",width:16,height:16},"&::before":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(t.palette.getContrastText(t.palette.primary.main))}" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>')`,left:12},"&::after":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(t.palette.getContrastText(t.palette.primary.main))}" d="M19,13H5V11H19V13Z" /></svg>')`,right:12}},"& .MuiSwitch-thumb":{boxShadow:"none",width:16,height:16,margin:2},"& .Mui-checked":{color:`${t.palette.theme.primary[800]} !important`},"& .Mui-checked+.MuiSwitch-track":{backgroundColor:`${t.palette.theme.primary[800]} !important`}}));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/Switch/Switch/index.js");const a=e.default(t.default)(({theme:e})=>({padding:8,"& .MuiSwitch-track":{borderRadius:11,"&::before, &::after":{content:'""',position:"absolute",top:"50%",transform:"translateY(-50%)",width:16,height:16},"&::before":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(e.palette.getContrastText(e.palette.primary.main))}" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>')`,left:12},"&::after":{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="${encodeURIComponent(e.palette.getContrastText(e.palette.primary.main))}" d="M19,13H5V11H19V13Z" /></svg>')`,right:12}},"& .MuiSwitch-thumb":{boxShadow:"none",width:16,height:16,margin:2},"& .Mui-checked":{color:`${e.palette.theme.primary[800]} !important`},"& .Mui-checked+.MuiSwitch-track":{backgroundColor:`${e.palette.theme.primary[800]} !important`}}));exports.default=a;
 //# sourceMappingURL=index.js.map

package/dist/components/switches/android-12-switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/switches/android-12-switch.tsx"],"sourcesContent":["import { Switch, styled } from \"@mui/material\";\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n padding: 8,\n '& .MuiSwitch-track': {\n borderRadius: 22 / 2,\n '&::before, &::after': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: 16,\n height: 16,\n },\n '&::before': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n left: 12,\n },\n '&::after': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n right: 12,\n },\n },\n '& .MuiSwitch-thumb': {\n boxShadow: 'none',\n width: 16,\n height: 16,\n margin: 2,\n // color: theme.palette.theme.primary[800]\n },\n '& .Mui-checked': {\n color: `${theme.palette.theme.primary[800]} !important`,\n },\n '& .Mui-checked+.MuiSwitch-track': {\n backgroundColor: `${theme.palette.theme.primary[800]} !important`,\n },\n}));\n\nexport default Android12Switch;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor"],"mappings":"~~mGAEA~~,MAAMA,EAAkBC,EAAAA,~~OAAOC~~,EAAAA,~~OAAPD~~,CAAe,EAAGE,aACxCC,QAAS,EACT,qBAAsB,CACpBC,aAAc,GACd,sBAAuB,CACrBC,QAAS,KACTC,SAAU,WACVC,IAAK,MACLC,UAAW,mBACXC,MAAO,GACPC,OAAQ,IAEV,YAAa,CACXC,gBAAiB,+HAA+HC,mBAC9IV,EAAMW,QAAQC,gBAAgBZ,EAAMW,QAAQE,QAAQC,gFAEtDC,KAAM,IAER,WAAY,CACVN,gBAAiB,+HAA+HC,mBAC9IV,EAAMW,QAAQC,gBAAgBZ,EAAMW,QAAQE,QAAQC,4CAEtDE,MAAO,KAGX,qBAAsB,CACpBC,UAAW,OACXV,MAAO,GACPC,OAAQ,GACRU,OAAQ,GAGV,iBAAkB,CAChBC,MAAO,GAAGnB,EAAMW,QAAQX,MAAMa,QAAQ,mBAExC,kCAAmC,CACjCO,gBAAiB,GAAGpB,EAAMW,QAAQX,MAAMa,QAAQ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/switches/android-12-switch.tsx"],"sourcesContent":["import { Switch, styled } from \"@mui/material\";\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n padding: 8,\n '& .MuiSwitch-track': {\n borderRadius: 22 / 2,\n '&::before, &::after': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n width: 16,\n height: 16,\n },\n '&::before': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n left: 12,\n },\n '&::after': {\n backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n theme.palette.getContrastText(theme.palette.primary.main),\n )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n right: 12,\n },\n },\n '& .MuiSwitch-thumb': {\n boxShadow: 'none',\n width: 16,\n height: 16,\n margin: 2,\n // color: theme.palette.theme.primary[800]\n },\n '& .Mui-checked': {\n color: `${theme.palette.theme.primary[800]} !important`,\n },\n '& .Mui-checked+.MuiSwitch-track': {\n backgroundColor: `${theme.palette.theme.primary[800]} !important`,\n },\n}));\n\nexport default Android12Switch;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor"],"mappings":"wNAEA,MAAMA,EAAkBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAe,EAAGE,aACxCC,QAAS,EACT,qBAAsB,CACpBC,aAAc,GACd,sBAAuB,CACrBC,QAAS,KACTC,SAAU,WACVC,IAAK,MACLC,UAAW,mBACXC,MAAO,GACPC,OAAQ,IAEV,YAAa,CACXC,gBAAiB,+HAA+HC,mBAC9IV,EAAMW,QAAQC,gBAAgBZ,EAAMW,QAAQE,QAAQC,gFAEtDC,KAAM,IAER,WAAY,CACVN,gBAAiB,+HAA+HC,mBAC9IV,EAAMW,QAAQC,gBAAgBZ,EAAMW,QAAQE,QAAQC,4CAEtDE,MAAO,KAGX,qBAAsB,CACpBC,UAAW,OACXV,MAAO,GACPC,OAAQ,GACRU,OAAQ,GAGV,iBAAkB,CAChBC,MAAO,GAAGnB,EAAMW,QAAQX,MAAMa,QAAQ,mBAExC,kCAAmC,CACjCO,gBAAiB,GAAGpB,EAAMW,QAAQX,MAAMa,QAAQ"}

package/dist/components/tab-bar-ui/tab-bar-ui/index.esm.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { Box } from "@mui/material";
-import Tab from "@mui/material/Tab";
-import TabContext from "@mui/lab/TabContext";
-import TabList from "@mui/lab/TabList";
-import TabPanel from "@mui/lab/TabPanel";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 /* empty css                           */
 import TextField from "../../text-field/text-field/index.esm.js";
 import { images } from "../../../images/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import TabContext from "../../../node_modules/@mui/lab/TabContext/TabContext/index.esm.js";
+import TabList from "../../../node_modules/@mui/lab/TabList/TabList/index.esm.js";
+import Tab from "../../../node_modules/@mui/material/Tab/Tab/index.esm.js";
+import TabPanel from "../../../node_modules/@mui/lab/TabPanel/TabPanel/index.esm.js";
 function TabBarUi(props) {
   const {
     tabs,
@@ -55,7 +55,7 @@ function TabBarUi(props) {
             ) : handleRemoveTab ? /* @__PURE__ */ jsxs("div", { className: "Tabs--Title", children: [
               /* @__PURE__ */ jsx("div", { children: tab.title }),
               !tab.remove_tab && /* @__PURE__ */ jsx(
-                CloseIcon,
+                default_1,
                 {
                   style: { fontSize: "15px", cursor: "pointer" },
                   onClick: () => {

package/dist/components/tab-bar-ui/tab-bar-ui/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n tabIcon?: string;\n}\ninterface TabProps {\n tabs: TabItem[];\n activeTabValue?: number;\n setActiveTabValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n const {\n tabs,\n onEditTabTitle,\n activeTabValue,\n setActiveTabValue,\n handleTabChange,\n handleRemoveTab,\n } = props;\n const [value, setValue] = useState(0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveTabValue && setActiveTabValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n useEffect(() => {\n if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n // eslint-disable-next-line\n }, [tabs]);\n\n return (\n <Box>\n <TabContext value={activeTabValue ?? value}>\n <Box>\n <TabList\n className=\"account-payble-tabsui-wrap\"\n onChange={handleChange}\n >\n {tabs.map((tab: TabItem) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n label={\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <div>{tab.title}</div>\n {!tab.remove_tab && (\n <CloseIcon\n style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n onClick={() => {\n handleRemoveTab(tab.tab_order);\n }}\n />\n )}\n </div>\n ) : (\n <div className=\"text-display\">\n <img src={images.common[tab.tabIcon]} />\n {tab.title}\n </div>\n )\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AA8BA,SAAwB,SAAS,OAAiB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,aAAS,QAAQ;AACjB,yBAAqB,kBAAkB,QAAQ;AAC/C,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAEA,YAAU,MAAM;AACd,QAAI,qBAAqB,QAAQ,6BAAM,MAAM,qBAAqB,KAAK;AAAA,EAEzE,GAAG,CAAC,IAAI,CAAC;AAET,6BACG,KAAA,EACC,UAAA,qBAAC,YAAA,EAAW,OAAO,kBAAkB,OACnC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QAET,UAAA,KAAK,IAAI,CAAC,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAEV,OACE,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,IAAI;AAAA,gBACX,WAAS;AAAA,gBACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,gBACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,cAAA;AAAA,YAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAK,cAAI,MAAA,CAAM;AAAA,cACf,CAAC,IAAI,cACJ;AAAA,~~gBAAC~~;~~AAAA~~,gBAAA;AAAA,kBACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,kBACnC,SAAS,MAAM;AACb,oCAAgB,IAAI,SAAS;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CAEJ,IAEA,qBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,cAAA,oBAAC,SAAI,KAAK,OAAO,OAAO,IAAI,OAAO,GAAG;AAAA,cACrC,IAAI;AAAA,YAAA,GACP;AAAA,YAGJ,SAAO;AAAA,YACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,UAAA;AAAA,UA/BlD,IAAI;AAAA,QAAA,CAiCZ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,WACF,oBAAC,UAAA,EAAS,OAAO,OACd,UAAA,UAAU,SAAS,IAAI,QAAA,GADG,IAAI,SAEjC;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n tabIcon?: string;\n}\ninterface TabProps {\n tabs: TabItem[];\n activeTabValue?: number;\n setActiveTabValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n const {\n tabs,\n onEditTabTitle,\n activeTabValue,\n setActiveTabValue,\n handleTabChange,\n handleRemoveTab,\n } = props;\n const [value, setValue] = useState(0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveTabValue && setActiveTabValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n useEffect(() => {\n if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n // eslint-disable-next-line\n }, [tabs]);\n\n return (\n <Box>\n <TabContext value={activeTabValue ?? value}>\n <Box>\n <TabList\n className=\"account-payble-tabsui-wrap\"\n onChange={handleChange}\n >\n {tabs.map((tab: TabItem) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n label={\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <div>{tab.title}</div>\n {!tab.remove_tab && (\n <CloseIcon\n style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n onClick={() => {\n handleRemoveTab(tab.tab_order);\n }}\n />\n )}\n </div>\n ) : (\n <div className=\"text-display\">\n <img src={images.common[tab.tabIcon]} />\n {tab.title}\n </div>\n )\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;AA8BA,SAAwB,SAAS,OAAiB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,aAAS,QAAQ;AACjB,yBAAqB,kBAAkB,QAAQ;AAC/C,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAEA,YAAU,MAAM;AACd,QAAI,qBAAqB,QAAQ,6BAAM,MAAM,qBAAqB,KAAK;AAAA,EAEzE,GAAG,CAAC,IAAI,CAAC;AAET,6BACG,KAAA,EACC,UAAA,qBAAC,YAAA,EAAW,OAAO,kBAAkB,OACnC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QAET,UAAA,KAAK,IAAI,CAAC,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAEV,OACE,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,IAAI;AAAA,gBACX,WAAS;AAAA,gBACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,gBACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,cAAA;AAAA,YAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAK,cAAI,MAAA,CAAM;AAAA,cACf,CAAC,IAAI,cACJ;AAAA,gBAACA;AAAAA,gBAAA;AAAA,kBACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,kBACnC,SAAS,MAAM;AACb,oCAAgB,IAAI,SAAS;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CAEJ,IAEA,qBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,cAAA,oBAAC,SAAI,KAAK,OAAO,OAAO,IAAI,OAAO,GAAG;AAAA,cACrC,IAAI;AAAA,YAAA,GACP;AAAA,YAGJ,SAAO;AAAA,YACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,UAAA;AAAA,UA/BlD,IAAI;AAAA,QAAA,CAiCZ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,WACF,oBAAC,UAAA,EAAS,OAAO,OACd,UAAA,UAAU,SAAS,IAAI,QAAA,GADG,IAAI,SAEjC;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/tab-bar-ui/tab-bar-ui/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("@mui/material"),r=require("@mui/material/Tab"),i=require("@mui/lab/TabContext"),l=require("@mui/lab/TabList"),u=require("@mui/lab/TabPanel"),s=require("@mui/icons-material/Close");;/* empty css                        */var n=,/* empty css                                 */o=;/* empty css                     */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/* @__PURE__ */d(r),b=/* @__PURE__ */d(i),x=/* @__PURE__ */d(l),m=/* @__PURE__ */d(u),v=/* @__PURE__ */d(s);exports.default=function(r){const{tabs:i,onEditTabTitle:l,activeTabValue:u,setActiveTabValue:s,handleTabChange:d,handleRemoveTab:f}=r,[j,h]=a.useState(0),[p,T]=a.useState(null);return a.useEffect(()=>{s&&Boolean(null==i?void 0:i.length)&&s(j)},[i]),/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsxs(b.default,{value:u??j,children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(x.default,{className:"account-payble-tabsui-wrap",onChange:(e,a)=>{h(a),s&&s(a),d&&d()},children:i.map(a=>/* @__PURE__ */e.jsx(c.default,{className:"account-payble-tab-items",label:l&&p===a.tab_order?/* @__PURE__ */e.jsx(n.default,{value:a.title,autoFocus:!0,onBlur:()=>T(null),onChange:e=>{return t=e,r=a.tab_order,void(l&&l(r,t.target.value));var t,r}}):f?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
-/* @__PURE__ */e.jsx("div",{children:a.title}),!a.remove_tab&&/* @__PURE__ */e.jsx(v.default,{style:{fontSize:"15px",cursor:"pointer"},onClick:()=>{f(a.tab_order)}})]}):/* @__PURE__ */e.jsxs("div",{className:"text-display",children:[
-/* @__PURE__ */e.jsx("img",{src:o.images.common[a.tabIcon]}),a.title]}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void T(e);var e}},a.tab_order))})}),i.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(m.default,{value:t,children:j===t&&a.content},a.tab_order))]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=;/* empty css                                                     */;/* empty css                        */var r=,/* empty css                                 */i=,/* empty css                     */l=,/* empty css                                                 */s=,/* empty css                                                          */n=,/* empty css                                                    */u=,/* empty css                                                 */d=;/* empty css                                                      */exports.default=function(o){const{tabs:c,onEditTabTitle:b,activeTabValue:x,setActiveTabValue:m,handleTabChange:j,handleRemoveTab:v}=o,[f,T]=a.useState(0),[_,h]=a.useState(null);return a.useEffect(()=>{m&&Boolean(null==c?void 0:c.length)&&m(f)},[c]),/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsxs(s.default,{value:x??f,children:[
+/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsx(n.default,{className:"account-payble-tabsui-wrap",onChange:(e,a)=>{T(a),m&&m(a),j&&j()},children:c.map(a=>/* @__PURE__ */e.jsx(u.default,{className:"account-payble-tab-items",label:b&&_===a.tab_order?/* @__PURE__ */e.jsx(r.default,{value:a.title,autoFocus:!0,onBlur:()=>h(null),onChange:e=>{return t=e,r=a.tab_order,void(b&&b(r,t.target.value));var t,r}}):v?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
+/* @__PURE__ */e.jsx("div",{children:a.title}),!a.remove_tab&&/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"15px",cursor:"pointer"},onClick:()=>{v(a.tab_order)}})]}):/* @__PURE__ */e.jsxs("div",{className:"text-display",children:[
+/* @__PURE__ */e.jsx("img",{src:i.images.common[a.tabIcon]}),a.title]}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void h(e);var e}},a.tab_order))})}),c.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(d.default,{value:t,children:f===t&&a.content},a.tab_order))]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/tab-bar-ui/tab-bar-ui/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n tabIcon?: string;\n}\ninterface TabProps {\n tabs: TabItem[];\n activeTabValue?: number;\n setActiveTabValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n const {\n tabs,\n onEditTabTitle,\n activeTabValue,\n setActiveTabValue,\n handleTabChange,\n handleRemoveTab,\n } = props;\n const [value, setValue] = useState(0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveTabValue && setActiveTabValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n useEffect(() => {\n if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n // eslint-disable-next-line\n }, [tabs]);\n\n return (\n <Box>\n <TabContext value={activeTabValue ?? value}>\n <Box>\n <TabList\n className=\"account-payble-tabsui-wrap\"\n onChange={handleChange}\n >\n {tabs.map((tab: TabItem) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n label={\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <div>{tab.title}</div>\n {!tab.remove_tab && (\n <CloseIcon\n style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n onClick={() => {\n handleRemoveTab(tab.tab_order);\n }}\n />\n )}\n </div>\n ) : (\n <div className=\"text-display\">\n <img src={images.common[tab.tabIcon]} />\n {tab.title}\n </div>\n )\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":["props","tabs","onEditTabTitle","activeTabValue","setActiveTabValue","handleTabChange","handleRemoveTab","value","setValue","useState","editableTabId","setEditableTabId","useEffect","Boolean","length","Box","children","jsxs","TabContext","jsx","TabList","className","onChange","event","newValue","map","tab","Tab","label","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","tabId","target","remove_tab","CloseIcon","style","fontSize","cursor","onClick","src","images","common","tabIcon","wrapped","onDoubleClick","handleTabDoubleClick","index","content","TabPanel"],"mappings":"~~soBA8BA~~,SAAiCA,GAC/B,MAAMC,KACJA,EAAAC,eACAA,EAAAC,eACAA,EAAAC,kBACAA,EAAAC,gBACAA,EAAAC,gBACAA,GACEN,GACGO,EAAOC,GAAYC,EAAAA,SAAS,IAC5BC,EAAeC,GAAoBF,EAAAA,SAAwB,MAuBlE,OALAG,EAAAA,UAAU,KACJR,GAAqBS,QAAQ,MAAAZ,OAAA,EAAAA,EAAMa,WAA2BP,IAEjE,CAACN,yBAGDc,EAAAA,~~IAAA~~,CACCC,wBAAAC,EAAAA,KAACC,UAAA,CAAWX,MAAOJ,GAAkBI,EACnCS,SAAA;qBAACD,EAAAA,~~IAAA~~,CACCC,wBAAAG,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,6BACVC,SA5BW,CAACC,EAA6BC,KACjDhB,EAASgB,GACTpB,GAAqBA,EAAkBoB,GACvCnB,GAAmBA,KA2BVW,SAAAf,EAAKwB,IAAKC,kBACTP,EAAAA,IAACQ,EAAAA,QAAA,CACCN,UAAU,2BAEVO,MACE1B,GAAkBQ,IAAkBgB,EAAIG,yBACtCV,EAAAA,IAACW,EAAAA,QAAA,CACCvB,MAAOmB,EAAIK,MACXC,WAAS,EACTC,OAAQ,IAAMtB,EAAiB,MAC/BW,SAAWY,IACTC,OA9BpBZ,EA8BuCW,EA7BvCE,EA6B0CV,EAAIG,eA3B9C3B,GAAkBA,EAAekC,EAAOb,EAAMc,OAAO9B,QAJ5B,IACzBgB,EACAa,KAgCkB9B,iBACFW,EAAAA,KAAC,MAAA,CAAII,UAAU,cACbL,SAAA;iBAAAG,IAAC,MAAA,CAAKH,WAAIe,SACRL,EAAIY,2BACJnB,EAAAA,IAACoB,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,KACPrC,EAAgBoB,EAAIG,gCAM5BZ,EAAAA,KAAC,MAAA,CAAII,UAAU,eACbL,SAAA;eAAAG,MAAC,OAAIyB,IAAKC,EAAAA,OAAOC,OAAOpB,EAAIqB,WAC3BrB,EAAIK,SAIXiB,SAAO,EACPC,cAAe,KAAMC,OA1DLd,EA0D0BV,EAAIG,eAzD1DlB,EAAiByB,GADU,IAACA,IA2BXV,EAAIG,gBAoChB5B,EAAKwB,IACJ,CAACC,EAAcyB,IACbzB,EAAI0B,wBACFjC,EAAAA,IAACkC,EAAAA,QAAA,CAAS9C,MAAO4C,EACdnC,SAAAT,IAAU4C,GAASzB,EAAI0B,SADG1B,EAAIG,gBAQ/C"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n tabIcon?: string;\n}\ninterface TabProps {\n tabs: TabItem[];\n activeTabValue?: number;\n setActiveTabValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n const {\n tabs,\n onEditTabTitle,\n activeTabValue,\n setActiveTabValue,\n handleTabChange,\n handleRemoveTab,\n } = props;\n const [value, setValue] = useState(0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveTabValue && setActiveTabValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n useEffect(() => {\n if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n // eslint-disable-next-line\n }, [tabs]);\n\n return (\n <Box>\n <TabContext value={activeTabValue ?? value}>\n <Box>\n <TabList\n className=\"account-payble-tabsui-wrap\"\n onChange={handleChange}\n >\n {tabs.map((tab: TabItem) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n label={\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <div>{tab.title}</div>\n {!tab.remove_tab && (\n <CloseIcon\n style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n onClick={() => {\n handleRemoveTab(tab.tab_order);\n }}\n />\n )}\n </div>\n ) : (\n <div className=\"text-display\">\n <img src={images.common[tab.tabIcon]} />\n {tab.title}\n </div>\n )\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":["props","tabs","onEditTabTitle","activeTabValue","setActiveTabValue","handleTabChange","handleRemoveTab","value","setValue","useState","editableTabId","setEditableTabId","useEffect","Boolean","length","Box","children","jsxs","TabContext","jsx","TabList","className","onChange","event","newValue","map","tab","Tab","label","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","tabId","target","remove_tab","CloseIcon","style","fontSize","cursor","onClick","src","images","common","tabIcon","wrapped","onDoubleClick","handleTabDoubleClick","index","content","TabPanel"],"mappings":"8qBA8BA,SAAiCA,GAC/B,MAAMC,KACJA,EAAAC,eACAA,EAAAC,eACAA,EAAAC,kBACAA,EAAAC,gBACAA,EAAAC,gBACAA,GACEN,GACGO,EAAOC,GAAYC,EAAAA,SAAS,IAC5BC,EAAeC,GAAoBF,EAAAA,SAAwB,MAuBlE,OALAG,EAAAA,UAAU,KACJR,GAAqBS,QAAQ,MAAAZ,OAAA,EAAAA,EAAMa,WAA2BP,IAEjE,CAACN,yBAGDc,EAAAA,QAAA,CACCC,wBAAAC,EAAAA,KAACC,UAAA,CAAWX,MAAOJ,GAAkBI,EACnCS,SAAA;qBAACD,EAAAA,QAAA,CACCC,wBAAAG,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,6BACVC,SA5BW,CAACC,EAA6BC,KACjDhB,EAASgB,GACTpB,GAAqBA,EAAkBoB,GACvCnB,GAAmBA,KA2BVW,SAAAf,EAAKwB,IAAKC,kBACTP,EAAAA,IAACQ,EAAAA,QAAA,CACCN,UAAU,2BAEVO,MACE1B,GAAkBQ,IAAkBgB,EAAIG,yBACtCV,EAAAA,IAACW,EAAAA,QAAA,CACCvB,MAAOmB,EAAIK,MACXC,WAAS,EACTC,OAAQ,IAAMtB,EAAiB,MAC/BW,SAAWY,IACTC,OA9BpBZ,EA8BuCW,EA7BvCE,EA6B0CV,EAAIG,eA3B9C3B,GAAkBA,EAAekC,EAAOb,EAAMc,OAAO9B,QAJ5B,IACzBgB,EACAa,KAgCkB9B,iBACFW,EAAAA,KAAC,MAAA,CAAII,UAAU,cACbL,SAAA;iBAAAG,IAAC,MAAA,CAAKH,WAAIe,SACRL,EAAIY,2BACJnB,EAAAA,IAACoB,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,KACPrC,EAAgBoB,EAAIG,gCAM5BZ,EAAAA,KAAC,MAAA,CAAII,UAAU,eACbL,SAAA;eAAAG,MAAC,OAAIyB,IAAKC,EAAAA,OAAOC,OAAOpB,EAAIqB,WAC3BrB,EAAIK,SAIXiB,SAAO,EACPC,cAAe,KAAMC,OA1DLd,EA0D0BV,EAAIG,eAzD1DlB,EAAiByB,GADU,IAACA,IA2BXV,EAAIG,gBAoChB5B,EAAKwB,IACJ,CAACC,EAAcyB,IACbzB,EAAI0B,wBACFjC,EAAAA,IAACkC,EAAAA,QAAA,CAAS9C,MAAO4C,EACdnC,SAAAT,IAAU4C,GAASzB,EAAI0B,SADG1B,EAAIG,gBAQ/C"}

package/dist/components/tabs/tabs/index.esm.js CHANGED Viewed

@@ -1,15 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { Box, IconButton } from "@mui/material";
-import Tab from "@mui/material/Tab";
-import TabContext from "@mui/lab/TabContext";
-import TabList from "@mui/lab/TabList";
-import TabPanel from "@mui/lab/TabPanel";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 /* empty css                     */
 import TextField from "../../text-field/text-field/index.esm.js";
 import { useTranslation } from "react-i18next";
 import { Typography } from "../../typography/typography/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import TabContext from "../../../node_modules/@mui/lab/TabContext/TabContext/index.esm.js";
+import TabList from "../../../node_modules/@mui/lab/TabList/TabList/index.esm.js";
+import Tab from "../../../node_modules/@mui/material/Tab/Tab/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import TabPanel from "../../../node_modules/@mui/lab/TabPanel/TabPanel/index.esm.js";
 function TabBar(props) {
   const { t } = useTranslation();
   const {
@@ -56,7 +57,7 @@ function TabBar(props) {
             e.preventDefault();
             e.stopPropagation();
             handleRemoveTab(tab.tab_order);
-          }, children: /* @__PURE__ */ jsx(CloseIcon, { style: { fontSize: "15px", cursor: "pointer" } }) })
+          }, children: /* @__PURE__ */ jsx(default_1, { style: { fontSize: "15px", cursor: "pointer" } }) })
         ] }) : /* @__PURE__ */ jsx(Typography, { color: "theme.secondary.1000", type: "s3", children: t(tab.title) }) }),
         wrapped: true,
         onDoubleClick: () => handleTabDoubleClick(tab.tab_order)

package/dist/components/tabs/tabs/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n}\nexport interface TabProps {\n tabs: TabItem[];\n activeValue?: number;\n setActiveValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n isFormTabValid?: boolean ;\n isTabViewOnly?: boolean;\n activeTabs?: any[] ;\n setActiveTabs?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n containerProps?: any;\n}\n\nexport default function TabBar(props: TabProps) {\n const { t } = useTranslation();\n const {\n tabs,\n onEditTabTitle,\n activeValue,\n setActiveValue,\n handleTabChange,\n handleRemoveTab,\n // isFormTabValid , \n isTabViewOnly,\n activeTabs, \n containerProps\n } = props; \n \n const [value, setValue] = useState<number>(activeValue \|\| 0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n useEffect(()=>{\n activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveValue && setActiveValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n // useEffect(() => {\n // if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n // // eslint-disable-next-line\n // }, [tabs]);\n\n return (\n <Box mb={2} {...containerProps}>\n <TabContext value={activeValue ?? value }>\n <Box>\n <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n {tabs.map((tab: TabItem, index: any) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n \n label={\n <Box display='flex' alignItems='center'>\n {\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n {!tab.remove_tab && (\n <IconButton size=\"small\" onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleRemoveTab(tab.tab_order);\n }}>\n <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n </IconButton>\n )}\n </div>\n ) : (\n <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n )\n }\n </Box>\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index.toString()} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;~~AAoCA,SAAwB,OAAO,OAAiB;AAC9C,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAIA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,eAAe,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,YAAU,MAAI;AACZ,mBAAe,SAAS,WAAW;AAAA,EACtC,GAAI,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,QAA8B,aAAqB;AACvE,aAAS,QAAQ;AACjB,sBAAkB,eAAe,QAAQ;AACzC,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAOA,SACE,oBAAC,KAAA,EAAI,IAAI,GAAI,GAAG,gBACd,UAAA,qBAAC,YAAA,EAAW,OAAO,eAAe,OAChC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA,oBAAC,SAAA,EAAQ,WAAU,4BAA2B,UAAU,cAAc,SAAQ,cAAa,eAAc,QAAO,cAAW,mBAAkB,IAAI,EAAE,WAAW,QAAQ,UAAU,UAC7K,UAAA,KAAK,IAAI,CAAC,KAAc,UACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QAGV,OACE,oBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAEzB,UAAA,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,IAAI;AAAA,YACX,WAAS;AAAA,YACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,YACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,UAAA;AAAA,QAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE;AAAA,UAChE,CAAC,IAAI,cACJ,oBAAC,cAAW,MAAK,SAAQ,SAAS,CAAC,MAAM;AACvC,cAAE,eAAA;AACF,cAAE,gBAAA;AACF,4BAAgB,IAAI,SAAS;AAAA,UAC/B,GACE,UAAA,~~oBAAC~~,WAAA,EAAU,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA,EAAU,CAAE,EAAA,CAC5D;AAAA,QAAA,EAAA,CAEJ,IAEA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE,EAAA,CAGzE;AAAA,QAEF,SAAO;AAAA,QACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,MAAA;AAAA,MAlClD,IAAI;AAAA,IAAA,CAoCZ,GACH,EAAA,CACF;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,+BACD,UAAA,EAAS,OAAO,MAAM,SAAA,GACpB,UAAA,UAAU,SAAS,IAAI,QAAA,GADc,IAAI,SAE5C;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n tab_order: number;\n title: string;\n content?: string \| ReactNode;\n data?: any;\n remove_tab?: boolean;\n}\nexport interface TabProps {\n tabs: TabItem[];\n activeValue?: number;\n setActiveValue?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n onEditTabTitle?: (tabId: number, newTitle: string) => void;\n handleTabChange?: () => void;\n handleRemoveTab?: (tabId: number) => void;\n isFormTabValid?: boolean ;\n isTabViewOnly?: boolean;\n activeTabs?: any[] ;\n setActiveTabs?: React.Dispatch<React.SetStateAction<number \| undefined>>;\n containerProps?: any;\n}\n\nexport default function TabBar(props: TabProps) {\n const { t } = useTranslation();\n const {\n tabs,\n onEditTabTitle,\n activeValue,\n setActiveValue,\n handleTabChange,\n handleRemoveTab,\n // isFormTabValid , \n isTabViewOnly,\n activeTabs, \n containerProps\n } = props; \n \n const [value, setValue] = useState<number>(activeValue \|\| 0);\n const [editableTabId, setEditableTabId] = useState<number \| null>(null);\n useEffect(()=>{\n activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n setValue(newValue);\n setActiveValue && setActiveValue(newValue);\n handleTabChange && handleTabChange();\n };\n\n const handleTabDoubleClick = (tabId: number) => {\n setEditableTabId(tabId);\n };\n\n const handleEditTabTitle = (\n event: React.ChangeEvent<HTMLInputElement>,\n tabId: number,\n ) => {\n onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n };\n\n // useEffect(() => {\n // if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n // // eslint-disable-next-line\n // }, [tabs]);\n\n return (\n <Box mb={2} {...containerProps}>\n <TabContext value={activeValue ?? value }>\n <Box>\n <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n {tabs.map((tab: TabItem, index: any) => (\n <Tab\n className=\"account-payble-tab-items\"\n key={tab.tab_order}\n \n label={\n <Box display='flex' alignItems='center'>\n {\n onEditTabTitle && editableTabId === tab.tab_order ? (\n <TextField\n value={tab.title}\n autoFocus\n onBlur={() => setEditableTabId(null)}\n onChange={(e: any) =>\n handleEditTabTitle(e, tab.tab_order)\n }\n />\n ) : handleRemoveTab ? (\n <div className=\"Tabs--Title\">\n <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n {!tab.remove_tab && (\n <IconButton size=\"small\" onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleRemoveTab(tab.tab_order);\n }}>\n <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n </IconButton>\n )}\n </div>\n ) : (\n <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n )\n }\n </Box>\n }\n wrapped\n onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n />\n ))}\n </TabList>\n </Box>\n {tabs.map(\n (tab: TabItem, index: number) =>\n tab.content && (\n <TabPanel value={index.toString()} key={tab.tab_order}>\n {value === index && tab.content}\n </TabPanel>\n ),\n )}\n </TabContext>\n </Box>\n );\n}\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;AAoCA,SAAwB,OAAO,OAAiB;AAC9C,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAIA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,eAAe,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,YAAU,MAAI;AACZ,mBAAe,SAAS,WAAW;AAAA,EACtC,GAAI,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,QAA8B,aAAqB;AACvE,aAAS,QAAQ;AACjB,sBAAkB,eAAe,QAAQ;AACzC,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAOA,SACE,oBAAC,KAAA,EAAI,IAAI,GAAI,GAAG,gBACd,UAAA,qBAAC,YAAA,EAAW,OAAO,eAAe,OAChC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA,oBAAC,SAAA,EAAQ,WAAU,4BAA2B,UAAU,cAAc,SAAQ,cAAa,eAAc,QAAO,cAAW,mBAAkB,IAAI,EAAE,WAAW,QAAQ,UAAU,UAC7K,UAAA,KAAK,IAAI,CAAC,KAAc,UACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QAGV,OACE,oBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAEzB,UAAA,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,IAAI;AAAA,YACX,WAAS;AAAA,YACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,YACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,UAAA;AAAA,QAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE;AAAA,UAChE,CAAC,IAAI,cACJ,oBAAC,cAAW,MAAK,SAAQ,SAAS,CAAC,MAAM;AACvC,cAAE,eAAA;AACF,cAAE,gBAAA;AACF,4BAAgB,IAAI,SAAS;AAAA,UAC/B,GACE,UAAA,oBAACA,WAAA,EAAU,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA,EAAU,CAAE,EAAA,CAC5D;AAAA,QAAA,EAAA,CAEJ,IAEA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE,EAAA,CAGzE;AAAA,QAEF,SAAO;AAAA,QACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,MAAA;AAAA,MAlClD,IAAI;AAAA,IAAA,CAoCZ,GACH,EAAA,CACF;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,+BACD,UAAA,EAAS,OAAO,MAAM,SAAA,GACpB,UAAA,UAAU,SAAS,IAAI,QAAA,GADc,IAAI,SAE5C;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}