@rnaga/wp-next-admin 1.0.1

package/client/components/contents/media/List/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/media/List/Table.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAC9D,eAAO,MAAM,KAAK,GAAI,OAAO;IAC3B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;CAC9C,mDAgGA,CAAC"}

package/client/components/contents/media/List/Table.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccordionDetails } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Accordion, AccordionSummary } from "@rnaga/wp-next-ui/Accordion";
+import { CardImage } from "@rnaga/wp-next-ui/CardImage";
+import { Viewport } from "@rnaga/wp-next-ui/Viewport";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { AdminLink } from "../../../../components/utils/link";
+import { ActionTd, ListGrid, ListGridItem, SortableTh, Table as TableList, Td, Th, THead, Tr, } from "@rnaga/wp-next-ui/list";
+import { PostRowLinks } from "../../../../components/utils/post";
+import { useWPAdmin } from "../../../../wp-admin";
+import { ActionLink } from "./ActionLink";
+export const Table = (props) => {
+    const { posts } = props;
+    const { wp: { viewport, globalState }, } = useWPAdmin();
+    const { user } = useUser();
+    const handleClick = (post) => () => {
+        globalState.set({
+            "media-edit-modal": {
+                open: true,
+            },
+            "media-target-item": {
+                post,
+            },
+        });
+    };
+    const canEdit = (post) => user?.ID == post.author.ID ||
+        user?.role.capabilities.has("edit_others_posts");
+    if (!posts) {
+        return null;
+    }
+    return (_jsxs(TableList, { children: [_jsxs(THead, { children: [_jsx(Th, { style: { width: "25%" }, children: "File" }), _jsx(SortableTh, { style: { width: viewport.isDesktop ? "35%" : "75%" }, name: "Title", orderby: "post_name" }), _jsx(Th, { viewport: "desktop", children: "Author" }), _jsx(Th, { viewport: "desktop", children: " " }), _jsx(SortableTh, { viewport: "desktop", name: "Date", orderby: "post_date" })] }), _jsx("tbody", { children: posts.map((post) => (_jsxs(Tr, { children: [_jsx(Td, { children: _jsx(CardImage, { src: post.guid, alt: post.post_title, sx: {
+                                    minWidth: 150,
+                                    maxWidth: 200,
+                                    cursor: canEdit(post) ? "pointer" : "inherit",
+                                }, onClick: canEdit(post) ? handleClick(post) : undefined }) }), _jsxs(ActionTd, { children: [_jsx(Viewport, { device: "desktop", children: post.post_title }), _jsx(Viewport, { device: "desktop", children: _jsx(ActionLink, { post: post }) })] }), _jsx(Td, { viewport: "mobile", children: _jsxs(Accordion, { disableGutters: true, elevation: 0, square: true, expanded: true, children: [_jsxs(AccordionSummary, { children: [" ", _jsx(AdminLink, { subPage: "/edit", queryParams: { id: post.ID }, disabled: !canEdit(post), children: post.post_title })] }), _jsxs(AccordionDetails, { children: [_jsx(ActionLink, { post: post }), _jsxs(ListGrid, { children: [_jsx(ListGridItem, { title: "Author", children: _jsx(PostRowLinks, { row: post, field: "actor" }) }), _jsx(ListGridItem, { title: "Date", children: formatting.date(post.post_date) })] })] })] }) }), _jsx(Td, { viewport: "desktop", children: _jsx(PostRowLinks, { row: post, field: "actor" }) }), _jsx(Td, { viewport: "desktop", children: post.comment_count }), _jsx(Td, { viewport: "desktop", children: formatting.date(post.post_date) })] }, post.ID))) })] }));
+};

package/client/components/contents/media/List/Thumbnail.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Thumbnail: (props: {
+    posts: wpCoreTypes.actions.Posts | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Thumbnail.d.ts.map

package/client/components/contents/media/List/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/media/List/Thumbnail.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;CAC9C,4CAyCA,CAAC"}

package/client/components/contents/media/List/Thumbnail.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { CardImage } from "@rnaga/wp-next-ui/CardImage";
+import { useWPAdmin } from "../../../../wp-admin";
+export const Thumbnail = (props) => {
+    const { posts } = props;
+    const { wp: { globalState }, } = useWPAdmin();
+    const { user } = useUser();
+    const handleClick = (post) => () => {
+        globalState.set({
+            "media-edit-modal": {
+                open: true,
+            },
+            "media-target-item": {
+                post,
+            },
+        });
+    };
+    const canEdit = (post) => user?.ID == post.author.ID ||
+        user?.role.capabilities.has("edit_others_posts");
+    return (_jsx(Grid, { container: true, spacing: 1, columns: { xs: 2, sm: 12, md: 12, xl: 12 }, children: posts?.map((post) => (_jsx(Grid, { gap: 0, size: { xs: 1, sm: 4, md: 3, xl: 2 }, children: _jsx(CardImage, { src: post.guid, alt: post.post_title, sx: {
+                    width: "100%",
+                    maxHeight: 150,
+                    cursor: canEdit(post) ? "pointer" : "inherit",
+                }, onClick: canEdit(post) ? handleClick(post) : undefined }) }, post.ID))) }));
+};

package/client/components/contents/media/List/index.d.ts

@@ -0,0 +1,2 @@
+export declare const List: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/media/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/media/List/index.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,IAAI,+CAmHhB,CAAC"}

package/client/components/contents/media/List/index.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useTransition } from "react";
+import FileUploadIcon from "@mui/icons-material/FileUpload";
+import SearchIcon from "@mui/icons-material/Search";
+import TableViewIcon from "@mui/icons-material/TableView";
+import ViewListIcon from "@mui/icons-material/ViewList";
+import { Box, IconButton, Stack } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { Pagination } from "@rnaga/wp-next-ui/list/Pagination";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { MediaUpload } from "@rnaga/wp-next-ui/media/MediaUpload";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useAdminServerActions } from "../../../../hooks/use-admin-server-actions";
+import { useWPAdmin } from "../../../../wp-admin";
+import { Table } from "./Table";
+import { Thumbnail } from "./Thumbnail";
+export const List = () => {
+    const { wp: { viewport, globalState }, } = useWPAdmin();
+    const { user } = useUser();
+    const { actions, parse } = useAdminServerActions();
+    const { updateRouter, queryObject, navigationStatus, refreshValue, refresh } = useAdminNavigation();
+    const { overlay } = useWPAdmin();
+    const [listType, setListType] = useState("thumbnail");
+    const mediaTargetItemState = globalState.get("media-target-item");
+    const mediaUploadState = globalState.get("media-upload");
+    const [{ posts, info }, setPosts] = useState({
+        posts: undefined,
+        info: undefined,
+    });
+    const [loading, startTransition] = useTransition();
+    useEffect(() => {
+        startTransition(async () => {
+            const [posts, info] = await actions.post
+                .list({ ...queryObject, status: ["inherit"], per_page: 20 }, { postTypes: ["attachment"] })
+                .then(parse);
+            setPosts({ posts, info });
+        });
+    }, [navigationStatus, refreshValue().content]);
+    useEffect(() => {
+        if (!mediaTargetItemState?.post || !posts) {
+            return;
+        }
+        for (const [index, post] of Object.entries(posts)) {
+            if (post.ID === mediaTargetItemState.post.ID) {
+                posts[parseInt(index)] = {
+                    ...post,
+                    ...mediaTargetItemState.post,
+                };
+            }
+        }
+        setPosts({ posts, info });
+    }, [mediaTargetItemState?.post]);
+    return (_jsxs(Stack, { spacing: 2, children: [user?.role.capabilities.has("upload_files") && (_jsx(Box, { children: _jsx(Button, { startIcon: _jsx(FileUploadIcon, {}), onClick: () => {
+                        globalState.set("media-upload", {
+                            open: !mediaUploadState?.open,
+                        });
+                    }, children: "Upload Media File" }) })), globalState.get("media-upload")?.open && (_jsx(MediaUpload, { showCloseButton: true, onUploadComplete: () => {
+                    overlay.snackbar.open("success", "New media has been successfully added");
+                    refresh(["main"]);
+                } })), _jsxs(Box, { sx: { display: "flex", alignItems: "center" }, children: [_jsxs(Box, { sx: { flexGrow: 1 }, children: [_jsx(IconButton, { onClick: () => setListType("thumbnail"), children: _jsx(ViewListIcon, {}) }), _jsx(IconButton, { onClick: () => setListType("table"), children: _jsx(TableViewIcon, {}) })] }), _jsx(Input, { size: "medium", placeholder: "Search", startAdornment: _jsx(SearchIcon, { sx: {
+                                opacity: 0.5,
+                            } }), sx: { flexGrow: viewport.isMobile ? 1 : 0, mr: 1 }, onChange: (value) => updateRouter({ search: value, page: 1 }) }), _jsx(Pagination, { pagination: info?.pagination })] }), _jsx(Loading, { loading: loading, children: listType == "thumbnail" ? (_jsx(Thumbnail, { posts: posts })) : (_jsx(Table, { posts: posts })) })] }));
+};

package/client/components/contents/media/index.d.ts

@@ -0,0 +1,5 @@
+export declare const Media: {
+    List: () => import("react/jsx-runtime").JSX.Element;
+    Edit: () => import("react/jsx-runtime").JSX.Element | null;
+};
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/media/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/media/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}

package/client/components/contents/media/index.js

@@ -0,0 +1,6 @@
+import { List } from "./List";
+import { Edit } from "./Edit";
+export const Media = {
+    List,
+    Edit,
+};

package/client/components/contents/pages/Edit/Settings.d.ts

@@ -0,0 +1,2 @@
+export declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Settings.d.ts.map

package/client/components/contents/pages/Edit/Settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/Edit/Settings.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,QAAQ,+CAqBpB,CAAC"}

package/client/components/contents/pages/Edit/Settings.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Accordions } from "@rnaga/wp-next-ui/Accordions";
+import { Discussion, FeaturedImage, PageAttributes, Revisions, Summary, } from "../../../../components/utils/post/settings/";
+export const Settings = () => {
+    return (_jsx(Box, { sx: {
+            height: "95%",
+            overflowY: "auto",
+        }, children: _jsx(Accordions, { size: "medium", defaultExpanded: [0], items: [
+                { title: "Summary", content: _jsx(Summary, {}) },
+                { title: "Revisions", content: _jsx(Revisions, {}) },
+                { title: "Feature Image", content: _jsx(FeaturedImage, {}) },
+                { title: "Discussion", content: _jsx(Discussion, {}) },
+                { title: "Page Attributes", content: _jsx(PageAttributes, {}) },
+            ] }) }));
+};

package/client/components/contents/pages/Edit/Toolbar.d.ts

@@ -0,0 +1,2 @@
+export declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/client/components/contents/pages/Edit/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/Edit/Toolbar.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,+CA4FnB,CAAC"}

package/client/components/contents/pages/Edit/Toolbar.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import SettingIcon from "@mui/icons-material/Settings";
+import { Box, IconButton, Tooltip } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { IconButtonDelete } from "@rnaga/wp-next-ui/IconButtonDelete";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { usePanelContext } from "../../../../components/utils/post";
+import { useAdminNavigation } from "../../../../hooks";
+import { useWPAdmin } from "../../../../wp-admin";
+export const Toolbar = () => {
+    const { overlay } = useWPAdmin();
+    const { user } = useUser();
+    const { formData, setFormData } = useFormDataContext("post");
+    const { router, gotoPath, refresh } = useAdminNavigation();
+    const { actions, safeParse, parse } = useServerActions();
+    const { toggle, ref: panelRef } = usePanelContext();
+    const [iconVarient, setIconVarient] = useState("solid");
+    const postId = formData.ID;
+    const handleSave = async () => {
+        if (!formData.post_author) {
+            formData.post_author = user?.ID;
+        }
+        // Covert Date object to string
+        formData.post_date = formatting.dateMySQL(formData.post_date, {
+            withGMTOffset: true,
+        });
+        formData.post_date_gmt = formatting.dateMySQL(formData.post_date);
+        const serverAction = postId
+            ? actions.post.update(postId, formData)
+            : actions.post.create({ ...formData, post_type: "page" });
+        const result = await overlay.circular.promise(serverAction).then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Page has been saved");
+        // After saving, the post may have changed (e.g., post_status could be "future" if the date is in the future).
+        // Fetch the latest post data to ensure formData reflects any updates from the server.
+        if (formData.ID) {
+            // Get the updated post data
+            const [updatedPost] = await actions.post.get(result.data).then(parse);
+            setFormData(updatedPost);
+            refresh(["content"]);
+            return;
+        }
+        // If it's a new post, redirect to the edit page with the new post ID
+        gotoPath("/pages/edit", {
+            segment: "blog",
+            queryParams: {
+                id: result.data,
+            },
+        });
+    };
+    const handleTrash = async () => {
+        if (!postId) {
+            overlay.snackbar.open("error", "Invalid post");
+            return;
+        }
+        await overlay.circular.promise(actions.post.trash(postId)).then(parse);
+        router.back();
+    };
+    const handleToggle = () => {
+        toggle();
+        setIconVarient(iconVarient === "plain" ? "solid" : "plain");
+    };
+    return (_jsxs(Box, { sx: { display: "flex", gap: 2 }, children: [_jsx(Input, { size: "large", value: formData?.post_title, onChange: (value) => setFormData({ post_title: value }), placeholder: "Title", sx: { fontWeight: 500, flexGrow: 1 } }, formData?.ID ?? 0), _jsx(Button, { onClick: handleSave, children: "Save" }), formData.ID && _jsx(IconButtonDelete, { onClick: handleTrash }), _jsx(Tooltip, { title: "Settings", placement: "top", children: _jsx(IconButton, { onClick: handleToggle, children: _jsx(SettingIcon, {}) }) })] }));
+};

package/client/components/contents/pages/Edit/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Edit: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/pages/Edit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/Edit/index.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI,sDAsDhB,CAAC"}

package/client/components/contents/pages/Edit/index.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { z } from "zod";
+import { Divider, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Tiptap } from "@rnaga/wp-next-rte/tiptap/Tiptap";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { PostPanel, PostPanelWrapper } from "../../../../components/utils/post";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { Settings } from "./Settings";
+import { Toolbar } from "./Toolbar";
+export const Edit = () => {
+    const { overlay, wp: { error }, } = useWPAdmin();
+    const { actions, parse } = useServerActions();
+    const { formData, setFormData, setFormReady, formReady } = useFormData("post");
+    const { searchParams } = useAdminNavigation();
+    const parsed = z
+        .string()
+        .transform((v) => parseInt(v))
+        .safeParse(searchParams.get("id"));
+    const postId = parsed.success ? parsed.data : undefined;
+    useEffect(() => {
+        if (!postId) {
+            setFormReady(true);
+            return;
+        }
+        overlay.circular.promise(actions.post.get(postId)).then((response) => {
+            const [post] = parse(response);
+            if (post?.post_status === "trash") {
+                error.throw("You cannot edit this item because it is in the Trash. Please restore it and try again.");
+                return;
+            }
+            setFormData(post, { ready: true });
+        });
+    }, []);
+    if (!formReady)
+        return null;
+    return (_jsx(Stack, { spacing: 1, children: _jsxs(PostPanelWrapper, { children: [_jsx(Toolbar, {}), _jsx(Divider, {}), _jsxs(PostPanel, { children: [_jsx(Tiptap, { defaultContent: formData?.post_content, onUpdate: (editor) => {
+                                setFormData({ post_content: editor.getHTML() });
+                            } }), _jsx(Settings, {})] })] }) }));
+};

package/client/components/contents/pages/List/ActionLink.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const ActionLink: (props: {
+    post: wpCoreTypes.actions.Posts[number];
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ActionLink.d.ts.map

package/client/components/contents/pages/List/ActionLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/List/ActionLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,UAAU,GAAI,OAAO;IAChC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CACzC,mDAiBA,CAAC"}

package/client/components/contents/pages/List/ActionLink.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PostActionLink } from "../../../../components/utils/post/link";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+export const ActionLink = (props) => {
+    const { post } = props;
+    const { userCan } = useUser();
+    // Check if user has permission to edit other posts
+    if (!userCan("edit_page", post)) {
+        return null;
+    }
+    return (_jsx(PostActionLink, { actionLinks: post.post_status === "trash" ? ["restore", "delete"] : ["edit", "trash"], post: post }));
+};

package/client/components/contents/pages/List/Statuses.d.ts

@@ -0,0 +1,2 @@
+export declare const Statuses: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Statuses.d.ts.map

package/client/components/contents/pages/List/Statuses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statuses.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/List/Statuses.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,+CAoDpB,CAAC"}

package/client/components/contents/pages/List/Statuses.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from "react";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Link } from "@rnaga/wp-next-ui/Link";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+export const Statuses = () => {
+    const { actions } = useServerActions();
+    const { pushRouter, searchParams, refreshValue } = useAdminNavigation();
+    const [countStatuses, setCountStatuses] = useState();
+    useEffect(() => {
+        actions.post.countByStatuses("page").then((response) => {
+            setCountStatuses(response.info?.countGroupBy ?? []);
+        });
+    }, [refreshValue().content]);
+    if (!countStatuses) {
+        return _jsx(Typography, { children: "Loading..." });
+    }
+    const totalCount = countStatuses.reduce((total, item) => total + (item.count || 0), 0);
+    const createLink = (status, count) => {
+        return searchParams.get("status") === status ? (_jsxs(_Fragment, { children: [status, " (", count, ")"] })) : (_jsxs(Link, { onClick: () => pushRouter({ status: [status], page: 1 }), children: [status, " (", count, ")"] }));
+    };
+    return (_jsxs(Typography, { size: "medium", children: [searchParams.size > 0 ? (_jsxs(Link, { component: "button", onClick: () => pushRouter({}), children: ["All (", totalCount, ")"] })) : (_jsxs(_Fragment, { children: ["All (", totalCount, ")"] })), " ", countStatuses.map((status, index) => (_jsxs(Fragment, { children: [" | ", createLink(status.post_status ?? "Unknown", status.count ?? 0)] }, index)))] }));
+};

package/client/components/contents/pages/List/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Toolbar: (props: {
+    posts?: wpCoreTypes.actions.Posts;
+    info?: wpCoreTypes.actions.PostsInfo;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/client/components/contents/pages/List/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/List/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAG9D,eAAO,MAAM,OAAO,GAAI,OAAO;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,4CAqBA,CAAC"}

package/client/components/contents/pages/List/Toolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Pagination } from "@rnaga/wp-next-ui/list/Pagination";
+import { useWPAdmin } from "../../../../wp-admin";
+import { InputSearch } from "@rnaga/wp-next-ui/InputSearch";
+export const Toolbar = (props) => {
+    const { info, children } = props;
+    const { wp: { viewport }, } = useWPAdmin();
+    return (_jsxs(_Fragment, { children: [children, _jsxs(Box, { sx: {
+                    display: "grid",
+                    gap: 1,
+                    gridTemplateColumns: viewport.isMobile ? "1fr" : "repeat(2, 1fr)",
+                }, children: [_jsx(InputSearch, { size: "medium", sx: { flexGrow: 1 } }), _jsx(Pagination, { pagination: info?.pagination })] })] }));
+};

package/client/components/contents/pages/List/index.d.ts

@@ -0,0 +1,2 @@
+export declare const List: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/pages/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/pages/List/index.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,IAAI,+CAmGhB,CAAC"}

package/client/components/contents/pages/List/index.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import { useCallback, useEffect, useState, useTransition } from "react";
+import CommentIcon from "@mui/icons-material/Comment";
+import { AccordionDetails, Box, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Accordion } from "@rnaga/wp-next-ui/Accordion";
+import { Chip } from "@rnaga/wp-next-ui/Chip";
+import { ActionTd, ListGrid, ListGridItem, ListGridTitle, SortableTh, Table, Td, Th, THead, Tr, } from "@rnaga/wp-next-ui/list";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { AdminLink } from "../../../../components/utils/link";
+import { PostRowLinks } from "../../../../components/utils/post/link";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { ActionLink } from "./ActionLink";
+import { Statuses } from "./Statuses";
+import { Toolbar } from "./Toolbar";
+export const List = () => {
+    const { wp: { viewport }, } = useWPAdmin();
+    const { userCan } = useUser();
+    const { actions, parse } = useServerActions();
+    const [loading, startTransition] = useTransition();
+    const { navigationStatus, queryObject, refreshValue } = useAdminNavigation();
+    const [{ posts, info }, setPosts] = useState({
+        posts: undefined,
+        info: undefined,
+    });
+    const fetchPosts = useCallback(async () => {
+        const [posts, info] = await actions.post
+            .list(queryObject, { postTypes: ["page"] })
+            .then(parse);
+        setPosts({ posts, info });
+    }, [navigationStatus, refreshValue().content]);
+    useEffect(() => {
+        startTransition(fetchPosts);
+    }, [navigationStatus]);
+    useEffect(() => {
+        fetchPosts();
+    }, [refreshValue().content]);
+    return (_jsxs(Stack, { spacing: 2, children: [_jsx(Toolbar, { posts: posts, info: info, children: _jsx(Statuses, {}) }), _jsx(Loading, { loading: loading, children: _jsxs(Table, { children: [_jsxs(THead, { children: [_jsx(SortableTh, { name: "Title", orderby: "post_name" }), _jsx(Th, { viewport: "desktop", children: "Author" }), _jsx(Th, { viewport: "desktop", style: { width: "40px" }, children: _jsx(Box, { sx: { display: "flex", alignItems: "center" }, children: _jsx(CommentIcon, { fontSize: "small" }) }) }), _jsx(SortableTh, { show: viewport.isDesktop, name: "Date", orderby: "post_date" })] }), _jsx("tbody", { children: posts?.map((post) => (_jsxs(Tr, { children: [_jsxs(ActionTd, { viewport: "desktop", children: [_jsx(AdminLink, { subPage: "/edit", queryParams: { id: post.ID }, disabled: !userCan("edit_post", post), children: post.post_title }), _jsx(ActionLink, { post: post })] }), _jsx(Td, { viewport: "mobile", children: _jsxs(Accordion, { children: [_jsx(ListGridTitle, { title: post.post_title }), _jsxs(AccordionDetails, { children: [_jsx(ActionLink, { post: post }), _jsxs(ListGrid, { children: [_jsx(ListGridItem, { title: "Author", children: _jsx(PostRowLinks, { row: post, field: "actor" }) }), _jsx(ListGridItem, { title: "Date", children: _jsx(Typography, { children: formatting.date(post.post_date) }) })] })] })] }) }), _jsx(Td, { viewport: "desktop", children: _jsx(PostRowLinks, { row: post, field: "actor" }) }), _jsx(Td, { viewport: "desktop", children: _jsx(Chip, { label: post.comment_count }) }), _jsx(Td, { viewport: "desktop", children: formatting.date(post.post_date) })] }, `${post.ID}`))) })] }) })] }));
+};

package/client/components/contents/pages/index.d.ts

@@ -0,0 +1,5 @@
+export declare const Pages: {
+    Edit: () => import("react/jsx-runtime").JSX.Element | null;
+    List: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/pages/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}

package/client/components/contents/pages/index.js

@@ -0,0 +1,6 @@
+import { Edit } from "./Edit";
+import { List } from "./List";
+export const Pages = {
+    Edit,
+    List,
+};

package/client/components/contents/posts/Edit/Settings.d.ts

@@ -0,0 +1,2 @@
+export declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Settings.d.ts.map

package/client/components/contents/posts/Edit/Settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/posts/Edit/Settings.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/client/components/contents/posts/Edit/Settings.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Accordions } from "@rnaga/wp-next-ui/Accordions";
+import { Categories, Discussion, Excerpt, FeaturedImage, Revisions, Summary, Tags, } from "../../../../components/utils/post/settings/";
+import { Box } from "@mui/material";
+export const Settings = () => {
+    return (_jsx(Box, { sx: {
+            height: "95%",
+            overflowY: "auto",
+        }, children: _jsx(Accordions, { size: "medium", defaultExpanded: [0], items: [
+                { title: "Summary", content: _jsx(Summary, {}) },
+                { title: "Revisions", content: _jsx(Revisions, {}) },
+                { title: "Categories", content: _jsx(Categories, {}) },
+                { title: "Tags", content: _jsx(Tags, {}) },
+                { title: "Feature Image", content: _jsx(FeaturedImage, {}) },
+                { title: "Excerpt", content: _jsx(Excerpt, {}) },
+                { title: "Discussion", content: _jsx(Discussion, {}) },
+            ] }) }));
+};

package/client/components/contents/posts/Edit/Toolbar.d.ts

@@ -0,0 +1,2 @@
+export declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/client/components/contents/posts/Edit/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/posts/Edit/Toolbar.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,+CA+FnB,CAAC"}

package/client/components/contents/posts/Edit/Toolbar.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import SettingIcon from "@mui/icons-material/Settings";
+import { Box, IconButton, Tooltip } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { IconButtonDelete } from "@rnaga/wp-next-ui/IconButtonDelete";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { usePanelContext } from "../../../../components/utils/post";
+import { useAdminNavigation } from "../../../../hooks";
+import { useWPAdmin } from "../../../../wp-admin";
+export const Toolbar = () => {
+    const { overlay } = useWPAdmin();
+    const { user } = useUser();
+    const { formData, setFormData } = useFormDataContext("post");
+    const { router, gotoPath, refresh } = useAdminNavigation();
+    const { actions, safeParse, parse } = useServerActions();
+    const { toggle } = usePanelContext();
+    const [iconVarient, setIconVarient] = useState("solid");
+    const postId = formData.ID;
+    const handleSave = async () => {
+        if (!formData.post_author) {
+            formData.post_author = user?.ID;
+        }
+        // Covert Date object to string
+        formData.post_date = formatting.dateMySQL(formData.post_date, {
+            withGMTOffset: true,
+        });
+        formData.post_date_gmt = formatting.dateMySQL(formData.post_date);
+        const serverAction = postId
+            ? actions.post.update(postId, formData)
+            : actions.post.create({ ...formData, post_type: "post" });
+        const result = await overlay.circular.promise(serverAction).then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Post has been saved");
+        // After saving, the post may have changed (e.g., post_status could be "future" if the date is in the future).
+        // Fetch the latest post data to ensure formData reflects any updates from the server.
+        if (formData.ID) {
+            // Get the updated post data
+            const [updatedPost] = await actions.post.get(result.data).then(parse);
+            setFormData(updatedPost);
+            refresh(["content"]);
+            return;
+        }
+        // If it's a new post, we navigate to the edit page with the new post ID
+        gotoPath("/posts/edit", {
+            segment: "blog",
+            queryParams: {
+                id: result.data,
+            },
+        });
+    };
+    const handleTrash = async () => {
+        if (!postId) {
+            overlay.snackbar.open("error", "Invalid post");
+            return;
+        }
+        await overlay.circular.promise(actions.post.trash(postId)).then(parse);
+        router.back();
+    };
+    const handleToggle = () => {
+        toggle();
+        setIconVarient(iconVarient === "plain" ? "solid" : "plain");
+    };
+    return (_jsxs(Box, { sx: { display: "flex", gap: 2 }, children: [_jsx(Input, { size: "large", value: formData?.post_title ?? "", onChange: (value) => setFormData({ post_title: value }), placeholder: "Title", removeBorderOnFocus: true, sx: { fontWeight: 500, flexGrow: 1 } }, formData?.ID ?? 0), _jsx(Button, { onClick: handleSave, size: "medium", children: "Save" }), formData.ID && _jsx(IconButtonDelete, { onClick: handleTrash }), _jsx(Tooltip, { title: "Settings", placement: "top", children: _jsx(IconButton, { onClick: handleToggle, children: _jsx(SettingIcon, {}) }) })] }));
+};

package/client/components/contents/posts/Edit/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Edit: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/posts/Edit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/posts/Edit/index.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,sDA+DhB,CAAC"}