@rnaga/wp-next-admin 1.1.1 → 1.1.2

package/client/components/layout/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/layout/header/index.tsx"],"names":[],"mappings":"AA0LA,eAAO,MAAM,MAAM,+CAqLlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/layout/header/index.tsx"],"names":[],"mappings":"AA6LA,eAAO,MAAM,MAAM,+CA2NlB,CAAC"}

package/client/components/layout/header/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useState } from "react";
+import React, { useEffect, useMemo, useRef, useState } from "react";
 import BookIcon from "@mui/icons-material/Book";
 import HomeIcon from "@mui/icons-material/Home";
 import HomeWorkIcon from "@mui/icons-material/HomeWork";
@@ -9,6 +9,7 @@ import PersonIcon from "@mui/icons-material/Person";
 import ViewSidebarIcon from "@mui/icons-material/ViewSidebar";
 import WebIcon from "@mui/icons-material/Web";
 import { Box, IconButton, MenuItem, MenuList } from "@mui/material";
+import { useWP } from "@rnaga/wp-next-core/client/wp";
 import { PopperMenu } from "@rnaga/wp-next-ui/PopperMenu";
 import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
 import { Typography } from "@rnaga/wp-next-ui/Typography";
@@ -97,13 +98,35 @@ export const Header = () => {
     const { wp: { viewport }, site: currentSite, sidebar, } = useWPAdmin();
     const { user } = useAdminUser();
     const { wpRawTheme } = useWPTheme();
+    const wpAdmin = useWPAdmin();
+    const adminNavigation = useAdminNavigation();
+    const { wpHooks } = useWP();
     const homeButtonRef = useRef(null);
     const [openHomeMenu, setOpenHomeMenu] = useState(false);
     const manageSiteButtonRef = useRef(null);
     const [openManageSiteMenu, setOpenManageSiteMenu] = useState(false);
+    const [customMenuComponents, setCustomMenuComponents] = useState([]);
     const profileKey = useMemo(() => {
         return `profile-${currentSite.settings.timezone}-${user?.ID}`;
     }, [currentSite.settings.timezone, user]);
+    useEffect(() => {
+        const newCustomMenus = wpHooks.filter.apply("next_admin_bar_menu", [], {
+            wpAdmin,
+            navigation: adminNavigation,
+            wpRawTheme,
+        });
+        const newCustomMenuComponents = [];
+        for (const menu of newCustomMenus) {
+            // Check if the menu has role restriction.
+            // If not, show the menu. If yes, check if the user has the capability.
+            if (!menu.roles ||
+                menu.roles.length === 0 ||
+                menu.roles.some((role) => user?.role.names.has(role))) {
+                newCustomMenuComponents.push(_jsx(React.Fragment, { children: menu.component }, newCustomMenuComponents.length));
+            }
+        }
+        setCustomMenuComponents(newCustomMenuComponents);
+    }, [wpAdmin.site.blogId, user?.ID]);
     return (_jsxs(Box
     //variant="solid"
     , { 
@@ -172,5 +195,5 @@ export const Header = () => {
                                 }, anchorOrigin: {
                                     vertical: "bottom",
                                     horizontal: "center",
-                                }, children: _jsx(MenuList, { children: _jsx(ManageSiteMenuItems, {}) }) })] }))] }), _jsx(Profile, {}, profileKey)] }));
+                                }, children: _jsx(MenuList, { children: _jsx(ManageSiteMenuItems, {}) }) })] })), customMenuComponents.length > 0 && _jsx(Box, { children: customMenuComponents })] }), _jsx(Profile, {}, profileKey)] }));
 };

package/client/hooks/use-admin-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-admin-navigation.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-admin-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAIhG,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AAGrC,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,kBAAkB,GAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;;;2BAkDlD,KAAK,CAAC,MAAM,CAAC,gBAAgB,YAC5B,OAAO,CAAC;QAChB,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC;KAC/C,CAAC,KACD,MAAM;qBAWD,MAAM,YACF,OAAO,CAAC;QAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACvC,WAAW,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC;KAC/C,CAAC;;;;;;;;;;;qBA/CK,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE;;;;;;;CAgFjE,CAAC"}
+{"version":3,"file":"use-admin-navigation.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-admin-navigation.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAIhG,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AAGrC,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,kBAAkB,GAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;;;2BAkDlD,KAAK,CAAC,MAAM,CAAC,gBAAgB,YAC5B,OAAO,CAAC;QAChB,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC;KAC/C,CAAC,KACD,MAAM;qBAWD,MAAM,YACF,OAAO,CAAC;QAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACvC,WAAW,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC;KAC/C,CAAC;;;;;;;;;;;qBA/CK,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE;;;;;;;CAgFjE,CAAC"}

package/client/hooks/use-admin-navigation.js

@@ -1,3 +1,4 @@
+"use client";
 import queryString from "querystring";
 import { useNavigation } from "@rnaga/wp-next-core/client/hooks/use-navigation";
 import { useWPAdmin } from "../wp-admin";

package/client/utils/get-default-admin-hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-default-admin-hooks.d.ts","sourceRoot":"","sources":["../../../src/client/utils/get-default-admin-hooks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,6LAAc,CAAC;AAChD,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"get-default-admin-hooks.d.ts","sourceRoot":"","sources":["../../../src/client/utils/get-default-admin-hooks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,6LAAc,CAAC;AAChD,eAAe,oBAAoB,CAAC"}

package/client/utils/get-default-admin-hooks.js

@@ -1,3 +1,4 @@
+"use client";
 import { hooks } from "../wp-hooks";
 export const getDefaultAdminHooks = () => hooks;
 export default getDefaultAdminHooks;

package/client/wp-hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/wp-hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,KAAK,uEAA6D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/wp-hooks/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,KAAK,uEAA6D,CAAC"}

package/client/wp-hooks/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { MenuBlogHook } from "./menu-blog.hook";
 import { MenuSiteHook } from "./menu-site.hook";
 import { PreloadModalHook } from "./preload-modal.hook";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rnaga/wp-next-admin",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "license": "MIT",
   "description": "Admin interface for WP Next",
   "author": "Ryohei Nagatsuka",

package/types/client/menus.d.ts

@@ -5,7 +5,7 @@ export interface AdminPageSegmentMap {
 }
 
 type AdminPageSegment<
-  K extends keyof AdminPageSegmentMap = keyof AdminPageSegmentMap
+  K extends keyof AdminPageSegmentMap = keyof AdminPageSegmentMap,
 > = AdminPageSegmentMap[K] extends true ? keyof AdminPageSegmentMap : never;
 
 export type AdminMenu = AdminMenuComponent | AdminOnclick;
@@ -37,3 +37,9 @@ export interface AdminOnclick {
 }
 
 export type AdminMenus = Map<keyof AdminPageSegment, AdminMenu[]>;
+
+export type AdminBarMenus = Array<{
+  component: React.ReactNode;
+  roles?: string[];
+  onClick?: () => void;
+}>;

package/types/hooks/filters.d.ts

@@ -1,11 +1,16 @@
-import type { AdminMenu, AdminPageSegment } from "../client/menus";
+import type {
+  AdminBarMenus,
+  AdminMenu,
+  AdminPageSegment,
+} from "../client/menus";
 import type { WPAdmin } from "../client";
 
 import { experimental_extendTheme as materialExtendTheme } from "@mui/material/styles";
 import { Context } from "@rnaga/wp-node/core/context";
 
 import { useAdminNavigation } from "../../client/hooks/use-admin-navigation";
-import type { WpTheme } from "../client";
+
+import type { WPTheme } from "@rnaga/wp-next-ui/types";
 
 export {};
 
@@ -28,6 +33,15 @@ declare module "@rnaga/wp-next-core/types/hooks/filters.d" {
       }
     ) => AdminMenu[];
 
+    next_admin_bar_menu: (
+      menus: AdminBarMenus,
+      params: {
+        wpAdmin: WPAdmin;
+        navigation: AdminNavigation;
+        wpRawTheme: WPTheme;
+      }
+    ) => AdminBarMenus;
+
     next_admin_preload_modal: (
       components: React.ReactNode[],
       params: {