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

package/dist/admin/index-mATo7IeG.js

@@ -0,0 +1,283 @@
+'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;

package/dist/admin/index.js

@@ -1,49 +1,12 @@
 'use strict';
 
-var Initializer = require('./components/Initializer.js');
-var PluginIcon = require('./components/PluginIcon.js');
-var ProductStatusField = require('./components/ProductStatusField.js');
-var pluginId = require('./pluginId.js');
-var addStatusColumnHook = require('./listView/add-status-column-hook.js');
-var permissions = require('./permissions.js');
-var StatusFilter = require('./listView/StatusFilter.js');
+var index = require('./index-mATo7IeG.js');
+require('react');
+require('react/jsx-runtime');
+require('@strapi/icons');
+require('@strapi/design-system');
+require('@strapi/strapi/admin');
 
-const plugin = {
-    register (app) {
-        app.registerPlugin({
-            id: pluginId.PLUGIN_ID,
-            initializer: Initializer.Initializer,
-            isReady: true,
-            name: pluginId.PLUGIN_ID
-        });
-        app.addMenuLink({
-            to: `plugins/${pluginId.PLUGIN_ID}`,
-            icon: PluginIcon.PluginIcon,
-            intlLabel: {
-                id: `${pluginId.PLUGIN_ID}.plugin.name`,
-                defaultMessage: "Status manager"
-            },
-            permissions: [
-                permissions.accessStatusManager[0]
-            ],
-            Component: ()=>Promise.resolve().then(function () { return require('./pages/HomePage.js'); }).then((module)=>({
-                        default: module.HomePage
-                    }))
-        });
-    },
-    bootstrap (app) {
-        app.getPlugin("content-manager").injectComponent("editView", "right-links", {
-            name: "Status",
-            Component: ProductStatusField.ProductStatusField
-        });
-        app.registerHook('Admin/CM/pages/ListView/inject-column-in-table', addStatusColumnHook.addStatusColumnHook);
-        const contentManager = app.getPlugin('content-manager');
-        contentManager.injectComponent('listView', 'actions', {
-            name: 'status-filter',
-            Component: StatusFilter.StatusFilter
-        });
-    }
-};
 
-module.exports = plugin;
-//# sourceMappingURL=index.js.map
+
+module.exports = index.plugin;

package/dist/admin/index.mjs

@@ -1,47 +1,6 @@
-import { Initializer } from './components/Initializer.mjs';
-import { PluginIcon } from './components/PluginIcon.mjs';
-import { ProductStatusField } from './components/ProductStatusField.mjs';
-import { PLUGIN_ID } from './pluginId.mjs';
-import { addStatusColumnHook } from './listView/add-status-column-hook.mjs';
-import pluginPermissions from './permissions.mjs';
-import { StatusFilter } from './listView/StatusFilter.mjs';
-
-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: ()=>import('./pages/HomePage.mjs').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
-        });
-    }
-};
-
-export { plugin as default };
-//# sourceMappingURL=index.mjs.map
+export { a as default } from './index-BVybZ6IA.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '@strapi/icons';
+import '@strapi/design-system';
+import '@strapi/strapi/admin';