@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/components/Decorators/ShowConfirmationOnDelete.js

@@ -0,0 +1,66 @@
+import react, { useEffect } from "react";
+import styled from "@emotion/styled";
+import { useBind } from "@webiny/form";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, getEntry })=>{
+    const entryBind = useBind({
+        name: "entry"
+    });
+    useEffect(()=>{
+        getEntry({
+            id
+        }).then((response)=>{
+            entryBind.onChange(response.entry);
+        });
+    }, []);
+    if (!entryBind.value) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Checking entry..."
+    });
+    return /*#__PURE__*/ react.createElement("p", null, "Are you sure you want to move ", /*#__PURE__*/ react.createElement(Title, null, entryBind.value.meta.title), " to trash?", /*#__PURE__*/ react.createElement("br", null), "This action will include all of the revisions.");
+};
+const ShowConfirmationOnDelete = useContentEntry.createDecorator((baseHook)=>()=>{
+        const hook = baseHook();
+        const dialogs = useDialogs();
+        const { showSnackbar, showErrorSnackbar } = useSnackbar();
+        const onAccept = async (entry)=>{
+            const response = await hook.deleteEntry({
+                id: entry.entryId
+            });
+            if ("boolean" != typeof response) {
+                showErrorSnackbar(`Could not move ${entry.meta.title} to trash! (${response.error.message})`);
+                return response;
+            }
+            showSnackbar(`${entry.meta.title} has been moved to trash successfully!`);
+            return response;
+        };
+        const showConfirmation = (params)=>new Promise((resolve)=>{
+                dialogs.showDialog({
+                    title: "Trash entry",
+                    content: /*#__PURE__*/ react.createElement(EntryMessage, {
+                        id: params.id,
+                        getEntry: hook.getEntry
+                    }),
+                    acceptLabel: "Confirm",
+                    cancelLabel: "Cancel",
+                    loadingLabel: "Moving entry to trash...",
+                    onAccept: async ({ entry })=>resolve(await onAccept(entry)),
+                    onClose: ()=>resolve({
+                            error: {
+                                message: "Cancelled"
+                            }
+                        })
+                });
+            });
+        return {
+            ...hook,
+            deleteEntry: (params)=>showConfirmation(params)
+        };
+    });
+export { ShowConfirmationOnDelete };
+
+//# sourceMappingURL=ShowConfirmationOnDelete.js.map

package/admin/components/Decorators/ShowConfirmationOnDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Decorators/ShowConfirmationOnDelete.js","sources":["../../../../src/admin/components/Decorators/ShowConfirmationOnDelete.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useBind } from \"@webiny/form\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ntype GetEntry = ReturnType<typeof useContentEntry>[\"getEntry\"];\ntype DeleteEntry = ReturnType<typeof useContentEntry>[\"deleteEntry\"];\ntype DeleteEntryParams = Parameters<DeleteEntry>[0];\ntype DeleteEntryResponse = Awaited<ReturnType<DeleteEntry>>;\n\nconst Title = styled.span`\n    font-weight: bold;\n`;\n\nconst EntryMessage = ({ id, getEntry }: { id: string; getEntry: GetEntry }) => {\n    const entryBind = useBind({\n        name: \"entry\"\n    });\n\n    useEffect(() => {\n        getEntry({ id }).then(response => {\n            entryBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryBind.value) {\n        return <OverlayLoader text={\"Checking entry...\"} />;\n    }\n\n    return (\n        <p>\n            Are you sure you want to move <Title>{entryBind.value.meta.title}</Title> to trash?\n            <br />\n            This action will include all of the revisions.\n        </p>\n    );\n};\n\nexport const ShowConfirmationOnDelete = useContentEntry.createDecorator(baseHook => {\n    return () => {\n        const hook = baseHook();\n        const dialogs = useDialogs();\n        const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n        const onAccept = async (entry: CmsContentEntry) => {\n            const response = await hook.deleteEntry({ id: entry.entryId });\n\n            if (typeof response !== \"boolean\") {\n                showErrorSnackbar(\n                    `Could not move ${entry.meta.title} to trash! (${response.error.message})`\n                );\n\n                return response;\n            }\n\n            showSnackbar(`${entry.meta.title} has been moved to trash successfully!`);\n            return response;\n        };\n\n        const showConfirmation = (params: DeleteEntryParams) => {\n            return new Promise<DeleteEntryResponse>(resolve => {\n                dialogs.showDialog({\n                    title: \"Trash entry\",\n                    content: <EntryMessage id={params.id} getEntry={hook.getEntry} />,\n                    acceptLabel: \"Confirm\",\n                    cancelLabel: \"Cancel\",\n                    loadingLabel: \"Moving entry to trash...\",\n                    onAccept: async ({ entry }) => resolve(await onAccept(entry)),\n                    onClose: () => resolve({ error: { message: \"Cancelled\" } })\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            deleteEntry: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"names":["Title","styled","EntryMessage","id","getEntry","entryBind","useBind","useEffect","response","OverlayLoader","ShowConfirmationOnDelete","useContentEntry","baseHook","hook","dialogs","useDialogs","showSnackbar","showErrorSnackbar","useSnackbar","onAccept","entry","showConfirmation","params","Promise","resolve"],"mappings":";;;;;;AAaA,MAAMA,QAAQC,OAAO,IAAI,CAAC;;AAE1B,CAAC;AAED,MAAMC,eAAe,CAAC,EAAEC,EAAE,EAAEC,QAAQ,EAAsC;IACtE,MAAMC,YAAYC,QAAQ;QACtB,MAAM;IACV;IAEAC,UAAU;QACNH,SAAS;YAAED;QAAG,GAAG,IAAI,CAACK,CAAAA;YAClBH,UAAU,QAAQ,CAACG,SAAS,KAAK;QACrC;IACJ,GAAG,EAAE;IAEL,IAAI,CAACH,UAAU,KAAK,EAChB,OAAO,WAAP,GAAO,oBAACI,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAAC,WAAE,gDAC+B,oBAACT,OAAKA,MAAEK,UAAU,KAAK,CAAC,IAAI,CAAC,KAAK,GAAS,4BACzE,oBAAC,aAAK;AAIlB;AAEO,MAAMK,2BAA2BC,gBAAgB,eAAe,CAACC,CAAAA,WAC7D;QACH,MAAMC,OAAOD;QACb,MAAME,UAAUC;QAChB,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGC;QAE5C,MAAMC,WAAW,OAAOC;YACpB,MAAMZ,WAAW,MAAMK,KAAK,WAAW,CAAC;gBAAE,IAAIO,MAAM,OAAO;YAAC;YAE5D,IAAI,AAAoB,aAApB,OAAOZ,UAAwB;gBAC/BS,kBACI,CAAC,eAAe,EAAEG,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,EAAEZ,SAAS,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAG9E,OAAOA;YACX;YAEAQ,aAAa,GAAGI,MAAM,IAAI,CAAC,KAAK,CAAC,sCAAsC,CAAC;YACxE,OAAOZ;QACX;QAEA,MAAMa,mBAAmB,CAACC,SACf,IAAIC,QAA6BC,CAAAA;gBACpCV,QAAQ,UAAU,CAAC;oBACf,OAAO;oBACP,SAAS,WAAT,GAAS,oBAACZ,cAAYA;wBAAC,IAAIoB,OAAO,EAAE;wBAAE,UAAUT,KAAK,QAAQ;;oBAC7D,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,UAAU,OAAO,EAAEO,KAAK,EAAE,GAAKI,QAAQ,MAAML,SAASC;oBACtD,SAAS,IAAMI,QAAQ;4BAAE,OAAO;gCAAE,SAAS;4BAAY;wBAAE;gBAC7D;YACJ;QAGJ,OAAO;YACH,GAAGX,IAAI;YACP,aAAaS,CAAAA,SACFD,iBAAiBC;QAEhC;IACJ"}

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsContentEntryRevision } from "@webiny/app-headless-cms-common/types/index.js";
+interface RevisionDeletedSnackbarMessageProps {
+    deletedRevision: CmsContentEntryRevision;
+    newLatestRevision?: CmsContentEntryRevision;
+}
+export declare const EntryRevisionDeletedSnackbarMessage: ({ deletedRevision, newLatestRevision }: RevisionDeletedSnackbarMessageProps) => React.JSX.Element;
+export {};

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.js

@@ -0,0 +1,8 @@
+import react from "react";
+const EntryRevisionDeletedSnackbarMessage = ({ deletedRevision, newLatestRevision })=>{
+    if (newLatestRevision) return /*#__PURE__*/ react.createElement("span", null, "Successfully deleted revision ", /*#__PURE__*/ react.createElement("strong", null, "#", deletedRevision.meta.version), ". Redirecting to revision ", /*#__PURE__*/ react.createElement("strong", null, "#", newLatestRevision.meta.version), "...");
+    return /*#__PURE__*/ react.createElement("span", null, "Successfully deleted last revision ", /*#__PURE__*/ react.createElement("strong", null, "#", deletedRevision.meta.version), ". Redirecting to list of entries...");
+};
+export { EntryRevisionDeletedSnackbarMessage };
+
+//# sourceMappingURL=EntryRevisionDeletedSnackbarMessage.js.map

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Decorators/ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.js","sources":["../../../../../src/admin/components/Decorators/ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsContentEntryRevision } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface RevisionDeletedSnackbarMessageProps {\n    deletedRevision: CmsContentEntryRevision;\n    newLatestRevision?: CmsContentEntryRevision;\n}\n\nexport const EntryRevisionDeletedSnackbarMessage = ({\n    deletedRevision,\n    newLatestRevision\n}: RevisionDeletedSnackbarMessageProps) => {\n    if (newLatestRevision) {\n        return (\n            <span>\n                Successfully deleted revision <strong>#{deletedRevision.meta.version}</strong>.\n                Redirecting to revision <strong>#{newLatestRevision.meta.version}</strong>...\n            </span>\n        );\n    }\n\n    return (\n        <span>\n            Successfully deleted last revision <strong>#{deletedRevision.meta.version}</strong>.\n            Redirecting to list of entries...\n        </span>\n    );\n};\n"],"names":["EntryRevisionDeletedSnackbarMessage","deletedRevision","newLatestRevision"],"mappings":";AAQO,MAAMA,sCAAsC,CAAC,EAChDC,eAAe,EACfC,iBAAiB,EACiB;IAClC,IAAIA,mBACA,OAAO,WAAP,GACI,oBAAC,cAAK,gDAC4B,oBAAC,gBAAO,KAAED,gBAAgB,IAAI,CAAC,OAAO,GAAU,4CACtD,oBAAC,gBAAO,KAAEC,kBAAkB,IAAI,CAAC,OAAO,GAAU;IAKtF,OAAO,WAAP,GACI,oBAAC,cAAK,qDACiC,oBAAC,gBAAO,KAAED,gBAAgB,IAAI,CAAC,OAAO,GAAU;AAI/F"}

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ShowConfirmationOnDeleteRevision: () => React.JSX.Element;

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision.js

@@ -0,0 +1,70 @@
+import react, { useEffect } from "react";
+import styled from "@emotion/styled";
+import { useBind } from "@webiny/form";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { EntryRevisionDeletedSnackbarMessage } from "./ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.js";
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, getEntryRevision })=>{
+    const entryRevisionBind = useBind({
+        name: "entryRevision"
+    });
+    useEffect(()=>{
+        getEntryRevision({
+            id
+        }).then((response)=>{
+            entryRevisionBind.onChange(response.entry);
+        });
+    }, []);
+    if (!entryRevisionBind.value) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Checking revision..."
+    });
+    return /*#__PURE__*/ react.createElement("p", null, "Are you sure you want to permanently delete revision\xa0", /*#__PURE__*/ react.createElement(Title, null, "#", entryRevisionBind.value.meta.version), " of the\xa0", /*#__PURE__*/ react.createElement(Title, null, entryRevisionBind.value.meta.title), " entry?");
+};
+const ShowConfirmationOnDeleteRevision = useContentEntry.createDecorator((baseHook)=>()=>{
+        const hook = baseHook();
+        const dialogs = useDialogs();
+        const { showSnackbar, showErrorSnackbar } = useSnackbar();
+        const onAccept = async (params)=>{
+            const revisionToDelete = hook.revisions.find((rev)=>rev.id === params.id);
+            const response = await hook.deleteEntryRevision(revisionToDelete);
+            if ("object" == typeof response && response.error) {
+                const { error } = response;
+                showErrorSnackbar(error.message);
+                return response;
+            }
+            showSnackbar(/*#__PURE__*/ react.createElement(EntryRevisionDeletedSnackbarMessage, {
+                deletedRevision: revisionToDelete,
+                newLatestRevision: response.newLatestRevision
+            }));
+            return response;
+        };
+        const showConfirmation = (params)=>new Promise((resolve)=>{
+                dialogs.showDialog({
+                    title: "Delete revision",
+                    content: /*#__PURE__*/ react.createElement(EntryMessage, {
+                        id: params.id,
+                        getEntryRevision: hook.getEntry
+                    }),
+                    acceptLabel: "Confirm",
+                    cancelLabel: "Cancel",
+                    loadingLabel: "Deleting revision...",
+                    onAccept: async ()=>resolve(await onAccept(params)),
+                    onClose: ()=>resolve({
+                            error: {
+                                message: "Cancelled"
+                            }
+                        })
+                });
+            });
+        return {
+            ...hook,
+            deleteEntryRevision: (params)=>showConfirmation(params)
+        };
+    });
+export { ShowConfirmationOnDeleteRevision };
+
+//# sourceMappingURL=ShowConfirmationOnDeleteRevision.js.map

package/admin/components/Decorators/ShowConfirmationOnDeleteRevision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Decorators/ShowConfirmationOnDeleteRevision.js","sources":["../../../../src/admin/components/Decorators/ShowConfirmationOnDeleteRevision.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useBind } from \"@webiny/form\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { EntryRevisionDeletedSnackbarMessage } from \"./ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage.js\";\nimport type {\n    DeleteEntryRevisionParams,\n    DeleteEntryRevisionResponse\n} from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\n\ntype GetEntry = ReturnType<typeof useContentEntry>[\"getEntry\"];\n\nconst Title = styled.span`\n    font-weight: bold;\n`;\n\nconst EntryMessage = ({ id, getEntryRevision }: { id: string; getEntryRevision: GetEntry }) => {\n    const entryRevisionBind = useBind({\n        name: \"entryRevision\"\n    });\n\n    useEffect(() => {\n        getEntryRevision({ id }).then(response => {\n            entryRevisionBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryRevisionBind.value) {\n        return <OverlayLoader text={\"Checking revision...\"} />;\n    }\n\n    return (\n        <p>\n            Are you sure you want to permanently delete revision&nbsp;\n            <Title>#{entryRevisionBind.value.meta.version}</Title> of the&nbsp;\n            <Title>{entryRevisionBind.value.meta.title}</Title> entry?\n        </p>\n    );\n};\n\nexport const ShowConfirmationOnDeleteRevision = useContentEntry.createDecorator(baseHook => {\n    return () => {\n        const hook = baseHook();\n        const dialogs = useDialogs();\n        const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n        const onAccept = async (params: DeleteEntryRevisionParams) => {\n            const revisionToDelete = hook.revisions.find(rev => rev.id === params.id)!;\n\n            const response = await hook.deleteEntryRevision(revisionToDelete);\n            if (typeof response === \"object\" && response.error) {\n                const { error } = response;\n                showErrorSnackbar(error.message);\n                return response;\n            }\n\n            showSnackbar(\n                <EntryRevisionDeletedSnackbarMessage\n                    deletedRevision={revisionToDelete}\n                    newLatestRevision={response.newLatestRevision}\n                />\n            );\n\n            return response;\n        };\n        const showConfirmation = (params: DeleteEntryRevisionParams) => {\n            return new Promise<DeleteEntryRevisionResponse>(resolve => {\n                dialogs.showDialog({\n                    title: \"Delete revision\",\n                    content: <EntryMessage id={params.id} getEntryRevision={hook.getEntry} />,\n                    acceptLabel: \"Confirm\",\n                    cancelLabel: \"Cancel\",\n                    loadingLabel: \"Deleting revision...\",\n                    onAccept: async () => resolve(await onAccept(params)),\n                    onClose: () => resolve({ error: { message: \"Cancelled\" } })\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            deleteEntryRevision: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"names":["Title","styled","EntryMessage","id","getEntryRevision","entryRevisionBind","useBind","useEffect","response","OverlayLoader","ShowConfirmationOnDeleteRevision","useContentEntry","baseHook","hook","dialogs","useDialogs","showSnackbar","showErrorSnackbar","useSnackbar","onAccept","params","revisionToDelete","rev","error","EntryRevisionDeletedSnackbarMessage","showConfirmation","Promise","resolve"],"mappings":";;;;;;;AAcA,MAAMA,QAAQC,OAAO,IAAI,CAAC;;AAE1B,CAAC;AAED,MAAMC,eAAe,CAAC,EAAEC,EAAE,EAAEC,gBAAgB,EAA8C;IACtF,MAAMC,oBAAoBC,QAAQ;QAC9B,MAAM;IACV;IAEAC,UAAU;QACNH,iBAAiB;YAAED;QAAG,GAAG,IAAI,CAACK,CAAAA;YAC1BH,kBAAkB,QAAQ,CAACG,SAAS,KAAK;QAC7C;IACJ,GAAG,EAAE;IAEL,IAAI,CAACH,kBAAkB,KAAK,EACxB,OAAO,WAAP,GAAO,oBAACI,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAAC,WAAE,0EAEC,oBAACT,OAAKA,MAAC,KAAEK,kBAAkB,KAAK,CAAC,IAAI,CAAC,OAAO,GAAS,6BACtD,oBAACL,OAAKA,MAAEK,kBAAkB,KAAK,CAAC,IAAI,CAAC,KAAK,GAAS;AAG/D;AAEO,MAAMK,mCAAmCC,gBAAgB,eAAe,CAACC,CAAAA,WACrE;QACH,MAAMC,OAAOD;QACb,MAAME,UAAUC;QAChB,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGC;QAE5C,MAAMC,WAAW,OAAOC;YACpB,MAAMC,mBAAmBR,KAAK,SAAS,CAAC,IAAI,CAACS,CAAAA,MAAOA,IAAI,EAAE,KAAKF,OAAO,EAAE;YAExE,MAAMZ,WAAW,MAAMK,KAAK,mBAAmB,CAACQ;YAChD,IAAI,AAAoB,YAApB,OAAOb,YAAyBA,SAAS,KAAK,EAAE;gBAChD,MAAM,EAAEe,KAAK,EAAE,GAAGf;gBAClBS,kBAAkBM,MAAM,OAAO;gBAC/B,OAAOf;YACX;YAEAQ,aAAa,WAAbA,GACI,oBAACQ,qCAAmCA;gBAChC,iBAAiBH;gBACjB,mBAAmBb,SAAS,iBAAiB;;YAIrD,OAAOA;QACX;QACA,MAAMiB,mBAAmB,CAACL,SACf,IAAIM,QAAqCC,CAAAA;gBAC5Cb,QAAQ,UAAU,CAAC;oBACf,OAAO;oBACP,SAAS,WAAT,GAAS,oBAACZ,cAAYA;wBAAC,IAAIkB,OAAO,EAAE;wBAAE,kBAAkBP,KAAK,QAAQ;;oBACrE,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,UAAU,UAAYc,QAAQ,MAAMR,SAASC;oBAC7C,SAAS,IAAMO,QAAQ;4BAAE,OAAO;gCAAE,SAAS;4BAAY;wBAAE;gBAC7D;YACJ;QAGJ,OAAO;YACH,GAAGd,IAAI;YACP,qBAAqBO,CAAAA,SACVK,iBAAiBL;QAEhC;IACJ"}

package/admin/components/Decorators/ShowConfirmationOnPublish.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ShowConfirmationOnPublish: () => React.JSX.Element;

package/admin/components/Decorators/ShowConfirmationOnPublish.js

@@ -0,0 +1,99 @@
+import react, { useCallback, useEffect, useState } from "react";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useBind } from "@webiny/form";
+import { OverlayLoader, Text, Textarea } from "@webiny/admin-ui";
+import styled from "@emotion/styled";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, entryType, getEntry })=>{
+    const entryBind = useBind({
+        name: "entry"
+    });
+    const [description, setDescription] = useState("");
+    const onRevisionDescriptionChange = useCallback((value)=>{
+        setDescription(value);
+        entryBind.onChange({
+            ...entryBind.value,
+            revisionDescription: value
+        });
+    }, [
+        entryBind.value
+    ]);
+    useEffect(()=>{
+        getEntry({
+            id
+        }).then((response)=>{
+            entryBind.onChange(response.entry);
+        });
+    }, []);
+    if (!entryBind.value) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Checking entry..."
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("p", null, "You are about to publish a ", entryType, " titled", " ", /*#__PURE__*/ react.createElement(Title, null, entryBind.value.meta.title), ".", /*#__PURE__*/ react.createElement("br", null), "Are you sure you want to continue?"), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "mt-2"
+    }, "Write a revision description (optional):"), /*#__PURE__*/ react.createElement(Textarea, {
+        onChange: onRevisionDescriptionChange,
+        value: description
+    }));
+};
+const ShowConfirmationOnPublish = useContentEntry.createDecorator((baseHook)=>()=>{
+        const { showSnackbar, showErrorSnackbar } = useSnackbar();
+        const dialogs = useDialogs();
+        const hook = baseHook();
+        const { contentModel } = hook;
+        const entryType = contentModel.name.toLowerCase();
+        const onAccept = async (entry)=>{
+            const updateEntryDescriptionResponse = await hook.updateRevisionDescription({
+                id: entry.id,
+                revisionDescription: entry.revisionDescription || ""
+            });
+            if (updateEntryDescriptionResponse.error) {
+                showErrorSnackbar(`Could not update revision description for ${entry.meta.title}! (${updateEntryDescriptionResponse.error.message})`);
+                return updateEntryDescriptionResponse;
+            }
+            const response = await hook.publishEntryRevision({
+                id: entry.id
+            });
+            if (response.error) {
+                showErrorSnackbar(`Could not publish ${entry.meta.title}! (${response.error.message})`);
+                return response;
+            }
+            showSnackbar(`${entry.meta.title} was published successfully!`);
+            return response;
+        };
+        const showConfirmation = (params)=>new Promise((resolve)=>{
+                dialogs.showDialog({
+                    title: `Publish ${contentModel.name}`,
+                    content: /*#__PURE__*/ react.createElement(EntryMessage, {
+                        id: params.id,
+                        getEntry: hook.getEntry,
+                        entryType: entryType
+                    }),
+                    acceptLabel: "Yes, publish!",
+                    cancelLabel: "Cancel",
+                    loadingLabel: `Publishing ${entryType}...`,
+                    onAccept: async ({ entry })=>{
+                        resolve(await onAccept(entry));
+                    },
+                    onClose: ()=>{
+                        resolve({
+                            error: {
+                                message: "Publishing was aborted.",
+                                code: "ABORTED"
+                            }
+                        });
+                    }
+                });
+            });
+        return {
+            ...hook,
+            publishEntryRevision: (params)=>showConfirmation(params)
+        };
+    });
+export { ShowConfirmationOnPublish };
+
+//# sourceMappingURL=ShowConfirmationOnPublish.js.map

package/admin/components/Decorators/ShowConfirmationOnPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Decorators/ShowConfirmationOnPublish.js","sources":["../../../../src/admin/components/Decorators/ShowConfirmationOnPublish.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { Textarea, Text } from \"@webiny/admin-ui\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport styled from \"@emotion/styled\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\ntype GetEntry = ReturnType<typeof useContentEntry>[\"getEntry\"];\ntype PublishEntry = ReturnType<typeof useContentEntry>[\"publishEntryRevision\"];\ntype PublishEntryParams = Parameters<PublishEntry>[0];\ntype PublishEntryResponse = Awaited<ReturnType<PublishEntry>>;\n\nconst Title = styled.span`\n    font-weight: bold;\n`;\n\ninterface EntryMessageProps {\n    id: string;\n    entryType: string;\n    getEntry: GetEntry;\n}\n\nconst EntryMessage = ({ id, entryType, getEntry }: EntryMessageProps) => {\n    const entryBind = useBind({\n        name: \"entry\"\n    });\n\n    const [description, setDescription] = useState(\"\");\n\n    const onRevisionDescriptionChange = useCallback(\n        (value: string) => {\n            setDescription(value);\n            entryBind.onChange({\n                ...entryBind.value,\n                revisionDescription: value\n            });\n        },\n        [entryBind.value]\n    );\n\n    useEffect(() => {\n        getEntry({ id }).then(response => {\n            entryBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryBind.value) {\n        return <OverlayLoader text={\"Checking entry...\"} />;\n    }\n\n    return (\n        <>\n            <p>\n                You are about to publish a {entryType} titled{\" \"}\n                <Title>{entryBind.value.meta.title}</Title>.<br />\n                Are you sure you want to continue?\n            </p>\n            <Text as={\"div\"} size={\"sm\"} className={\"mt-2\"}>\n                Write a revision description (optional):\n            </Text>\n            <Textarea onChange={onRevisionDescriptionChange} value={description} />\n        </>\n    );\n};\n\nexport const ShowConfirmationOnPublish = useContentEntry.createDecorator(baseHook => {\n    return () => {\n        const { showSnackbar, showErrorSnackbar } = useSnackbar();\n        const dialogs = useDialogs();\n        const hook = baseHook();\n        const { contentModel } = hook;\n        const entryType = contentModel.name.toLowerCase();\n\n        const onAccept = async (\n            entry: Pick<CmsContentEntry, \"id\" | \"revisionDescription\" | \"meta\">\n        ) => {\n            const updateEntryDescriptionResponse = await hook.updateRevisionDescription({\n                id: entry.id,\n                revisionDescription: entry.revisionDescription || \"\"\n            });\n            if (updateEntryDescriptionResponse.error) {\n                showErrorSnackbar(\n                    `Could not update revision description for ${entry.meta.title}! (${updateEntryDescriptionResponse.error.message})`\n                );\n\n                return updateEntryDescriptionResponse;\n            }\n\n            const response = await hook.publishEntryRevision({\n                id: entry.id\n            });\n\n            if (response.error) {\n                showErrorSnackbar(\n                    `Could not publish ${entry.meta.title}! (${response.error.message})`\n                );\n\n                return response;\n            }\n\n            showSnackbar(`${entry.meta.title} was published successfully!`);\n            return response;\n        };\n\n        const showConfirmation = (params: PublishEntryParams) => {\n            return new Promise<PublishEntryResponse>(resolve => {\n                dialogs.showDialog({\n                    title: `Publish ${contentModel.name}`,\n                    content: (\n                        <EntryMessage\n                            id={params.id}\n                            getEntry={hook.getEntry}\n                            entryType={entryType}\n                        />\n                    ),\n                    acceptLabel: \"Yes, publish!\",\n                    cancelLabel: \"Cancel\",\n                    loadingLabel: `Publishing ${entryType}...`,\n                    onAccept: async ({ entry }) => {\n                        resolve(await onAccept(entry));\n                    },\n                    onClose: () => {\n                        resolve({ error: { message: \"Publishing was aborted.\", code: \"ABORTED\" } });\n                    }\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            publishEntryRevision: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"names":["Title","styled","EntryMessage","id","entryType","getEntry","entryBind","useBind","description","setDescription","useState","onRevisionDescriptionChange","useCallback","value","useEffect","response","OverlayLoader","Text","Textarea","ShowConfirmationOnPublish","useContentEntry","baseHook","showSnackbar","showErrorSnackbar","useSnackbar","dialogs","useDialogs","hook","contentModel","onAccept","entry","updateEntryDescriptionResponse","showConfirmation","params","Promise","resolve"],"mappings":"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"}

package/admin/components/Decorators/ShowConfirmationOnUnpublish.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ShowConfirmationOnUnpublish: () => React.JSX.Element;

package/admin/components/Decorators/ShowConfirmationOnUnpublish.js

@@ -0,0 +1,70 @@
+import react, { useEffect } from "react";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useBind } from "@webiny/form";
+import { OverlayLoader } from "@webiny/admin-ui";
+import styled from "@emotion/styled";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, entryType, getEntry })=>{
+    const entryBind = useBind({
+        name: "entry"
+    });
+    useEffect(()=>{
+        getEntry({
+            id
+        }).then((response)=>{
+            entryBind.onChange(response.entry);
+        });
+    }, []);
+    if (!entryBind.value) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Checking entry..."
+    });
+    return /*#__PURE__*/ react.createElement("p", null, "You are about to unpublish a ", entryType, " titled", " ", /*#__PURE__*/ react.createElement(Title, null, entryBind.value.meta.title), ".", /*#__PURE__*/ react.createElement("br", null), "Are you sure you want to continue?");
+};
+const ShowConfirmationOnUnpublish = useContentEntry.createDecorator((baseHook)=>()=>{
+        const { showSnackbar, showErrorSnackbar } = useSnackbar();
+        const dialogs = useDialogs();
+        const hook = baseHook();
+        const { contentModel } = hook;
+        const entryType = contentModel.name.toLowerCase();
+        const onAccept = async (entry)=>{
+            const response = await hook.unpublishEntryRevision({
+                id: entry.id
+            });
+            if (response.error) {
+                showErrorSnackbar(`Could not unpublish ${entry.meta.title}! (${response.error.message})`);
+                return response;
+            }
+            showSnackbar(`${entry.meta.title} was unpublished successfully!`);
+            return response;
+        };
+        const showConfirmation = (params)=>new Promise((resolve)=>{
+                dialogs.showDialog({
+                    title: `Unpublish ${contentModel.name}`,
+                    content: /*#__PURE__*/ react.createElement(EntryMessage, {
+                        id: params.id,
+                        getEntry: hook.getEntry,
+                        entryType: entryType
+                    }),
+                    acceptLabel: "Yes, unpublish!",
+                    cancelLabel: "Cancel",
+                    loadingLabel: `Unpublishing ${entryType}...`,
+                    onAccept: async ({ entry })=>resolve(await onAccept(entry)),
+                    onClose: ()=>resolve({
+                            error: {
+                                message: "Unpublishing was aborted.",
+                                code: "ABORTED"
+                            }
+                        })
+                });
+            });
+        return {
+            ...hook,
+            unpublishEntryRevision: (params)=>showConfirmation(params)
+        };
+    });
+export { ShowConfirmationOnUnpublish };
+
+//# sourceMappingURL=ShowConfirmationOnUnpublish.js.map

package/admin/components/Decorators/ShowConfirmationOnUnpublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Decorators/ShowConfirmationOnUnpublish.js","sources":["../../../../src/admin/components/Decorators/ShowConfirmationOnUnpublish.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport styled from \"@emotion/styled\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\ntype GetEntry = ReturnType<typeof useContentEntry>[\"getEntry\"];\ntype UnpublishEntry = ReturnType<typeof useContentEntry>[\"unpublishEntryRevision\"];\ntype UnpublishEntryParams = Parameters<UnpublishEntry>[0];\ntype UnpublishEntryResponse = Awaited<ReturnType<UnpublishEntry>>;\n\nconst Title = styled.span`\n    font-weight: bold;\n`;\n\ninterface EntryMessageProps {\n    id: string;\n    entryType: string;\n    getEntry: GetEntry;\n}\n\nconst EntryMessage = ({ id, entryType, getEntry }: EntryMessageProps) => {\n    const entryBind = useBind({\n        name: \"entry\"\n    });\n\n    useEffect(() => {\n        getEntry({ id }).then(response => {\n            entryBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryBind.value) {\n        return <OverlayLoader text={\"Checking entry...\"} />;\n    }\n\n    return (\n        <p>\n            You are about to unpublish a {entryType} titled{\" \"}\n            <Title>{entryBind.value.meta.title}</Title>.<br />\n            Are you sure you want to continue?\n        </p>\n    );\n};\n\nexport const ShowConfirmationOnUnpublish = useContentEntry.createDecorator(baseHook => {\n    return () => {\n        const { showSnackbar, showErrorSnackbar } = useSnackbar();\n        const dialogs = useDialogs();\n        const hook = baseHook();\n        const { contentModel } = hook;\n        const entryType = contentModel.name.toLowerCase();\n\n        const onAccept = async (entry: CmsContentEntry) => {\n            const response = await hook.unpublishEntryRevision({ id: entry.id });\n\n            if (response.error) {\n                showErrorSnackbar(\n                    `Could not unpublish ${entry.meta.title}! (${response.error.message})`\n                );\n\n                return response;\n            }\n\n            showSnackbar(`${entry.meta.title} was unpublished successfully!`);\n            return response;\n        };\n\n        const showConfirmation = (params: UnpublishEntryParams) => {\n            return new Promise<UnpublishEntryResponse>(resolve => {\n                dialogs.showDialog({\n                    title: `Unpublish ${contentModel.name}`,\n                    content: (\n                        <EntryMessage\n                            id={params.id}\n                            getEntry={hook.getEntry}\n                            entryType={entryType}\n                        />\n                    ),\n                    acceptLabel: \"Yes, unpublish!\",\n                    cancelLabel: \"Cancel\",\n                    loadingLabel: `Unpublishing ${entryType}...`,\n                    onAccept: async ({ entry }) => resolve(await onAccept(entry)),\n                    onClose: () =>\n                        resolve({\n                            error: { message: \"Unpublishing was aborted.\", code: \"ABORTED\" }\n                        })\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            unpublishEntryRevision: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"names":["Title","styled","EntryMessage","id","entryType","getEntry","entryBind","useBind","useEffect","response","OverlayLoader","ShowConfirmationOnUnpublish","useContentEntry","baseHook","showSnackbar","showErrorSnackbar","useSnackbar","dialogs","useDialogs","hook","contentModel","onAccept","entry","showConfirmation","params","Promise","resolve"],"mappings":";;;;;;AAaA,MAAMA,QAAQC,OAAO,IAAI,CAAC;;AAE1B,CAAC;AAQD,MAAMC,eAAe,CAAC,EAAEC,EAAE,EAAEC,SAAS,EAAEC,QAAQ,EAAqB;IAChE,MAAMC,YAAYC,QAAQ;QACtB,MAAM;IACV;IAEAC,UAAU;QACNH,SAAS;YAAEF;QAAG,GAAG,IAAI,CAACM,CAAAA;YAClBH,UAAU,QAAQ,CAACG,SAAS,KAAK;QACrC;IACJ,GAAG,EAAE;IAEL,IAAI,CAACH,UAAU,KAAK,EAChB,OAAO,WAAP,GAAO,oBAACI,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAAC,WAAE,iCAC+BN,WAAU,WAAQ,mBAChD,oBAACJ,OAAKA,MAAEM,UAAU,KAAK,CAAC,IAAI,CAAC,KAAK,GAAS,mBAAC,oBAAC,aAAK;AAI9D;AAEO,MAAMK,8BAA8BC,gBAAgB,eAAe,CAACC,CAAAA,WAChE;QACH,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGC;QAC5C,MAAMC,UAAUC;QAChB,MAAMC,OAAON;QACb,MAAM,EAAEO,YAAY,EAAE,GAAGD;QACzB,MAAMf,YAAYgB,aAAa,IAAI,CAAC,WAAW;QAE/C,MAAMC,WAAW,OAAOC;YACpB,MAAMb,WAAW,MAAMU,KAAK,sBAAsB,CAAC;gBAAE,IAAIG,MAAM,EAAE;YAAC;YAElE,IAAIb,SAAS,KAAK,EAAE;gBAChBM,kBACI,CAAC,oBAAoB,EAAEO,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAEb,SAAS,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAG1E,OAAOA;YACX;YAEAK,aAAa,GAAGQ,MAAM,IAAI,CAAC,KAAK,CAAC,8BAA8B,CAAC;YAChE,OAAOb;QACX;QAEA,MAAMc,mBAAmB,CAACC,SACf,IAAIC,QAAgCC,CAAAA;gBACvCT,QAAQ,UAAU,CAAC;oBACf,OAAO,CAAC,UAAU,EAAEG,aAAa,IAAI,EAAE;oBACvC,SAAS,WAAT,GACI,oBAAClB,cAAYA;wBACT,IAAIsB,OAAO,EAAE;wBACb,UAAUL,KAAK,QAAQ;wBACvB,WAAWf;;oBAGnB,aAAa;oBACb,aAAa;oBACb,cAAc,CAAC,aAAa,EAAEA,UAAU,GAAG,CAAC;oBAC5C,UAAU,OAAO,EAAEkB,KAAK,EAAE,GAAKI,QAAQ,MAAML,SAASC;oBACtD,SAAS,IACLI,QAAQ;4BACJ,OAAO;gCAAE,SAAS;gCAA6B,MAAM;4BAAU;wBACnE;gBACR;YACJ;QAGJ,OAAO;YACH,GAAGP,IAAI;YACP,wBAAwBK,CAAAA,SACbD,iBAAiBC;QAEhC;IACJ"}

package/admin/components/Dialog.d.ts

@@ -0,0 +1,6 @@
+import { type DialogProps } from "@webiny/admin-ui";
+export type { DialogProps };
+export type DialogOnClose = DialogProps["onClose"];
+export declare const Dialog: import("@emotion/styled").StyledComponent<DialogProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/admin/components/Dialog.js

@@ -0,0 +1,6 @@
+import styled from "@emotion/styled";
+import { Dialog } from "@webiny/admin-ui";
+const Dialog_Dialog = styled(Dialog)``;
+export { Dialog_Dialog as Dialog };
+
+//# sourceMappingURL=Dialog.js.map

package/admin/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Dialog.js","sources":["../../../src/admin/components/Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as AdminUiDialog, type DialogProps } from \"@webiny/admin-ui\";\n\nexport type { DialogProps };\nexport type DialogOnClose = DialogProps[\"onClose\"];\n\nexport const Dialog = styled(AdminUiDialog)``;\n"],"names":["Dialog","styled","AdminUiDialog"],"mappings":";;AAMO,MAAMA,gBAASC,OAAOC,OAAc,CAAC,CAAC"}

package/admin/components/DragPreview.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const DragPreview: React.FC;
+declare const DragPreview: () => React.JSX.Element | null;
 export default DragPreview;

package/admin/components/DragPreview.js

@@ -1,120 +1,59 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDnd = require("react-dnd");
-
-var subscribedToOffsetChange = false;
-var dragPreviewRef = null;
-
-var onOffsetChange = function onOffsetChange(monitor) {
-  return function () {
-    if (!dragPreviewRef) {
-      return;
-    }
-
-    var offset = monitor.getClientOffset();
-
-    if (!offset) {
-      return;
-    }
-
-    var transform = "translate(".concat(offset.x - 15, "px, ").concat(offset.y - 15, "px)");
-    dragPreviewRef.style["transform"] = transform; // TODO @ts-refactor figure out better type
-
-    dragPreviewRef.style["-webkit-transform"] = transform;
-  };
-};
-
-var DragPreview = function DragPreview() {
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dragHelperOpacity = _useState2[0],
-      setDragHelperOpacity = _useState2[1];
-
-  var _useDragLayer = (0, _reactDnd.useDragLayer)(function (initialMonitor) {
-    /**
-     * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.
-     */
-    var monitor = initialMonitor;
-
-    if (!subscribedToOffsetChange) {
-      monitor.subscribeToOffsetChange(onOffsetChange(monitor));
-      subscribedToOffsetChange = true;
-    }
-
-    return {
-      isDragging: monitor.isDragging()
+import react, { useEffect, useState } from "react";
+import { useDragLayer } from "react-dnd";
+let subscribedToOffsetChange = false;
+let dragPreviewRef = null;
+const onOffsetChange = (monitor)=>()=>{
+        if (!dragPreviewRef) return;
+        const offset = monitor.getClientOffset();
+        if (!offset) return;
+        const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;
+        dragPreviewRef.style["transform"] = transform;
+        dragPreviewRef.style["-webkit-transform"] = transform;
     };
-  }),
-      isDragging = _useDragLayer.isDragging;
-
-  (0, _react.useEffect)(function () {
-    return function () {
-      subscribedToOffsetChange = false;
-      dragPreviewRef = null;
-    };
-  }, []); // We track the value of "isDragging" and apply opacity=1 (after 100ms), when it switches to true.
-  // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it
-  // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.
-
-  (0, _react.useEffect)(function () {
-    if (isDragging) {
-      setTimeout(function () {
-        setDragHelperOpacity(isDragging ? 1 : 0);
-      }, 100);
-    } else {
-      setDragHelperOpacity(0);
-    }
-  }, [isDragging]);
-
-  if (!isDragging) {
-    return null;
-  }
-
-  if (!isDragging) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      position: "fixed",
-      pointerEvents: "none",
-      zIndex: 1001,
-      left: 0,
-      top: 0,
-      width: "100%",
-      height: "100%"
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: function ref(el) {
-      return dragPreviewRef = el;
-    },
-    style: {
-      transition: "opacity .25s ease-in-out",
-      display: "block",
-      opacity: dragHelperOpacity
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: 30,
-      height: 30,
-      backgroundColor: "var(--mdc-theme-primary)",
-      borderRadius: "50%"
-    }
-  })));
+const DragPreview = ()=>{
+    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);
+    const { isDragging } = useDragLayer((initialMonitor)=>{
+        const monitor = initialMonitor;
+        if (!subscribedToOffsetChange) {
+            monitor.subscribeToOffsetChange(onOffsetChange(monitor));
+            subscribedToOffsetChange = true;
+        }
+        return {
+            isDragging: monitor.isDragging()
+        };
+    });
+    useEffect(()=>()=>{
+            subscribedToOffsetChange = false;
+            dragPreviewRef = null;
+        }, []);
+    useEffect(()=>{
+        if (isDragging) setTimeout(()=>{
+            setDragHelperOpacity(isDragging ? 1 : 0);
+        }, 100);
+        else setDragHelperOpacity(0);
+    }, [
+        isDragging
+    ]);
+    if (!isDragging) return null;
+    if (!isDragging) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        style: {
+            zIndex: 1001
+        },
+        className: "fixed pointer-events-none left-0 top-0 w-full h-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: (el)=>{
+            dragPreviewRef = el;
+        },
+        className: "transition-opacity duration-250 ease-in-out block",
+        style: {
+            opacity: dragHelperOpacity
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "size-lg rounded-full bg-primary"
+    })));
 };
+const components_DragPreview = DragPreview;
+export default components_DragPreview;
 
-var _default = DragPreview;
-exports.default = _default;
+//# sourceMappingURL=DragPreview.js.map