@primershop/strapi-plugin-status-manager 0.0.1

package/dist/admin/components/StatusManager.mjs

@@ -0,0 +1,365 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback } from 'react';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { reorder } from '@atlaskit/pragmatic-drag-and-drop/reorder';
+import { extractClosestEdge, attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { Box, Typography, Flex, TextInput, Button, Dialog, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { Plus, Drag, Trash } from '@strapi/icons';
+import { useFetchClient } from '@strapi/strapi/admin';
+
+const StatusManager = ()=>{
+    const [statuses, setStatuses] = useState([]);
+    const [newStatus, setNewStatus] = useState("");
+    const [statusToDelete, setStatusToDelete] = useState(null);
+    const [replacementStatus, setReplacementStatus] = useState("");
+    const { get, post, put } = useFetchClient();
+    const [instanceId] = useState(()=>Symbol("instance-id"));
+    // Fetch statuses
+    useEffect(()=>{
+        const loadStatuses = async ()=>{
+            const { data } = await get("primershop-status-manager/statuses");
+            setStatuses(data);
+        };
+        loadStatuses();
+    }, [
+        get
+    ]);
+    // Validate input (Latin characters only)
+    const validateInput = (value)=>/^[a-zA-Z\s]+$/.test(value);
+    // Add new status
+    const addStatus = async ()=>{
+        if (!newStatus || !validateInput(newStatus)) return alert("Only Latin characters allowed!");
+        try {
+            const { data } = await post("primershop-status-manager/status", {
+                name: newStatus,
+                published: false
+            });
+            setStatuses([
+                ...statuses,
+                data
+            ]);
+            setNewStatus("");
+        } catch (error) {
+            console.error("Error creating status:", error);
+        }
+    };
+    const reorderItem = useCallback(async ({ startIndex, indexOfTarget, closestEdgeOfTarget })=>{
+        // Calculate the final index based on the target position and edge
+        let finishIndex = indexOfTarget;
+        if (closestEdgeOfTarget === "bottom") {
+            finishIndex = indexOfTarget + 1;
+        }
+        // If moving an item down, we need to adjust for the removed item
+        if (startIndex < finishIndex) {
+            finishIndex--;
+        }
+        if (finishIndex === startIndex) {
+            return;
+        }
+        const reordered = reorder({
+            list: statuses,
+            startIndex,
+            finishIndex
+        });
+        // Send new order to API
+        const orderedIds = reordered.map((status, index)=>({
+                documentId: status.documentId,
+                order: index
+            }));
+        await put("/primershop-status-manager/statuses/reorder", {
+            statuses: orderedIds
+        });
+        setStatuses(reordered);
+    }, [
+        statuses,
+        put
+    ]);
+    // Setup drag and drop
+    useEffect(()=>{
+        const statusElements = document.querySelectorAll("[data-status-id]");
+        const cleanupFunctions = [];
+        statusElements.forEach((element)=>{
+            const statusId = element.getAttribute("data-status-id");
+            const index = statuses.findIndex((s)=>s.documentId === statusId);
+            const dragHandle = element.querySelector("[data-drag-handle]");
+            if (!dragHandle) return;
+            // Setup draggable
+            const draggableCleanup = draggable({
+                element: dragHandle,
+                getInitialData: ()=>({
+                        statusId,
+                        index,
+                        instanceId
+                    }),
+                onGenerateDragPreview ({ nativeSetDragImage }) {
+                    setCustomNativeDragPreview({
+                        nativeSetDragImage,
+                        getOffset: pointerOutsideOfPreview({
+                            x: "16px",
+                            y: "8px"
+                        }),
+                        render ({ container }) {
+                            const preview = document.createElement("div");
+                            preview.style.padding = "8px 16px";
+                            preview.style.backgroundColor = "#fff";
+                            preview.style.border = "1px solid #ccc";
+                            preview.style.borderRadius = "4px";
+                            preview.style.boxShadow = "0 2px 4px rgba(0,0,0,0.1)";
+                            const statusNameElement = element.querySelector("[data-status-name]");
+                            preview.textContent = statusNameElement?.textContent || "";
+                            container.appendChild(preview);
+                            return ()=>container.removeChild(preview);
+                        }
+                    });
+                }
+            });
+            // Setup drop target
+            const dropTargetCleanup = dropTargetForElements({
+                element: element,
+                canDrop: ({ source })=>source.data.instanceId === instanceId,
+                getData ({ input }) {
+                    return attachClosestEdge({
+                        statusId,
+                        index,
+                        instanceId
+                    }, {
+                        element,
+                        input,
+                        allowedEdges: [
+                            "top",
+                            "bottom"
+                        ]
+                    });
+                },
+                onDrag ({ source, self }) {
+                    const isSource = source.element === dragHandle;
+                    if (isSource) return;
+                    const closestEdge = extractClosestEdge(self.data);
+                    const sourceIndex = Number(source.data.index);
+                    const isItemBeforeSource = index === sourceIndex - 1;
+                    const isItemAfterSource = index === sourceIndex + 1;
+                    const isDropIndicatorHidden = isItemBeforeSource && closestEdge === "bottom" || isItemAfterSource && closestEdge === "top";
+                    if (isDropIndicatorHidden) return;
+                    // Add visual feedback for drop target
+                    element.style.background = `linear-gradient(${closestEdge === "top" ? 180 : 0}deg, rgba(136,131,214,0.4) 0%, rgba(255,255,255,0) 50%)`;
+                },
+                onDragLeave () {
+                    element.style.background = "";
+                },
+                onDrop ({ source, self }) {
+                    element.style.background = "";
+                    const sourceData = source.data;
+                    const targetData = self.data;
+                    const indexOfTarget = statuses.findIndex((s)=>s.documentId === targetData.statusId);
+                    if (indexOfTarget < 0) return;
+                    const closestEdgeOfTarget = extractClosestEdge(targetData);
+                    reorderItem({
+                        startIndex: sourceData.index,
+                        indexOfTarget,
+                        closestEdgeOfTarget
+                    });
+                }
+            });
+            // Combine cleanup functions
+            const combinedCleanup = combine(draggableCleanup, dropTargetCleanup);
+            cleanupFunctions.push(combinedCleanup);
+        });
+        // Monitor for drops
+        const monitorCleanup = monitorForElements({
+            canMonitor: ({ source })=>source.data.instanceId === instanceId,
+            onDrop ({ location, source }) {
+                const target = location.current.dropTargets[0];
+                if (!target) return;
+                const sourceData = source.data;
+                const targetData = target.data;
+                const indexOfTarget = statuses.findIndex((s)=>s.documentId === targetData.statusId);
+                if (indexOfTarget < 0) return;
+                const closestEdgeOfTarget = extractClosestEdge(targetData);
+                reorderItem({
+                    startIndex: sourceData.index,
+                    indexOfTarget,
+                    closestEdgeOfTarget
+                });
+            }
+        });
+        // Cleanup function
+        return ()=>{
+            cleanupFunctions.forEach((cleanup)=>cleanup());
+            monitorCleanup();
+        };
+    }, [
+        statuses,
+        reorderItem,
+        instanceId
+    ]);
+    // Open delete dialog
+    const confirmDelete = (status)=>{
+        setStatusToDelete(status);
+    };
+    // Delete status and replace with selected one
+    const deleteStatus = async ()=>{
+        if (!replacementStatus) return alert("Select a replacement status!");
+        const replacementStatusObj = statuses.find((s)=>s.name === replacementStatus);
+        if (!replacementStatusObj) return alert("Replacement status not found!");
+        try {
+            await put("/primershop-status-manager/statuses/delete", {
+                statusId: statusToDelete?.documentId,
+                replacementId: replacementStatusObj.documentId
+            });
+            // Remove the deleted status from the list
+            setStatuses(statuses.filter((s)=>s.documentId !== statusToDelete?.documentId));
+            setStatusToDelete(null);
+            setReplacementStatus("");
+        } catch (error) {
+            console.error("Error deleting status:", error);
+        }
+    };
+    // Toggle publish status
+    const togglePublish = async (id, published)=>{
+        try {
+            await put(`/primershop-status-manager/statuses/${id}`, {
+                published: !published
+            });
+            setStatuses(statuses.map((s)=>s.documentId === id ? {
+                    ...s,
+                    published: !published
+                } : s));
+        } catch (error) {
+            console.error("Error toggling publish status:", error);
+        }
+    };
+    return /*#__PURE__*/ jsxs(Box, {
+        padding: 4,
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                variant: "beta",
+                children: "Status Manager"
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                marginTop: 4,
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsx(TextInput, {
+                        placeholder: "Enter a status...",
+                        value: newStatus,
+                        onChange: (e)=>setNewStatus(e.target.value)
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        onClick: addStatus,
+                        startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                        children: "Add Status"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                marginTop: 4,
+                children: statuses.map((status)=>/*#__PURE__*/ jsxs(Flex, {
+                        "data-status-id": status.documentId,
+                        alignItems: "center",
+                        gap: 2,
+                        marginBottom: 2,
+                        paddingBottom: 2,
+                        style: {
+                            borderBottom: `1px solid gray`,
+                            minWidth: 300,
+                            userSelect: "none",
+                            touchAction: "none"
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(Box, {
+                                "data-drag-handle": true,
+                                style: {
+                                    cursor: "grab",
+                                    padding: "4px",
+                                    display: "flex",
+                                    alignItems: "center"
+                                },
+                                children: /*#__PURE__*/ jsx(Drag, {})
+                            }, `dragHandle-${status.documentId}`),
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "sigma",
+                                style: {
+                                    display: "inline-block",
+                                    marginRight: "auto"
+                                },
+                                "data-status-name": true,
+                                children: status.name
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: status.published ? "success-light" : "secondary",
+                                onClick: ()=>togglePublish(status.documentId, status.published),
+                                children: status.published ? "Published" : "Unpublished"
+                            }),
+                            /*#__PURE__*/ jsxs(Dialog.Root, {
+                                onOpenChange: ()=>confirmDelete(status),
+                                children: [
+                                    /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                        children: /*#__PURE__*/ jsx(Button, {
+                                            variant: "tertiary",
+                                            startIcon: /*#__PURE__*/ jsx(Trash, {}),
+                                            children: "Delete"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(Dialog.Content, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Dialog.Header, {
+                                                children: "Delete status"
+                                            }),
+                                            statuses.length > 1 && statusToDelete && /*#__PURE__*/ jsxs(Dialog.Body, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Typography, {
+                                                        children: "Choose a replacement status before deleting:"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(SingleSelect, {
+                                                        onChange: (value)=>setReplacementStatus(value),
+                                                        placeholder: "Select replacement",
+                                                        children: statuses.filter((s)=>s.documentId !== statusToDelete.documentId).map((s)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                                                                value: s.name,
+                                                                children: s.name
+                                                            }, `statusChoice-${s.documentId}`))
+                                                    }),
+                                                    replacementStatus && /*#__PURE__*/ jsxs(Typography, {
+                                                        children: [
+                                                            "Replacing ",
+                                                            statusToDelete.name,
+                                                            " with ",
+                                                            replacementStatus
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs(Dialog.Footer, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Dialog.Cancel, {
+                                                        children: /*#__PURE__*/ jsx(Button, {
+                                                            fullWidth: true,
+                                                            variant: "tertiary",
+                                                            children: "Cancel"
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Dialog.Action, {
+                                                        children: /*#__PURE__*/ jsx(Button, {
+                                                            fullWidth: true,
+                                                            variant: "danger-light",
+                                                            onClick: deleteStatus,
+                                                            children: "Yes, delete"
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }, `status-${status.documentId}`))
+            }, statuses.length)
+        ]
+    });
+};
+
+export { StatusManager };
+//# sourceMappingURL=StatusManager.mjs.map

package/dist/admin/components/StatusManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusManager.mjs","sources":["../../../admin/src/components/StatusManager.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\n\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport {\r\n  draggable,\r\n  dropTargetForElements,\r\n  monitorForElements,\r\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { pointerOutsideOfPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview\";\r\nimport { setCustomNativeDragPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview\";\r\nimport { reorder } from \"@atlaskit/pragmatic-drag-and-drop/reorder\";\r\nimport {\r\n  attachClosestEdge,\r\n  extractClosestEdge,\r\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\r\nimport {\r\n  TextInput,\r\n  Button,\r\n  Flex,\r\n  Typography,\r\n  Box,\r\n  Dialog,\r\n  SingleSelect,\r\n  SingleSelectOption,\r\n} from \"@strapi/design-system\";\r\nimport { Plus, Trash, Drag } from \"@strapi/icons\";\r\nimport { useFetchClient } from \"@strapi/strapi/admin\";\r\n\r\ninterface Status {\r\n  documentId: string;\r\n  name: string;\r\n  published: boolean;\r\n}\r\n\r\ninterface ReorderParams {\r\n  startIndex: number;\r\n  indexOfTarget: number;\r\n  closestEdgeOfTarget: string;\r\n}\r\n\r\nconst StatusManager = () => {\r\n  const [statuses, setStatuses] = useState<Status[]>([]);\r\n  const [newStatus, setNewStatus] = useState(\"\");\r\n  const [statusToDelete, setStatusToDelete] = useState<Status | null>(null);\r\n  const [replacementStatus, setReplacementStatus] = useState(\"\");\r\n  const { get, post, put } = useFetchClient();\r\n  const [instanceId] = useState(() => Symbol(\"instance-id\"));\r\n\r\n  // Fetch statuses\r\n  useEffect(() => {\r\n    const loadStatuses = async () => {\r\n      const { data } = await get(\"primershop-status-manager/statuses\");\r\n      setStatuses(data);\r\n    };\r\n    loadStatuses();\r\n  }, [get]);\r\n\r\n  // Validate input (Latin characters only)\r\n  const validateInput = (value: string): boolean => /^[a-zA-Z\\s]+$/.test(value);\r\n\r\n  // Add new status\r\n  const addStatus = async () => {\r\n    if (!newStatus || !validateInput(newStatus))\r\n      return alert(\"Only Latin characters allowed!\");\r\n    try {\r\n      const { data } = await post(\"primershop-status-manager/status\", {\r\n        name: newStatus,\r\n        published: false,\r\n      });\r\n      setStatuses([...statuses, data]);\r\n      setNewStatus(\"\");\r\n    } catch (error) {\r\n      console.error(\"Error creating status:\", error);\r\n    }\r\n  };\r\n\r\n  const reorderItem = useCallback(\r\n    async ({\r\n      startIndex,\r\n      indexOfTarget,\r\n      closestEdgeOfTarget,\r\n    }: ReorderParams) => {\r\n      // Calculate the final index based on the target position and edge\r\n      let finishIndex = indexOfTarget;\r\n      if (closestEdgeOfTarget === \"bottom\") {\r\n        finishIndex = indexOfTarget + 1;\r\n      }\r\n\r\n      // If moving an item down, we need to adjust for the removed item\r\n      if (startIndex < finishIndex) {\r\n        finishIndex--;\r\n      }\r\n\r\n      if (finishIndex === startIndex) {\r\n        return;\r\n      }\r\n\r\n      const reordered = reorder({\r\n        list: statuses,\r\n        startIndex,\r\n        finishIndex,\r\n      });\r\n      // Send new order to API\r\n      const orderedIds = reordered.map((status, index) => ({\r\n        documentId: status.documentId,\r\n        order: index,\r\n      }));\r\n\r\n      await put(\"/primershop-status-manager/statuses/reorder\", {\r\n        statuses: orderedIds,\r\n      });\r\n      setStatuses(reordered);\r\n    },\r\n    [statuses, put]\r\n  );\r\n\r\n  // Setup drag and drop\r\n  useEffect(() => {\r\n    const statusElements = document.querySelectorAll(\"[data-status-id]\");\r\n    const cleanupFunctions: (() => void)[] = [];\r\n\r\n    statusElements.forEach((element) => {\r\n      const statusId = element.getAttribute(\"data-status-id\");\r\n      const index = statuses.findIndex((s) => s.documentId === statusId);\r\n      const dragHandle = element.querySelector(\"[data-drag-handle]\");\r\n\r\n      if (!dragHandle) return;\r\n\r\n      // Setup draggable\r\n      const draggableCleanup = draggable({\r\n        element: dragHandle as HTMLElement,\r\n        getInitialData: () => ({\r\n          statusId,\r\n          index,\r\n          instanceId,\r\n        }),\r\n        onGenerateDragPreview({ nativeSetDragImage }) {\r\n          setCustomNativeDragPreview({\r\n            nativeSetDragImage,\r\n            getOffset: pointerOutsideOfPreview({\r\n              x: \"16px\",\r\n              y: \"8px\",\r\n            }),\r\n            render({ container }) {\r\n              const preview = document.createElement(\"div\");\r\n              preview.style.padding = \"8px 16px\";\r\n              preview.style.backgroundColor = \"#fff\";\r\n              preview.style.border = \"1px solid #ccc\";\r\n              preview.style.borderRadius = \"4px\";\r\n              preview.style.boxShadow = \"0 2px 4px rgba(0,0,0,0.1)\";\r\n              const statusNameElement =\r\n                element.querySelector(\"[data-status-name]\");\r\n              preview.textContent = statusNameElement?.textContent || \"\";\r\n              container.appendChild(preview);\r\n              return () => container.removeChild(preview);\r\n            },\r\n          });\r\n        },\r\n      });\r\n\r\n      // Setup drop target\r\n      const dropTargetCleanup = dropTargetForElements({\r\n        element: element as HTMLElement,\r\n        canDrop: ({ source }) => source.data.instanceId === instanceId,\r\n        getData({ input }) {\r\n          return attachClosestEdge(\r\n            { statusId, index, instanceId },\r\n            {\r\n              element,\r\n              input,\r\n              allowedEdges: [\"top\", \"bottom\"],\r\n            }\r\n          );\r\n        },\r\n        onDrag({ source, self }) {\r\n          const isSource = source.element === dragHandle;\r\n          if (isSource) return;\r\n\r\n          const closestEdge = extractClosestEdge(self.data);\r\n          const sourceIndex = Number(source.data.index);\r\n\r\n          const isItemBeforeSource = index === sourceIndex - 1;\r\n          const isItemAfterSource = index === sourceIndex + 1;\r\n\r\n          const isDropIndicatorHidden =\r\n            (isItemBeforeSource && closestEdge === \"bottom\") ||\r\n            (isItemAfterSource && closestEdge === \"top\");\r\n\r\n          if (isDropIndicatorHidden) return;\r\n\r\n          // Add visual feedback for drop target\r\n          (element as HTMLElement).style.background =\r\n            `linear-gradient(${closestEdge === \"top\" ? 180 : 0}deg, rgba(136,131,214,0.4) 0%, rgba(255,255,255,0) 50%)`;\r\n        },\r\n        onDragLeave() {\r\n          (element as HTMLElement).style.background = \"\";\r\n        },\r\n        onDrop({ source, self }) {\r\n          (element as HTMLElement).style.background = \"\";\r\n\r\n          const sourceData = source.data;\r\n          const targetData = self.data;\r\n          const indexOfTarget = statuses.findIndex(\r\n            (s) => s.documentId === targetData.statusId\r\n          );\r\n          if (indexOfTarget < 0) return;\r\n\r\n          const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n          reorderItem({\r\n            startIndex: sourceData.index as number,\r\n            indexOfTarget,\r\n            closestEdgeOfTarget,\r\n          });\r\n        },\r\n      });\r\n\r\n      // Combine cleanup functions\r\n      const combinedCleanup = combine(draggableCleanup, dropTargetCleanup);\r\n      cleanupFunctions.push(combinedCleanup);\r\n    });\r\n\r\n    // Monitor for drops\r\n    const monitorCleanup = monitorForElements({\r\n      canMonitor: ({ source }) => source.data.instanceId === instanceId,\r\n      onDrop({ location, source }) {\r\n        const target = location.current.dropTargets[0];\r\n        if (!target) return;\r\n\r\n        const sourceData = source.data;\r\n        const targetData = target.data;\r\n\r\n        const indexOfTarget = statuses.findIndex(\r\n          (s) => s.documentId === targetData.statusId\r\n        );\r\n        if (indexOfTarget < 0) return;\r\n\r\n        const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n        reorderItem({\r\n          startIndex: sourceData.index as number,\r\n          indexOfTarget,\r\n          closestEdgeOfTarget,\r\n        });\r\n      },\r\n    });\r\n\r\n    // Cleanup function\r\n    return () => {\r\n      cleanupFunctions.forEach((cleanup) => cleanup());\r\n      monitorCleanup();\r\n    };\r\n  }, [statuses, reorderItem, instanceId]);\r\n\r\n  // Open delete dialog\r\n  const confirmDelete = (status: Status) => {\r\n    setStatusToDelete(status);\r\n  };\r\n\r\n  // Delete status and replace with selected one\r\n  const deleteStatus = async () => {\r\n    if (!replacementStatus) return alert(\"Select a replacement status!\");\r\n\r\n    const replacementStatusObj = statuses.find(\r\n      (s) => s.name === replacementStatus\r\n    );\r\n    if (!replacementStatusObj) return alert(\"Replacement status not found!\");\r\n\r\n    try {\r\n      await put(\"/primershop-status-manager/statuses/delete\", {\r\n        statusId: statusToDelete?.documentId,\r\n        replacementId: replacementStatusObj.documentId,\r\n      });\r\n\r\n      // Remove the deleted status from the list\r\n      setStatuses(\r\n        statuses.filter((s) => s.documentId !== statusToDelete?.documentId)\r\n      );\r\n      setStatusToDelete(null);\r\n      setReplacementStatus(\"\");\r\n    } catch (error) {\r\n      console.error(\"Error deleting status:\", error);\r\n    }\r\n  };\r\n\r\n  // Toggle publish status\r\n  const togglePublish = async (id: string, published: boolean) => {\r\n    try {\r\n      await put(`/primershop-status-manager/statuses/${id}`, {\r\n        published: !published,\r\n      });\r\n      setStatuses(\r\n        statuses.map((s) =>\r\n          s.documentId === id ? { ...s, published: !published } : s\r\n        )\r\n      );\r\n    } catch (error) {\r\n      console.error(\"Error toggling publish status:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box padding={4}>\r\n      <Typography variant=\"beta\">Status Manager</Typography>\r\n\r\n      {/* Input Field */}\r\n      <Flex marginTop={4} gap={2}>\r\n        <TextInput\r\n          placeholder=\"Enter a status...\"\r\n          value={newStatus}\r\n          onChange={(e) => setNewStatus(e.target.value)}\r\n        />\r\n        <Button onClick={addStatus} startIcon={<Plus />}>\r\n          Add Status\r\n        </Button>\r\n      </Flex>\r\n\r\n      {/* Status List */}\r\n      <Box key={statuses.length} marginTop={4}>\r\n        {statuses.map((status) => (\r\n          <Flex\r\n            key={`status-${status.documentId}`}\r\n            data-status-id={status.documentId}\r\n            alignItems=\"center\"\r\n            gap={2}\r\n            marginBottom={2}\r\n            paddingBottom={2}\r\n            style={{\r\n              borderBottom: `1px solid gray`,\r\n              minWidth: 300,\r\n              userSelect: \"none\",\r\n              touchAction: \"none\",\r\n            }}\r\n          >\r\n            <Box\r\n              key={`dragHandle-${status.documentId}`}\r\n              data-drag-handle\r\n              style={{\r\n                cursor: \"grab\",\r\n                padding: \"4px\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              <Drag />\r\n            </Box>\r\n            <Typography\r\n              variant=\"sigma\"\r\n              style={{ display: \"inline-block\", marginRight: \"auto\" }}\r\n              data-status-name\r\n            >\r\n              {status.name}\r\n            </Typography>\r\n            <Button\r\n              variant={status.published ? \"success-light\" : \"secondary\"}\r\n              onClick={() => togglePublish(status.documentId, status.published)}\r\n            >\r\n              {status.published ? \"Published\" : \"Unpublished\"}\r\n            </Button>\r\n            <Dialog.Root onOpenChange={() => confirmDelete(status)}>\r\n              <Dialog.Trigger>\r\n                <Button variant=\"tertiary\" startIcon={<Trash />}>\r\n                  Delete\r\n                </Button>\r\n              </Dialog.Trigger>\r\n              <Dialog.Content>\r\n                <Dialog.Header>Delete status</Dialog.Header>\r\n                {statuses.length > 1 && statusToDelete && (\r\n                  <Dialog.Body>\r\n                    <Typography>\r\n                      Choose a replacement status before deleting:\r\n                    </Typography>\r\n                    <SingleSelect\r\n                      onChange={(value) =>\r\n                        setReplacementStatus(value as string)\r\n                      }\r\n                      placeholder=\"Select replacement\"\r\n                    >\r\n                      {statuses\r\n                        .filter(\r\n                          (s) => s.documentId !== statusToDelete.documentId\r\n                        )\r\n                        .map((s) => (\r\n                          <SingleSelectOption\r\n                            key={`statusChoice-${s.documentId}`}\r\n                            value={s.name}\r\n                          >\r\n                            {s.name}\r\n                          </SingleSelectOption>\r\n                        ))}\r\n                    </SingleSelect>\r\n                    {replacementStatus && (\r\n                      <Typography>\r\n                        Replacing {statusToDelete.name} with {replacementStatus}\r\n                      </Typography>\r\n                    )}\r\n                  </Dialog.Body>\r\n                )}\r\n                <Dialog.Footer>\r\n                  <Dialog.Cancel>\r\n                    <Button fullWidth variant=\"tertiary\">\r\n                      Cancel\r\n                    </Button>\r\n                  </Dialog.Cancel>\r\n                  <Dialog.Action>\r\n                    <Button\r\n                      fullWidth\r\n                      variant=\"danger-light\"\r\n                      onClick={deleteStatus}\r\n                    >\r\n                      Yes, delete\r\n                    </Button>\r\n                  </Dialog.Action>\r\n                </Dialog.Footer>\r\n              </Dialog.Content>\r\n            </Dialog.Root>\r\n          </Flex>\r\n        ))}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { StatusManager };\r\n"],"names":["StatusManager","statuses","setStatuses","useState","newStatus","setNewStatus","statusToDelete","setStatusToDelete","replacementStatus","setReplacementStatus","get","post","put","useFetchClient","instanceId","Symbol","useEffect","loadStatuses","data","validateInput","value","test","addStatus","alert","name","published","error","console","reorderItem","useCallback","startIndex","indexOfTarget","closestEdgeOfTarget","finishIndex","reordered","reorder","list","orderedIds","map","status","index","documentId","order","statusElements","document","querySelectorAll","cleanupFunctions","forEach","element","statusId","getAttribute","findIndex","s","dragHandle","querySelector","draggableCleanup","draggable","getInitialData","onGenerateDragPreview","nativeSetDragImage","setCustomNativeDragPreview","getOffset","pointerOutsideOfPreview","x","y","render","container","preview","createElement","style","padding","backgroundColor","border","borderRadius","boxShadow","statusNameElement","textContent","appendChild","removeChild","dropTargetCleanup","dropTargetForElements","canDrop","source","getData","input","attachClosestEdge","allowedEdges","onDrag","self","isSource","closestEdge","extractClosestEdge","sourceIndex","Number","isItemBeforeSource","isItemAfterSource","isDropIndicatorHidden","background","onDragLeave","onDrop","sourceData","targetData","combinedCleanup","combine","push","monitorCleanup","monitorForElements","canMonitor","location","target","current","dropTargets","cleanup","confirmDelete","deleteStatus","replacementStatusObj","find","replacementId","filter","togglePublish","id","_jsxs","Box","_jsx","Typography","variant","Flex","marginTop","gap","TextInput","placeholder","onChange","e","Button","onClick","startIcon","Plus","data-status-id","alignItems","marginBottom","paddingBottom","borderBottom","minWidth","userSelect","touchAction","data-drag-handle","cursor","display","Drag","marginRight","data-status-name","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","length","Body","SingleSelect","SingleSelectOption","Footer","Cancel","fullWidth","Action"],"mappings":"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"}

package/dist/admin/index.js

@@ -0,0 +1,46 @@
+'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 StatusFilter = require('./listView/StatusFilter.js');
+
+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: [],
+            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

package/dist/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../admin/src/index.ts"],"sourcesContent":["import { Initializer } from \"./components/Initializer\";\r\nimport { PluginIcon } from \"./components/PluginIcon\";\r\nimport { ProductStatusField } from \"./components/ProductStatusField\";\r\nimport { PLUGIN_ID } from \"./pluginId\";\r\nimport { addStatusColumnHook } from \"./listView/add-status-column-hook\";\r\n\r\nimport type { StrapiApp } from \"@strapi/admin/strapi-admin\";\r\nimport { StatusFilter } from \"./listView/StatusFilter\";\r\n\r\nconst plugin = {\r\n  register(app: StrapiApp) {\r\n    app.registerPlugin({\r\n      id: PLUGIN_ID,\r\n      initializer: Initializer,\r\n      isReady: true,\r\n      name: PLUGIN_ID,\r\n    });\r\n\r\n    app.addMenuLink({\r\n      to: `plugins/${PLUGIN_ID}`,\r\n      icon: PluginIcon,\r\n      intlLabel: {\r\n        id: `${PLUGIN_ID}.plugin.name`,\r\n        defaultMessage: \"Status manager\",\r\n      },\r\n      permissions: [],\r\n      Component: () =>\r\n        import(\"./pages/HomePage\").then((module) => ({\r\n          default: module.HomePage,\r\n        })),\r\n    });\r\n  },\r\n  bootstrap(app: StrapiApp) {\r\n    app\r\n      .getPlugin(\"content-manager\")\r\n      .injectComponent(\"editView\", \"right-links\", {\r\n        name: \"Status\",\r\n        Component: ProductStatusField,\r\n      });\r\n\r\n    app.registerHook('Admin/CM/pages/ListView/inject-column-in-table', addStatusColumnHook);\r\n\r\n    const contentManager = app.getPlugin('content-manager');\r\n    contentManager.injectComponent('listView', 'actions', {\r\n      name: 'status-filter',\r\n      Component: StatusFilter,\r\n    });\r\n  },\r\n};\r\n\r\nexport default plugin;\r\n"],"names":["plugin","register","app","registerPlugin","id","PLUGIN_ID","initializer","Initializer","isReady","name","addMenuLink","to","icon","PluginIcon","intlLabel","defaultMessage","permissions","Component","then","module","default","HomePage","bootstrap","getPlugin","injectComponent","ProductStatusField","registerHook","addStatusColumnHook","contentManager","StatusFilter"],"mappings":";;;;;;;;;AASA,MAAMA,MAAAA,GAAS;AACbC,IAAAA,QAAAA,CAAAA,CAASC,GAAc,EAAA;AACrBA,QAAAA,GAAAA,CAAIC,cAAc,CAAC;YACjBC,EAAAA,EAAIC,kBAAAA;YACJC,WAAAA,EAAaC,uBAAAA;YACbC,OAAAA,EAAS,IAAA;YACTC,IAAAA,EAAMJ;AACR,SAAA,CAAA;AAEAH,QAAAA,GAAAA,CAAIQ,WAAW,CAAC;YACdC,EAAAA,EAAI,CAAC,QAAQ,EAAEN,kBAAAA,CAAAA,CAAW;YAC1BO,IAAAA,EAAMC,qBAAAA;YACNC,SAAAA,EAAW;gBACTV,EAAAA,EAAI,CAAA,EAAGC,kBAAAA,CAAU,YAAY,CAAC;gBAC9BU,cAAAA,EAAgB;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAa,EAAE;YACfC,SAAAA,EAAW,IACT,oDAAO,qBAAA,KAAA,CAAoBC,IAAI,CAAC,CAACC,UAAY;AAC3CC,wBAAAA,OAAAA,EAASD,OAAOE;qBAClB,CAAA;AACJ,SAAA,CAAA;AACF,IAAA,CAAA;AACAC,IAAAA,SAAAA,CAAAA,CAAUpB,GAAc,EAAA;AACtBA,QAAAA,GAAAA,CACGqB,SAAS,CAAC,iBAAA,CAAA,CACVC,eAAe,CAAC,YAAY,aAAA,EAAe;YAC1Cf,IAAAA,EAAM,QAAA;YACNQ,SAAAA,EAAWQ;AACb,SAAA,CAAA;QAEFvB,GAAAA,CAAIwB,YAAY,CAAC,gDAAA,EAAkDC,uCAAAA,CAAAA;QAEnE,MAAMC,cAAAA,GAAiB1B,GAAAA,CAAIqB,SAAS,CAAC,iBAAA,CAAA;QACrCK,cAAAA,CAAeJ,eAAe,CAAC,UAAA,EAAY,SAAA,EAAW;YACpDf,IAAAA,EAAM,eAAA;YACNQ,SAAAA,EAAWY;AACb,SAAA,CAAA;AACF,IAAA;AACF;;;;"}

package/dist/admin/index.mjs

@@ -0,0 +1,44 @@
+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 { 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: [],
+            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

package/dist/admin/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../admin/src/index.ts"],"sourcesContent":["import { Initializer } from \"./components/Initializer\";\r\nimport { PluginIcon } from \"./components/PluginIcon\";\r\nimport { ProductStatusField } from \"./components/ProductStatusField\";\r\nimport { PLUGIN_ID } from \"./pluginId\";\r\nimport { addStatusColumnHook } from \"./listView/add-status-column-hook\";\r\n\r\nimport type { StrapiApp } from \"@strapi/admin/strapi-admin\";\r\nimport { StatusFilter } from \"./listView/StatusFilter\";\r\n\r\nconst plugin = {\r\n  register(app: StrapiApp) {\r\n    app.registerPlugin({\r\n      id: PLUGIN_ID,\r\n      initializer: Initializer,\r\n      isReady: true,\r\n      name: PLUGIN_ID,\r\n    });\r\n\r\n    app.addMenuLink({\r\n      to: `plugins/${PLUGIN_ID}`,\r\n      icon: PluginIcon,\r\n      intlLabel: {\r\n        id: `${PLUGIN_ID}.plugin.name`,\r\n        defaultMessage: \"Status manager\",\r\n      },\r\n      permissions: [],\r\n      Component: () =>\r\n        import(\"./pages/HomePage\").then((module) => ({\r\n          default: module.HomePage,\r\n        })),\r\n    });\r\n  },\r\n  bootstrap(app: StrapiApp) {\r\n    app\r\n      .getPlugin(\"content-manager\")\r\n      .injectComponent(\"editView\", \"right-links\", {\r\n        name: \"Status\",\r\n        Component: ProductStatusField,\r\n      });\r\n\r\n    app.registerHook('Admin/CM/pages/ListView/inject-column-in-table', addStatusColumnHook);\r\n\r\n    const contentManager = app.getPlugin('content-manager');\r\n    contentManager.injectComponent('listView', 'actions', {\r\n      name: 'status-filter',\r\n      Component: StatusFilter,\r\n    });\r\n  },\r\n};\r\n\r\nexport default plugin;\r\n"],"names":["plugin","register","app","registerPlugin","id","PLUGIN_ID","initializer","Initializer","isReady","name","addMenuLink","to","icon","PluginIcon","intlLabel","defaultMessage","permissions","Component","then","module","default","HomePage","bootstrap","getPlugin","injectComponent","ProductStatusField","registerHook","addStatusColumnHook","contentManager","StatusFilter"],"mappings":";;;;;;;AASA,MAAMA,MAAAA,GAAS;AACbC,IAAAA,QAAAA,CAAAA,CAASC,GAAc,EAAA;AACrBA,QAAAA,GAAAA,CAAIC,cAAc,CAAC;YACjBC,EAAAA,EAAIC,SAAAA;YACJC,WAAAA,EAAaC,WAAAA;YACbC,OAAAA,EAAS,IAAA;YACTC,IAAAA,EAAMJ;AACR,SAAA,CAAA;AAEAH,QAAAA,GAAAA,CAAIQ,WAAW,CAAC;YACdC,EAAAA,EAAI,CAAC,QAAQ,EAAEN,SAAAA,CAAAA,CAAW;YAC1BO,IAAAA,EAAMC,UAAAA;YACNC,SAAAA,EAAW;gBACTV,EAAAA,EAAI,CAAA,EAAGC,SAAAA,CAAU,YAAY,CAAC;gBAC9BU,cAAAA,EAAgB;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAa,EAAE;YACfC,SAAAA,EAAW,IACT,OAAO,sBAAA,CAAA,CAAoBC,IAAI,CAAC,CAACC,UAAY;AAC3CC,wBAAAA,OAAAA,EAASD,OAAOE;qBAClB,CAAA;AACJ,SAAA,CAAA;AACF,IAAA,CAAA;AACAC,IAAAA,SAAAA,CAAAA,CAAUpB,GAAc,EAAA;AACtBA,QAAAA,GAAAA,CACGqB,SAAS,CAAC,iBAAA,CAAA,CACVC,eAAe,CAAC,YAAY,aAAA,EAAe;YAC1Cf,IAAAA,EAAM,QAAA;YACNQ,SAAAA,EAAWQ;AACb,SAAA,CAAA;QAEFvB,GAAAA,CAAIwB,YAAY,CAAC,gDAAA,EAAkDC,mBAAAA,CAAAA;QAEnE,MAAMC,cAAAA,GAAiB1B,GAAAA,CAAIqB,SAAS,CAAC,iBAAA,CAAA;QACrCK,cAAAA,CAAeJ,eAAe,CAAC,UAAA,EAAY,SAAA,EAAW;YACpDf,IAAAA,EAAM,eAAA;YACNQ,SAAAA,EAAWY;AACb,SAAA,CAAA;AACF,IAAA;AACF;;;;"}

package/dist/admin/listView/StatusFilter.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var admin = require('@strapi/strapi/admin');
+
+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))
+        })
+    });
+};
+
+exports.StatusFilter = StatusFilter;
+//# sourceMappingURL=StatusFilter.js.map

package/dist/admin/listView/StatusFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusFilter.js","sources":["../../../admin/src/listView/StatusFilter.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\n\r\nimport { SingleSelect, SingleSelectOption, Flex } from \"@strapi/design-system\";\r\nimport {\r\n  useFetchClient,\r\n  unstable_useContentManagerContext as useContentManagerContext,\r\n  useQueryParams,\r\n} from \"@strapi/strapi/admin\";\r\ninterface Status {\r\n  documentId: string;\r\n  name: string;\r\n}\r\n\r\nconst StatusFilter = () => {\r\n  const { contentType } = useContentManagerContext();\r\n  const [statuses, setStatuses] = useState<Status[]>([]);\r\n  const [selected, setSelected] = useState<string | undefined>(\"\");\r\n  const { get } = useFetchClient();\r\n  const [{ query }, setQuery] = useQueryParams<{\r\n    page: number;\r\n    plugins: { \"primershop-status-manager\": { statusName: string } };\r\n  }>();\r\n\r\n  const handleStatusChange = useCallback(\r\n    (name: string) => {\r\n      setQuery(\r\n        {\r\n          page: 1,\r\n          plugins: {\r\n            ...query.plugins,\r\n            \"primershop-status-manager\": { statusName: name.toLowerCase() },\r\n          },\r\n        },\r\n        \"push\",\r\n        true\r\n      );\r\n    },\r\n\r\n    [query.plugins, setQuery]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const selectedStatusName =\r\n      query.plugins?.[\"primershop-status-manager\"]?.statusName;\r\n    if (!selectedStatusName) return;\r\n    const status = statuses.find(\r\n      (status) => status.name.toLowerCase() === selectedStatusName\r\n    );\r\n    if (status) {\r\n      setSelected(status.name);\r\n    }\r\n  }, [query, statuses]);\r\n\r\n  useEffect(() => {\r\n    async function fetchStatuses() {\r\n      try {\r\n        const { data } = await get(\"primershop-status-manager/statuses\");\r\n        const allStatusesObject = {\r\n          documentId: \"all\",\r\n          name: \"All\",\r\n        };\r\n        setStatuses([allStatusesObject, ...data]);\r\n      } catch (error) {\r\n        console.error(\"Error fetching statuses:\", error);\r\n      }\r\n    }\r\n    fetchStatuses();\r\n  }, [get]);\r\n\r\n  return (\r\n    <Flex direction=\"column\" justifyContent=\"center\">\r\n      <SingleSelect\r\n        size=\"S\"\r\n        placeholder={`${contentType?.info.displayName} status`}\r\n        value={selected}\r\n        onChange={handleStatusChange}\r\n      >\r\n        {statuses.map((status) => (\r\n          <SingleSelectOption key={status.documentId} value={status.name}>\r\n            {status.name}\r\n          </SingleSelectOption>\r\n        ))}\r\n      </SingleSelect>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport { StatusFilter };\r\n"],"names":["StatusFilter","contentType","useContentManagerContext","statuses","setStatuses","useState","selected","setSelected","get","useFetchClient","query","setQuery","useQueryParams","handleStatusChange","useCallback","name","page","plugins","statusName","toLowerCase","useEffect","selectedStatusName","status","find","fetchStatuses","data","allStatusesObject","documentId","error","console","_jsx","Flex","direction","justifyContent","SingleSelect","size","placeholder","info","displayName","value","onChange","map","SingleSelectOption"],"mappings":";;;;;;;AAaA,MAAMA,YAAAA,GAAe,IAAA;IACnB,MAAM,EAAEC,WAAW,EAAE,GAAGC,uCAAAA,EAAAA;AACxB,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,eAAmB,EAAE,CAAA;AACrD,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGF,cAAAA,CAA6B,EAAA,CAAA;IAC7D,MAAM,EAAEG,GAAG,EAAE,GAAGC,oBAAAA,EAAAA;AAChB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,oBAAAA,EAAAA;IAK9B,MAAMC,kBAAAA,GAAqBC,kBACzB,CAACC,IAAAA,GAAAA;QACCJ,QAAAA,CACE;YACEK,IAAAA,EAAM,CAAA;YACNC,OAAAA,EAAS;AACP,gBAAA,GAAGP,MAAMO,OAAO;gBAChB,2BAAA,EAA6B;AAAEC,oBAAAA,UAAAA,EAAYH,KAAKI,WAAW;AAAG;AAChE;AACF,SAAA,EACA,MAAA,EACA,IAAA,CAAA;IAEJ,CAAA,EAEA;AAACT,QAAAA,KAAAA,CAAMO,OAAO;AAAEN,QAAAA;AAAS,KAAA,CAAA;IAG3BS,eAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,qBACJX,KAAAA,CAAMO,OAAO,GAAG,4BAA4B,EAAEC,UAAAA;AAChD,QAAA,IAAI,CAACG,kBAAAA,EAAoB;QACzB,MAAMC,MAAAA,GAASnB,QAAAA,CAASoB,IAAI,CAC1B,CAACD,SAAWA,MAAAA,CAAOP,IAAI,CAACI,WAAW,EAAA,KAAOE,kBAAAA,CAAAA;AAE5C,QAAA,IAAIC,MAAAA,EAAQ;AACVf,YAAAA,WAAAA,CAAYe,OAAOP,IAAI,CAAA;AACzB,QAAA;IACF,CAAA,EAAG;AAACL,QAAAA,KAAAA;AAAOP,QAAAA;AAAS,KAAA,CAAA;IAEpBiB,eAAAA,CAAU,IAAA;QACR,eAAeI,aAAAA,GAAAA;YACb,IAAI;AACF,gBAAA,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMjB,GAAAA,CAAI,oCAAA,CAAA;AAC3B,gBAAA,MAAMkB,iBAAAA,GAAoB;oBACxBC,UAAAA,EAAY,KAAA;oBACZZ,IAAAA,EAAM;AACR,iBAAA;gBACAX,WAAAA,CAAY;AAACsB,oBAAAA,iBAAAA;AAAsBD,oBAAAA,GAAAA;AAAK,iBAAA,CAAA;AAC1C,YAAA,CAAA,CAAE,OAAOG,KAAAA,EAAO;gBACdC,OAAAA,CAAQD,KAAK,CAAC,0BAAA,EAA4BA,KAAAA,CAAAA;AAC5C,YAAA;AACF,QAAA;AACAJ,QAAAA,aAAAA,EAAAA;IACF,CAAA,EAAG;AAAChB,QAAAA;AAAI,KAAA,CAAA;AAER,IAAA,qBACEsB,cAAA,CAACC,iBAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,cAAAA,EAAe,QAAA;AACtC,QAAA,QAAA,gBAAAH,cAAA,CAACI,yBAAAA,EAAAA;YACCC,IAAAA,EAAK,GAAA;AACLC,YAAAA,WAAAA,EAAa,CAAA,EAAGnC,WAAAA,EAAaoC,IAAAA,CAAKC,WAAAA,CAAY,OAAO,CAAC;YACtDC,KAAAA,EAAOjC,QAAAA;YACPkC,QAAAA,EAAU3B,kBAAAA;AAETV,YAAAA,QAAAA,EAAAA,QAAAA,CAASsC,GAAG,CAAC,CAACnB,MAAAA,iBACbQ,cAAA,CAACY,+BAAAA,EAAAA;AAA2CH,oBAAAA,KAAAA,EAAOjB,OAAOP,IAAI;AAC3DO,oBAAAA,QAAAA,EAAAA,MAAAA,CAAOP;AADeO,iBAAAA,EAAAA,MAAAA,CAAOK,UAAU,CAAA;;;AAOpD;;;;"}