@codebit-programando-solucoes/codebit-web-antd 1.1.30 → 1.1.32

package/dist/contexts/CodebitConfigContext.d.ts

@@ -1,7 +1,18 @@
 import * as React from 'react';
-import type { MenuProps } from 'antd';
 import type { ItemType } from 'antd/es/menu/interface';
 
+/** The configuration context for Codebit application, providing access to session and UI settings. */
+export const CodebitConfigContext: React.Context<CodebitConfigContextType | null>;
+
+/**
+ * Provider component for Codebit configuration and session management.
+ *
+ * @param props - Configuration provider properties.
+ */
+export function CodebitConfigProvider(
+    props: CodebitConfigProviderProps,
+): React.ReactElement;
+
 /** Menu item configuration */
 export type MenuItem = ItemType & {
     /** Array of roles that can access this item */
@@ -20,9 +31,6 @@ export interface LoggedUser {
     roles?: string[];
 }
 
-/** The configuration context for Codebit application, providing access to session and UI settings. */
-export const CodebitConfigContext: React.Context<CodebitConfigContextType | null>;
-
 /** Context type definition for Codebit configuration. */
 export interface CodebitConfigContextType {
     /**
@@ -49,8 +57,8 @@ export interface CodebitConfigContextType {
     secondarySidebar?: (user?: LoggedUser) => React.ReactNode | null;
     /** Width of the secondary sidebar in pixels (default: 280). */
     secondarySidebarWidth?: number;
-    /** Array of menu items displayed above the logout button in the bottom menu. */
-    bottomMenuItems?: MenuProps['items'];
+    /** Function that returns menu items configuration for items displayed above the logout button in the bottom menu. */
+    bottomMenuItems?: (user?: LoggedUser) => MenuItem[];
     /**
      * Function invoked when a menu item is clicked. Receives the item's key and **must return a boolean**.
      *
@@ -60,15 +68,6 @@ export interface CodebitConfigContextType {
     onMenuClick?: (key: string) => boolean;
 }
 
-/**
- * Provider component for Codebit configuration and session management.
- *
- * @param props - Configuration provider properties.
- */
-export function CodebitConfigProvider(
-    props: CodebitConfigProviderProps,
-): React.ReactElement;
-
 /** Properties for the CodebitConfigProvider component. */
 export interface CodebitConfigProviderProps {
     /** Child components that will have access to the configuration context. */
@@ -83,8 +82,8 @@ export interface CodebitConfigProviderProps {
     secondarySidebar?: (user: LoggedUser) => React.ReactNode | null;
     /** Width of the secondary sidebar in pixels (default: 280). */
     secondarySidebarWidth?: number;
-    /** **New**: Array of bottom‑menu items (Ant Design `MenuItemType`). */
-    bottomMenuItems?: ItemType[];
+    /** Function that returns bottom‑menu items. */
+    bottomMenuItems?: (user?: LoggedUser) => MenuItem[];
     /** Function to handle user logout. */
     doLogout: () => Promise<void>;
     /** Function to check login status and return user data. */

package/dist/index.cjs

@@ -329,7 +329,7 @@ var __webpack_exports__ = {};
     const codebit_web_namespaceObject = require("@codebit-programando-solucoes/codebit-web");
     const logger = new codebit_web_namespaceObject.Logger('CodebitConfigContext');
     const CodebitConfigContext = /*#__PURE__*/ (0, external_react_.createContext)(null);
-    function CodebitConfigProvider({ children, menuItems, version = '1.0', showVersion = ()=>true, secondarySidebar, secondarySidebarWidth = 280, bottomMenuItems = [], doLogout, checkLogin, onMenuClick }) {
+    function CodebitConfigProvider({ children, menuItems, version = '1.0', showVersion = ()=>true, secondarySidebar, secondarySidebarWidth = 280, bottomMenuItems, doLogout, checkLogin, onMenuClick }) {
         const [isLogged, setIsLogged] = (0, external_react_.useState)(null);
         const [user, setUser] = (0, external_react_.useState)(null);
         const logout = async ()=>{
@@ -398,7 +398,7 @@ var __webpack_exports__ = {};
         showVersion: external_prop_types_default().func,
         secondarySidebar: external_prop_types_default().func,
         secondarySidebarWidth: external_prop_types_default().number,
-        bottomMenuItems: external_prop_types_default().array,
+        bottomMenuItems: external_prop_types_default().func,
         doLogout: external_prop_types_default().func.isRequired,
         checkLogin: external_prop_types_default().func.isRequired,
         onMenuClick: external_prop_types_default().func
@@ -1100,12 +1100,12 @@ var __webpack_exports__ = {};
         const navigate = (0, external_react_router_namespaceObject.useNavigate)();
         const location = (0, external_react_router_namespaceObject.useLocation)();
         if (!configCodebit || !configTheme) throw new Error('LoggedContainer must be used within CodebitConfigProvider and CodebitThemeContext');
-        const { logout, user, menuItems, version, showVersion, secondarySidebar, secondarySidebarWidth = 280, bottomMenuItems = [], onMenuClick } = configCodebit;
+        const { logout, user, menuItems, version, showVersion, secondarySidebar, secondarySidebarWidth = 280, bottomMenuItems, onMenuClick } = configCodebit;
         const { isDarkMode } = configTheme;
         const theme = isDarkMode ? 'dark' : 'light';
         const allMenuItems = (0, external_react_.useMemo)(()=>[
                 ...menuItems(user),
-                ...bottomMenuItems
+                ...bottomMenuItems?.(user) ?? []
             ], [
             menuItems,
             user,
@@ -1119,8 +1119,19 @@ var __webpack_exports__ = {};
             menuItems,
             user
         ]);
+        const filteredBottomMenuItems = (0, external_react_.useMemo)(()=>{
+            if (!bottomMenuItems) return [];
+            return bottomMenuItems(user).filter((item)=>{
+                if (!item.roles) return true;
+                if (!user?.roles) return false;
+                return item.roles.some((role)=>user.roles.includes(role));
+            });
+        }, [
+            bottomMenuItems,
+            user
+        ]);
         const memoizedBottomMenuItems = (0, external_react_.useMemo)(()=>[
-                ...bottomMenuItems,
+                ...filteredBottomMenuItems,
                 {
                     key: MENU_KEY_APP_LOGOUT,
                     icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.LogoutOutlined, {}),
@@ -1128,7 +1139,7 @@ var __webpack_exports__ = {};
                     danger: true
                 }
             ], [
-            bottomMenuItems,
+            filteredBottomMenuItems,
             t
         ]);
         const [selectedKeys, setSelectedKeys] = (0, external_react_.useState)('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codebit-programando-solucoes/codebit-web-antd",
-  "version": "1.1.30",
+  "version": "1.1.32",
   "main": "./dist/index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",