sevago-sso-fe 1.0.35 → 1.0.37

package/dist/components/app-grid/app-grid.component.d.ts

@@ -10,7 +10,9 @@ export interface AppGridProps {
     iconShadow?: string;
     gap?: number | string;
     titleVariant?: "subtitle1" | "body1" | "caption";
+    captionVariant?: "caption" | "body2";
     titleColor?: string;
+    captionColor?: string;
     selectedAppId?: string;
     showPagination?: boolean;
 }

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/index.cjs.js

@@ -27674,7 +27674,8 @@ const TimeAgoContentComponent = ({ time: time2, content, height: height2 = HEIGH
 const AppsSidebar = ({
   isOpen,
   onClose,
-  position = "left"
+  position = "left",
+  blacklist
 }) => {
   const theme = useTheme();
   const navigate = reactRouterDom.useNavigate();
@@ -27684,6 +27685,16 @@ const AppsSidebar = ({
   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,
@@ -27760,43 +27771,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",
-                    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: {
@@ -27805,16 +27780,17 @@ const AppsSidebar = ({
                 flexDirection: "column"
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "HRM" }),
+                /* @__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.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,
@@ -27828,44 +27804,9 @@ 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: "Platform Info" }),
-                /* @__PURE__ */ jsxRuntime.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
+          ))
         ]
       }
     )