@primershop/strapi-plugin-status-manager 0.0.16 → 0.0.18

package/dist/admin/index-mATo7IeG.js

@@ -1,283 +0,0 @@
-'use strict';
-
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@strapi/icons');
-var designSystem = require('@strapi/design-system');
-var admin = require('@strapi/strapi/admin');
-
-const PLUGIN_ID = "primershop-status-manager";
-
-/**
- * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
- */ const Initializer = ({ setPlugin })=>{
-    const ref = React.useRef(setPlugin);
-    React.useEffect(()=>{
-        ref.current(PLUGIN_ID);
-    }, []);
-    return null;
-};
-
-const PluginIcon = ()=>/*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {});
-
-const ProductStatusField = ()=>{
-    const { contentType, id } = admin.unstable_useContentManagerContext();
-    const [statuses, setStatuses] = React.useState([]);
-    const [currentStatus, setCurrentStatus] = React.useState("");
-    const [message, setMessage] = React.useState("");
-    const { get, put } = admin.useFetchClient();
-    const handleStatusChange = React.useCallback(async (newStatus)=>{
-        if (!id) {
-            setMessage("Save the product first and then change the status");
-            return;
-        }
-        try {
-            await put(`primershop-status-manager/content-status`, {
-                contentTypeUid: "api::product.product",
-                contentDocumentId: id,
-                statusId: statuses.find((status)=>status.name === newStatus)?.documentId
-            });
-            setMessage(`Status updated ${currentStatus ? `from ${currentStatus}` : ""} to ${newStatus}`);
-            setCurrentStatus(newStatus || "");
-        } catch (error) {
-            setMessage("Error updating status");
-            console.error("Error updating status:", error);
-        }
-    }, [
-        id,
-        statuses,
-        currentStatus,
-        put
-    ]);
-    React.useEffect(()=>{
-        async function fetchCurrentStatus() {
-            try {
-                const { data: productData } = await get(`primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`);
-                const status = productData?.status;
-                if (status && status.name) return setCurrentStatus(status.name);
-                if (statuses.length) return handleStatusChange(statuses[0].name);
-            } catch (error) {
-                console.error("Error fetching product status:", error);
-            }
-        }
-        if (id && !currentStatus.length) fetchCurrentStatus();
-        if (!id && statuses.length) setCurrentStatus(statuses[0].name);
-    }, [
-        id,
-        statuses,
-        get
-    ]);
-    React.useEffect(()=>{
-        async function fetchStatuses() {
-            try {
-                const { data } = await get("primershop-status-manager/statuses");
-                setStatuses(data);
-            } catch (error) {
-                console.error("Error fetching statuses:", error);
-            }
-        }
-        fetchStatuses();
-    }, [
-        get
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-        direction: "column",
-        justifyContent: "center",
-        alignItems: "stretch",
-        width: "100%",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                padding: 2,
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
-                    variant: "sigma",
-                    children: [
-                        contentType?.info.displayName,
-                        " status"
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
-                placeholder: currentStatus,
-                onChange: handleStatusChange,
-                children: statuses.map((status)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
-                        value: status.name,
-                        children: status.name
-                    }, status.documentId))
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                padding: 2,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                    variant: "sigma",
-                    children: message
-                })
-            })
-        ]
-    });
-};
-
-const StatusCell = ({ row })=>{
-    const [status, setStatus] = React.useState(null);
-    React.useEffect(()=>{
-        setStatus(row.statusField);
-    }, [
-        row
-    ]);
-    if (!status) return null;
-    return /*#__PURE__*/ jsxRuntime.jsx("span", {
-        style: {
-            padding: "4px 8px",
-            borderRadius: 4,
-            background: status.published ? "#eafbe7" : "#f0f0ff",
-            color: status.published ? "#2f6846" : "#271fe0",
-            border: `1px solid ${status.published ? "#2f6846" : "#271fe0"}`,
-            fontSize: 14
-        },
-        children: status.name
-    });
-};
-
-const addStatusColumnHook = ({ displayedHeaders, layout })=>{
-    const statusHeader = {
-        attribute: {
-            type: "custom"
-        },
-        name: "statusLabel",
-        label: {
-            id: "primershop-status-manager.status",
-            defaultMessage: "Status"
-        },
-        searchable: false,
-        sortable: false,
-        cellFormatter: (row)=>{
-            return React.createElement(StatusCell, {
-                row
-            });
-        }
-    };
-    return {
-        displayedHeaders: [
-            ...displayedHeaders,
-            statusHeader
-        ],
-        layout
-    };
-};
-
-/**
- * Admin permission actions for use in addMenuLink, Page.Protect, and useRBAC.
- * Action IDs must match uids registered in server bootstrap (registerMany).
- */ const pluginPermissions = {
-    accessStatusManager: [
-        {
-            action: "plugin::primershop-status-manager.main",
-            subject: null
-        }
-    ]
-};
-
-const StatusFilter = ()=>{
-    const { contentType } = admin.unstable_useContentManagerContext();
-    const [statuses, setStatuses] = React.useState([]);
-    const [selected, setSelected] = React.useState("");
-    const { get } = admin.useFetchClient();
-    const [{ query }, setQuery] = admin.useQueryParams();
-    const handleStatusChange = React.useCallback((name)=>{
-        setQuery({
-            page: 1,
-            plugins: {
-                ...query.plugins,
-                "primershop-status-manager": {
-                    statusName: name.toLowerCase()
-                }
-            }
-        }, "push", true);
-    }, [
-        query.plugins,
-        setQuery
-    ]);
-    React.useEffect(()=>{
-        const selectedStatusName = query.plugins?.["primershop-status-manager"]?.statusName;
-        if (!selectedStatusName) return;
-        const status = statuses.find((status)=>status.name.toLowerCase() === selectedStatusName);
-        if (status) {
-            setSelected(status.name);
-        }
-    }, [
-        query,
-        statuses
-    ]);
-    React.useEffect(()=>{
-        async function fetchStatuses() {
-            try {
-                const { data } = await get("primershop-status-manager/statuses");
-                const allStatusesObject = {
-                    documentId: "all",
-                    name: "All"
-                };
-                setStatuses([
-                    allStatusesObject,
-                    ...data
-                ]);
-            } catch (error) {
-                console.error("Error fetching statuses:", error);
-            }
-        }
-        fetchStatuses();
-    }, [
-        get
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-        direction: "column",
-        justifyContent: "center",
-        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
-            size: "S",
-            placeholder: `${contentType?.info.displayName} status`,
-            value: selected,
-            onChange: handleStatusChange,
-            children: statuses.map((status)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
-                    value: status.name,
-                    children: status.name
-                }, status.documentId))
-        })
-    });
-};
-
-const plugin = {
-    register (app) {
-        app.registerPlugin({
-            id: PLUGIN_ID,
-            initializer: Initializer,
-            isReady: true,
-            name: PLUGIN_ID
-        });
-        app.addMenuLink({
-            to: `plugins/${PLUGIN_ID}`,
-            icon: PluginIcon,
-            intlLabel: {
-                id: `${PLUGIN_ID}.plugin.name`,
-                defaultMessage: "Status manager"
-            },
-            permissions: [
-                pluginPermissions.accessStatusManager[0]
-            ],
-            Component: ()=>Promise.resolve().then(function () { return require('./HomePage-Bez9ZXv-.js'); }).then((module)=>({
-                        default: module.HomePage
-                    }))
-        });
-    },
-    bootstrap (app) {
-        app.getPlugin("content-manager").injectComponent("editView", "right-links", {
-            name: "Status",
-            Component: ProductStatusField
-        });
-        app.registerHook('Admin/CM/pages/ListView/inject-column-in-table', addStatusColumnHook);
-        const contentManager = app.getPlugin('content-manager');
-        contentManager.injectComponent('listView', 'actions', {
-            name: 'status-filter',
-            Component: StatusFilter
-        });
-    }
-};
-
-exports.plugin = plugin;
-exports.pluginPermissions = pluginPermissions;