@erpsquad/common 1.8.75 → 1.8.77

package/dist/layout/sidebarScreen/sidebarScreen/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/layout/sidebarScreen/sidebarScreen.tsx"],"sourcesContent":["import { useEffect, useState, useCallback, useMemo } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport Box from \"@mui/material/Box\";\n\nimport AppBar from \"../../components/appbar/appbar\";\nimport SideBar from \"../../components/sidebar/sidebar\";\nimport ActivityArea from \"../../components/activityArea/activityArea\";\n\nimport drawerWidth from \"../../constants/mui.constants\";\n// const drawerWidth = 240;\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { getToken } from \"@/utils\";\nimport { getV1Settings } from \"../../api-client/api.manufacturing/api\";\n\n// Local storage key for drawer state\nconst DRAWER_STATE_KEY = '_is_drawer_open';\n\n// Interface for better type safety\ninterface SidebarLayoutProps {\n  menu: any[];\n  children: React.ReactNode;\n  dashboardPath?: string;\n}\n\nexport default function SidebarLayout(props: SidebarLayoutProps) {\n  const theme = useTheme();\n const {currentLanguage}=useLanguage();\n  const isRtl=useMemo(()=>currentLanguage?.direction===\"rtl\",[currentLanguage])\n  // Enhanced state management\n  const [forcedOpen, setForcedOpen] = useState(true);\n  const [hoverOpen, setHoverOpen] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n  \n  // Memoized computed state for actual drawer open status\n  const isDrawerOpen = forcedOpen || (!forcedOpen && hoverOpen);\n\n  // Enhanced drawer control functions with better state management\n  const handleDrawerOpen = useCallback(() => {\n    setForcedOpen(true);\n    setHoverOpen(false); // Clear hover state when forcing open\n    try {\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n    } catch (error) {\n      console.warn('Failed to save drawer state to localStorage:', error);\n    }\n  }, []);\n\n  const handleDrawerClose = useCallback(() => {\n    setForcedOpen(false);\n    window.localStorage.setItem('_is_drawer_open', 'false')\n  }, []);\n\n  const [wipSettingsData, setWipSettingsData] = useState<any>(null)\n  \n  const getSettings = useCallback(async () => {\n    // getToken returns { \"x-token\": string; \"x-timezone\": number }, but API expects string type for \"x-timezone\"\n    const tokenData = getToken();\n    const apiParams = {\n      \"x-token\": tokenData[\"x-token\"],\n      \"x-timezone\": String(tokenData[\"x-timezone\"]),\n    };\n    const response = await getV1Settings(apiParams);\n    // The \"data\" property may not exist on GetV1SettingsResponses, so check existence safely\n    const data = (response && (response as any)?.data?.settings?.[0]) || null;\n    setWipSettingsData(data);\n  }, []);\n  useEffect(() => {\n    getSettings()\n  }, [getSettings])\n\n\tconst [manufacturingSubmenu, setManufacturingSubmenu] = useState<any>(props.menu)\n\n\tuseEffect(() => {\n\t\tif(wipSettingsData && Array.isArray(props?.menu)){\n\t\t\tconsole.log('wipSettingsData: ', wipSettingsData);\n\t\t\tconst _new = props.menu.filter((item) => {\n\t\t\t\tif(!wipSettingsData?.enable_production_planning){\n\t\t\t\t\treturn item.label !== \"Plans\"\n\t\t\t\t}else {\n\t\t\t\t\treturn item\n\t\t\t\t}\n\t\t\t})\n\t\t\tsetManufacturingSubmenu(_new)\n\t\t}\n\t}, [wipSettingsData, props.menu])\n\t// const module_type = '';\n\n  const handleMouseEnter = () => {\n    if(!forcedOpen) {\n      setOpen(true)\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'true')\n    }\n  };\n\n  const handleMouseLeave = useCallback(() => {\n    if (!forcedOpen && isInitialized) {\n      setHoverOpen(false);\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'false');\n    }\n  }, [forcedOpen, isInitialized]);\n\n  // Toggle function for programmatic control\n  const toggleDrawer = useCallback(() => {\n    if (forcedOpen) {\n      handleDrawerClose();\n    } else {\n      handleDrawerOpen();\n    }\n  }, [forcedOpen, handleDrawerClose, handleDrawerOpen]);\n\n  // Enhanced initialization with error handling\n  useEffect(() => {\n    const initializeDrawerState = () => {\n      try {\n        if (typeof window !== 'undefined' && window.localStorage) {\n          const savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n          const shouldBeOpen = savedState === 'true';\n          \n          setForcedOpen(shouldBeOpen);\n          setHoverOpen(false); // Ensure hover state is reset\n          setIsInitialized(true);\n        } else {\n          // Fallback for environments without localStorage\n          setForcedOpen(true);\n          setIsInitialized(true);\n        }\n      } catch (error) {\n        console.warn('Failed to read drawer state from localStorage:', error);\n        // Fallback to default state\n        setForcedOpen(true);\n        setIsInitialized(true);\n      }\n    };\n\n    initializeDrawerState();\n  }, []);\n\n  // Handle window focus to sync state across tabs\n  useEffect(() => {\n    const handleWindowFocus = () => {\n      try {\n        if (typeof window !== 'undefined' && window.localStorage) {\n          const savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n          const shouldBeOpen = savedState === 'true';\n          \n          if (shouldBeOpen !== forcedOpen) {\n            setForcedOpen(shouldBeOpen);\n            setHoverOpen(false);\n          }\n        }\n      } catch (error) {\n        console.warn('Failed to sync drawer state on window focus:', error);\n      }\n    };\n\n    window.addEventListener('focus', handleWindowFocus);\n    \n    return () => {\n      window.removeEventListener('focus', handleWindowFocus);\n    };\n  }, [forcedOpen]);\n\n  // Prevent rendering until initialization is complete\n  if (!isInitialized) {\n    return (\n      <Box sx={{ \n        display: \"flex\", \n        minHeight: \"100vh\",\n        alignItems: \"center\",\n        justifyContent: \"center\"\n      }}>\n        {/* Optional loading indicator */}\n        <Box>Loading...</Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box sx={{ display: \"flex\", minHeight: \"100vh\",direction: isRtl ? \"rtl\" : \"ltr\" }}>\n      <AppBar\n        open={forcedOpen}\n        handleDrawerOpen={handleDrawerOpen}\n        handleDrawerClose={handleDrawerClose}\n        toggleDrawer={toggleDrawer}\n        width={drawerWidth}\n        forcedOpen={forcedOpen}\n        hoverOpen={hoverOpen}\n      />\n      \n      <SideBar\n        open={forcedOpen}\n        forcedOpen={forcedOpen}\n        hoverOpen={hoverOpen}\n        handleDrawerClose={handleDrawerClose}\n        handleDrawerOpen={handleDrawerOpen}\n        toggleDrawer={toggleDrawer}\n        width={drawerWidth}\n        theme={theme}\n        menu={manufacturingSubmenu}\n        handleMouseEnter={handleMouseEnter}\n        handleMouseLeave={handleMouseLeave}\n        isInitialized={isInitialized}\n        dashboardPath={props.dashboardPath}\n      />\n      \n      <ActivityArea \n        isDrawerOpen={isDrawerOpen}\n        drawerWidth={drawerWidth}\n        forcedOpen={forcedOpen}\n      >\n        {props.children}\n      </ActivityArea>\n    </Box>\n  );\n}"],"names":["AppBar","SideBar"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/layout/sidebarScreen/sidebarScreen.tsx"],"sourcesContent":["import { useEffect, useState, useCallback, useMemo } from 'react';\n\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\n\nimport AppBar from '../../components/appbar/appbar';\nimport SideBar from '../../components/sidebar/sidebar';\nimport ActivityArea from '../../components/activityArea/activityArea';\n\nimport drawerWidth from '../../constants/mui.constants';\n// const drawerWidth = 240;\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { getToken } from '@/utils';\nimport { getV1Settings } from '../../api-client/api.manufacturing/api';\n\n// Local storage key for drawer state\nconst DRAWER_STATE_KEY = '_is_drawer_open';\n\n// Interface for better type safety\nexport interface ISidebarLayoutProps {\n\tmenu: any[];\n\tchildren: React.ReactNode;\n\tdashboardPath?: string;\n}\n\nexport const SidebarLayout = (props: ISidebarLayoutProps) => {\n\tconst theme = useTheme();\n\tconst { currentLanguage } = useLanguage();\n\tconst isRtl = useMemo(\n\t\t() => currentLanguage?.direction === 'rtl',\n\t\t[currentLanguage]\n\t);\n\t// Enhanced state management\n\tconst [forcedOpen, setForcedOpen] = useState(true);\n\tconst [hoverOpen, setHoverOpen] = useState(false);\n\tconst [isInitialized, setIsInitialized] = useState(false);\n\n\t// Memoized computed state for actual drawer open status\n\tconst isDrawerOpen = forcedOpen || (!forcedOpen && hoverOpen);\n\n\t// Enhanced drawer control functions with better state management\n\tconst handleDrawerOpen = useCallback(() => {\n\t\tsetForcedOpen(true);\n\t\tsetHoverOpen(false); // Clear hover state when forcing open\n\t\ttry {\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n\t\t} catch (error) {\n\t\t\tconsole.warn('Failed to save drawer state to localStorage:', error);\n\t\t}\n\t}, []);\n\n\tconst handleDrawerClose = useCallback(() => {\n\t\tsetForcedOpen(false);\n\t\twindow.localStorage.setItem('_is_drawer_open', 'false');\n\t}, []);\n\n\tconst [wipSettingsData, setWipSettingsData] = useState<any>(null);\n\n\tconst getSettings = useCallback(async () => {\n\t\t// getToken returns { \"x-token\": string; \"x-timezone\": number }, but API expects string type for \"x-timezone\"\n\t\tconst tokenData = getToken();\n\t\tconst apiParams = {\n\t\t\t'x-token': tokenData['x-token'],\n\t\t\t'x-timezone': String(tokenData['x-timezone'])\n\t\t};\n\t\tconst response = await getV1Settings(apiParams);\n\t\t// The \"data\" property may not exist on GetV1SettingsResponses, so check existence safely\n\t\tconst data = (response && (response as any)?.data?.settings?.[0]) || null;\n\t\tsetWipSettingsData(data);\n\t}, []);\n\tuseEffect(() => {\n\t\tgetSettings();\n\t}, [getSettings]);\n\n\tconst [manufacturingSubmenu, setManufacturingSubmenu] = useState<any>(\n\t\tprops.menu\n\t);\n\n\tuseEffect(() => {\n\t\tif (wipSettingsData && Array.isArray(props?.menu)) {\n\t\t\tconsole.log('wipSettingsData: ', wipSettingsData);\n\t\t\tconst _new = props.menu.filter((item) => {\n\t\t\t\tif (!wipSettingsData?.enable_production_planning) {\n\t\t\t\t\treturn item.label !== 'Plans';\n\t\t\t\t} else {\n\t\t\t\t\treturn item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetManufacturingSubmenu(_new);\n\t\t}\n\t}, [wipSettingsData, props.menu]);\n\t// const module_type = '';\n\n\tconst handleMouseEnter = () => {\n\t\tif (!forcedOpen) {\n\t\t\tsetOpen(true);\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n\t\t}\n\t};\n\n\tconst handleMouseLeave = useCallback(() => {\n\t\tif (!forcedOpen && isInitialized) {\n\t\t\tsetHoverOpen(false);\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'false');\n\t\t}\n\t}, [forcedOpen, isInitialized]);\n\n\t// Toggle function for programmatic control\n\tconst toggleDrawer = useCallback(() => {\n\t\tif (forcedOpen) {\n\t\t\thandleDrawerClose();\n\t\t} else {\n\t\t\thandleDrawerOpen();\n\t\t}\n\t}, [forcedOpen, handleDrawerClose, handleDrawerOpen]);\n\n\t// Enhanced initialization with error handling\n\tuseEffect(() => {\n\t\tconst initializeDrawerState = () => {\n\t\t\ttry {\n\t\t\t\tif (typeof window !== 'undefined' && window.localStorage) {\n\t\t\t\t\tconst savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n\t\t\t\t\tconst shouldBeOpen = savedState === 'true';\n\n\t\t\t\t\tsetForcedOpen(shouldBeOpen);\n\t\t\t\t\tsetHoverOpen(false); // Ensure hover state is reset\n\t\t\t\t\tsetIsInitialized(true);\n\t\t\t\t} else {\n\t\t\t\t\t// Fallback for environments without localStorage\n\t\t\t\t\tsetForcedOpen(true);\n\t\t\t\t\tsetIsInitialized(true);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.warn('Failed to read drawer state from localStorage:', error);\n\t\t\t\t// Fallback to default state\n\t\t\t\tsetForcedOpen(true);\n\t\t\t\tsetIsInitialized(true);\n\t\t\t}\n\t\t};\n\n\t\tinitializeDrawerState();\n\t}, []);\n\n\t// Handle window focus to sync state across tabs\n\tuseEffect(() => {\n\t\tconst handleWindowFocus = () => {\n\t\t\ttry {\n\t\t\t\tif (typeof window !== 'undefined' && window.localStorage) {\n\t\t\t\t\tconst savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n\t\t\t\t\tconst shouldBeOpen = savedState === 'true';\n\n\t\t\t\t\tif (shouldBeOpen !== forcedOpen) {\n\t\t\t\t\t\tsetForcedOpen(shouldBeOpen);\n\t\t\t\t\t\tsetHoverOpen(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.warn('Failed to sync drawer state on window focus:', error);\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener('focus', handleWindowFocus);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('focus', handleWindowFocus);\n\t\t};\n\t}, [forcedOpen]);\n\n\t// Prevent rendering until initialization is complete\n\tif (!isInitialized) {\n\t\treturn (\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tminHeight: '100vh',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center'\n\t\t\t\t}}>\n\t\t\t\t{/* Optional loading indicator */}\n\t\t\t\t<Box>Loading...</Box>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Box\n\t\t\tsx={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tminHeight: '100vh',\n\t\t\t\tdirection: isRtl ? 'rtl' : 'ltr'\n\t\t\t}}>\n\t\t\t<AppBar\n\t\t\t\topen={forcedOpen}\n\t\t\t\thandleDrawerOpen={handleDrawerOpen}\n\t\t\t\thandleDrawerClose={handleDrawerClose}\n\t\t\t\ttoggleDrawer={toggleDrawer}\n\t\t\t\twidth={drawerWidth}\n\t\t\t\tforcedOpen={forcedOpen}\n\t\t\t\thoverOpen={hoverOpen}\n\t\t\t/>\n\n\t\t\t<SideBar\n\t\t\t\topen={forcedOpen}\n\t\t\t\tforcedOpen={forcedOpen}\n\t\t\t\thoverOpen={hoverOpen}\n\t\t\t\thandleDrawerClose={handleDrawerClose}\n\t\t\t\thandleDrawerOpen={handleDrawerOpen}\n\t\t\t\ttoggleDrawer={toggleDrawer}\n\t\t\t\twidth={drawerWidth}\n\t\t\t\ttheme={theme}\n\t\t\t\tmenu={manufacturingSubmenu}\n\t\t\t\thandleMouseEnter={handleMouseEnter}\n\t\t\t\thandleMouseLeave={handleMouseLeave}\n\t\t\t\tisInitialized={isInitialized}\n\t\t\t\tdashboardPath={props.dashboardPath}\n\t\t\t/>\n\n\t\t\t<ActivityArea\n\t\t\t\tisDrawerOpen={isDrawerOpen}\n\t\t\t\tdrawerWidth={drawerWidth}\n\t\t\t\tforcedOpen={forcedOpen}>\n\t\t\t\t{props.children}\n\t\t\t</ActivityArea>\n\t\t</Box>\n\t);\n};\n\nexport default SidebarLayout;\n"],"names":["AppBar","SideBar"],"mappings":"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"}

package/dist/layout/sidebarScreen/sidebarScreen/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/appbar/appbar/index.js"),a=require("../../../components/sidebar/sidebar/index.js"),r=require("../../../components/activityArea/activityArea/index.js"),i=require("../../../constants/mui.constants/index.js"),o=require("../../../hooks/useLangauge/index.js"),s=require("../../../api-client/api.manufacturing/api/index.js"),l=require("../../../node_modules/@mui/material/styles/useTheme/index.js"),d=require("../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../utils/common/index.js");const c="_is_drawer_open";exports.default=function(f){const w=l.default(),{currentLanguage:p}=o.useLanguage(),m=t.useMemo(()=>"rtl"===(null==p?void 0:p.direction),[p]),[g,h]=t.useState(!0),[x,v]=t.useState(!1),[j,y]=t.useState(!1),S=g||!g&&x,b=t.useCallback(()=>{h(!0),v(!1);try{window.localStorage.setItem(c,"true")}catch(e){}},[]),_=t.useCallback(()=>{h(!1),window.localStorage.setItem("_is_drawer_open","false")},[]),[q,O]=t.useState(null),k=t.useCallback(async()=>{var e,t;const n=u.getToken(),a={"x-token":n["x-token"],"x-timezone":String(n["x-timezone"])},r=await s.getV1Settings(a),i=r&&(null==(t=null==(e=null==r?void 0:r.data)?void 0:e.settings)?void 0:t[0])||null;O(i)},[]);t.useEffect(()=>{k()},[k]);const[C,I]=t.useState(f.menu);t.useEffect(()=>{if(q&&Array.isArray(null==f?void 0:f.menu)){const e=f.menu.filter(e=>(null==q?void 0:q.enable_production_planning)?e:"Plans"!==e.label);I(e)}},[q,f.menu]);const A=t.useCallback(()=>{!g&&j&&(v(!1),window.localStorage.setItem(c,"false"))},[g,j]),D=t.useCallback(()=>{g?_():b()},[g,_,b]);return t.useEffect(()=>{(()=>{try{if("undefined"!=typeof window&&window.localStorage){const e=window.localStorage.getItem(c);h("true"===e),v(!1),y(!0)}else h(!0),y(!0)}catch(e){h(!0),y(!0)}})()},[]),t.useEffect(()=>{const e=()=>{try{if("undefined"!=typeof window&&window.localStorage){const e="true"===window.localStorage.getItem(c);e!==g&&(h(e),v(!1))}}catch(e){}};return window.addEventListener("focus",e),()=>{window.removeEventListener("focus",e)}},[g]),j?/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",minHeight:"100vh",direction:m?"rtl":"ltr"},children:[
-/* @__PURE__ */e.jsx(n.AppBarWrapper,{open:g,handleDrawerOpen:b,handleDrawerClose:_,toggleDrawer:D,width:i.default,forcedOpen:g,hoverOpen:x}),
-/* @__PURE__ */e.jsx(a.Sidebar,{open:g,forcedOpen:g,hoverOpen:x,handleDrawerClose:_,handleDrawerOpen:b,toggleDrawer:D,width:i.default,theme:w,menu:C,handleMouseEnter:()=>{g||(setOpen(!0),window.localStorage.setItem(c,"true"))},handleMouseLeave:A,isInitialized:j,dashboardPath:f.dashboardPath}),
-/* @__PURE__ */e.jsx(r.ActivityArea,{isDrawerOpen:S,drawerWidth:i.default,forcedOpen:g,children:f.children})]}):/* @__PURE__ */e.jsx(d.default,{sx:{display:"flex",minHeight:"100vh",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(d.default,{children:"Loading..."})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/appbar/appbar/index.js"),a=require("../../../components/sidebar/sidebar/index.js"),r=require("../../../components/activityArea/activityArea/index.js"),i=require("../../../constants/mui.constants/index.js"),o=require("../../../hooks/useLangauge/index.js"),s=require("../../../api-client/api.manufacturing/api/index.js"),l=require("../../../node_modules/@mui/material/styles/useTheme/index.js"),d=require("../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../utils/common/index.js");const c="_is_drawer_open",p=p=>{const w=l.default(),{currentLanguage:f}=o.useLanguage(),m=t.useMemo(()=>"rtl"===(null==f?void 0:f.direction),[f]),[g,h]=t.useState(!0),[x,v]=t.useState(!1),[j,y]=t.useState(!1),S=g||!g&&x,b=t.useCallback(()=>{h(!0),v(!1);try{window.localStorage.setItem(c,"true")}catch(e){}},[]),_=t.useCallback(()=>{h(!1),window.localStorage.setItem("_is_drawer_open","false")},[]),[q,O]=t.useState(null),k=t.useCallback(async()=>{var e,t;const n=u.getToken(),a={"x-token":n["x-token"],"x-timezone":String(n["x-timezone"])},r=await s.getV1Settings(a),i=r&&(null==(t=null==(e=null==r?void 0:r.data)?void 0:e.settings)?void 0:t[0])||null;O(i)},[]);t.useEffect(()=>{k()},[k]);const[C,I]=t.useState(p.menu);t.useEffect(()=>{if(q&&Array.isArray(null==p?void 0:p.menu)){const e=p.menu.filter(e=>(null==q?void 0:q.enable_production_planning)?e:"Plans"!==e.label);I(e)}},[q,p.menu]);const L=t.useCallback(()=>{!g&&j&&(v(!1),window.localStorage.setItem(c,"false"))},[g,j]),A=t.useCallback(()=>{g?_():b()},[g,_,b]);return t.useEffect(()=>{(()=>{try{if("undefined"!=typeof window&&window.localStorage){const e=window.localStorage.getItem(c);h("true"===e),v(!1),y(!0)}else h(!0),y(!0)}catch(e){h(!0),y(!0)}})()},[]),t.useEffect(()=>{const e=()=>{try{if("undefined"!=typeof window&&window.localStorage){const e="true"===window.localStorage.getItem(c);e!==g&&(h(e),v(!1))}}catch(e){}};return window.addEventListener("focus",e),()=>{window.removeEventListener("focus",e)}},[g]),j?/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",minHeight:"100vh",direction:m?"rtl":"ltr"},children:[
+/* @__PURE__ */e.jsx(n.AppBarWrapper,{open:g,handleDrawerOpen:b,handleDrawerClose:_,toggleDrawer:A,width:i.default,forcedOpen:g,hoverOpen:x}),
+/* @__PURE__ */e.jsx(a.Sidebar,{open:g,forcedOpen:g,hoverOpen:x,handleDrawerClose:_,handleDrawerOpen:b,toggleDrawer:A,width:i.default,theme:w,menu:C,handleMouseEnter:()=>{g||(setOpen(!0),window.localStorage.setItem(c,"true"))},handleMouseLeave:L,isInitialized:j,dashboardPath:p.dashboardPath}),
+/* @__PURE__ */e.jsx(r.ActivityArea,{isDrawerOpen:S,drawerWidth:i.default,forcedOpen:g,children:p.children})]}):/* @__PURE__ */e.jsx(d.default,{sx:{display:"flex",minHeight:"100vh",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(d.default,{children:"Loading..."})})};exports.SidebarLayout=p,exports.default=p;
 //# sourceMappingURL=index.js.map

package/dist/layout/sidebarScreen/sidebarScreen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/layout/sidebarScreen/sidebarScreen.tsx"],"sourcesContent":["import { useEffect, useState, useCallback, useMemo } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport Box from \"@mui/material/Box\";\n\nimport AppBar from \"../../components/appbar/appbar\";\nimport SideBar from \"../../components/sidebar/sidebar\";\nimport ActivityArea from \"../../components/activityArea/activityArea\";\n\nimport drawerWidth from \"../../constants/mui.constants\";\n// const drawerWidth = 240;\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { getToken } from \"@/utils\";\nimport { getV1Settings } from \"../../api-client/api.manufacturing/api\";\n\n// Local storage key for drawer state\nconst DRAWER_STATE_KEY = '_is_drawer_open';\n\n// Interface for better type safety\ninterface SidebarLayoutProps {\n  menu: any[];\n  children: React.ReactNode;\n  dashboardPath?: string;\n}\n\nexport default function SidebarLayout(props: SidebarLayoutProps) {\n  const theme = useTheme();\n const {currentLanguage}=useLanguage();\n  const isRtl=useMemo(()=>currentLanguage?.direction===\"rtl\",[currentLanguage])\n  // Enhanced state management\n  const [forcedOpen, setForcedOpen] = useState(true);\n  const [hoverOpen, setHoverOpen] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n  \n  // Memoized computed state for actual drawer open status\n  const isDrawerOpen = forcedOpen || (!forcedOpen && hoverOpen);\n\n  // Enhanced drawer control functions with better state management\n  const handleDrawerOpen = useCallback(() => {\n    setForcedOpen(true);\n    setHoverOpen(false); // Clear hover state when forcing open\n    try {\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n    } catch (error) {\n      console.warn('Failed to save drawer state to localStorage:', error);\n    }\n  }, []);\n\n  const handleDrawerClose = useCallback(() => {\n    setForcedOpen(false);\n    window.localStorage.setItem('_is_drawer_open', 'false')\n  }, []);\n\n  const [wipSettingsData, setWipSettingsData] = useState<any>(null)\n  \n  const getSettings = useCallback(async () => {\n    // getToken returns { \"x-token\": string; \"x-timezone\": number }, but API expects string type for \"x-timezone\"\n    const tokenData = getToken();\n    const apiParams = {\n      \"x-token\": tokenData[\"x-token\"],\n      \"x-timezone\": String(tokenData[\"x-timezone\"]),\n    };\n    const response = await getV1Settings(apiParams);\n    // The \"data\" property may not exist on GetV1SettingsResponses, so check existence safely\n    const data = (response && (response as any)?.data?.settings?.[0]) || null;\n    setWipSettingsData(data);\n  }, []);\n  useEffect(() => {\n    getSettings()\n  }, [getSettings])\n\n\tconst [manufacturingSubmenu, setManufacturingSubmenu] = useState<any>(props.menu)\n\n\tuseEffect(() => {\n\t\tif(wipSettingsData && Array.isArray(props?.menu)){\n\t\t\tconsole.log('wipSettingsData: ', wipSettingsData);\n\t\t\tconst _new = props.menu.filter((item) => {\n\t\t\t\tif(!wipSettingsData?.enable_production_planning){\n\t\t\t\t\treturn item.label !== \"Plans\"\n\t\t\t\t}else {\n\t\t\t\t\treturn item\n\t\t\t\t}\n\t\t\t})\n\t\t\tsetManufacturingSubmenu(_new)\n\t\t}\n\t}, [wipSettingsData, props.menu])\n\t// const module_type = '';\n\n  const handleMouseEnter = () => {\n    if(!forcedOpen) {\n      setOpen(true)\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'true')\n    }\n  };\n\n  const handleMouseLeave = useCallback(() => {\n    if (!forcedOpen && isInitialized) {\n      setHoverOpen(false);\n      window.localStorage.setItem(DRAWER_STATE_KEY, 'false');\n    }\n  }, [forcedOpen, isInitialized]);\n\n  // Toggle function for programmatic control\n  const toggleDrawer = useCallback(() => {\n    if (forcedOpen) {\n      handleDrawerClose();\n    } else {\n      handleDrawerOpen();\n    }\n  }, [forcedOpen, handleDrawerClose, handleDrawerOpen]);\n\n  // Enhanced initialization with error handling\n  useEffect(() => {\n    const initializeDrawerState = () => {\n      try {\n        if (typeof window !== 'undefined' && window.localStorage) {\n          const savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n          const shouldBeOpen = savedState === 'true';\n          \n          setForcedOpen(shouldBeOpen);\n          setHoverOpen(false); // Ensure hover state is reset\n          setIsInitialized(true);\n        } else {\n          // Fallback for environments without localStorage\n          setForcedOpen(true);\n          setIsInitialized(true);\n        }\n      } catch (error) {\n        console.warn('Failed to read drawer state from localStorage:', error);\n        // Fallback to default state\n        setForcedOpen(true);\n        setIsInitialized(true);\n      }\n    };\n\n    initializeDrawerState();\n  }, []);\n\n  // Handle window focus to sync state across tabs\n  useEffect(() => {\n    const handleWindowFocus = () => {\n      try {\n        if (typeof window !== 'undefined' && window.localStorage) {\n          const savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n          const shouldBeOpen = savedState === 'true';\n          \n          if (shouldBeOpen !== forcedOpen) {\n            setForcedOpen(shouldBeOpen);\n            setHoverOpen(false);\n          }\n        }\n      } catch (error) {\n        console.warn('Failed to sync drawer state on window focus:', error);\n      }\n    };\n\n    window.addEventListener('focus', handleWindowFocus);\n    \n    return () => {\n      window.removeEventListener('focus', handleWindowFocus);\n    };\n  }, [forcedOpen]);\n\n  // Prevent rendering until initialization is complete\n  if (!isInitialized) {\n    return (\n      <Box sx={{ \n        display: \"flex\", \n        minHeight: \"100vh\",\n        alignItems: \"center\",\n        justifyContent: \"center\"\n      }}>\n        {/* Optional loading indicator */}\n        <Box>Loading...</Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box sx={{ display: \"flex\", minHeight: \"100vh\",direction: isRtl ? \"rtl\" : \"ltr\" }}>\n      <AppBar\n        open={forcedOpen}\n        handleDrawerOpen={handleDrawerOpen}\n        handleDrawerClose={handleDrawerClose}\n        toggleDrawer={toggleDrawer}\n        width={drawerWidth}\n        forcedOpen={forcedOpen}\n        hoverOpen={hoverOpen}\n      />\n      \n      <SideBar\n        open={forcedOpen}\n        forcedOpen={forcedOpen}\n        hoverOpen={hoverOpen}\n        handleDrawerClose={handleDrawerClose}\n        handleDrawerOpen={handleDrawerOpen}\n        toggleDrawer={toggleDrawer}\n        width={drawerWidth}\n        theme={theme}\n        menu={manufacturingSubmenu}\n        handleMouseEnter={handleMouseEnter}\n        handleMouseLeave={handleMouseLeave}\n        isInitialized={isInitialized}\n        dashboardPath={props.dashboardPath}\n      />\n      \n      <ActivityArea \n        isDrawerOpen={isDrawerOpen}\n        drawerWidth={drawerWidth}\n        forcedOpen={forcedOpen}\n      >\n        {props.children}\n      </ActivityArea>\n    </Box>\n  );\n}"],"names":["DRAWER_STATE_KEY","props","theme","useTheme","currentLanguage","useLanguage","isRtl","useMemo","direction","forcedOpen","setForcedOpen","useState","hoverOpen","setHoverOpen","isInitialized","setIsInitialized","isDrawerOpen","handleDrawerOpen","useCallback","window","localStorage","setItem","error","handleDrawerClose","wipSettingsData","setWipSettingsData","getSettings","async","tokenData","getToken","apiParams","String","response","getV1Settings","data","_b","_a","settings","useEffect","manufacturingSubmenu","setManufacturingSubmenu","menu","Array","isArray","_new","filter","item","enable_production_planning","label","handleMouseLeave","toggleDrawer","savedState","getItem","initializeDrawerState","handleWindowFocus","shouldBeOpen","addEventListener","removeEventListener","jsxs","Box","sx","display","minHeight","children","jsx","AppBar","open","width","drawerWidth","SideBar","handleMouseEnter","setOpen","dashboardPath","ActivityArea","alignItems","justifyContent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/layout/sidebarScreen/sidebarScreen.tsx"],"sourcesContent":["import { useEffect, useState, useCallback, useMemo } from 'react';\n\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\n\nimport AppBar from '../../components/appbar/appbar';\nimport SideBar from '../../components/sidebar/sidebar';\nimport ActivityArea from '../../components/activityArea/activityArea';\n\nimport drawerWidth from '../../constants/mui.constants';\n// const drawerWidth = 240;\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { getToken } from '@/utils';\nimport { getV1Settings } from '../../api-client/api.manufacturing/api';\n\n// Local storage key for drawer state\nconst DRAWER_STATE_KEY = '_is_drawer_open';\n\n// Interface for better type safety\nexport interface ISidebarLayoutProps {\n\tmenu: any[];\n\tchildren: React.ReactNode;\n\tdashboardPath?: string;\n}\n\nexport const SidebarLayout = (props: ISidebarLayoutProps) => {\n\tconst theme = useTheme();\n\tconst { currentLanguage } = useLanguage();\n\tconst isRtl = useMemo(\n\t\t() => currentLanguage?.direction === 'rtl',\n\t\t[currentLanguage]\n\t);\n\t// Enhanced state management\n\tconst [forcedOpen, setForcedOpen] = useState(true);\n\tconst [hoverOpen, setHoverOpen] = useState(false);\n\tconst [isInitialized, setIsInitialized] = useState(false);\n\n\t// Memoized computed state for actual drawer open status\n\tconst isDrawerOpen = forcedOpen || (!forcedOpen && hoverOpen);\n\n\t// Enhanced drawer control functions with better state management\n\tconst handleDrawerOpen = useCallback(() => {\n\t\tsetForcedOpen(true);\n\t\tsetHoverOpen(false); // Clear hover state when forcing open\n\t\ttry {\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n\t\t} catch (error) {\n\t\t\tconsole.warn('Failed to save drawer state to localStorage:', error);\n\t\t}\n\t}, []);\n\n\tconst handleDrawerClose = useCallback(() => {\n\t\tsetForcedOpen(false);\n\t\twindow.localStorage.setItem('_is_drawer_open', 'false');\n\t}, []);\n\n\tconst [wipSettingsData, setWipSettingsData] = useState<any>(null);\n\n\tconst getSettings = useCallback(async () => {\n\t\t// getToken returns { \"x-token\": string; \"x-timezone\": number }, but API expects string type for \"x-timezone\"\n\t\tconst tokenData = getToken();\n\t\tconst apiParams = {\n\t\t\t'x-token': tokenData['x-token'],\n\t\t\t'x-timezone': String(tokenData['x-timezone'])\n\t\t};\n\t\tconst response = await getV1Settings(apiParams);\n\t\t// The \"data\" property may not exist on GetV1SettingsResponses, so check existence safely\n\t\tconst data = (response && (response as any)?.data?.settings?.[0]) || null;\n\t\tsetWipSettingsData(data);\n\t}, []);\n\tuseEffect(() => {\n\t\tgetSettings();\n\t}, [getSettings]);\n\n\tconst [manufacturingSubmenu, setManufacturingSubmenu] = useState<any>(\n\t\tprops.menu\n\t);\n\n\tuseEffect(() => {\n\t\tif (wipSettingsData && Array.isArray(props?.menu)) {\n\t\t\tconsole.log('wipSettingsData: ', wipSettingsData);\n\t\t\tconst _new = props.menu.filter((item) => {\n\t\t\t\tif (!wipSettingsData?.enable_production_planning) {\n\t\t\t\t\treturn item.label !== 'Plans';\n\t\t\t\t} else {\n\t\t\t\t\treturn item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetManufacturingSubmenu(_new);\n\t\t}\n\t}, [wipSettingsData, props.menu]);\n\t// const module_type = '';\n\n\tconst handleMouseEnter = () => {\n\t\tif (!forcedOpen) {\n\t\t\tsetOpen(true);\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'true');\n\t\t}\n\t};\n\n\tconst handleMouseLeave = useCallback(() => {\n\t\tif (!forcedOpen && isInitialized) {\n\t\t\tsetHoverOpen(false);\n\t\t\twindow.localStorage.setItem(DRAWER_STATE_KEY, 'false');\n\t\t}\n\t}, [forcedOpen, isInitialized]);\n\n\t// Toggle function for programmatic control\n\tconst toggleDrawer = useCallback(() => {\n\t\tif (forcedOpen) {\n\t\t\thandleDrawerClose();\n\t\t} else {\n\t\t\thandleDrawerOpen();\n\t\t}\n\t}, [forcedOpen, handleDrawerClose, handleDrawerOpen]);\n\n\t// Enhanced initialization with error handling\n\tuseEffect(() => {\n\t\tconst initializeDrawerState = () => {\n\t\t\ttry {\n\t\t\t\tif (typeof window !== 'undefined' && window.localStorage) {\n\t\t\t\t\tconst savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n\t\t\t\t\tconst shouldBeOpen = savedState === 'true';\n\n\t\t\t\t\tsetForcedOpen(shouldBeOpen);\n\t\t\t\t\tsetHoverOpen(false); // Ensure hover state is reset\n\t\t\t\t\tsetIsInitialized(true);\n\t\t\t\t} else {\n\t\t\t\t\t// Fallback for environments without localStorage\n\t\t\t\t\tsetForcedOpen(true);\n\t\t\t\t\tsetIsInitialized(true);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.warn('Failed to read drawer state from localStorage:', error);\n\t\t\t\t// Fallback to default state\n\t\t\t\tsetForcedOpen(true);\n\t\t\t\tsetIsInitialized(true);\n\t\t\t}\n\t\t};\n\n\t\tinitializeDrawerState();\n\t}, []);\n\n\t// Handle window focus to sync state across tabs\n\tuseEffect(() => {\n\t\tconst handleWindowFocus = () => {\n\t\t\ttry {\n\t\t\t\tif (typeof window !== 'undefined' && window.localStorage) {\n\t\t\t\t\tconst savedState = window.localStorage.getItem(DRAWER_STATE_KEY);\n\t\t\t\t\tconst shouldBeOpen = savedState === 'true';\n\n\t\t\t\t\tif (shouldBeOpen !== forcedOpen) {\n\t\t\t\t\t\tsetForcedOpen(shouldBeOpen);\n\t\t\t\t\t\tsetHoverOpen(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.warn('Failed to sync drawer state on window focus:', error);\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener('focus', handleWindowFocus);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('focus', handleWindowFocus);\n\t\t};\n\t}, [forcedOpen]);\n\n\t// Prevent rendering until initialization is complete\n\tif (!isInitialized) {\n\t\treturn (\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tminHeight: '100vh',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center'\n\t\t\t\t}}>\n\t\t\t\t{/* Optional loading indicator */}\n\t\t\t\t<Box>Loading...</Box>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Box\n\t\t\tsx={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tminHeight: '100vh',\n\t\t\t\tdirection: isRtl ? 'rtl' : 'ltr'\n\t\t\t}}>\n\t\t\t<AppBar\n\t\t\t\topen={forcedOpen}\n\t\t\t\thandleDrawerOpen={handleDrawerOpen}\n\t\t\t\thandleDrawerClose={handleDrawerClose}\n\t\t\t\ttoggleDrawer={toggleDrawer}\n\t\t\t\twidth={drawerWidth}\n\t\t\t\tforcedOpen={forcedOpen}\n\t\t\t\thoverOpen={hoverOpen}\n\t\t\t/>\n\n\t\t\t<SideBar\n\t\t\t\topen={forcedOpen}\n\t\t\t\tforcedOpen={forcedOpen}\n\t\t\t\thoverOpen={hoverOpen}\n\t\t\t\thandleDrawerClose={handleDrawerClose}\n\t\t\t\thandleDrawerOpen={handleDrawerOpen}\n\t\t\t\ttoggleDrawer={toggleDrawer}\n\t\t\t\twidth={drawerWidth}\n\t\t\t\ttheme={theme}\n\t\t\t\tmenu={manufacturingSubmenu}\n\t\t\t\thandleMouseEnter={handleMouseEnter}\n\t\t\t\thandleMouseLeave={handleMouseLeave}\n\t\t\t\tisInitialized={isInitialized}\n\t\t\t\tdashboardPath={props.dashboardPath}\n\t\t\t/>\n\n\t\t\t<ActivityArea\n\t\t\t\tisDrawerOpen={isDrawerOpen}\n\t\t\t\tdrawerWidth={drawerWidth}\n\t\t\t\tforcedOpen={forcedOpen}>\n\t\t\t\t{props.children}\n\t\t\t</ActivityArea>\n\t\t</Box>\n\t);\n};\n\nexport default SidebarLayout;\n"],"names":["DRAWER_STATE_KEY","SidebarLayout","props","theme","useTheme","currentLanguage","useLanguage","isRtl","useMemo","direction","forcedOpen","setForcedOpen","useState","hoverOpen","setHoverOpen","isInitialized","setIsInitialized","isDrawerOpen","handleDrawerOpen","useCallback","window","localStorage","setItem","error","handleDrawerClose","wipSettingsData","setWipSettingsData","getSettings","async","tokenData","getToken","apiParams","String","response","getV1Settings","data","_b","_a","settings","useEffect","manufacturingSubmenu","setManufacturingSubmenu","menu","Array","isArray","_new","filter","item","enable_production_planning","label","handleMouseLeave","toggleDrawer","savedState","getItem","initializeDrawerState","handleWindowFocus","shouldBeOpen","addEventListener","removeEventListener","jsxs","Box","sx","display","minHeight","children","jsx","AppBar","open","width","drawerWidth","SideBar","handleMouseEnter","setOpen","dashboardPath","ActivityArea","alignItems","justifyContent"],"mappings":"gpBAgBA,MAAMA,EAAmB,kBASZC,EAAiBC,IAC7B,MAAMC,EAAQC,EAAAA,WACRC,gBAAEA,GAAoBC,gBACtBC,EAAQC,EAAAA,QACb,IAAqC,eAA/BH,WAAiBI,WACvB,CAACJ,KAGKK,EAAYC,GAAiBC,EAAAA,UAAS,IACtCC,EAAWC,GAAgBF,EAAAA,UAAS,IACpCG,EAAeC,GAAoBJ,EAAAA,UAAS,GAG7CK,EAAeP,IAAgBA,GAAcG,EAG7CK,EAAmBC,EAAAA,YAAY,KACpCR,GAAc,GACdG,GAAa,GACb,IACCM,OAAOC,aAAaC,QAAQtB,EAAkB,OAC/C,OAASuB,GAET,GACE,IAEGC,EAAoBL,EAAAA,YAAY,KACrCR,GAAc,GACdS,OAAOC,aAAaC,QAAQ,kBAAmB,UAC7C,KAEIG,EAAiBC,GAAsBd,EAAAA,SAAc,MAEtDe,EAAcR,EAAAA,YAAYS,kBAE/B,MAAMC,EAAYC,EAAAA,WACZC,EAAY,CACjB,UAAWF,EAAU,WACrB,aAAcG,OAAOH,EAAU,gBAE1BI,QAAiBC,EAAAA,cAAcH,GAE/BI,EAAQF,IAAa,OAAAG,EAAA,OAAAC,EAAA,MAAAJ,OAAA,EAAAA,EAAkBE,WAAlB,EAAAE,EAAwBC,mBAAW,KAAO,KACrEZ,EAAmBS,IACjB,IACHI,EAAAA,UAAU,KACTZ,KACE,CAACA,IAEJ,MAAOa,EAAsBC,GAA2B7B,EAAAA,SACvDV,EAAMwC,MAGPH,EAAAA,UAAU,KACT,GAAId,GAAmBkB,MAAMC,QAAQ,MAAA1C,OAAA,EAAAA,EAAOwC,MAAO,CAElD,MAAMG,EAAO3C,EAAMwC,KAAKI,OAAQC,UAC1BtB,WAAiBuB,4BAGdD,EAFe,UAAfA,EAAKE,OAKdR,EAAwBI,EACzB,GACE,CAACpB,EAAiBvB,EAAMwC,OAG3B,MAOMQ,EAAmB/B,EAAAA,YAAY,MAC/BT,GAAcK,IAClBD,GAAa,GACbM,OAAOC,aAAaC,QAAQtB,EAAkB,WAE7C,CAACU,EAAYK,IAGVoC,EAAehC,EAAAA,YAAY,KAC5BT,EACHc,IAEAN,KAEC,CAACR,EAAYc,EAAmBN,IAuDnC,OApDAqB,EAAAA,UAAU,KACqB,MAC7B,IACC,GAAsB,oBAAXnB,QAA0BA,OAAOC,aAAc,CACzD,MAAM+B,EAAahC,OAAOC,aAAagC,QAAQrD,GAG/CW,EAFoC,SAAfyC,GAGrBtC,GAAa,GACbE,GAAiB,EAClB,MAECL,GAAc,GACdK,GAAiB,EAEnB,OAASO,GAGRZ,GAAc,GACdK,GAAiB,EAClB,GAGDsC,IACE,IAGHf,EAAAA,UAAU,KACT,MAAMgB,EAAoB,KACzB,IACC,GAAsB,oBAAXnC,QAA0BA,OAAOC,aAAc,CACzD,MACMmC,EAA8B,SADjBpC,OAAOC,aAAagC,QAAQrD,GAG3CwD,IAAiB9C,IACpBC,EAAc6C,GACd1C,GAAa,GAEf,CACD,OAASS,GAET,GAKD,OAFAH,OAAOqC,iBAAiB,QAASF,GAE1B,KACNnC,OAAOsC,oBAAoB,QAASH,KAEnC,CAAC7C,IAGCK,iBAgBJ4C,EAAAA,KAACC,EAAAA,QAAA,CACAC,GAAI,CACHC,QAAS,OACTC,UAAW,QACXtD,UAAWF,EAAQ,MAAQ,OAE5ByD,SAAA;eAAAC,EAAAA,IAACC,EAAAA,cAAA,CACAC,KAAMzD,EACNQ,mBACAM,oBACA2B,eACAiB,MAAOC,EAAAA,QACP3D,aACAG;eAGDoD,EAAAA,IAACK,EAAAA,QAAA,CACAH,KAAMzD,EACNA,aACAG,YACAW,oBACAN,mBACAiC,eACAiB,MAAOC,EAAAA,QACPlE,QACAuC,KAAMF,EACN+B,iBAtHsB,KACnB7D,IACJ8D,SAAQ,GACRpD,OAAOC,aAAaC,QAAQtB,EAAkB,UAoH7CkD,mBACAnC,gBACA0D,cAAevE,EAAMuE;eAGtBR,EAAAA,IAACS,EAAAA,aAAA,CACAzD,eAAAoD,YACAA,EAAAA,QACA3D,aACCsD,SAAA9D,EAAM8D,6BAlDRC,EAAAA,IAACL,EAAAA,QAAA,CACAC,GAAI,CACHC,QAAS,OACTC,UAAW,QACXY,WAAY,SACZC,eAAgB,UAGjBZ,0BAAAC,IAACL,EAAAA,SAAII,SAAA"}

package/dist/layout/sidebarScreen/sidebarScreen.d.ts

@@ -0,0 +1,7 @@
+export interface ISidebarLayoutProps {
+    menu: any[];
+    children: React.ReactNode;
+    dashboardPath?: string;
+}
+export declare const SidebarLayout: (props: ISidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarLayout;

package/dist/node_modules/@asseinfo/react-kanban/dist/index/index.esm.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers/index.esm.js";
-import { __module as dist } from "../../../../../_virtual/index/index.esm11.js";
+import { __module as dist } from "../../../../../_virtual/index/index.esm3.js";
 import React__default from "react";
 import ReactDOM__default from "react-dom";
 import require$$0 from "react-is";