sevago-sso-fe 1.0.12 → 1.0.13

package/dist/index.cjs.js

@@ -21262,8 +21262,32 @@ const MonitorPart = ({
 const DashboardLayout = ({
   children
 }) => {
-  useUpdateCurrentAccess();
-  return /* @__PURE__ */ jsxRuntime.jsx(MonitorPart, { children });
+  const isSystemMonitor = useIsSystemMonitor();
+  const { sidebarWidth } = useSidebar();
+  if (isSystemMonitor) return /* @__PURE__ */ jsxRuntime.jsx(MonitorPart, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Stack,
+    {
+      sx: {
+        minHeight: "100vh",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { p: 0, gap: 0, children: /* @__PURE__ */ jsxRuntime.jsx(StackRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        material.Stack,
+        {
+          sx: {
+            overflowY: "auto",
+            marginLeft: sidebarWidth,
+            width: "100%",
+            transition: "margin-left 0.3s ease",
+            background: "#F5F6F8",
+            minHeight: `calc(100vh - ${STYLE.HEIGHT_HEADER}px)`
+          },
+          children
+        }
+      ) }) })
+    }
+  );
 };
 const DefaultLayout = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -33515,7 +33539,7 @@ const MotionBox = ({
   } : {};
   return /* @__PURE__ */ jsxRuntime.jsx(motion.div, { ...motionProps, ...getAnimationProps(), ...hoverProps, onClick, style: { ...sx }, children });
 };
-const IconRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const IconLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "20",
@@ -33527,7 +33551,7 @@ const IconRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
-        d: "M12 1L19 8M19 8L12 15M19 8L1 8",
+        d: "M8 15L1 8M1 8L8 1M1 8L19 8",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round",
@@ -33536,7 +33560,7 @@ const IconRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     )
   }
 );
-const IconLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const IconRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "20",
@@ -33548,7 +33572,7 @@ const IconLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
-        d: "M8 15L1 8M1 8L8 1M1 8L19 8",
+        d: "M12 1L19 8M19 8L12 15M19 8L1 8",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round",
@@ -33577,12 +33601,25 @@ const AppGrid = ({
   const pageSize = Math.max(1, columns * Math.max(1, rows));
   const totalPages = Math.max(1, Math.ceil(apps.length / pageSize));
   const [page, setPage] = React.useState(0);
+  const { user } = reactRedux.useSelector((state) => state.account);
   React.useEffect(() => {
     setPage((prev) => prev >= totalPages ? totalPages - 1 : prev);
   }, [totalPages, columns, rows, apps.length]);
   const start = page * pageSize;
   const end = start + pageSize;
   const visibleApps = totalPages > 1 ? apps.slice(start, end) : apps;
+  const findLink = (app2) => {
+    if (!app2.children?.length) {
+      return app2.path;
+    }
+    for (const i of app2.children || []) {
+      if (user?.type && i.allowUserTypes.includes(user?.type)) {
+        if (i.path) {
+          return `${i.path}`;
+        }
+      }
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       material.Box,
@@ -33594,62 +33631,73 @@ const AppGrid = ({
         },
         children: visibleApps.map((app2, index) => {
           const isSelected = selectedAppId === app2.key;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            MotionBox,
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            reactRouterDom.Link,
             {
-              preset: "staggerItem",
-              index,
-              hover: true,
-              onClick: () => onClickItem?.(app2),
-              sx: {
-                cursor: "pointer",
-                display: "flex",
-                flex: 1,
-                alignItems: "center",
-                flexDirection: "column"
+              to: findLink(app2) || "#",
+              style: {
+                textDecoration: "none",
+                color: "inherit",
+                width: "100%"
               },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  material.Box,
-                  {
-                    sx: {
-                      width: iconSize,
-                      height: iconSize,
-                      borderRadius: iconRadius,
-                      mb: 1.5,
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      background: getAppColor(app2.category),
-                      boxShadow: isSelected ? `0 0 0 1px ${theme.palette.primary.main}, ${iconShadow}` : iconShadow
-                    },
-                    children: app2.icon.startsWith("/") && /* @__PURE__ */ jsxRuntime.jsx(
-                      ImageElement,
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                MotionBox,
+                {
+                  preset: "staggerItem",
+                  index,
+                  hover: true,
+                  onClick: () => onClickItem?.(app2),
+                  sx: {
+                    cursor: "pointer",
+                    display: "flex",
+                    flex: 1,
+                    alignItems: "center",
+                    flexDirection: "column"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Box,
                       {
-                        sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
-                        url: app2.icon,
-                        sizeType: ImageSizeType.SQUARE
+                        sx: {
+                          width: iconSize,
+                          height: iconSize,
+                          borderRadius: iconRadius,
+                          mb: 1.5,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          background: getAppColor(app2.category),
+                          boxShadow: isSelected ? `0 0 0 1px ${theme.palette.primary.main}, ${iconShadow}` : iconShadow
+                        },
+                        children: app2.icon.startsWith("/") && /* @__PURE__ */ jsxRuntime.jsx(
+                          ImageElement,
+                          {
+                            sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
+                            url: app2.icon,
+                            sizeType: ImageSizeType.SQUARE
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Typography,
+                      {
+                        variant: titleVariant,
+                        sx: { color: titleColor ?? theme.palette.common.white },
+                        children: app2.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Typography,
+                      {
+                        variant: captionVariant,
+                        sx: { color: captionColor ?? theme.palette.common.white },
+                        children: app2.caption
                       }
                     )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  material.Typography,
-                  {
-                    variant: titleVariant,
-                    sx: { color: titleColor ?? theme.palette.common.white },
-                    children: app2.title
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  material.Typography,
-                  {
-                    variant: captionVariant,
-                    sx: { color: captionColor ?? theme.palette.common.white },
-                    children: app2.caption
-                  }
-                )
-              ]
+                  ]
+                }
+              )
             },
             app2.key
           );