sevago-sso-fe 1.0.12 → 1.0.13

package/dist/index.esm.js

@@ -3,7 +3,7 @@ import { createAsyncThunk, createSlice, configureStore, combineReducers } from "
 import { useDispatch, useSelector } from "react-redux";
 import * as React from "react";
 import React__default, { useMemo, useState, createContext, useContext, useEffect, useCallback, forwardRef, useImperativeHandle, createElement, Children, useRef, useLayoutEffect, Fragment as Fragment$1, useId, useInsertionEffect, Component as Component$1 } from "react";
-import { useLocation, useNavigate, Outlet, Route, Navigate } from "react-router-dom";
+import { useLocation, useNavigate, Outlet, Link, Route, Navigate } from "react-router-dom";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Alert, Stack as Stack$1, styled as styled$2, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, useTheme as useTheme$2, Skeleton, Box, Icon, Tooltip, tooltipClasses, Avatar, Typography, ClickAwayListener as ClickAwayListener$1, Fade, Badge, List, ListItem, FormControl, InputLabel, RadioGroup, FormControlLabel, Radio, Menu, Divider, MenuItem, Button, IconButton, TextField, InputAdornment } from "@mui/material";
 import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$1, unstable_memoTheme, Stack as Stack$2, css, keyframes as keyframes$1 } from "@mui/system";
@@ -21244,8 +21244,32 @@ const MonitorPart = ({
 const DashboardLayout = ({
   children
 }) => {
-  useUpdateCurrentAccess();
-  return /* @__PURE__ */ jsx(MonitorPart, { children });
+  const isSystemMonitor = useIsSystemMonitor();
+  const { sidebarWidth } = useSidebar();
+  if (isSystemMonitor) return /* @__PURE__ */ jsx(MonitorPart, { children });
+  return /* @__PURE__ */ jsx(
+    Stack$1,
+    {
+      sx: {
+        minHeight: "100vh",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ jsx(Stack$1, { p: 0, gap: 0, children: /* @__PURE__ */ jsx(StackRow, { children: /* @__PURE__ */ jsx(
+        Stack$1,
+        {
+          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__ */ jsx(
@@ -33497,7 +33521,7 @@ const MotionBox = ({
   } : {};
   return /* @__PURE__ */ jsx(motion.div, { ...motionProps, ...getAnimationProps(), ...hoverProps, onClick, style: { ...sx }, children });
 };
-const IconRight = (props) => /* @__PURE__ */ jsx(
+const IconLeft = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "20",
@@ -33509,7 +33533,7 @@ const IconRight = (props) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ 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",
@@ -33518,7 +33542,7 @@ const IconRight = (props) => /* @__PURE__ */ jsx(
     )
   }
 );
-const IconLeft = (props) => /* @__PURE__ */ jsx(
+const IconRight = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "20",
@@ -33530,7 +33554,7 @@ const IconLeft = (props) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ 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",
@@ -33559,12 +33583,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__default.useState(0);
+  const { user } = useSelector((state) => state.account);
   React__default.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__ */ jsxs(Box, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ jsx(
       Box,
@@ -33576,62 +33613,73 @@ const AppGrid = ({
         },
         children: visibleApps.map((app2, index) => {
           const isSelected = selectedAppId === app2.key;
-          return /* @__PURE__ */ jsxs(
-            MotionBox,
+          return /* @__PURE__ */ jsx(
+            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__ */ jsx(
-                  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__ */ jsx(
-                      ImageElement,
+              children: /* @__PURE__ */ jsxs(
+                MotionBox,
+                {
+                  preset: "staggerItem",
+                  index,
+                  hover: true,
+                  onClick: () => onClickItem?.(app2),
+                  sx: {
+                    cursor: "pointer",
+                    display: "flex",
+                    flex: 1,
+                    alignItems: "center",
+                    flexDirection: "column"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      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__ */ jsx(
+                          ImageElement,
+                          {
+                            sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
+                            url: app2.icon,
+                            sizeType: ImageSizeType.SQUARE
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: titleVariant,
+                        sx: { color: titleColor ?? theme.palette.common.white },
+                        children: app2.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: captionVariant,
+                        sx: { color: captionColor ?? theme.palette.common.white },
+                        children: app2.caption
                       }
                     )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: titleVariant,
-                    sx: { color: titleColor ?? theme.palette.common.white },
-                    children: app2.title
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: captionVariant,
-                    sx: { color: captionColor ?? theme.palette.common.white },
-                    children: app2.caption
-                  }
-                )
-              ]
+                  ]
+                }
+              )
             },
             app2.key
           );