sevago-sso-fe 1.0.35 → 1.0.37

package/dist/index.esm.js

@@ -27656,7 +27656,8 @@ const TimeAgoContentComponent = ({ time: time2, content, height: height2 = HEIGH
 const AppsSidebar = ({
   isOpen,
   onClose,
-  position = "left"
+  position = "left",
+  blacklist
 }) => {
   const theme = useTheme();
   const navigate = useNavigate();
@@ -27666,6 +27667,16 @@ const AppsSidebar = ({
   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,
@@ -27742,43 +27753,7 @@ const AppsSidebar = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                gap: PADDING_GAP_ITEM,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Workflow Engine" }),
-                /* @__PURE__ */ jsx(
-                  AppGrid,
-                  {
-                    apps: allApps.filter(
-                      (app) => app.group === AppGroup.WORKFLOW_ENGINE
-                    ),
-                    columns: 4,
-                    iconSize: 60,
-                    iconRadius: 5.5,
-                    gap: PADDING_GAP_ITEM,
-                    titleVariant: "body1",
-                    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(
+          groups.map((group) => /* @__PURE__ */ jsxs(
             Box,
             {
               sx: {
@@ -27787,16 +27762,17 @@ const AppsSidebar = ({
                 flexDirection: "column"
               },
               children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "HRM" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: group === AppGroup.PLATFORM_AND_INFO ? "Platform & Info" : group }),
                 /* @__PURE__ */ jsx(
                   AppGrid,
                   {
-                    apps: allApps.filter((app) => app.group === AppGroup.HRM),
+                    apps: displayApps.filter((app) => app.group === group),
                     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,
@@ -27810,44 +27786,9 @@ const AppsSidebar = ({
                   }
                 )
               ]
-            }
-          ),
-          /* @__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",
-                    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
+          ))
         ]
       }
     )