@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useBind","useDialogs","useSnackbar","useContentEntry","CircularProgress","EntryRevisionDeletedSnackbarMessage","Title","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryMessage","id","getEntryRevision","entryRevisionBind","then","response","onChange","entry","value","createElement","meta","version","title","ShowConfirmationOnDeleteRevision","createDecorator","baseHook","hook","dialogs","showSnackbar","showErrorSnackbar","onAccept","params","revisionToDelete","revisions","find","rev","deleteEntryRevision","error","message","deletedRevision","newLatestRevision","showConfirmation","Promise","resolve","showDialog","content","getEntry","acceptLabel","cancelLabel","loadingLabel","onClose"],"sources":["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 { CircularProgress } from \"@webiny/ui/Progress/index.js\";\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 <CircularProgress label={\"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"],"mappings":"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","ignoreList":[]}
+{"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.js

@@ -1,99 +1,99 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React, { useEffect } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
-import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { OverlayLoader, Text, Textarea } from "@webiny/admin-ui";
+import styled from "@emotion/styled";
 import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
-const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e12qspgp0"
-} : {
-  target: "e12qspgp0",
-  label: "Title"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1efi8gv",
-  styles: "font-weight:bold"
-} : {
-  name: "1efi8gv",
-  styles: "font-weight:bold/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblB1Ymxpc2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiIsImZpbGUiOiJTaG93Q29uZmlybWF0aW9uT25QdWJsaXNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZURpYWxvZ3MsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgQ2lyY3VsYXJQcm9ncmVzcyB9IGZyb20gXCJAd2ViaW55L3VpL1Byb2dyZXNzL2luZGV4LmpzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ21zQ29udGVudEVudHJ5IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWhlYWRsZXNzLWNtcy1jb21tb24vdHlwZXMvaW5kZXguanNcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRFbnRyeSB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL2hvb2tzL2luZGV4LmpzXCI7XG5cbnR5cGUgR2V0RW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1wiZ2V0RW50cnlcIl07XG50eXBlIFB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJwdWJsaXNoRW50cnlSZXZpc2lvblwiXTtcbnR5cGUgUHVibGlzaEVudHJ5UGFyYW1zID0gUGFyYW1ldGVyczxQdWJsaXNoRW50cnk+WzBdO1xudHlwZSBQdWJsaXNoRW50cnlSZXNwb25zZSA9IEF3YWl0ZWQ8UmV0dXJuVHlwZTxQdWJsaXNoRW50cnk+PjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgICBmb250LXdlaWdodDogYm9sZDtcbmA7XG5cbmludGVyZmFjZSBFbnRyeU1lc3NhZ2VQcm9wcyB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBlbnRyeVR5cGU6IHN0cmluZztcbiAgICBnZXRFbnRyeTogR2V0RW50cnk7XG59XG5cbmNvbnN0IEVudHJ5TWVzc2FnZSA9ICh7IGlkLCBlbnRyeVR5cGUsIGdldEVudHJ5IH06IEVudHJ5TWVzc2FnZVByb3BzKSA9PiB7XG4gICAgY29uc3QgZW50cnlCaW5kID0gdXNlQmluZCh7XG4gICAgICAgIG5hbWU6IFwiZW50cnlcIlxuICAgIH0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZ2V0RW50cnkoeyBpZCB9KS50aGVuKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIGVudHJ5QmluZC5vbkNoYW5nZShyZXNwb25zZS5lbnRyeSk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtdKTtcblxuICAgIGlmICghZW50cnlCaW5kLnZhbHVlKSB7XG4gICAgICAgIHJldHVybiA8Q2lyY3VsYXJQcm9ncmVzcyBsYWJlbD17XCJDaGVja2luZyBlbnRyeS4uLlwifSAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cD5cbiAgICAgICAgICAgIFlvdSBhcmUgYWJvdXQgdG8gcHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblB1Ymxpc2ggPSB1c2VDb250ZW50RW50cnkuY3JlYXRlRGVjb3JhdG9yKGJhc2VIb29rID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBjb25zdCB7IHNob3dTbmFja2Jhciwgc2hvd0Vycm9yU25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ3MgPSB1c2VEaWFsb2dzKCk7XG4gICAgICAgIGNvbnN0IGhvb2sgPSBiYXNlSG9vaygpO1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gaG9vaztcbiAgICAgICAgY29uc3QgZW50cnlUeXBlID0gY29udGVudE1vZGVsLm5hbWUudG9Mb3dlckNhc2UoKTtcblxuICAgICAgICBjb25zdCBvbkFjY2VwdCA9IGFzeW5jIChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGhvb2sucHVibGlzaEVudHJ5UmV2aXNpb24oeyBpZDogZW50cnkuaWQgfSk7XG5cbiAgICAgICAgICAgIGlmIChyZXNwb25zZS5lcnJvcikge1xuICAgICAgICAgICAgICAgIHNob3dFcnJvclNuYWNrYmFyKFxuICAgICAgICAgICAgICAgICAgICBgQ291bGQgbm90IHB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgcHVibGlzaGVkIHN1Y2Nlc3NmdWxseSFgKTtcbiAgICAgICAgICAgIHJldHVybiByZXNwb25zZTtcbiAgICAgICAgfTtcblxuICAgICAgICBjb25zdCBzaG93Q29uZmlybWF0aW9uID0gKHBhcmFtczogUHVibGlzaEVudHJ5UGFyYW1zKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gbmV3IFByb21pc2U8UHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgUHVibGlzaCAke2NvbnRlbnRNb2RlbC5uYW1lfWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFbnRyeU1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17cGFyYW1zLmlkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEVudHJ5PXtob29rLmdldEVudHJ5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5VHlwZT17ZW50cnlUeXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgYWNjZXB0TGFiZWw6IFwiWWVzLCBwdWJsaXNoIVwiLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxMYWJlbDogXCJDYW5jZWxcIixcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZ0xhYmVsOiBgUHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7IGVycm9yOiB7IG1lc3NhZ2U6IFwiUHVibGlzaGluZyB3YXMgYWJvcnRlZC5cIiwgY29kZTogXCJBQk9SVEVEXCIgfSB9KVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmhvb2ssXG4gICAgICAgICAgICBwdWJsaXNoRW50cnlSZXZpc2lvbjogcGFyYW1zID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gc2hvd0NvbmZpcm1hdGlvbihwYXJhbXMpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgIH07XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const EntryMessage = ({
-  id,
-  entryType,
-  getEntry
-}) => {
-  const entryBind = useBind({
-    name: "entry"
-  });
-  useEffect(() => {
-    getEntry({
-      id
-    }).then(response => {
-      entryBind.onChange(response.entry);
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, entryType, getEntry })=>{
+    const entryBind = useBind({
+        name: "entry"
     });
-  }, []);
-  if (!entryBind.value) {
-    return /*#__PURE__*/React.createElement(CircularProgress, {
-      label: "Checking 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("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?");
+    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
+    }));
 };
-export const ShowConfirmationOnPublish = useContentEntry.createDecorator(baseHook => {
-  return () => {
-    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.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 => {
-      return 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"
+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;
             }
-          })
-        });
-      });
-    };
-    return {
-      ...hook,
-      publishEntryRevision: params => {
-        return showConfirmation(params);
-      }
-    };
-  };
-});
+            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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryMessage","id","entryType","getEntry","entryBind","then","response","onChange","entry","value","createElement","meta","title","ShowConfirmationOnPublish","createDecorator","baseHook","showSnackbar","showErrorSnackbar","dialogs","hook","contentModel","toLowerCase","onAccept","publishEntryRevision","error","message","showConfirmation","params","Promise","resolve","showDialog","content","acceptLabel","cancelLabel","loadingLabel","onClose","code"],"sources":["ShowConfirmationOnPublish.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\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    useEffect(() => {\n        getEntry({ id }).then(response => {\n            entryBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryBind.value) {\n        return <CircularProgress label={\"Checking entry...\"} />;\n    }\n\n    return (\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    );\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 (entry: CmsContentEntry) => {\n            const response = await hook.publishEntryRevision({ id: entry.id });\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 }) => resolve(await onAccept(entry)),\n                    onClose: () =>\n                        resolve({ error: { message: \"Publishing was aborted.\", code: \"ABORTED\" } })\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            publishEntryRevision: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"mappings":"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","ignoreList":[]}
+{"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.js

@@ -1,99 +1,70 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React, { useEffect } from "react";
+import react, { useEffect } from "react";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
-import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+import styled from "@emotion/styled";
 import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
-const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "emh3iye0"
-} : {
-  target: "emh3iye0",
-  label: "Title"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1efi8gv",
-  styles: "font-weight:bold"
-} : {
-  name: "1efi8gv",
-  styles: "font-weight:bold/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzcy9pbmRleC5qc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENtc0NvbnRlbnRFbnRyeSB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rcy9pbmRleC5qc1wiO1xuXG50eXBlIEdldEVudHJ5ID0gUmV0dXJuVHlwZTx0eXBlb2YgdXNlQ29udGVudEVudHJ5PltcImdldEVudHJ5XCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJ1bnB1Ymxpc2hFbnRyeVJldmlzaW9uXCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVBhcmFtcyA9IFBhcmFtZXRlcnM8VW5wdWJsaXNoRW50cnk+WzBdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlID0gQXdhaXRlZDxSZXR1cm5UeXBlPFVucHVibGlzaEVudHJ5Pj47XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5pbnRlcmZhY2UgRW50cnlNZXNzYWdlUHJvcHMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgZW50cnlUeXBlOiBzdHJpbmc7XG4gICAgZ2V0RW50cnk6IEdldEVudHJ5O1xufVxuXG5jb25zdCBFbnRyeU1lc3NhZ2UgPSAoeyBpZCwgZW50cnlUeXBlLCBnZXRFbnRyeSB9OiBFbnRyeU1lc3NhZ2VQcm9wcykgPT4ge1xuICAgIGNvbnN0IGVudHJ5QmluZCA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcImVudHJ5XCJcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGdldEVudHJ5KHsgaWQgfSkudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICBlbnRyeUJpbmQub25DaGFuZ2UocmVzcG9uc2UuZW50cnkpO1xuICAgICAgICB9KTtcbiAgICB9LCBbXSk7XG5cbiAgICBpZiAoIWVudHJ5QmluZC52YWx1ZSkge1xuICAgICAgICByZXR1cm4gPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e1wiQ2hlY2tpbmcgZW50cnkuLi5cIn0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHA+XG4gICAgICAgICAgICBZb3UgYXJlIGFib3V0IHRvIHVucHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblVucHVibGlzaCA9IHVzZUNvbnRlbnRFbnRyeS5jcmVhdGVEZWNvcmF0b3IoYmFzZUhvb2sgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyLCBzaG93RXJyb3JTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICAgICAgY29uc3QgZGlhbG9ncyA9IHVzZURpYWxvZ3MoKTtcbiAgICAgICAgY29uc3QgaG9vayA9IGJhc2VIb29rKCk7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBob29rO1xuICAgICAgICBjb25zdCBlbnRyeVR5cGUgPSBjb250ZW50TW9kZWwubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgICAgIGNvbnN0IG9uQWNjZXB0ID0gYXN5bmMgKGVudHJ5OiBDbXNDb250ZW50RW50cnkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgaG9vay51bnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93RXJyb3JTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCB1bnB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgdW5wdWJsaXNoZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IHNob3dDb25maXJtYXRpb24gPSAocGFyYW1zOiBVbnB1Ymxpc2hFbnRyeVBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPFVucHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgVW5wdWJsaXNoICR7Y29udGVudE1vZGVsLm5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5TWVzc2FnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtwYXJhbXMuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZ2V0RW50cnk9e2hvb2suZ2V0RW50cnl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZW50cnlUeXBlPXtlbnRyeVR5cGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBhY2NlcHRMYWJlbDogXCJZZXMsIHVucHVibGlzaCFcIixcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdMYWJlbDogYFVucHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXJyb3I6IHsgbWVzc2FnZTogXCJVbnB1Ymxpc2hpbmcgd2FzIGFib3J0ZWQuXCIsIGNvZGU6IFwiQUJPUlRFRFwiIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaG9vayxcbiAgICAgICAgICAgIHVucHVibGlzaEVudHJ5UmV2aXNpb246IHBhcmFtcyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dDb25maXJtYXRpb24ocGFyYW1zKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const EntryMessage = ({
-  id,
-  entryType,
-  getEntry
-}) => {
-  const entryBind = useBind({
-    name: "entry"
-  });
-  useEffect(() => {
-    getEntry({
-      id
-    }).then(response => {
-      entryBind.onChange(response.entry);
+const Title = styled.span`
+    font-weight: bold;
+`;
+const EntryMessage = ({ id, entryType, getEntry })=>{
+    const entryBind = useBind({
+        name: "entry"
     });
-  }, []);
-  if (!entryBind.value) {
-    return /*#__PURE__*/React.createElement(CircularProgress, {
-      label: "Checking 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?");
+    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?");
 };
-export const ShowConfirmationOnUnpublish = useContentEntry.createDecorator(baseHook => {
-  return () => {
-    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 => {
-      return 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"
+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;
             }
-          })
-        });
-      });
-    };
-    return {
-      ...hook,
-      unpublishEntryRevision: params => {
-        return showConfirmation(params);
-      }
-    };
-  };
-});
+            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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryMessage","id","entryType","getEntry","entryBind","then","response","onChange","entry","value","createElement","meta","title","ShowConfirmationOnUnpublish","createDecorator","baseHook","showSnackbar","showErrorSnackbar","dialogs","hook","contentModel","toLowerCase","onAccept","unpublishEntryRevision","error","message","showConfirmation","params","Promise","resolve","showDialog","content","acceptLabel","cancelLabel","loadingLabel","onClose","code"],"sources":["ShowConfirmationOnUnpublish.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\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 <CircularProgress label={\"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"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,WAAW,QAAQ,mBAAmB;AAC3D,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,gBAAgB,QAAQ,8BAA8B;AAG/D,SAASC,eAAe;AAOxB,MAAMC,KAAK,gBAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAEV;AAQD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EACrE,MAAMC,SAAS,GAAGlB,OAAO,CAAC;IACtBU,IAAI,EAAE;EACV,CAAC,CAAC;EAEFb,SAAS,CAAC,MAAM;IACZoB,QAAQ,CAAC;MAAEF;IAAG,CAAC,CAAC,CAACI,IAAI,CAACC,QAAQ,IAAI;MAC9BF,SAAS,CAACG,QAAQ,CAACD,QAAQ,CAACE,KAAK,CAAC;IACtC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACJ,SAAS,CAACK,KAAK,EAAE;IAClB,oBAAO3B,KAAA,CAAA4B,aAAA,CAACvB,gBAAgB;MAACQ,KAAK,EAAE;IAAoB,CAAE,CAAC;EAC3D;EAEA,oBACIb,KAAA,CAAA4B,aAAA,YAAG,+BAC8B,EAACR,SAAS,EAAC,SAAO,EAAC,GAAG,eACnDpB,KAAA,CAAA4B,aAAA,CAACrB,KAAK,QAAEe,SAAS,CAACK,KAAK,CAACE,IAAI,CAACC,KAAa,CAAC,KAAC,eAAA9B,KAAA,CAAA4B,aAAA,WAAK,CAAC,sCAEnD,CAAC;AAEZ,CAAC;AAED,OAAO,MAAMG,2BAA2B,GAAGzB,eAAe,CAAC0B,eAAe,CAACC,QAAQ,IAAI;EACnF,OAAO,MAAM;IACT,MAAM;MAAEC,YAAY;MAAEC;IAAkB,CAAC,GAAGhC,WAAW,CAAC,CAAC;IACzD,MAAMiC,OAAO,GAAGlC,UAAU,CAAC,CAAC;IAC5B,MAAMmC,IAAI,GAAGJ,QAAQ,CAAC,CAAC;IACvB,MAAM;MAAEK;IAAa,CAAC,GAAGD,IAAI;IAC7B,MAAMjB,SAAS,GAAGkB,YAAY,CAACxB,IAAI,CAACyB,WAAW,CAAC,CAAC;IAEjD,MAAMC,QAAQ,GAAG,MAAOd,KAAsB,IAAK;MAC/C,MAAMF,QAAQ,GAAG,MAAMa,IAAI,CAACI,sBAAsB,CAAC;QAAEtB,EAAE,EAAEO,KAAK,CAACP;MAAG,CAAC,CAAC;MAEpE,IAAIK,QAAQ,CAACkB,KAAK,EAAE;QAChBP,iBAAiB,CACb,uBAAuBT,KAAK,CAACG,IAAI,CAACC,KAAK,MAAMN,QAAQ,CAACkB,KAAK,CAACC,OAAO,GACvE,CAAC;QAED,OAAOnB,QAAQ;MACnB;MAEAU,YAAY,CAAC,GAAGR,KAAK,CAACG,IAAI,CAACC,KAAK,gCAAgC,CAAC;MACjE,OAAON,QAAQ;IACnB,CAAC;IAED,MAAMoB,gBAAgB,GAAIC,MAA4B,IAAK;MACvD,OAAO,IAAIC,OAAO,CAAyBC,OAAO,IAAI;QAClDX,OAAO,CAACY,UAAU,CAAC;UACflB,KAAK,EAAE,aAAaQ,YAAY,CAACxB,IAAI,EAAE;UACvCmC,OAAO,eACHjD,KAAA,CAAA4B,aAAA,CAACV,YAAY;YACTC,EAAE,EAAE0B,MAAM,CAAC1B,EAAG;YACdE,QAAQ,EAAEgB,IAAI,CAAChB,QAAS;YACxBD,SAAS,EAAEA;UAAU,CACxB,CACJ;UACD8B,WAAW,EAAE,iBAAiB;UAC9BC,WAAW,EAAE,QAAQ;UACrBC,YAAY,EAAE,gBAAgBhC,SAAS,KAAK;UAC5CoB,QAAQ,EAAE,MAAAA,CAAO;YAAEd;UAAM,CAAC,KAAKqB,OAAO,CAAC,MAAMP,QAAQ,CAACd,KAAK,CAAC,CAAC;UAC7D2B,OAAO,EAAEA,CAAA,KACLN,OAAO,CAAC;YACJL,KAAK,EAAE;cAAEC,OAAO,EAAE,2BAA2B;cAAEW,IAAI,EAAE;YAAU;UACnE,CAAC;QACT,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC;IAED,OAAO;MACH,GAAGjB,IAAI;MACPI,sBAAsB,EAAEI,MAAM,IAAI;QAC9B,OAAOD,gBAAgB,CAACC,MAAM,CAAC;MACnC;IACJ,CAAC;EACL,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"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

@@ -1,4 +1,6 @@
-export * from "@webiny/ui/Dialog/index.js";
-export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog/Dialog").DialogProps & {
+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

@@ -1,19 +1,6 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Dialog as BaseDialog } from "@webiny/ui/Dialog/index.js";
-export * from "@webiny/ui/Dialog/index.js";
-export const Dialog = /*#__PURE__*/_styled(BaseDialog, process.env.NODE_ENV === "production" ? {
-  target: "e1q5k1p00"
-} : {
-  target: "e1q5k1p00",
-  label: "Dialog"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3o6x3g",
-  styles: ".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-deprecated-list:first-of-type{padding:0;}}"
-} : {
-  name: "3o6x3g",
-  styles: ".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-deprecated-list:first-of-type{padding:0;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGlhbG9nL2luZGV4LmpzXCI7XG5leHBvcnQgKiBmcm9tIFwiQHdlYmlueS91aS9EaWFsb2cvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKWBcbiAgICAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiA2MDBweDtcbiAgICAgICAgbWluLXdpZHRoOiA2MDBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gICAgfVxuXG4gICAgLm1kYy1kaWFsb2dfX2NvbnRlbnQge1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLm1kYy1kZXByZWNhdGVkLWxpc3Q6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+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

@@ -1 +1 @@
-{"version":3,"names":["Dialog","BaseDialog","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog/index.js\";\nexport * from \"@webiny/ui/Dialog/index.js\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-deprecated-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;AACA,SAASA,MAAM,IAAIC,UAAU,QAAQ,4BAA4B;AACjE,cAAc,4BAA4B;AAE1C,OAAO,MAAMD,MAAM,gBAAGE,OAAA,CAAOD,UAAU,EAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAavC","ignoreList":[]}
+{"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"}