@rnaga/wp-next-admin 1.0.1

package/client/wp-admin/initial-global-state.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+type InitialState = Omit<wpCoreTypes.client.GlobalState, "user" | "adminUser">;
+export declare const initialState: InitialState;
+export {};
+//# sourceMappingURL=initial-global-state.d.ts.map

package/client/wp-admin/initial-global-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial-global-state.d.ts","sourceRoot":"","sources":["../../../src/client/wp-admin/initial-global-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;AAE/E,eAAO,MAAM,YAAY,EAAE,YA6C1B,CAAC"}

package/client/wp-admin/initial-global-state.js

@@ -0,0 +1,46 @@
+export const initialState = {
+    "page-segment": "default",
+    page: "dashboard",
+    sidebar: {
+        collapsed: false,
+        sticked: true,
+        width: 200,
+        marginLeft: 200,
+        menus: [],
+    },
+    "overlay-snakbar": {
+        type: "success",
+        open: false,
+        message: "",
+    },
+    "overlay-confirm": {
+        isOpen: false,
+        title: "",
+        message: "",
+        callback: (confirm) => { },
+    },
+    "overlay-backdrop": {
+        open: false,
+        component: undefined,
+        onClick: undefined,
+        zIndex: 100,
+    },
+    error: {
+        message: undefined,
+    },
+    "layout-keys": {
+        header: 1,
+        sidebar: 2,
+        main: 3,
+        content: 4,
+    },
+    "blog-create-blog-modal": {
+        open: false,
+    },
+    "site-create-site-modal": {
+        open: false,
+    },
+    "user-create-user-modal": {
+        open: false,
+    },
+};

package/client/wp-admin/use-comment.d.ts

@@ -0,0 +1,55 @@
+import type * as types from "../../types";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+type Comment = NonNullable<wpCoreTypes.client.GlobalState["comment-edit-modal"]>["comment"];
+export declare const useComment: (props: {
+    globalState: wpCoreTypes.client.WP["globalState"];
+}) => {
+    open: (comment: Comment, isReply: boolean, onSave?: (data: types.client.formdata.CommentUpsert) => void) => void;
+    close: () => void;
+    comment: import("@rnaga/wp-node/types").WpComments | ({
+        comment_parent: number;
+        post_comment_count: number;
+        post_title: string;
+        post_type: string;
+        post_guid: string;
+        post_author: number;
+        post_status: string;
+        user_display_name?: string;
+        parent_comment_author?: string;
+        parent_user_display_name?: string;
+        parent_user_id: number;
+        children?: Awaited<ReturnType<InstanceType<typeof import("@rnaga/wp-node/core/comment").Comment>["children"]>>;
+        count_children: number;
+    } & import("@rnaga/wp-node/types").WpComments & {
+        metas: Record<string, any>;
+    }) | ({
+        comment_parent: number;
+        post_comment_count: number;
+        post_title: string;
+        post_type: string;
+        post_guid: string;
+        post_author: number;
+        post_status: string;
+        user_display_name?: string;
+        parent_comment_author?: string;
+        parent_user_display_name?: string;
+        parent_user_id: number;
+        children?: Awaited<ReturnType<InstanceType<typeof import("@rnaga/wp-node/core/comment").Comment>["children"]>>;
+        count_children: number;
+    } & {
+        comment_ID: number;
+        comment_post_ID: number;
+        comment_author: string;
+        comment_date: string;
+        comment_date_gmt: string;
+        comment_content: string;
+        comment_approved: string;
+        comment_type: string;
+        user_id: number;
+    }) | undefined;
+    isReply: boolean;
+    isOpen: boolean;
+    onSave: ((data: types.client.formdata.CommentUpsert) => void) | undefined;
+};
+export {};
+//# sourceMappingURL=use-comment.d.ts.map

package/client/wp-admin/use-comment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-comment.d.ts","sourceRoot":"","sources":["../../../src/client/wp-admin/use-comment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,KAAK,OAAO,GAAG,WAAW,CACxB,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CACrD,CAAC,SAAS,CAAC,CAAC;AAEb,eAAO,MAAM,UAAU,GAAI,OAAO;IAChC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;CACnD;oBAKY,OAAO,WACP,OAAO,WACP,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B/D,CAAC"}

package/client/wp-admin/use-comment.js

@@ -0,0 +1,32 @@
+export const useComment = (props) => {
+    const { globalState } = props;
+    const commentEditModal = globalState.get("comment-edit-modal");
+    const open = (comment, isReply, onSave) => {
+        globalState.set({
+            "comment-edit-modal": {
+                open: true,
+                isReply,
+                comment,
+                onSave,
+            },
+        });
+    };
+    const close = () => {
+        globalState.set({
+            "comment-edit-modal": {
+                open: false,
+                isReply: false,
+                comment: undefined,
+                onSave: undefined,
+            },
+        });
+    };
+    return {
+        open,
+        close,
+        comment: commentEditModal?.comment,
+        isReply: !!commentEditModal?.isReply,
+        isOpen: !!commentEditModal?.open,
+        onSave: commentEditModal?.onSave,
+    };
+};

package/client/wp-admin/use-overlay.d.ts

@@ -0,0 +1,28 @@
+import "reflect-metadata";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+import type * as types from "../../types";
+export declare const useOverlayState: (props: {
+    globalState: wpCoreTypes.client.WP["globalState"];
+}) => {
+    backdrop: {
+        open: (args: Partial<{
+            component: React.ReactNode;
+            onClick: () => void;
+            zIndex: number;
+        }>) => void;
+        close: () => void;
+    };
+    circular: {
+        open: () => void;
+        close: () => void;
+        promise: <T>(fn: Promise<T>) => Promise<T>;
+    };
+    snackbar: {
+        open: (type: types.client.SnackBarType, message: string) => void;
+        close: () => void;
+    };
+    confirm: {
+        open: (message: string | React.ReactNode, callback: (confirm: boolean) => void, title?: string) => void;
+    };
+};
+//# sourceMappingURL=use-overlay.d.ts.map

package/client/wp-admin/use-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.d.ts","sourceRoot":"","sources":["../../../src/client/wp-admin/use-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAC;AAI1C,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;CACnD;;qBAYW,OAAO,CAAC;YACZ,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;YAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;YACpB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;;;;;;kBA2BY,CAAC,MAAO,OAAO,CAAC,CAAC,CAAC;;;qBAUrB,KAAK,CAAC,MAAM,CAAC,YAAY,WAAW,MAAM;;;;wBAsB5C,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,UAC5B,MAAM;;CAyBnB,CAAC"}

package/client/wp-admin/use-overlay.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import "reflect-metadata";
+import { useEffect, useState } from "react";
+import { CircularProgress } from "@mui/material";
+export const useOverlayState = (props) => {
+    const { globalState } = props;
+    const overlayBackDrop = globalState.get("overlay-backdrop");
+    const [openCircular, setOpenCircular] = useState(false);
+    useEffect(() => {
+        openCircular ? circular.open() : circular.close();
+    }, [openCircular]);
+    const backdrop = {
+        open: (args) => {
+            globalState.set({
+                "overlay-backdrop": {
+                    open: true,
+                    component: args?.component,
+                    onClick: args?.onClick,
+                    zIndex: args?.zIndex ?? 1,
+                },
+            });
+        },
+        close: () => globalState.set({
+            "overlay-backdrop": { ...overlayBackDrop, open: false },
+        }),
+    };
+    const circular = {
+        open: () => {
+            backdrop.open({
+                component: _jsx(CircularProgress, {}),
+                zIndex: 10,
+            });
+        },
+        close: () => {
+            backdrop.close();
+        },
+        promise: async (fn) => {
+            circular.open();
+            const result = await fn;
+            circular.close();
+            return result;
+        },
+    };
+    const snackbar = {
+        open: (type, message) => {
+            globalState.set({
+                "overlay-snakbar": {
+                    type,
+                    open: true,
+                    message,
+                },
+            });
+        },
+        close: () => {
+            globalState.set({
+                "overlay-snakbar": {
+                    type: "primary",
+                    open: false,
+                    message: "",
+                },
+            });
+        },
+    };
+    const confirm = {
+        open: (message, callback, title) => {
+            const wrapperCallback = (confirm) => {
+                callback(confirm);
+                globalState.set({
+                    "overlay-confirm": {
+                        isOpen: false,
+                        title: "",
+                        message: "",
+                        callback: (confirm) => { },
+                    },
+                });
+            };
+            globalState.set({
+                "overlay-confirm": {
+                    isOpen: true,
+                    title: title ?? "",
+                    message,
+                    callback: wrapperCallback,
+                },
+            });
+        },
+    };
+    return { backdrop, circular, snackbar, confirm };
+};

package/client/wp-admin.d.ts

@@ -0,0 +1,27 @@
+import "reflect-metadata";
+import React from "react";
+import * as types from "../types";
+/**
+ * Context for WPAdminProvider.
+ */
+export declare const WPAdminContext: React.Context<types.client.WPAdmin>;
+/**
+ * Hook to access the WPAdminContext.
+ */
+export declare const useWPAdmin: () => types.client.WPAdmin;
+/**
+ * Provider component for WPAdminContext.
+ * @param props - The component props.
+ * @param props.children - The child components.
+ * @param props.defaultMenuSegment - The default menu segment.
+ * @param props.adminUser - The admin user object.
+ * @param props.site - The site object.
+ * @returns The rendered component.
+ */
+export declare const WPAdminProvider: (props: {
+    children: React.ReactNode;
+    defaultMenuSegment: types.client.AdminPageSegment;
+    adminUser: types.client.AdminUser;
+    site: types.client.AdminSite;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=wp-admin.d.ts.map

package/client/wp-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wp-admin.d.ts","sourceRoot":"","sources":["../../src/client/wp-admin.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAMlC;;GAEG;AACH,eAAO,MAAM,cAAc,qCAAiD,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,UAAU,4BAAmC,CAAC;AAE3D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9B,4CA8BA,CAAC"}

package/client/wp-admin.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import "reflect-metadata";
+import { createContext, useContext, useEffect } from "react";
+import { useWP } from "@rnaga/wp-next-core/client/wp";
+import { useComment } from "./wp-admin/use-comment";
+import { useOverlayState } from "./wp-admin/use-overlay";
+import { useSidebar } from "./hooks/use-sidebar";
+import { useViewport } from "@rnaga/wp-next-core/client/wp/use-viewport";
+/**
+ * Context for WPAdminProvider.
+ */
+export const WPAdminContext = createContext({});
+/**
+ * Hook to access the WPAdminContext.
+ */
+export const useWPAdmin = () => useContext(WPAdminContext);
+/**
+ * Provider component for WPAdminContext.
+ * @param props - The component props.
+ * @param props.children - The child components.
+ * @param props.defaultMenuSegment - The default menu segment.
+ * @param props.adminUser - The admin user object.
+ * @param props.site - The site object.
+ * @returns The rendered component.
+ */
+export const WPAdminProvider = (props) => {
+    const wp = useWP();
+    const { defaultMenuSegment, adminUser, site, children } = props;
+    const { globalState } = wp;
+    useEffect(() => {
+        globalState.set({
+            "page-segment": defaultMenuSegment,
+            adminUser,
+        });
+    }, []);
+    const overlay = useOverlayState({ globalState });
+    const viewport = useViewport();
+    const sidebar = useSidebar({ globalState, viewport });
+    const comment = useComment({ globalState });
+    const contextValue = {
+        wp,
+        overlay,
+        sidebar,
+        comment,
+        site,
+    };
+    return _jsx(WPAdminContext, { value: contextValue, children: children });
+};

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

@@ -0,0 +1,5 @@
+import { MenuBlogHook } from "./menu-blog.hook";
+import { PreloadModalHook } from "./preload-modal.hook";
+import { ThemesHook } from "./themes.hook";
+export declare const hooks: (typeof MenuBlogHook | typeof PreloadModalHook | typeof ThemesHook)[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/client/wp-hooks/index.js

@@ -0,0 +1,5 @@
+import { MenuBlogHook } from "./menu-blog.hook";
+import { MenuSiteHook } from "./menu-site.hook";
+import { PreloadModalHook } from "./preload-modal.hook";
+import { ThemesHook } from "./themes.hook";
+export const hooks = [MenuBlogHook, MenuSiteHook, PreloadModalHook, ThemesHook];

package/client/wp-hooks/menu-blog.hook.d.ts

@@ -0,0 +1,11 @@
+import type * as types from "../../types";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+/**
+ * MenuBlogHook
+ *
+ * This hook adds the blog menu items to the admin menu.
+ */
+export declare class MenuBlogHook {
+    hookFilter(...args: Parameters<wpCoreTypes.hooks.Filters["next_admin_menu"]>): types.client.AdminMenu[];
+}
+//# sourceMappingURL=menu-blog.hook.d.ts.map

package/client/wp-hooks/menu-blog.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-blog.hook.d.ts","sourceRoot":"","sources":["../../../src/client/wp-hooks/menu-blog.hook.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D;;;;GAIG;AACH,qBACa,YAAY;IAEvB,UAAU,CACR,GAAG,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;CA6MpE"}

package/client/wp-hooks/menu-blog.hook.js

@@ -0,0 +1,236 @@
+"use client";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ArticleIcon from "@mui/icons-material/Article";
+import CommentIcon from "@mui/icons-material/Comment";
+import DashboardIcon from "@mui/icons-material/Dashboard";
+import GroupIcon from "@mui/icons-material/Group";
+import LibraryBooksIcon from "@mui/icons-material/LibraryBooks";
+import PagesIcon from "@mui/icons-material/Pages";
+import PermMediaIcon from "@mui/icons-material/PermMedia";
+import PersonIcon from "@mui/icons-material/Person";
+import SettingsIcon from "@mui/icons-material/Settings";
+import { filter as clientFilter } from "@rnaga/wp-next-core/decorators";
+import { hook } from "@rnaga/wp-node/decorators/hooks";
+import { Admin } from "../../client/components/contents";
+/**
+ * MenuBlogHook
+ *
+ * This hook adds the blog menu items to the admin menu.
+ */
+let MenuBlogHook = class MenuBlogHook {
+    hookFilter(...args) {
+        let [, segment] = args;
+        const [adminMenus, , { wpAdmin }] = args;
+        if (!["blog", "dashboard", "default"].includes(segment)) {
+            return adminMenus;
+        }
+        const { site, wp: { globalState }, } = wpAdmin;
+        segment = "blog";
+        const blogMenu = [
+            {
+                icon: _jsx(DashboardIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Dashboard, {}),
+                capabilities: ["read"],
+                label: "Dashboard",
+                path: [
+                    `/${segment}/dashboard`,
+                    `/dashboard`,
+                    `/${segment}`,
+                    `/`,
+                    `/default`,
+                    "",
+                ],
+            },
+            {
+                icon: _jsx(ArticleIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Posts.List, {}),
+                capabilities: ["read"],
+                label: "Posts",
+                path: `/${segment}/posts`,
+                nestedMenus: [
+                    {
+                        label: "All Posts",
+                        component: _jsx(Admin.Posts.List, {}),
+                        displayOnSidebar: true,
+                        capabilitiesInherit: true,
+                        path: `/${segment}/posts`,
+                    },
+                    {
+                        label: "Edit",
+                        component: _jsx(Admin.Posts.Edit, {}),
+                        displayOnSidebar: false,
+                        capabilities: ["edit_posts"],
+                        path: `/${segment}/posts/edit`,
+                    },
+                    {
+                        label: "Add New Post",
+                        component: _jsx(Admin.Posts.Edit, {}),
+                        displayOnSidebar: true,
+                        capabilities: ["edit_posts"],
+                        path: `/${segment}/posts/addnew`,
+                    },
+                    // Add more nested items as needed
+                ],
+            },
+            {
+                displayOnSidebar: false,
+                component: _jsx(Admin.Revisions, {}),
+                capabilities: ["edit_posts"],
+                label: "Revision",
+                path: `/${segment}/revisions`,
+            },
+            {
+                icon: _jsx(PermMediaIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Media.List, {}),
+                capabilities: ["read"],
+                label: "Media",
+                path: `/${segment}/media`,
+                nestedMenus: [
+                    {
+                        label: "Library",
+                        component: _jsx(Admin.Media.List, {}),
+                        displayOnSidebar: true,
+                        capabilitiesInherit: true,
+                        path: `/${segment}/media`,
+                    },
+                ],
+            },
+            {
+                icon: _jsx(PagesIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Pages.List, {}),
+                capabilities: ["read"],
+                label: "Pages",
+                path: `/${segment}/pages`,
+                nestedMenus: [
+                    {
+                        label: "All Pages",
+                        component: _jsx(Admin.Pages.List, {}),
+                        displayOnSidebar: true,
+                        capabilitiesInherit: true,
+                        path: `/${segment}/pages`,
+                    },
+                    {
+                        label: "Edit",
+                        component: _jsx(Admin.Pages.Edit, {}),
+                        displayOnSidebar: false,
+                        capabilities: ["edit_pages"],
+                        path: `/${segment}/pages/edit`,
+                    },
+                    {
+                        label: "Add New Page",
+                        component: _jsx(Admin.Pages.Edit, {}),
+                        displayOnSidebar: true,
+                        capabilities: ["edit_pages"],
+                        path: `/${segment}/pages/addnew`,
+                    },
+                    // Add more nested items as needed
+                ],
+            },
+            {
+                icon: _jsx(LibraryBooksIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Terms, {}),
+                capabilities: ["edit_posts"],
+                label: "Terms",
+                path: `/${segment}/terms`,
+            },
+            {
+                icon: _jsx(CommentIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Comments.List, {}),
+                capabilities: ["edit_posts"], //["moderate_comments"],
+                label: "Comments",
+                path: `/${segment}/comments`,
+            },
+            {
+                icon: _jsx(PersonIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Profile, {}),
+                capabilities: ["read"],
+                label: "Profile",
+                path: `/${segment}/profile`,
+            },
+            {
+                icon: _jsx(SettingsIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Settings, {}),
+                capabilities: ["manage_options"],
+                label: "Settings",
+                path: `/${segment}/settings`,
+            },
+        ];
+        const userMenu = [];
+        if (!site.isMultiSite) {
+            userMenu.push({
+                icon: _jsx(GroupIcon, {}),
+                displayOnSidebar: true,
+                component: _jsx(Admin.Users.List, {}),
+                capabilities: ["list_users"],
+                label: "Users",
+                path: `/${segment}/users`,
+                nestedMenus: [
+                    {
+                        label: "All users",
+                        component: _jsx(Admin.Users.List, {}),
+                        displayOnSidebar: true,
+                        capabilitiesInherit: true,
+                        path: `/${segment}/users`,
+                    },
+                    {
+                        label: "Edit",
+                        component: _jsx(Admin.Users.Edit, {}),
+                        displayOnSidebar: false,
+                        capabilities: ["list_users"],
+                        path: `/${segment}/users/edit`,
+                    },
+                    {
+                        displayOnSidebar: true,
+                        capabilities: ["create_users"],
+                        label: "Add New User",
+                        onClick: () => {
+                            globalState.set("user-create-user-modal", { open: true });
+                        },
+                    },
+                    {
+                        label: "Roles",
+                        component: _jsx(Admin.Roles, {}),
+                        displayOnSidebar: true,
+                        capabilities: ["edit_user_roles"],
+                        path: `/${segment}/users/roles`,
+                    },
+                    {
+                        label: "Delete User",
+                        component: _jsx(Admin.Users.Delete, {}),
+                        displayOnSidebar: false,
+                        capabilities: ["delete_users"],
+                        path: `/${segment}/users/delete`,
+                    },
+                ],
+            });
+        }
+        return [...adminMenus, ...blogMenu, ...userMenu];
+    }
+};
+__decorate([
+    clientFilter("next_admin_menu"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], MenuBlogHook.prototype, "hookFilter", null);
+MenuBlogHook = __decorate([
+    hook("next_admin_blog_menu")
+], MenuBlogHook);
+export { MenuBlogHook };

package/client/wp-hooks/menu-site.hook.d.ts

@@ -0,0 +1,11 @@
+import type * as types from "../../types";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+/**
+ * MenuSiteHook
+ *
+ * This hook adds the site menu items to the admin menu.
+ */
+export declare class MenuSiteHook {
+    hookFilter(...args: Parameters<wpCoreTypes.hooks.Filters["next_admin_menu"]>): types.client.AdminMenu[];
+}
+//# sourceMappingURL=menu-site.hook.d.ts.map

package/client/wp-hooks/menu-site.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-site.hook.d.ts","sourceRoot":"","sources":["../../../src/client/wp-hooks/menu-site.hook.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D;;;;GAIG;AACH,qBACa,YAAY;IAEvB,UAAU,CACR,GAAG,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAsJpE"}