@rnaga/wp-next-admin 1.0.1

package/client/components/utils/post/PostPanel.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from "react";
+import { Panel, PanelGroup, PanelResizeHandle, } from "react-resizable-panels";
+import { useWPAdmin } from "../../../wp-admin";
+import { useTheme } from "@mui/material";
+const PanelContext = createContext({});
+export const usePanelContext = () => useContext(PanelContext);
+export const PostPanelWrapper = (props) => {
+    const { children } = props;
+    const ref = useRef(null);
+    const toggleSettings = () => {
+        const panel = ref.current;
+        if (!panel)
+            return;
+        if (panel.isCollapsed()) {
+            panel.expand();
+        }
+        else {
+            panel.collapse();
+        }
+    };
+    return (_jsx(PanelContext.Provider, { value: { toggle: toggleSettings, ref }, children: children }));
+};
+export const PostPanel = (props) => {
+    const { onCollapse, onExpand, children } = props;
+    const { wp: { viewport }, } = useWPAdmin();
+    const theme = useTheme();
+    const { ref } = useContext(PanelContext);
+    const getPanelState = useCallback(() => viewport.isMobile
+        ? {
+            editor: {
+                minSize: 0,
+            },
+            border: {
+                style: undefined,
+            },
+            settings: {
+                key: 1,
+                minSize: 100,
+            },
+        }
+        : {
+            editor: {
+                minSize: 30,
+            },
+            border: {
+                style: ref.current?.isCollapsed()
+                    ? undefined
+                    : {
+                        borderLeft: "1px solid",
+                        borderColor: theme.palette.divider,
+                        marginRight: 10,
+                    },
+            },
+            settings: {
+                key: 2,
+                minSize: 25,
+            },
+        }, [viewport.isMobile, ref.current]);
+    const [panel, setPanel] = useState(getPanelState());
+    const handlePanelChange = (collapse) => () => {
+        collapse ? onCollapse?.() : onExpand?.();
+        setPanel(getPanelState());
+    };
+    useEffect(() => {
+        setPanel(getPanelState());
+    }, [viewport.isMobile]);
+    return (_jsxs(PanelGroup, { direction: "horizontal", children: [_jsx(Panel, { minSize: panel.editor.minSize, children: children[0] }), _jsx(PanelResizeHandle, { style: panel.border.style }), _jsx(Panel, { defaultSize: 25, minSize: panel.settings.minSize, collapsible: true, ref: ref, onCollapse: handlePanelChange("collapse"), onExpand: handlePanelChange("expand"), children: children[1] }, panel.settings.key)] }));
+};

package/client/components/utils/post/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./PostPanel";
+export * from "./link";
+export * from "./settings";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/post/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/post/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}

package/client/components/utils/post/index.js

@@ -0,0 +1,3 @@
+export * from "./PostPanel";
+export * from "./link";
+export * from "./settings";

package/client/components/utils/post/link/PostActionLink.d.ts

@@ -0,0 +1,9 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+type ActionType = "restore" | "delete" | "edit" | "trash" | "view" | "copy" | "download";
+export declare const PostActionLink: (props: {
+    post: wpCoreTypes.actions.Posts[number];
+    actionLinks: ActionType[];
+    onClickEdit?: (post: wpCoreTypes.actions.Posts[number]) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostActionLink.d.ts.map

package/client/components/utils/post/link/PostActionLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostActionLink.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/link/PostActionLink.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,KAAK,UAAU,GACX,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,CAAC;AAEf,eAAO,MAAM,cAAc,GAAI,OAAO;IACpC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAExC,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACjE,4CA8JA,CAAC"}

package/client/components/utils/post/link/PostActionLink.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { AdminLink } from "../../link";
+export const PostActionLink = (props) => {
+    const { post, actionLinks, onClickEdit } = props;
+    const { overlay } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const { refresh } = useAdminNavigation();
+    const [guidCopied, setGuidCopied] = useState(false);
+    const elements = [];
+    const handleUntrash = (post) => async () => {
+        const result = await overlay.circular
+            .promise(actions.post.untrash(post.ID))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Item has been restored");
+        refresh(["content"]);
+    };
+    const handleTrash = (post) => async () => {
+        const result = await overlay.circular
+            .promise(actions.post.trash(post.ID))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("warning", "Item has been trashed");
+        refresh(["content"]);
+    };
+    const handleDelete = (post) => () => {
+        const message = "This action cannot be undone. This will permanently delete your item.";
+        const title = "Are you absolutely sure?";
+        overlay.confirm.open(message, async (confirm) => {
+            if (!confirm) {
+                return;
+            }
+            const result = await overlay.circular
+                .promise(actions.post.del(post.ID))
+                .then(safeParse);
+            if (!result.success) {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            overlay.snackbar.open("success", "Item has been deleted Permanently");
+            refresh(["content"]);
+        }, title);
+    };
+    const handleCopy = (post) => () => {
+        navigator.clipboard.writeText(post.guid);
+        setGuidCopied(true);
+        setTimeout(() => {
+            setGuidCopied(false);
+        }, 1000);
+    };
+    for (const actionLink of actionLinks) {
+        switch (actionLink) {
+            case "restore":
+                elements.push(_jsx(AdminLink, { onClick: handleUntrash(post), children: "Restore" }, `restore-${post.ID}`));
+                break;
+            case "delete":
+                elements.push(_jsx(AdminLink, { color: "error", onClick: handleDelete(post), children: "Delete" }, `delete-${post.ID}`));
+                break;
+            case "edit":
+                onClickEdit
+                    ? elements.push(_jsx(AdminLink, { onClick: onClickEdit, children: "Edit" }, `edit-${post.ID}`))
+                    : elements.push(_jsx(AdminLink, { subPage: "edit", queryParams: { id: post.ID }, children: "Edit" }, `edit-${post.ID}`));
+                break;
+            case "view":
+                elements.push(_jsx(AdminLink, { href: post.guid, children: "View" }, `view-${post.ID}`));
+                break;
+            case "copy":
+                !guidCopied
+                    ? elements.push(_jsx(AdminLink, { onClick: handleCopy(post), children: "Copy URL" }, `copy-${post.ID}`))
+                    : elements.push(_jsx(Typography, { bold: true, children: "Copied" }, `copied-${post.ID}`));
+                break;
+            case "trash":
+                elements.push(_jsx(AdminLink, { color: "error", onClick: handleTrash(post), size: "small", children: "Trash" }, `trash-${post.ID}`));
+                break;
+        }
+    }
+    return (_jsx(Box, { sx: { display: "flex", gap: 0.5, alignItems: "center", flexWrap: "wrap" }, children: elements.map((element) => element) }));
+};

package/client/components/utils/post/link/PostRowLinks.d.ts

@@ -0,0 +1,8 @@
+import { SxProps } from "@mui/material";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const PostRowLinks: <T extends wpCoreTypes.actions.Posts[number]>(props: {
+    row: T;
+    field: "categories" | "tags" | "actor";
+    sx?: SxProps;
+}) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=PostRowLinks.d.ts.map

package/client/components/utils/post/link/PostRowLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostRowLinks.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/link/PostRowLinks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKxC,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAI9D,eAAO,MAAM,YAAY,GACvB,CAAC,SAAS,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3C,OAAO;IACP,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,wFAwDA,CAAC"}

package/client/components/utils/post/link/PostRowLinks.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Link } from "@rnaga/wp-next-ui/Link";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+export const PostRowLinks = (props) => {
+    const { row, field, sx } = props;
+    const { wpTheme } = useWPTheme();
+    const { updateRouter } = useAdminNavigation();
+    if (field == "actor") {
+        return (_jsx(Link, { component: "button", onClick: () => row.author.ID && updateRouter({ author: [row.author.ID], page: 1 }), sx: sx, children: _jsx(Typography, { component: "span", sx: {
+                    "&:hover": {
+                        backgroundColor: wpTheme.text.linkHoverColor,
+                    },
+                }, children: row.author?.display_name }) }));
+    }
+    const items = field === "tags" ? row.tags : row.categories;
+    return items?.map((item) => (_jsxs(Fragment, { children: [_jsx(Link, { component: "span", onClick: () => {
+                    item.term_id &&
+                        updateRouter({
+                            [field]: [item.term_id],
+                            page: 1,
+                        });
+                }, sx: sx, children: _jsx(Typography, { sx: {
+                        "&:hover": {
+                            backgroundColor: wpTheme.text.linkHoverColor,
+                        },
+                    }, children: item.name }) }), " "] }, item.term_id)));
+};

package/client/components/utils/post/link/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./PostActionLink";
+export * from "./PostRowLinks";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/post/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/link/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/client/components/utils/post/link/index.js

@@ -0,0 +1,2 @@
+export * from "./PostActionLink";
+export * from "./PostRowLinks";

package/client/components/utils/post/settings/Categories.d.ts

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

package/client/components/utils/post/settings/Categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Categories.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Categories.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,+CA2CtB,CAAC"}

package/client/components/utils/post/settings/Categories.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, FormControl } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { SelectWPCategories } from "@rnaga/wp-next-ui/SelectWPTerms";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { AdminLink } from "../../../../components/utils/link";
+import { TermModal } from "../../../../components/utils/modal";
+export const Categories = () => {
+    const { formData, setFormData } = useFormDataContext("post");
+    const { userCan } = useUser();
+    const [open, setOpen] = useState(false);
+    const [key, setKey] = useState(Math.random());
+    const handleNewCategoryCreated = (term) => {
+        setFormData({
+            post_categeory: [...(formData.post_categeory ?? []), term.term_id],
+        });
+        setKey(Math.random());
+    };
+    return (_jsxs(Box, { children: [_jsx(FormControl, { id: "categories", sx: { width: "100%" }, children: _jsx(SelectWPCategories, { size: "medium", value: formData.post_categeory?.join(",") ?? "", onChange: (categories) => setFormData({ post_categeory: categories.map(Number) }) }) }), userCan("manage_categories") && (_jsxs(Box, { children: [_jsx(AdminLink, { onClick: () => setOpen(true), children: _jsx(Typography, { bold: true, children: "Add New Category" }) }), _jsx(TermModal, { open: open, onClose: () => setOpen(false), onSave: handleNewCategoryCreated, taxonomy: "category" })] }))] }));
+};

package/client/components/utils/post/settings/Discussion.d.ts

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

package/client/components/utils/post/settings/Discussion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Discussion.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Discussion.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,+CAgDtB,CAAC"}

package/client/components/utils/post/settings/Discussion.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, FormControl } from "@mui/material";
+import { Checkbox } from "@rnaga/wp-next-ui/Checkbox";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+export const Discussion = () => {
+    const { formData, setFormData } = useFormDataContext("post");
+    return (_jsxs(Box, { children: [_jsx(FormControl, { sx: { gap: 1, display: "grid", gridTemplateColumns: "1fr" }, children: _jsx(Checkbox, { size: "small", label: "Allow comments", checked: formData?.comment_status == "open" ? true : false, sx: {
+                        py: 1,
+                        ":hover": {
+                            bgcolor: (theme) => theme.palette.divider,
+                        },
+                    }, onChange: (v) => formData &&
+                        setFormData({
+                            comment_status: v.target.checked ? "open" : "closed",
+                        }) }, `comment_status_${formData?.ID ?? 0}`) }), _jsx(FormControl, { sx: { gap: 1, display: "grid", gridTemplateColumns: "1fr" }, children: _jsx(Checkbox, { size: "small", label: "Allow pingbacks & trackbacks", checked: formData?.ping_status == "open" ? true : false, sx: {
+                        py: 1,
+                        ":hover": {
+                            bgcolor: (theme) => theme.palette.divider,
+                        },
+                    }, onChange: (v) => formData &&
+                        setFormData({
+                            ping_status: v.target.checked ? "open" : "closed",
+                        }) }, `ping_status_${formData?.ID ?? 0}`) })] }));
+};

package/client/components/utils/post/settings/Excerpt.d.ts

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

package/client/components/utils/post/settings/Excerpt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Excerpt.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Excerpt.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,+CAmBnB,CAAC"}

package/client/components/utils/post/settings/Excerpt.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, FormControl } from "@mui/material";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+export const Excerpt = () => {
+    const { formData, setFormData } = useFormDataContext("post");
+    return (_jsx(Box, { sx: { mt: 2 }, children: _jsx(FormControl, { sx: { gap: 1, display: "grid", gridTemplateColumns: "1fr" }, children: _jsx(Input, { placeholder: "Write An Excerpt (Optional)", minRows: 4, maxRows: 4, multiline: true, value: formData?.post_excerpt, onChange: (v) => formData && setFormData({ post_excerpt: v }) }, formData?.ID ?? 0) }) }));
+};

package/client/components/utils/post/settings/FeaturedImage.d.ts

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

package/client/components/utils/post/settings/FeaturedImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedImage.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/FeaturedImage.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa,+CAoFzB,CAAC"}

package/client/components/utils/post/settings/FeaturedImage.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box, FormControl } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { CardImage } from "@rnaga/wp-next-ui/CardImage";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { useMediaSelector } from "@rnaga/wp-next-ui/hooks/use-media-selector";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { AdminLink } from "../../../../components/utils/link";
+import { useWPAdmin } from "../../../../wp-admin";
+export const FeaturedImage = () => {
+    const { overlay } = useWPAdmin();
+    const mediaSelector = useMediaSelector();
+    const { actions, parse } = useServerActions();
+    const { formData, setFormData } = useFormDataContext("post");
+    const [featuredImage, setFeaturedImage] = useState();
+    useEffect(() => {
+        const postId = formData?.meta_input?._thumbnail_id;
+        if (typeof postId !== "number")
+            return;
+        (async () => {
+            const [posts] = await actions.post
+                .list({ include: [postId] }, { postTypes: ["attachment"] })
+                .then(parse);
+            setFeaturedImage(posts[0]);
+        })();
+    }, [formData?.meta_input?._thumbnail_id]);
+    const handleRemove = () => {
+        delete formData?.meta_input?._thumbnail_id;
+        const postId = formData?.ID;
+        if (!postId)
+            return;
+        overlay.circular.promise(actions.meta
+            .del("post", postId, ["_thumbnail_id"])
+            .then(parse)
+            .then(() => {
+            setFormData({
+                meta_input: formData?.meta_input,
+            });
+            setFeaturedImage(undefined);
+        }));
+    };
+    const handleUpdate = (thumbnail) => {
+        const postId = formData?.ID;
+        if (!postId)
+            return;
+        overlay.circular.promise(actions.meta
+            .update("post", postId, {
+            _thumbnail_id: thumbnail.ID,
+        })
+            .then(parse)
+            .then(() => {
+            setFormData({
+                meta_input: {
+                    ...formData.meta_input,
+                    _thumbnail_id: thumbnail.ID,
+                },
+            });
+        }));
+    };
+    return (_jsxs(Box, { children: [_jsx(FormControl, { sx: { gap: 1, display: "grid", gridTemplateColumns: "1fr" }, children: _jsx(CardImage, { component: "a", src: featuredImage?.guid, onClick: () => mediaSelector.open(["image"], (post) => handleUpdate(post)), alt: featuredImage?.post_title, placeholder: "No featured image" }) }), featuredImage && (_jsx(Box, { children: _jsx(AdminLink, { onClick: handleRemove, children: _jsx(Typography, { color: "error", children: "Remove" }) }) }))] }));
+};

package/client/components/utils/post/settings/PageAttributes.d.ts

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

package/client/components/utils/post/settings/PageAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAttributes.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/PageAttributes.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,+CAyC1B,CAAC"}

package/client/components/utils/post/settings/PageAttributes.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, Stack } from "@mui/material";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { SelectWPPost } from "@rnaga/wp-next-ui/SelectWPPost";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+export const PageAttributes = () => {
+    const { formData, setFormData } = useFormDataContext("post");
+    return (_jsxs(Stack, { spacing: 1.5, children: [_jsxs(FormControl, { id: "parent", children: [_jsx(Typography, { children: "Parent" }), _jsx(SelectWPPost, { size: "medium", onChange: (post) => {
+                            setFormData({ post_parent: post.ID });
+                        }, postOptions: {
+                            postTypes: ["page"],
+                        }, defaultValue: formData.post_parent ?? 0 })] }), _jsxs(FormControl, { id: "order", children: [_jsx(Typography, { children: "Menu Order" }), _jsx(Input, { type: "number", size: "medium", value: !formData.menu_order || 0 > formData.menu_order
+                            ? ""
+                            : formData.menu_order, onChange: (value) => {
+                            if (value.match(/^[0-9]+$/) === null) {
+                                setFormData({ menu_order: 0 });
+                                return;
+                            }
+                            setFormData({ menu_order: parseInt(value) });
+                        } })] })] }));
+};

package/client/components/utils/post/settings/Revisions.d.ts

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

package/client/components/utils/post/settings/Revisions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Revisions.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Revisions.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,+CAwDrB,CAAC"}

package/client/components/utils/post/settings/Revisions.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import RestoreIcon from "@mui/icons-material/Restore";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+export const Revisions = () => {
+    const { gotoPath, refreshValue } = useAdminNavigation();
+    const { formData } = useFormDataContext("post");
+    const { actions, safeParse } = useServerActions();
+    const { wpTheme } = useWPTheme();
+    const [hasRevisions, setHasRevisions] = useState(0);
+    useEffect(() => {
+        if (!formData.ID) {
+            return;
+        }
+        actions.revision.list(formData.ID, { per_page: 30 }).then((response) => {
+            const result = safeParse(response);
+            if (!result.success) {
+                return;
+            }
+            setHasRevisions(result.data.length);
+        });
+    }, [formData.ID, refreshValue().content]);
+    if (0 >= hasRevisions) {
+        return (_jsx(Box, { children: _jsx(Typography, { size: "medium", children: "No revisions available" }) }));
+    }
+    return (_jsxs(Box, { component: "button", onClick: () => gotoPath("/revisions", {
+            segment: "blog",
+            queryParams: {
+                id: formData.ID,
+            },
+        }), sx: {
+            display: "flex",
+            justifyContent: "flex-start",
+            gap: 2,
+            alignItems: "center",
+            cursor: "pointer",
+            border: 0,
+        }, children: [_jsx(RestoreIcon, { fontSize: "small" }), _jsxs(Typography, { bold: true, children: [hasRevisions, " Revisions"] })] }));
+};

package/client/components/utils/post/settings/Summary.d.ts

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

package/client/components/utils/post/settings/Summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Summary.tsx"],"names":[],"mappings":"AAsCA,eAAO,MAAM,OAAO,+CAqFnB,CAAC"}

package/client/components/utils/post/settings/Summary.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Box, FormControl } from "@mui/material";
+import { DateTimePicker } from "@rnaga/wp-next-ui/DateTimePicker";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { Select } from "@rnaga/wp-next-ui/Select";
+import { SelectWPUser } from "@rnaga/wp-next-ui/SelectWPUser";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { useWPAdmin } from "../../../../wp-admin";
+const FormContent = (props) => {
+    const { children, label } = props;
+    return (_jsxs(FormControl, { sx: {
+            gap: 2,
+            py: 0.5,
+            display: "grid",
+            gridTemplateColumns: "20% 1fr",
+            alignItems: "center",
+            "& .MuiFormControl-root": {
+                width: "100%",
+            },
+        }, children: [_jsx(Typography, { children: label }), children] }));
+};
+export const Summary = () => {
+    const { site } = useWPAdmin();
+    const { formData, setFormData } = useFormDataContext("post");
+    useEffect(() => {
+        if (!formData?.ID) {
+            setFormData({
+                post_date: formatting.dateMySQL({
+                    offsetMinutes: site.settings.time_offset_minutes,
+                }),
+            });
+        }
+    }, []);
+    return (_jsxs(Box, { sx: { mt: 2 }, children: [_jsx(FormContent, { label: "Status", children: _jsx(Select, { size: "medium", enum: [
+                        { label: "Publish", value: "publish" },
+                        { label: "Private", value: "private" },
+                        { label: "Draft", value: "draft" },
+                        { label: "Pending", value: "pending" },
+                        { label: "Future", value: "future" },
+                    ], value: formData?.post_status ?? "publish", onChange: (value) => {
+                        console.log("Selected weight:", value);
+                        setFormData({ post_status: value });
+                    } }) }), _jsx(FormContent, { label: "Publish Date", children: _jsxs(Box, { children: [_jsx(DateTimePicker, { size: "medium", value: formData.post_date, onChange: (newValue) => {
+                                setFormData({
+                                    post_date: formatting.dateMySQL(newValue, {
+                                        withGMTOffset: true,
+                                    }),
+                                });
+                            } }), _jsx(Typography, { children: site.settings.timezone })] }) }), formData?.post_status === "publish" && (_jsx(FormContent, { label: "Password", children: _jsx(Input, { size: "medium", value: formData.post_password ?? "", onChange: (value) => {
+                        setFormData({ post_password: value });
+                    } }, "password") })), _jsx(FormContent, { label: "Slug", children: _jsx(Input, { size: "medium", value: formData?.post_name ?? "", onChange: (value) => {
+                        formData && setFormData({ post_name: value });
+                    } }) }), _jsx(FormContent, { label: "Author", children: _jsx(SelectWPUser, { size: "medium", blogId: site.blogId, defaultValue: formData?.post_author, onChange: (user) => setFormData({ post_author: user.ID }) }) })] }));
+};

package/client/components/utils/post/settings/Tags.d.ts

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

package/client/components/utils/post/settings/Tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/Tags.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,IAAI,+CAkBhB,CAAC"}

package/client/components/utils/post/settings/Tags.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, FormControl } from "@mui/material";
+import { useFormDataContext } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { SelectWPTags } from "@rnaga/wp-next-ui/SelectWPTerms";
+export const Tags = () => {
+    const { formData, setFormData } = useFormDataContext("post");
+    return (_jsx(Box, { children: _jsx(FormControl, { id: "tags", sx: { width: "100%" }, children: _jsx(SelectWPTags, { size: "medium", freeSolo: true, value: formData.tags_input ?? [], onChange: (tags) => {
+                    setFormData({ tags_input: tags });
+                } }) }) }));
+};

package/client/components/utils/post/settings/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./Categories";
+export * from "./Discussion";
+export * from "./Excerpt";
+export * from "./FeaturedImage";
+export * from "./PageAttributes";
+export * from "./Revisions";
+export * from "./Summary";
+export * from "./Tags";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/post/settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/utils/post/settings/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/client/components/utils/post/settings/index.js

@@ -0,0 +1,8 @@
+export * from "./Categories";
+export * from "./Discussion";
+export * from "./Excerpt";
+export * from "./FeaturedImage";
+export * from "./PageAttributes";
+export * from "./Revisions";
+export * from "./Summary";
+export * from "./Tags";

package/client/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./use-admin-navigation";
+export * from "./use-sites";
+export * from "./use-current-menu";
+export * from "./use-sidebar";
+export * from "./use-sites";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/client/hooks/index.js

@@ -0,0 +1,5 @@
+export * from "./use-admin-navigation";
+export * from "./use-sites";
+export * from "./use-current-menu";
+export * from "./use-sidebar";
+export * from "./use-sites";