sevago-sso-fe 1.0.36 → 1.0.39

package/dist/components/sidebar/apps-sidebar.component.d.ts

@@ -3,6 +3,7 @@ interface AppsSidebarProps {
     isOpen: boolean;
     onClose: () => void;
     position?: "left" | "right";
+    blacklist?: string[];
 }
 export declare const AppsSidebar: React.FC<AppsSidebarProps>;
 export {};

package/dist/components/sidebar/system-monitor-sidebar.part.d.ts

@@ -1,3 +1,5 @@
 export interface SystemMonitorSidebarPartProps {
+    position?: "left" | "right";
+    blacklist?: string[];
 }
 export declare const SystemMonitorSidebarPart: React.FC<SystemMonitorSidebarPartProps>;

package/dist/index.cjs.js

@@ -27674,16 +27674,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 = reactRouterDom.useNavigate();
   const allApps = useApps();
   const dispatch = useAppDispatch();
   const currentApp = useActiveSidebar();
   const { setActiveExpandMenu } = useSidebar();
-  const { palette } = useTheme();
-  if (!isOpen) return null;
+  const displayApps = React.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.useMemo(() => {
+    return Array.from(new Set(displayApps.map((v) => v.group)));
+  }, [displayApps]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       material.Box,
@@ -27695,7 +27705,7 @@ const AppsSidebar = ({
           left: 0,
           right: 0,
           bottom: 0,
-          backgroundColor: palette.action.selected,
+          backgroundColor: theme.palette.action.selected,
           zIndex: 100
         }
       }
@@ -27760,79 +27770,7 @@ const AppsSidebar = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            material.Box,
-            {
-              sx: {
-                gap: PADDING_GAP_ITEM,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "Workflow Engine" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  AppGrid,
-                  {
-                    apps: allApps.filter(
-                      (app) => app.group === AppGroup.WORKFLOW_ENGINE
-                    ),
-                    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__ */ jsxRuntime.jsxs(
-            material.Box,
-            {
-              sx: {
-                gap: PADDING_GAP_ITEM,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "HRM" }),
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
             material.Box,
             {
               sx: {
@@ -27841,13 +27779,11 @@ const AppsSidebar = ({
                 flexDirection: "column"
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "Platform Info" }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: group === AppGroup.PLATFORM_AND_INFO ? "Platform & Info" : group }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   AppGrid,
                   {
-                    apps: allApps.filter(
-                      (app) => app.group === AppGroup.PLATFORM_AND_INFO
-                    ),
+                    apps: displayApps.filter((app) => app.group === group),
                     columns: 4,
                     iconSize: 60,
                     iconRadius: 5.5,
@@ -27867,8 +27803,9 @@ const AppsSidebar = ({
                   }
                 )
               ]
-            }
-          )
+            },
+            group
+          ))
         ]
       }
     )
@@ -28064,7 +28001,7 @@ const TooltipOnClickElement = ({
     ) })
   );
 };
-const SystemMonitorSidebarPart = ({}) => {
+const SystemMonitorSidebarPart = ({ position, blacklist }) => {
   const { isSidebarOpen, openSidebar, closeSidebar } = useSidebarState();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -28076,7 +28013,15 @@ const SystemMonitorSidebarPart = ({}) => {
         sx: { width: MAP_SIZE.medium.width, height: MAP_SIZE.medium.height }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(AppsSidebar, { isOpen: isSidebarOpen, onClose: closeSidebar })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AppsSidebar,
+      {
+        isOpen: isSidebarOpen,
+        onClose: closeSidebar,
+        position,
+        blacklist
+      }
+    )
   ] });
 };
 const TypographyFilter = material.styled(material.Typography)(({ theme }) => ({