@erpsquad/common 1.8.45 → 1.8.46

package/dist/components/share-modal/share-modal-enhanced/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\n    }\n    userDropdownData.isRoleVisible = value.is_role;\n    setUserDropdownData(userDropdownData);\n    setSelectedOptions({\n      ...value,\n      selectedUsers: value.is_role ? value?.role_id : value?.selectedUsers\n    });\n    //eslint-disable-next-line\n  }, [value?.selectedUsers, open]);\n\n  const handleShareSubmit = () => {\n    if (!selectedUsers?.length) return;\n    const uIds = flatMap(selectedUsers, 'userIds').filter(i => i);\n    let sOptions = selectedUsers;\n    if (Array.isArray(uIds) && uIds?.length) {\n      sOptions = users?.filter((u: any) => uIds.includes(u.id)) || [];\n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role: userDropdownData?.isRoleVisible,\n      role_id: userDropdownData?.isRoleVisible ? selectedUsers?.map((u: any) => u?.id) : [],\n    };\n    onSubmit(sharedData);\n  };\n\n  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage = (value: any) => {\n    if (userDropdownData.isRoleVisible) {\n      setSelectedOptions({ ...selectedOptions, role_id: value });\n    }\n    setSelectedOptions({ ...selectedOptions, selectedUsers: value });\n  };\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  };\n\n  useEffect(() => {\n    if (!open) resetOptions();\n    if (open) {\n      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n            <Typography type=\"s3\" className=\"input-label\">\n              Add users\n            </Typography>\n            <FormControlLabel\n              control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n              label={\n                <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n              }\n            />\n          </Box>\n\n          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\n                <SearchableSelect\n                  options={filteredOptions}\n                  multiple\n                  value={selectedOptions?.selectedUsers}\n                  onChange={(e) => handleChage(e.target.value)}\n                  placeholder={\n                    selectedOptions && selectedOptions.length\n                      ? \"\"\n                      : \"Add people and roles\"\n                  }\n                  getSelectedData={row => setSelectedUsers(row)}\n                />\n              </Box>\n            </>\n          )}\n\n          {isPeopleAccessVisible && (\n            <div className={\"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\" key={user.id}>\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                      key={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUpEnhanced;"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","users","propUsers","departments","propDepartments","loading","propLoading","error","propError","onFetchUsersAndDepartments","useRedux","reduxState","isError","dispatch","useAppSelector","useAppDispatch","require","store","share","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","jsx","Dialog","className","children","DialogContent","Box","display","justifyContent","alignItems","minHeight","Typography","jsxs","flexDirection","color","Button","onClick","sx","mt","DialogTitle","type","ml","IconButton","disableRipple","CloseIcon","Divider","m","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\n    }\n    userDropdownData.isRoleVisible = value.is_role;\n    setUserDropdownData(userDropdownData);\n    setSelectedOptions({\n      ...value,\n      selectedUsers: value.is_role ? value?.role_id : value?.selectedUsers\n    });\n    //eslint-disable-next-line\n  }, [value?.selectedUsers, open]);\n\n  const handleShareSubmit = () => {\n    if (!selectedUsers?.length) return;\n    const uIds = flatMap(selectedUsers, 'userIds').filter(i => i);\n    let sOptions = selectedUsers;\n    if (Array.isArray(uIds) && uIds?.length) {\n      sOptions = users?.filter((u: any) => uIds.includes(u.id)) || [];\n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role: userDropdownData?.isRoleVisible,\n      role_id: userDropdownData?.isRoleVisible ? selectedUsers?.map((u: any) => u?.id) : [],\n    };\n    onSubmit(sharedData);\n  };\n\n  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage = (value: any) => {\n    if (userDropdownData.isRoleVisible) {\n      setSelectedOptions({ ...selectedOptions, role_id: value });\n    }\n    setSelectedOptions({ ...selectedOptions, selectedUsers: value });\n  };\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  };\n\n  useEffect(() => {\n    if (!open) resetOptions();\n    if (open) {\n      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n            <Typography type=\"s3\" className=\"input-label\">\n              Add users\n            </Typography>\n            <FormControlLabel\n              control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n              label={\n                <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n              }\n            />\n          </Box>\n\n          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\n                <SearchableSelect\n                  options={filteredOptions}\n                  multiple\n                  value={selectedOptions?.selectedUsers}\n                  onChange={(e) => handleChage(e.target.value)}\n                  placeholder={\n                    selectedOptions && selectedOptions.length\n                      ? \"\"\n                      : \"Add people and roles\"\n                  }\n                  getSelectedData={row => setSelectedUsers(row)}\n                />\n              </Box>\n            </>\n          )}\n\n          {isPeopleAccessVisible && (\n            <div className={\"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\" key={user.id}>\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                      key={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport { SharePopUpEnhanced };\nexport default SharePopUpEnhanced;"],"names":["SharePopUpEnhanced","props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","users","propUsers","departments","propDepartments","loading","propLoading","error","propError","onFetchUsersAndDepartments","useRedux","reduxState","isError","dispatch","useAppSelector","useAppDispatch","require","store","share","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","jsx","Dialog","className","children","DialogContent","Box","display","justifyContent","alignItems","minHeight","Typography","jsxs","flexDirection","color","Button","onClick","sx","mt","DialogTitle","type","ml","IconButton","disableRipple","CloseIcon","Divider","m","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}

package/dist/components/share-modal/share-modal-enhanced.d.ts

@@ -16,4 +16,5 @@ interface SharePopUpEnhancedProps {
     useRedux?: boolean;
 }
 declare const SharePopUpEnhanced: (props: SharePopUpEnhancedProps) => import("react/jsx-runtime").JSX.Element;
+export { SharePopUpEnhanced };
 export default SharePopUpEnhanced;

package/dist/components/share-modal/share-modal.d.ts

@@ -10,4 +10,5 @@ interface SharePopUpProps {
     isPeopleAccessVisible?: boolean;
 }
 declare const SharePopUp: (props: SharePopUpProps) => import("react/jsx-runtime").JSX.Element;
+export { SharePopUp };
 export default SharePopUp;

package/dist/components/sidebar/sidebar/index.esm.js

@@ -8,10 +8,10 @@ import default_1$2 from "../../../node_modules/@mui/icons-material/ExpandMore/in
 import { Typography } from "../../typography/typography/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                        */
-import SearchBar from "../../search-bar/search-bar/index.esm.js";
-import Tooltip from "../../tooltip/Tooltip/index.esm.js";
+import { SearchBar } from "../../search-bar/search-bar/index.esm.js";
+import { Tooltip } from "../../tooltip/Tooltip/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
-import DynamicSvgIcon from "../../../assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js";
+import { DynamicSvgIcon } from "../../../assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js";
 import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";
 import ListItemButton from "../../../node_modules/@mui/material/ListItemButton/ListItemButton/index.esm.js";
 import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.esm.js";

package/dist/components/sidebar/sidebar/index.js

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("react-router-dom"),o=,/* empty css                                                           */l=,/* empty css                                                            */t=,/* empty css                                                          */i=,/* empty css                                                          */a=,/* empty css                                 */s=;/* empty css                     */;/* empty css                     */var d=,/* empty css                                 */u=,/* empty css                           */c=,/* empty css                                */m=,/* empty css                                                       */p=,/* empty css                                                           */h=,/* empty css                                                                       */b=,/* empty css                                                                   */x=,/* empty css                                                 */f=,/* empty css                                                           */g=,/* empty css                                                   */v=,/* empty css                                                       */y=,/* empty css                                           */j=,/* empty css                                                                             */C=,/* empty css                                                               */k=,/* empty css                               */w=,/* empty css                        */S=,/* empty css                                                               */q=,/* empty css                                                   */L=,/* empty css                                                       */I=,/* empty css                                                         */z=;/* empty css                                                     */function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R=/* @__PURE__ */M(r);let _;const E=e=>{var r,n;return{width:_,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},B=e=>{var r,n;return{transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(7)} + 1px)`,[e.breakpoints.up("sm")]:{width:`calc(${e.spacing(8)} + 1px)`},borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},$=v.default(L.default,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:r})=>{var n,o,l;return{width:_,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",".MuiDrawer-paper":{backgroundColor:null==(l=null==(o=null==(n=null==e?void 0:e.palette)?void 0:n.theme)?void 0:o.secondary)?void 0:l[100],overflow:"visible !important",zIndex:1201},...r&&{...E(e),"& .MuiDrawer-paper":E(e)},...!r&&{...B(e),"& .MuiDrawer-paper":B(e)}}}),P=v.default("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(0,2),...e.mixins.toolbar,minHeight:64})),O=v.default(z.default)(({theme:e})=>{var r,n,o,l;return{minWidth:250,maxWidth:350,maxHeight:"80vh",overflowY:"auto",backgroundColor:(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[100])||e.palette.background.paper,borderRadius:12,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12)",border:`1px solid ${(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[200])||e.palette.divider}`,"&.MuiPaper-root":{transformOrigin:"top left"},"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}}}),T=v.default(x.default)(({theme:e})=>{var r,n,o,l;return{padding:e.spacing(1,2),borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`,backgroundColor:(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[50])||e.palette.grey[50]}}),A=({menu:r,anchorEl:n,open:o,onClose:t,onItemClick:i,onSubmenuClick:s,getActiveClassIf:d,breadcrumb:u,onBreadcrumbClick:c})=>{var m;/* @__PURE__ */
-return e.jsx(j.ClickAwayListener,{onClickAway:t,children:/* @__PURE__ */e.jsx(I.default,{open:o,anchorEl:n,onClose:t,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},PaperComponent:O,elevation:1,disableRestoreFocus:!0,disableAutoFocus:!0,disableEnforceFocus:!0,sx:{ml:.5,"& .MuiPopover-paper":{marginTop:0,pointerEvents:"auto"}},transitionDuration:200,children:/* @__PURE__ */e.jsxs(x.default,{children:[u.length<=1?null:/* @__PURE__ */e.jsx(T,{children:/* @__PURE__ */e.jsx(x.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:.5},children:u.map((r,n)=>/* @__PURE__ */e.jsxs(R.default.Fragment,{children:[n>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:14,color:"theme.secondary.400"}}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("react-router-dom"),o=,/* empty css                                                           */l=,/* empty css                                                            */t=,/* empty css                                                          */i=,/* empty css                                                          */a=,/* empty css                                 */s=;/* empty css                     */;/* empty css                     */var d=,/* empty css                                 */u=,/* empty css                           */c=,/* empty css                                */m=,/* empty css                                                       */p=,/* empty css                                                           */h=,/* empty css                                                                       */b=,/* empty css                                                                   */x=,/* empty css                                                 */g=,/* empty css                                                           */f=,/* empty css                                                   */v=,/* empty css                                                       */y=,/* empty css                                           */j=,/* empty css                                                                             */C=,/* empty css                                                               */k=,/* empty css                               */w=,/* empty css                        */S=,/* empty css                                                               */q=,/* empty css                                                   */I=,/* empty css                                                       */L=,/* empty css                                                         */z=;/* empty css                                                     */function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R=/* @__PURE__ */M(r);let _;const B=e=>{var r,n;return{width:_,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},E=e=>{var r,n;return{transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(7)} + 1px)`,[e.breakpoints.up("sm")]:{width:`calc(${e.spacing(8)} + 1px)`},borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},T=v.default(I.default,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:r})=>{var n,o,l;return{width:_,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",".MuiDrawer-paper":{backgroundColor:null==(l=null==(o=null==(n=null==e?void 0:e.palette)?void 0:n.theme)?void 0:o.secondary)?void 0:l[100],overflow:"visible !important",zIndex:1201},...r&&{...B(e),"& .MuiDrawer-paper":B(e)},...!r&&{...E(e),"& .MuiDrawer-paper":E(e)}}}),$=v.default("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(0,2),...e.mixins.toolbar,minHeight:64})),P=v.default(z.default)(({theme:e})=>{var r,n,o,l;return{minWidth:250,maxWidth:350,maxHeight:"80vh",overflowY:"auto",backgroundColor:(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[100])||e.palette.background.paper,borderRadius:12,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12)",border:`1px solid ${(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[200])||e.palette.divider}`,"&.MuiPaper-root":{transformOrigin:"top left"},"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}}}),O=v.default(x.default)(({theme:e})=>{var r,n,o,l;return{padding:e.spacing(1,2),borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`,backgroundColor:(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[50])||e.palette.grey[50]}}),D=({menu:r,anchorEl:n,open:o,onClose:t,onItemClick:i,onSubmenuClick:s,getActiveClassIf:d,breadcrumb:u,onBreadcrumbClick:c})=>{var m;/* @__PURE__ */
+return e.jsx(j.ClickAwayListener,{onClickAway:t,children:/* @__PURE__ */e.jsx(L.default,{open:o,anchorEl:n,onClose:t,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},PaperComponent:P,elevation:1,disableRestoreFocus:!0,disableAutoFocus:!0,disableEnforceFocus:!0,sx:{ml:.5,"& .MuiPopover-paper":{marginTop:0,pointerEvents:"auto"}},transitionDuration:200,children:/* @__PURE__ */e.jsxs(x.default,{children:[u.length<=1?null:/* @__PURE__ */e.jsx(O,{children:/* @__PURE__ */e.jsx(x.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:.5},children:u.map((r,n)=>/* @__PURE__ */e.jsxs(R.default.Fragment,{children:[n>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:14,color:"theme.secondary.400"}}),
 /* @__PURE__ */e.jsx(S.default,{variant:"caption",onClick:()=>c(r,n),sx:{cursor:n<u.length-1?"pointer":"default",color:n<u.length-1?"primary.main":"theme.secondary.600",fontWeight:n===u.length-1?600:400,fontSize:"0.75rem","&:hover":n<u.length-1?{textDecoration:"underline"}:{}},children:r.label})]},n))})}),
 /* @__PURE__ */e.jsxs(x.default,{children:[
 /* @__PURE__ */e.jsx(S.default,{variant:"subtitle2",sx:{px:2,py:1,fontWeight:600,color:"theme.secondary.1000",borderBottom:u.length>1?"none":"1px solid",borderColor:"theme.secondary.200",mb:.5,fontSize:"0.875rem"},children:r.label}),
-/* @__PURE__ */e.jsx(g.default,{component:"div",sx:{py:0},children:null==(m=r.submenu)?void 0:m.map((r,n)=>{var o;const u=d([...(null==r?void 0:r.connectedRoutes)||[],r.link]);/* @__PURE__ */
+/* @__PURE__ */e.jsx(f.default,{component:"div",sx:{py:0},children:null==(m=r.submenu)?void 0:m.map((r,n)=>{var o;const u=d([...(null==r?void 0:r.connectedRoutes)||[],r.link]);/* @__PURE__ */
 return e.jsx(p.default,{disablePadding:!0,children:/* @__PURE__ */e.jsxs(h.default,{onClick:e=>{var n;(null==(n=r.submenu)?void 0:n.length)?s(r,e):(i(r),t())},selected:u,sx:e=>{var r,n;return{minHeight:40,borderRadius:1.5,mb:.25,position:"relative","&.Mui-selected":{backgroundColor:null==(r=e.palette.theme)?void 0:r.primary[100],color:"primary.main","& .MuiListItemIcon-root":{color:"primary.main"}},"&.Mui-selected:hover":{backgroundColor:null==(n=e.palette.theme)?void 0:n.primary[200]},"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}}},children:[r.icon&&/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:32},children:/* @__PURE__ */e.jsx("img",{src:r.icon,alt:r.label+" icon",style:{opacity:.8}})}),
-/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:"normal",color:"theme.secondary.1000",sx:{flexGrow:1,fontSize:"0.875rem",lineHeight:1.4},children:r.label}),(null==(o=r.submenu)?void 0:o.length)>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:18,color:"theme.secondary.500",ml:1}})]})},n)})})]})]})})})},D=v=>{const L=n.useNavigate(),I=n.useLocation(),{currentLanguage:z}=c.useLanguage(),M=r.useMemo(()=>"rtl"===(null==z?void 0:z.direction),[z]),[R,E]=r.useState({open:!1,anchorEl:null,menu:null,breadcrumb:[]}),[B,O]=r.useState([]),[T,D]=r.useState(""),[W,F]=r.useState([]),[H,N]=r.useState(!1),G=r.useCallback(e=>{const r=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(n.matchRoutes(r,I))},[I]),Y=r.useCallback(e=>{var r;if(!(null==(r=e.submenu)?void 0:r.length))return!1;for(const n of e.submenu)if(G([...(null==n?void 0:n.connectedRoutes)||[],n.link])||Y(n))return!0;return!1},[G]),J=r.useCallback(e=>{var r,n;const o=[];return e.link&&o.push(e.link),(null==(r=e.connectedRoutes)?void 0:r.length)&&o.push(...e.connectedRoutes),(null==(n=e.submenu)?void 0:n.length)&&e.submenu.forEach(e=>{o.push(...J(e))}),o},[]),X=r.useCallback((e,r)=>{var n,o;e.stopPropagation(),!v.open&&(null==(n=r.submenu)?void 0:n.length)>0&&(R.open&&(null==(o=R.menu)?void 0:o.label)===r.label?E({open:!1,anchorEl:null,menu:null,breadcrumb:[]}):E({open:!0,anchorEl:e.currentTarget,menu:r,breadcrumb:[r]}))},[v.open,R]),K=r.useCallback((e,r)=>{var n;(null==(n=e.submenu)?void 0:n.length)&&E(r=>({...r,menu:e,breadcrumb:[...r.breadcrumb,e]}))},[]),Q=r.useCallback((e,r)=>{E(n=>({...n,menu:e,breadcrumb:n.breadcrumb.slice(0,r+1)}))},[]),U=r.useCallback(()=>{E({open:!1,anchorEl:null,menu:null,breadcrumb:[]})},[]),V=r.useCallback(e=>{L(e.link)},[L]),Z=r.useCallback((e,r,n)=>{var o,l,t,i;if(v.open||!((null==(o=e.submenu)?void 0:o.length)>0))if(null==(l=e.submenu)?void 0:l.length)if((null==(t=e.submenu)?void 0:t.length)&&(null==(i=e.submenu[n])?void 0:i.link))L(`${e.link}${e.submenu[n].link}`);else{const n=`${(null==r?void 0:r.label)||""}-${e.label}`;if(W.includes(n))if(r){const e=W.filter(e=>e!==n);F([...e])}else F([]);else F(r?[...W,n]:[n])}else L(e.link),r||F([])},[v.open,L,W]),ee=r.useCallback((e,r)=>e.filter(e=>{var n,o,l,t;return(null==(o=null==(n=null==e?void 0:e.label)?void 0:n.toLowerCase())?void 0:o.includes(r))?e:(null==(l=null==e?void 0:e.submenu)?void 0:l.length)?(e.submenu=ee(null==e?void 0:e.submenu,r),(null==(t=e.submenu)?void 0:t.length)>0?e:null):null}).filter(Boolean),[]),re=r.useCallback(e=>{if(e){const r=e.toLowerCase(),n=(null==v?void 0:v.menu)?JSON.parse(JSON.stringify(v.menu)):[],o=ee(n,r);O(o)}else O(v.menu||[])},[v.menu,ee]),ne=r.useCallback(()=>N(!0),[]),oe=r.useCallback(()=>N(!1),[]),le=r.useCallback((r,n,o)=>null==r?void 0:r.map((r,s)=>{var d,c;const y=`${(null==n?void 0:n.label)||""}-${r.label}`,j=G([...(null==r?void 0:r.connectedRoutes)||[],r.link]),C=!v.open&&Y(r),k=j||C;/* @__PURE__ */
-return e.jsx(u.default,{title:r.label,placement:"right",arrow:!0,disableHoverListener:v.open,disableFocusListener:v.open,disableTouchListener:v.open,children:/* @__PURE__ */e.jsxs(p.default,{disablePadding:!0,sx:{display:"block",...M&&{padding:0}},children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:"normal",color:"theme.secondary.1000",sx:{flexGrow:1,fontSize:"0.875rem",lineHeight:1.4},children:r.label}),(null==(o=r.submenu)?void 0:o.length)>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:18,color:"theme.secondary.500",ml:1}})]})},n)})})]})]})})})},A=v=>{const I=n.useNavigate(),L=n.useLocation(),{currentLanguage:z}=c.useLanguage(),M=r.useMemo(()=>"rtl"===(null==z?void 0:z.direction),[z]),[R,B]=r.useState({open:!1,anchorEl:null,menu:null,breadcrumb:[]}),[E,P]=r.useState([]),[O,A]=r.useState(""),[W,F]=r.useState([]),[H,N]=r.useState(!1),G=r.useCallback(e=>{const r=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(n.matchRoutes(r,L))},[L]),Y=r.useCallback(e=>{var r;if(!(null==(r=e.submenu)?void 0:r.length))return!1;for(const n of e.submenu)if(G([...(null==n?void 0:n.connectedRoutes)||[],n.link])||Y(n))return!0;return!1},[G]),J=r.useCallback(e=>{var r,n;const o=[];return e.link&&o.push(e.link),(null==(r=e.connectedRoutes)?void 0:r.length)&&o.push(...e.connectedRoutes),(null==(n=e.submenu)?void 0:n.length)&&e.submenu.forEach(e=>{o.push(...J(e))}),o},[]),X=r.useCallback((e,r)=>{var n,o;e.stopPropagation(),!v.open&&(null==(n=r.submenu)?void 0:n.length)>0&&(R.open&&(null==(o=R.menu)?void 0:o.label)===r.label?B({open:!1,anchorEl:null,menu:null,breadcrumb:[]}):B({open:!0,anchorEl:e.currentTarget,menu:r,breadcrumb:[r]}))},[v.open,R]),K=r.useCallback((e,r)=>{var n;(null==(n=e.submenu)?void 0:n.length)&&B(r=>({...r,menu:e,breadcrumb:[...r.breadcrumb,e]}))},[]),Q=r.useCallback((e,r)=>{B(n=>({...n,menu:e,breadcrumb:n.breadcrumb.slice(0,r+1)}))},[]),U=r.useCallback(()=>{B({open:!1,anchorEl:null,menu:null,breadcrumb:[]})},[]),V=r.useCallback(e=>{I(e.link)},[I]),Z=r.useCallback((e,r,n)=>{var o,l,t,i;if(v.open||!((null==(o=e.submenu)?void 0:o.length)>0))if(null==(l=e.submenu)?void 0:l.length)if((null==(t=e.submenu)?void 0:t.length)&&(null==(i=e.submenu[n])?void 0:i.link))I(`${e.link}${e.submenu[n].link}`);else{const n=`${(null==r?void 0:r.label)||""}-${e.label}`;if(W.includes(n))if(r){const e=W.filter(e=>e!==n);F([...e])}else F([]);else F(r?[...W,n]:[n])}else I(e.link),r||F([])},[v.open,I,W]),ee=r.useCallback((e,r)=>e.filter(e=>{var n,o,l,t;return(null==(o=null==(n=null==e?void 0:e.label)?void 0:n.toLowerCase())?void 0:o.includes(r))?e:(null==(l=null==e?void 0:e.submenu)?void 0:l.length)?(e.submenu=ee(null==e?void 0:e.submenu,r),(null==(t=e.submenu)?void 0:t.length)>0?e:null):null}).filter(Boolean),[]),re=r.useCallback(e=>{if(e){const r=e.toLowerCase(),n=(null==v?void 0:v.menu)?JSON.parse(JSON.stringify(v.menu)):[],o=ee(n,r);P(o)}else P(v.menu||[])},[v.menu,ee]),ne=r.useCallback(()=>N(!0),[]),oe=r.useCallback(()=>N(!1),[]),le=r.useCallback((r,n,o)=>null==r?void 0:r.map((r,s)=>{var d,c;const y=`${(null==n?void 0:n.label)||""}-${r.label}`,j=G([...(null==r?void 0:r.connectedRoutes)||[],r.link]),C=!v.open&&Y(r),k=j||C;/* @__PURE__ */
+return e.jsx(u.Tooltip,{title:r.label,placement:"right",arrow:!0,disableHoverListener:v.open,disableFocusListener:v.open,disableTouchListener:v.open,children:/* @__PURE__ */e.jsxs(p.default,{disablePadding:!0,sx:{display:"block",...M&&{padding:0}},children:[
 /* @__PURE__ */e.jsxs(h.default,{onClick:e=>{var o;!v.open&&(null==(o=r.submenu)?void 0:o.length)>0?X(e,r):Z(r,n,(null==r?void 0:r.submenu)?-1:s)},selected:k,sx:e=>{var n,o,l,t,i,a;return{minHeight:v.open?40:44,justifyContent:v.open?"initial":"center",display:"flex",alignItems:"center",borderRadius:2,gap:1,position:"relative",transition:"all 0.2s ease-in-out","&.Mui-selected":{backgroundColor:null==(n=e.palette.theme)?void 0:n.primary[100],color:null==(o=e.palette.theme)?void 0:o.primary[800],"& .MuiListItemIcon-root":{color:null==(l=e.palette.theme)?void 0:l.primary[800]},"& .MuiTypography-root":{color:null==(t=e.palette.theme)?void 0:t.primary[800],fontWeight:500}},"&.Mui-selected:hover":{backgroundColor:null==(i=e.palette.theme)?void 0:i.primary[200]},"&:hover":{backgroundColor:v.open?"rgba(0, 0, 0, 0.04)":"rgba(0, 0, 0, 0.08)",transform:v.open?"none":"scale(1.02)"},...!v.open&&(null==(a=r.submenu)?void 0:a.length)>0&&{cursor:"pointer","&::after":{content:'""',position:"absolute",...M?{left:8,borderRight:"5px solid"}:{right:8,borderLeft:"5px solid"},top:"25%",transform:"translateY(-50%)",width:0,height:0,borderTop:"4px solid transparent",borderBottom:"4px solid transparent",borderColor:"currentColor transparent transparent transparent",opacity:.7}}}},children:[
-/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:v.open?"auto":0,...M?{ml:0}:{},justifyContent:"center",display:"flex",alignItems:"center",transition:"all 0.2s ease-in-out"},children:r.icon?/* @__PURE__ */e.jsx(m.default,{svgPath:r.icon,color:k?"primary":"grey",fontSize:v.open?"small":"medium"}):/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:v.open?24:28,transition:"all 0.2s ease-in-out"}})}),v.open&&/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",alignItems:"center",flexGrow:1,position:"relative",overflow:"hidden"},children:[
-/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:0===o?"medium":"normal",color:"theme.secondary.1000",sx:{flexGrow:1,pl:1.5*o,fontSize:0===o?"0.875rem":"0.8125rem",lineHeight:1.4,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.label}),(null==(d=r.submenu)?void 0:d.length)>0&&/* @__PURE__ */e.jsx(x.default,{sx:{ml:1,display:"flex",alignItems:"center",transition:"transform 0.2s ease-in-out"},children:W.includes(y)?/* @__PURE__ */e.jsx(t.default,{sx:{fontSize:20,color:"theme.secondary.600"}}):/* @__PURE__ */e.jsx(i.default,{sx:{fontSize:20,color:"theme.secondary.600"}})})]})]}),W.includes(y)&&(null==(c=r.submenu)?void 0:c.length)>0&&v.open&&/* @__PURE__ */e.jsx(f.default,{in:W.includes(y),timeout:"auto",unmountOnExit:!0,children:/* @__PURE__ */e.jsx(g.default,{component:"div",disablePadding:!0,sx:{mt:.5},children:le(r.submenu,r,o+1)})})]})},`${r.label}-${s}`)}),[v.open,W,G,X,Z,Y,M]);return r.useEffect(()=>{var e;if(re(T),null==(e=v.menu)?void 0:e.length){const e=[],r=(n,o="")=>{n.forEach(n=>{var l;if(null==(l=null==n?void 0:n.submenu)?void 0:l.length){const l=`${o}-${n.label}`,t=J(n);G(t)&&(e.push(l),r(n.submenu,n.label))}})};r(v.menu),F(e)}},[G,re,v.menu,T,J]),r.useEffect(()=>{v.open&&U()},[v.open,U]),_=v.width,/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx($,{variant:"permanent",open:v.open,anchor:"rtl"===document.body.dir?"right":"left",onMouseEnter:v.handleMouseEnter,onMouseLeave:v.handleMouseLeave,children:/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"grey.100"},children:[
-/* @__PURE__ */e.jsx(x.default,{sx:e=>{var r,n;return{borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`}},children:/* @__PURE__ */e.jsx(P,{children:/* @__PURE__ */e.jsx("img",{src:v.open?s.images.logo:s.images.favicon,alt:v.open?"logo":"favicon",width:!v.open&&40,style:{transition:"all 0.3s ease-in-out",filter:"brightness(1.1)",cursor:"pointer"},onClick:()=>L(v.dashboardPath||y.Pathname.DASHBOARD)})})}),v.open?/* @__PURE__ */e.jsx(x.default,{sx:{px:1.5,py:1.5,borderBottom:"1px solid",borderColor:"theme.secondary.200"},children:/* @__PURE__ */e.jsx(d.default,{className:"sidebar-search",handleSearch:D,placeholder:"Search menu...",value:T,sx:{"&.MuiTextField-root":{backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.200",borderRadius:1}}})}):/* @__PURE__ */e.jsx(j.ClickAwayListener,{onClickAway:oe,children:/* @__PURE__ */e.jsx(x.default,{sx:{p:1,pb:0,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(u.default,{title:/* @__PURE__ */e.jsx(d.default,{className:"sidebar-search",handleSearch:D,placeholder:"Search menu...",value:T,sx:{"&.MuiTextField-root":{backgroundColor:"transparent"}}}),placement:"right",arrow:!0,sx:{p:0,backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.300","& .MuiTooltip-arrow":{color:"grey.300"},ml:"8px !important"},open:H,children:/* @__PURE__ */e.jsx(C.default,{color:"inherit",sx:{borderRadius:2,p:1.5,backgroundColor:H?"grey.200":"inherit"},onClick:ne,children:T.trim()?/* @__PURE__ */e.jsx(k.SearchStatus,{}):/* @__PURE__ */e.jsx(w.Search,{})})})})}),
-/* @__PURE__ */e.jsx(x.default,{sx:{flexGrow:1,overflowY:"auto",py:1,"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}},children:/* @__PURE__ */e.jsx(g.default,{className:"sidebar-list",sx:{p:0},children:le(B,null,0)})}),v.open&&/* @__PURE__ */e.jsx(x.default,{sx:{borderTop:"1px solid",borderColor:"theme.secondary.200",backgroundColor:"rgba(255, 255, 255, 0.5)"},children:/* @__PURE__ */e.jsxs(x.default,{sx:{padding:".75rem 1.5rem",display:"flex",alignItems:"self-start",gap:.5,justifyContent:"center"},children:[
+/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:v.open?"auto":0,...M?{ml:0}:{},justifyContent:"center",display:"flex",alignItems:"center",transition:"all 0.2s ease-in-out"},children:r.icon?/* @__PURE__ */e.jsx(m.DynamicSvgIcon,{svgPath:r.icon,color:k?"primary":"grey",fontSize:v.open?"small":"medium"}):/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:v.open?24:28,transition:"all 0.2s ease-in-out"}})}),v.open&&/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",alignItems:"center",flexGrow:1,position:"relative",overflow:"hidden"},children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:0===o?"medium":"normal",color:"theme.secondary.1000",sx:{flexGrow:1,pl:1.5*o,fontSize:0===o?"0.875rem":"0.8125rem",lineHeight:1.4,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.label}),(null==(d=r.submenu)?void 0:d.length)>0&&/* @__PURE__ */e.jsx(x.default,{sx:{ml:1,display:"flex",alignItems:"center",transition:"transform 0.2s ease-in-out"},children:W.includes(y)?/* @__PURE__ */e.jsx(t.default,{sx:{fontSize:20,color:"theme.secondary.600"}}):/* @__PURE__ */e.jsx(i.default,{sx:{fontSize:20,color:"theme.secondary.600"}})})]})]}),W.includes(y)&&(null==(c=r.submenu)?void 0:c.length)>0&&v.open&&/* @__PURE__ */e.jsx(g.default,{in:W.includes(y),timeout:"auto",unmountOnExit:!0,children:/* @__PURE__ */e.jsx(f.default,{component:"div",disablePadding:!0,sx:{mt:.5},children:le(r.submenu,r,o+1)})})]})},`${r.label}-${s}`)}),[v.open,W,G,X,Z,Y,M]);return r.useEffect(()=>{var e;if(re(O),null==(e=v.menu)?void 0:e.length){const e=[],r=(n,o="")=>{n.forEach(n=>{var l;if(null==(l=null==n?void 0:n.submenu)?void 0:l.length){const l=`${o}-${n.label}`,t=J(n);G(t)&&(e.push(l),r(n.submenu,n.label))}})};r(v.menu),F(e)}},[G,re,v.menu,O,J]),r.useEffect(()=>{v.open&&U()},[v.open,U]),_=v.width,/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(T,{variant:"permanent",open:v.open,anchor:"rtl"===document.body.dir?"right":"left",onMouseEnter:v.handleMouseEnter,onMouseLeave:v.handleMouseLeave,children:/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"grey.100"},children:[
+/* @__PURE__ */e.jsx(x.default,{sx:e=>{var r,n;return{borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`}},children:/* @__PURE__ */e.jsx($,{children:/* @__PURE__ */e.jsx("img",{src:v.open?s.images.logo:s.images.favicon,alt:v.open?"logo":"favicon",width:!v.open&&40,style:{transition:"all 0.3s ease-in-out",filter:"brightness(1.1)",cursor:"pointer"},onClick:()=>I(v.dashboardPath||y.Pathname.DASHBOARD)})})}),v.open?/* @__PURE__ */e.jsx(x.default,{sx:{px:1.5,py:1.5,borderBottom:"1px solid",borderColor:"theme.secondary.200"},children:/* @__PURE__ */e.jsx(d.SearchBar,{className:"sidebar-search",handleSearch:A,placeholder:"Search menu...",value:O,sx:{"&.MuiTextField-root":{backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.200",borderRadius:1}}})}):/* @__PURE__ */e.jsx(j.ClickAwayListener,{onClickAway:oe,children:/* @__PURE__ */e.jsx(x.default,{sx:{p:1,pb:0,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(u.Tooltip,{title:/* @__PURE__ */e.jsx(d.SearchBar,{className:"sidebar-search",handleSearch:A,placeholder:"Search menu...",value:O,sx:{"&.MuiTextField-root":{backgroundColor:"transparent"}}}),placement:"right",arrow:!0,sx:{p:0,backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.300","& .MuiTooltip-arrow":{color:"grey.300"},ml:"8px !important"},open:H,children:/* @__PURE__ */e.jsx(C.default,{color:"inherit",sx:{borderRadius:2,p:1.5,backgroundColor:H?"grey.200":"inherit"},onClick:ne,children:O.trim()?/* @__PURE__ */e.jsx(k.SearchStatus,{}):/* @__PURE__ */e.jsx(w.Search,{})})})})}),
+/* @__PURE__ */e.jsx(x.default,{sx:{flexGrow:1,overflowY:"auto",py:1,"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}},children:/* @__PURE__ */e.jsx(f.default,{className:"sidebar-list",sx:{p:0},children:le(E,null,0)})}),v.open&&/* @__PURE__ */e.jsx(x.default,{sx:{borderTop:"1px solid",borderColor:"theme.secondary.200",backgroundColor:"rgba(255, 255, 255, 0.5)"},children:/* @__PURE__ */e.jsxs(x.default,{sx:{padding:".75rem 1.5rem",display:"flex",alignItems:"self-start",gap:.5,justifyContent:"center"},children:[
 /* @__PURE__ */e.jsx(S.default,{sx:{color:"theme.secondary.600",fontSize:".85rem",fontWeight:500},children:"Crafted with"}),
 /* @__PURE__ */e.jsx(q.default,{sx:{color:"theme.error.500",width:"1rem",height:"1rem",fontSize:".75rem"},children:"❤️"}),
 /* @__PURE__ */e.jsx(S.default,{sx:{color:"theme.secondary.600",fontSize:".75rem",fontWeight:500},children:/* @__PURE__ */e.jsx("img",{src:s.images.erp_logo})})]})})]})}),
-/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>v.forcedOpen?v.handleDrawerClose():v.handleDrawerOpen(),className:M?"drawer-expand-btn_rtl":"drawer-expand-btn",sx:{ml:"auto",backgroundColor:"rgba(0, 0, 0, 0.04)","&:hover":{backgroundColor:"grey.100"},width:"30px",height:"30px",borderRadius:"8px",borderTopLeftRadius:0,borderBottomLeftRadius:0,borderColor:"grey.500",...M?v.forcedOpen?{right:"299px",left:"auto"}:{right:"63px !important",left:"auto"}:v.forcedOpen?{left:"299px",right:"auto"}:{left:"63px !important",right:"auto"},transition:"all 0.3s ease-in-out"},children:"rtl"===v.theme.direction?v.forcedOpen?/* @__PURE__ */e.jsx(l.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):v.forcedOpen?/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})}),R.menu&&/* @__PURE__ */e.jsx(A,{menu:R.menu,anchorEl:R.anchorEl,open:R.open,onClose:U,onItemClick:V,onSubmenuClick:K,getActiveClassIf:G,breadcrumb:R.breadcrumb,onBreadcrumbClick:Q})]})};exports.Sidebar=D,exports.default=D;
+/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>v.forcedOpen?v.handleDrawerClose():v.handleDrawerOpen(),className:M?"drawer-expand-btn_rtl":"drawer-expand-btn",sx:{ml:"auto",backgroundColor:"rgba(0, 0, 0, 0.04)","&:hover":{backgroundColor:"grey.100"},width:"30px",height:"30px",borderRadius:"8px",borderTopLeftRadius:0,borderBottomLeftRadius:0,borderColor:"grey.500",...M?v.forcedOpen?{right:"299px",left:"auto"}:{right:"63px !important",left:"auto"}:v.forcedOpen?{left:"299px",right:"auto"}:{left:"63px !important",right:"auto"},transition:"all 0.3s ease-in-out"},children:"rtl"===v.theme.direction?v.forcedOpen?/* @__PURE__ */e.jsx(l.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):v.forcedOpen?/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})}),R.menu&&/* @__PURE__ */e.jsx(D,{menu:R.menu,anchorEl:R.anchorEl,open:R.open,onClose:U,onItemClick:V,onSubmenuClick:K,getActiveClassIf:G,breadcrumb:R.breadcrumb,onBreadcrumbClick:Q})]})};exports.Sidebar=A,exports.default=A;
 //# sourceMappingURL=index.js.map

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

@@ -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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"}
+{"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

@@ -30,6 +30,7 @@ const Snackbar = (props) => {
   );
 };
 export {
+  Snackbar,
   Snackbar as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -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":["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;"}
+{"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 { Snackbar };\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

@@ -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("../../../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})};
+"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"),n=require("../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js");function o({snackbarKey:o}){const{closeSnackbar:s}=r.useSnackbar();/* @__PURE__ */
+return e.jsx(n.default,{children:/* @__PURE__ */e.jsx(i.default,{onClick:()=>s(o),sx:{width:20,height:20},children:/* @__PURE__ */e.jsx(t.default,{sx:{color:"#fff",width:16,height:16}})})})}const s=t=>{const{children:n,...i}=t;/* @__PURE__ */
+return e.jsx(r.SnackbarProvider,{action:r=>/* @__PURE__ */e.jsx(o,{snackbarKey:r}),style:{flexWrap:"unset"},anchorOrigin:{vertical:"bottom",horizontal:"right"},...i,children:n})};exports.Snackbar=s,exports.default=s;
 //# sourceMappingURL=index.js.map

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

@@ -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":"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"}
+{"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 { Snackbar };\nexport default Snackbar;\n"],"names":["SnackbarCloseButton","snackbarKey","closeSnackbar","useSnackbar","Box","children","jsx","IconButton","onClick","sx","width","height","CloseIcon","color","Snackbar","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,CAEA,MAAMG,EAAYC,IACjB,MAAMV,SAAEA,KAAaW,GAASD;AAC9B,OACCT,EAAAA,IAACW,EAAAA,iBAAA,CACAC,OAASjB,kBACRK,EAAAA,IAACN,GAAoBC,gBAEtBkB,MAAO,CAAEC,SAAU,SAEnBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,YAC5CP,EACHX"}