sevago-sso-fe 1.0.36 → 1.0.39

package/dist/index.esm.js

@@ -27656,16 +27656,26 @@ const TimeAgoContentComponent = ({ time: time2, content, height: height2 = HEIGH
 const AppsSidebar = ({
   isOpen,
   onClose,
-  position = "left"
+  position = "left",
+  blacklist
 }) => {
+  if (!isOpen) return null;
   const theme = useTheme();
   const navigate = useNavigate();
   const allApps = useApps();
   const dispatch = useAppDispatch();
   const currentApp = useActiveSidebar();
   const { setActiveExpandMenu } = useSidebar();
-  const { palette } = useTheme();
-  if (!isOpen) return null;
+  const displayApps = React__default.useMemo(() => {
+    if (!blacklist || blacklist.length === 0) return allApps;
+    const matched = allApps.filter(
+      (a) => a.path ? blacklist.includes(a.path) : false
+    );
+    return matched.length > 0 ? matched : allApps;
+  }, [allApps, blacklist]);
+  const groups = React__default.useMemo(() => {
+    return Array.from(new Set(displayApps.map((v) => v.group)));
+  }, [displayApps]);
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Box,
@@ -27677,7 +27687,7 @@ const AppsSidebar = ({
           left: 0,
           right: 0,
           bottom: 0,
-          backgroundColor: palette.action.selected,
+          backgroundColor: theme.palette.action.selected,
           zIndex: 100
         }
       }
@@ -27742,7 +27752,7 @@ const AppsSidebar = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          groups.map((group) => /* @__PURE__ */ jsxs(
             Box,
             {
               sx: {
@@ -27751,13 +27761,11 @@ const AppsSidebar = ({
                 flexDirection: "column"
               },
               children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Workflow Engine" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: group === AppGroup.PLATFORM_AND_INFO ? "Platform & Info" : group }),
                 /* @__PURE__ */ jsx(
                   AppGrid,
                   {
-                    apps: allApps.filter(
-                      (app) => app.group === AppGroup.WORKFLOW_ENGINE
-                    ),
+                    apps: displayApps.filter((app) => app.group === group),
                     columns: 4,
                     iconSize: 60,
                     iconRadius: 5.5,
@@ -27777,80 +27785,9 @@ const AppsSidebar = ({
                   }
                 )
               ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                gap: PADDING_GAP_ITEM,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "HRM" }),
-                /* @__PURE__ */ jsx(
-                  AppGrid,
-                  {
-                    apps: allApps.filter((app) => app.group === AppGroup.HRM),
-                    columns: 4,
-                    iconSize: 60,
-                    iconRadius: 5.5,
-                    gap: PADDING_GAP_ITEM,
-                    titleVariant: "body1",
-                    captionVariant: "caption",
-                    titleColor: theme.palette.grey[800],
-                    captionColor: theme.palette.grey[600],
-                    selectedAppId: currentApp?.path,
-                    onClickItem: async (app) => {
-                      await dispatch(
-                        ACTION_ACCOUNT.updateCurrentAccess(app.path)
-                      ).unwrap();
-                      setActiveExpandMenu(null);
-                      onClose();
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                gap: PADDING_GAP_ITEM,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Platform Info" }),
-                /* @__PURE__ */ jsx(
-                  AppGrid,
-                  {
-                    apps: allApps.filter(
-                      (app) => app.group === AppGroup.PLATFORM_AND_INFO
-                    ),
-                    columns: 4,
-                    iconSize: 60,
-                    iconRadius: 5.5,
-                    gap: PADDING_GAP_ITEM,
-                    titleVariant: "body1",
-                    captionVariant: "caption",
-                    titleColor: theme.palette.grey[800],
-                    captionColor: theme.palette.grey[600],
-                    selectedAppId: currentApp?.path,
-                    onClickItem: async (app) => {
-                      await dispatch(
-                        ACTION_ACCOUNT.updateCurrentAccess(app.path)
-                      ).unwrap();
-                      setActiveExpandMenu(null);
-                      onClose();
-                    }
-                  }
-                )
-              ]
-            }
-          )
+            },
+            group
+          ))
         ]
       }
     )
@@ -28046,7 +27983,7 @@ const TooltipOnClickElement = ({
     ) })
   );
 };
-const SystemMonitorSidebarPart = ({}) => {
+const SystemMonitorSidebarPart = ({ position, blacklist }) => {
   const { isSidebarOpen, openSidebar, closeSidebar } = useSidebarState();
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
@@ -28058,7 +27995,15 @@ const SystemMonitorSidebarPart = ({}) => {
         sx: { width: MAP_SIZE.medium.width, height: MAP_SIZE.medium.height }
       }
     ),
-    /* @__PURE__ */ jsx(AppsSidebar, { isOpen: isSidebarOpen, onClose: closeSidebar })
+    /* @__PURE__ */ jsx(
+      AppsSidebar,
+      {
+        isOpen: isSidebarOpen,
+        onClose: closeSidebar,
+        position,
+        blacklist
+      }
+    )
   ] });
 };
 const TypographyFilter = styled$2(Typography)(({ theme }) => ({