npm - @webiny/app-headless-cms - Versions diffs - 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313 - Mend

@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1410) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useBind","useDialogs","useSnackbar","useContentEntry","CircularProgress","EntryRevisionDeletedSnackbarMessage","Title","_styled","process","env","NODE_ENV","target","label","name","styles","~~map","~~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\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { EntryRevisionDeletedSnackbarMessage } from \"./ShowConfirmationOnDeleteRevision/EntryRevisionDeletedSnackbarMessage\";\nimport type {\n DeleteEntryRevisionParams,\n DeleteEntryRevisionResponse\n} from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\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 \n <Title>#{entryRevisionBind.value.meta.version}</Title> of the \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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,UAAU,EAAEC,WAAW,QAAQ,mBAAmB;AAC3D,SAASC,eAAe;AACxB,SAASC,gBAAgB,QAAQ,~~qBAAqB~~;~~AACtD~~,SAASC,mCAAmC;AAQ5C,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,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAEV;AAED,MAAMC,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC;AAA6D,CAAC,KAAK;EAC3F,MAAMC,iBAAiB,~~GAAGrB~~,OAAO,CAAC;IAC9Ba,IAAI,EAAE;EACV,CAAC,CAAC;EAEFd,SAAS,CAAC,MAAM;~~IACZqB~~,gBAAgB,CAAC;MAAED;IAAG,CAAC,CAAC,CAACG,IAAI,CAACC,QAAQ,IAAI;MACtCF,iBAAiB,CAACG,QAAQ,CAACD,QAAQ,CAACE,KAAK,CAAC;IAC9C,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACJ,iBAAiB,CAACK,KAAK,EAAE;IAC1B,~~oBAAO5B~~,KAAA,~~CAAA6B~~,aAAA,~~CAACvB~~,gBAAgB;MAACQ,KAAK,EAAE;IAAuB,CAAE,CAAC;EAC9D;EAEA,oBACId,KAAA,~~CAAA6B~~,aAAA,YAAG,0DAEC,~~eAAA7B~~,KAAA,~~CAAA6B~~,aAAA,~~CAACrB~~,KAAK,QAAC,GAAC,~~EAACe~~,iBAAiB,CAACK,KAAK,CAACE,IAAI,CAACC,OAAe,CAAC,eACtD,~~eAAA/B~~,KAAA,~~CAAA6B~~,aAAA,~~CAACrB~~,KAAK,~~QAAEe~~,iBAAiB,CAACK,KAAK,CAACE,IAAI,CAACE,KAAa,CAAC,WACpD,CAAC;AAEZ,CAAC;AAED,OAAO,MAAMC,gCAAgC,~~GAAG5B~~,eAAe,~~CAAC6B~~,eAAe,CAACC,QAAQ,IAAI;EACxF,OAAO,MAAM;IACT,MAAMC,IAAI,GAAGD,QAAQ,CAAC,CAAC;IACvB,MAAME,OAAO,~~GAAGlC~~,UAAU,CAAC,CAAC;IAC5B,MAAM;~~MAAEmC~~,YAAY;MAAEC;IAAkB,CAAC,~~GAAGnC~~,WAAW,CAAC,CAAC;IAEzD,~~MAAMoC~~,QAAQ,GAAG,MAAOC,MAAiC,IAAK;MAC1D,MAAMC,gBAAgB,GAAGN,IAAI,CAACO,SAAS,CAACC,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACxB,EAAE,KAAKoB,MAAM,CAACpB,EAAE,CAAE;MAE1E,MAAMI,QAAQ,GAAG,MAAMW,IAAI,CAACU,mBAAmB,CAACJ,gBAAgB,CAAC;MACjE,IAAI,OAAOjB,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,CAACsB,KAAK,EAAE;QAChD,MAAM;UAAEA;QAAM,CAAC,GAAGtB,QAAQ;QAC1Bc,iBAAiB,CAACQ,KAAK,CAACC,OAAO,CAAC;QAChC,OAAOvB,QAAQ;MACnB;MAEAa,YAAY,~~cACRtC~~,KAAA,~~CAAA6B~~,aAAA,~~CAACtB~~,mCAAmC;~~QAChC0C~~,eAAe,EAAEP,gBAAiB;QAClCQ,iBAAiB,EAAEzB,QAAQ,CAACyB;MAAkB,CACjD,CACL,CAAC;MAED,OAAOzB,QAAQ;IACnB,CAAC;IACD,MAAM0B,gBAAgB,GAAIV,MAAiC,IAAK;MAC5D,OAAO,IAAIW,OAAO,CAA8BC,OAAO,IAAI;QACvDhB,OAAO,CAACiB,UAAU,CAAC;UACftB,KAAK,EAAE,iBAAiB;UACxBuB,OAAO,~~eAAEvD~~,KAAA,~~CAAA6B~~,aAAA,CAACT,YAAY;YAACC,EAAE,EAAEoB,MAAM,CAACpB,EAAG;YAACC,gBAAgB,EAAEc,IAAI,CAACoB;UAAS,CAAE,CAAC;UACzEC,WAAW,EAAE,SAAS;UACtBC,WAAW,EAAE,QAAQ;UACrBC,YAAY,EAAE,sBAAsB;UACpCnB,QAAQ,EAAE,MAAAA,CAAA,KAAYa,OAAO,CAAC,MAAMb,QAAQ,CAACC,MAAM,CAAC,CAAC;UACrDmB,OAAO,EAAEA,CAAA,KAAMP,OAAO,CAAC;YAAEN,KAAK,EAAE;cAAEC,OAAO,EAAE;YAAY;UAAE,CAAC;QAC9D,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC;IAED,OAAO;MACH,GAAGZ,IAAI;MACPU,mBAAmB,EAAEL,MAAM,IAAI;QAC3B,OAAOU,gBAAgB,CAACV,MAAM,CAAC;MACnC;IACJ,CAAC;EACL,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
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 \n <Title>#{entryRevisionBind.value.meta.version}</Title> of the \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":[]}

package/admin/components/Decorators/ShowConfirmationOnPublish.js CHANGED Viewed

@@ -3,8 +3,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React, { useEffect } from "react";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useContentEntry } from "../../views/contentEntries/hooks";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
 const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e12qspgp0"
 } : {
@@ -15,8 +15,7 @@ const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
   styles: "font-weight:bold"
 } : {
   name: "1efi8gv",
-  styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblB1Ymxpc2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiIsImZpbGUiOiJTaG93Q29uZmlybWF0aW9uT25QdWJsaXNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZURpYWxvZ3MsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgQ2lyY3VsYXJQcm9ncmVzcyB9IGZyb20gXCJAd2ViaW55L3VpL1Byb2dyZXNzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ21zQ29udGVudEVudHJ5IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWhlYWRsZXNzLWNtcy1jb21tb24vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRFbnRyeSB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL2hvb2tzXCI7XG5cbnR5cGUgR2V0RW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1wiZ2V0RW50cnlcIl07XG50eXBlIFB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJwdWJsaXNoRW50cnlSZXZpc2lvblwiXTtcbnR5cGUgUHVibGlzaEVudHJ5UGFyYW1zID0gUGFyYW1ldGVyczxQdWJsaXNoRW50cnk+WzBdO1xudHlwZSBQdWJsaXNoRW50cnlSZXNwb25zZSA9IEF3YWl0ZWQ8UmV0dXJuVHlwZTxQdWJsaXNoRW50cnk+PjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgICBmb250LXdlaWdodDogYm9sZDtcbmA7XG5cbmludGVyZmFjZSBFbnRyeU1lc3NhZ2VQcm9wcyB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBlbnRyeVR5cGU6IHN0cmluZztcbiAgICBnZXRFbnRyeTogR2V0RW50cnk7XG59XG5cbmNvbnN0IEVudHJ5TWVzc2FnZSA9ICh7IGlkLCBlbnRyeVR5cGUsIGdldEVudHJ5IH06IEVudHJ5TWVzc2FnZVByb3BzKSA9PiB7XG4gICAgY29uc3QgZW50cnlCaW5kID0gdXNlQmluZCh7XG4gICAgICAgIG5hbWU6IFwiZW50cnlcIlxuICAgIH0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZ2V0RW50cnkoeyBpZCB9KS50aGVuKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIGVudHJ5QmluZC5vbkNoYW5nZShyZXNwb25zZS5lbnRyeSk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtdKTtcblxuICAgIGlmICghZW50cnlCaW5kLnZhbHVlKSB7XG4gICAgICAgIHJldHVybiA8Q2lyY3VsYXJQcm9ncmVzcyBsYWJlbD17XCJDaGVja2luZyBlbnRyeS4uLlwifSAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cD5cbiAgICAgICAgICAgIFlvdSBhcmUgYWJvdXQgdG8gcHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblB1Ymxpc2ggPSB1c2VDb250ZW50RW50cnkuY3JlYXRlRGVjb3JhdG9yKGJhc2VIb29rID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBjb25zdCB7IHNob3dTbmFja2Jhciwgc2hvd0Vycm9yU25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ3MgPSB1c2VEaWFsb2dzKCk7XG4gICAgICAgIGNvbnN0IGhvb2sgPSBiYXNlSG9vaygpO1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gaG9vaztcbiAgICAgICAgY29uc3QgZW50cnlUeXBlID0gY29udGVudE1vZGVsLm5hbWUudG9Mb3dlckNhc2UoKTtcblxuICAgICAgICBjb25zdCBvbkFjY2VwdCA9IGFzeW5jIChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGhvb2sucHVibGlzaEVudHJ5UmV2aXNpb24oeyBpZDogZW50cnkuaWQgfSk7XG5cbiAgICAgICAgICAgIGlmIChyZXNwb25zZS5lcnJvcikge1xuICAgICAgICAgICAgICAgIHNob3dFcnJvclNuYWNrYmFyKFxuICAgICAgICAgICAgICAgICAgICBgQ291bGQgbm90IHB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgcHVibGlzaGVkIHN1Y2Nlc3NmdWxseSFgKTtcbiAgICAgICAgICAgIHJldHVybiByZXNwb25zZTtcbiAgICAgICAgfTtcblxuICAgICAgICBjb25zdCBzaG93Q29uZmlybWF0aW9uID0gKHBhcmFtczogUHVibGlzaEVudHJ5UGFyYW1zKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gbmV3IFByb21pc2U8UHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgUHVibGlzaCAke2NvbnRlbnRNb2RlbC5uYW1lfWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFbnRyeU1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17cGFyYW1zLmlkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEVudHJ5PXtob29rLmdldEVudHJ5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5VHlwZT17ZW50cnlUeXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgYWNjZXB0TGFiZWw6IFwiWWVzLCBwdWJsaXNoIVwiLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxMYWJlbDogXCJDYW5jZWxcIixcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZ0xhYmVsOiBgUHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7IGVycm9yOiB7IG1lc3NhZ2U6IFwiUHVibGlzaGluZyB3YXMgYWJvcnRlZC5cIiwgY29kZTogXCJBQk9SVEVEXCIgfSB9KVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmhvb2ssXG4gICAgICAgICAgICBwdWJsaXNoRW50cnlSZXZpc2lvbjogcGFyYW1zID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gc2hvd0NvbmZpcm1hdGlvbihwYXJhbXMpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgIH07XG59KTtcbiJdfQ== */",
+  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 = ({

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","~~map","~~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\";\nimport styled from \"@emotion/styled\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,WAAW,QAAQ,mBAAmB;AAC3D,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,gBAAgB,QAAQ,~~qBAAqB~~;~~AAGtD~~,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,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAEV;AAQD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EACrE,MAAMC,SAAS,~~GAAGnB~~,OAAO,CAAC;IACtBU,IAAI,EAAE;EACV,CAAC,CAAC;EAEFb,SAAS,CAAC,MAAM;~~IACZqB~~,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,~~oBAAO5B~~,KAAA,~~CAAA6B~~,aAAA,~~CAACxB~~,gBAAgB;MAACQ,KAAK,EAAE;IAAoB,CAAE,CAAC;EAC3D;EAEA,oBACIb,KAAA,~~CAAA6B~~,aAAA,YAAG,6BAC4B,EAACR,SAAS,EAAC,SAAO,EAAC,GAAG,~~eACjDrB~~,KAAA,~~CAAA6B~~,aAAA,~~CAACtB~~,KAAK,~~QAAEgB~~,SAAS,CAACK,KAAK,CAACE,IAAI,CAACC,KAAa,CAAC,KAAC,~~eAAA/B~~,KAAA,~~CAAA6B~~,aAAA,WAAK,CAAC,sCAEnD,CAAC;AAEZ,CAAC;AAED,OAAO,MAAMG,yBAAyB,~~GAAG1B~~,eAAe,~~CAAC2B~~,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,MAAM;IACT,MAAM;MAAEC,YAAY;MAAEC;IAAkB,CAAC,~~GAAGjC~~,WAAW,CAAC,CAAC;IACzD,~~MAAMkC~~,OAAO,~~GAAGnC~~,UAAU,CAAC,CAAC;IAC5B,~~MAAMoC~~,IAAI,GAAGJ,QAAQ,CAAC,CAAC;IACvB,MAAM;MAAEK;IAAa,CAAC,GAAGD,IAAI;IAC7B,MAAMjB,SAAS,GAAGkB,YAAY,~~CAACzB~~,IAAI,~~CAAC0B~~,WAAW,CAAC,CAAC;IAEjD,MAAMC,QAAQ,GAAG,MAAOd,KAAsB,IAAK;MAC/C,MAAMF,QAAQ,GAAG,MAAMa,IAAI,CAACI,oBAAoB,CAAC;QAAEtB,EAAE,EAAEO,KAAK,CAACP;MAAG,CAAC,CAAC;MAElE,IAAIK,QAAQ,CAACkB,KAAK,EAAE;QAChBP,iBAAiB,CACb,qBAAqBT,KAAK,CAACG,IAAI,CAACC,KAAK,MAAMN,QAAQ,CAACkB,KAAK,CAACC,OAAO,GACrE,CAAC;QAED,OAAOnB,QAAQ;MACnB;MAEAU,YAAY,CAAC,GAAGR,KAAK,CAACG,IAAI,CAACC,KAAK,8BAA8B,CAAC;MAC/D,OAAON,QAAQ;IACnB,CAAC;IAED,MAAMoB,gBAAgB,GAAIC,MAA0B,IAAK;MACrD,OAAO,IAAIC,OAAO,CAAuBC,OAAO,IAAI;QAChDX,OAAO,CAACY,UAAU,CAAC;UACflB,KAAK,EAAE,WAAWQ,YAAY,~~CAACzB~~,IAAI,EAAE;~~UACrCoC~~,OAAO,~~eACHlD~~,KAAA,~~CAAA6B~~,aAAA,CAACV,YAAY;YACTC,EAAE,EAAE0B,MAAM,CAAC1B,EAAG;YACdE,QAAQ,EAAEgB,IAAI,CAAChB,QAAS;YACxBD,SAAS,EAAEA;UAAU,CACxB,CACJ;UACD8B,WAAW,EAAE,eAAe;UAC5BC,WAAW,EAAE,QAAQ;UACrBC,YAAY,EAAE,cAAchC,SAAS,KAAK;UAC1CoB,QAAQ,EAAE,MAAAA,CAAO;YAAEd;UAAM,CAAC,KAAKqB,OAAO,CAAC,MAAMP,QAAQ,CAACd,KAAK,CAAC,CAAC;UAC7D2B,OAAO,EAAEA,CAAA,KACLN,OAAO,CAAC;YAAEL,KAAK,EAAE;cAAEC,OAAO,EAAE,yBAAyB;cAAEW,IAAI,EAAE;YAAU;UAAE,CAAC;QAClF,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC;IAED,OAAO;MACH,GAAGjB,IAAI;MACPI,oBAAoB,EAAEI,MAAM,IAAI;QAC5B,OAAOD,gBAAgB,CAACC,MAAM,CAAC;MACnC;IACJ,CAAC;EACL,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
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":[]}

package/admin/components/Decorators/ShowConfirmationOnUnpublish.js CHANGED Viewed

@@ -3,8 +3,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React, { useEffect } from "react";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useContentEntry } from "../../views/contentEntries/hooks";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
 const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "emh3iye0"
 } : {
@@ -15,8 +15,7 @@ const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
   styles: "font-weight:bold"
 } : {
   name: "1efi8gv",
-  styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENtc0NvbnRlbnRFbnRyeSB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rc1wiO1xuXG50eXBlIEdldEVudHJ5ID0gUmV0dXJuVHlwZTx0eXBlb2YgdXNlQ29udGVudEVudHJ5PltcImdldEVudHJ5XCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJ1bnB1Ymxpc2hFbnRyeVJldmlzaW9uXCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVBhcmFtcyA9IFBhcmFtZXRlcnM8VW5wdWJsaXNoRW50cnk+WzBdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlID0gQXdhaXRlZDxSZXR1cm5UeXBlPFVucHVibGlzaEVudHJ5Pj47XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5pbnRlcmZhY2UgRW50cnlNZXNzYWdlUHJvcHMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgZW50cnlUeXBlOiBzdHJpbmc7XG4gICAgZ2V0RW50cnk6IEdldEVudHJ5O1xufVxuXG5jb25zdCBFbnRyeU1lc3NhZ2UgPSAoeyBpZCwgZW50cnlUeXBlLCBnZXRFbnRyeSB9OiBFbnRyeU1lc3NhZ2VQcm9wcykgPT4ge1xuICAgIGNvbnN0IGVudHJ5QmluZCA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcImVudHJ5XCJcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGdldEVudHJ5KHsgaWQgfSkudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICBlbnRyeUJpbmQub25DaGFuZ2UocmVzcG9uc2UuZW50cnkpO1xuICAgICAgICB9KTtcbiAgICB9LCBbXSk7XG5cbiAgICBpZiAoIWVudHJ5QmluZC52YWx1ZSkge1xuICAgICAgICByZXR1cm4gPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e1wiQ2hlY2tpbmcgZW50cnkuLi5cIn0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHA+XG4gICAgICAgICAgICBZb3UgYXJlIGFib3V0IHRvIHVucHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblVucHVibGlzaCA9IHVzZUNvbnRlbnRFbnRyeS5jcmVhdGVEZWNvcmF0b3IoYmFzZUhvb2sgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyLCBzaG93RXJyb3JTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICAgICAgY29uc3QgZGlhbG9ncyA9IHVzZURpYWxvZ3MoKTtcbiAgICAgICAgY29uc3QgaG9vayA9IGJhc2VIb29rKCk7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBob29rO1xuICAgICAgICBjb25zdCBlbnRyeVR5cGUgPSBjb250ZW50TW9kZWwubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgICAgIGNvbnN0IG9uQWNjZXB0ID0gYXN5bmMgKGVudHJ5OiBDbXNDb250ZW50RW50cnkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgaG9vay51bnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93RXJyb3JTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCB1bnB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgdW5wdWJsaXNoZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IHNob3dDb25maXJtYXRpb24gPSAocGFyYW1zOiBVbnB1Ymxpc2hFbnRyeVBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPFVucHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgVW5wdWJsaXNoICR7Y29udGVudE1vZGVsLm5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5TWVzc2FnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtwYXJhbXMuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZ2V0RW50cnk9e2hvb2suZ2V0RW50cnl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZW50cnlUeXBlPXtlbnRyeVR5cGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBhY2NlcHRMYWJlbDogXCJZZXMsIHVucHVibGlzaCFcIixcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdMYWJlbDogYFVucHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXJyb3I6IHsgbWVzc2FnZTogXCJVbnB1Ymxpc2hpbmcgd2FzIGFib3J0ZWQuXCIsIGNvZGU6IFwiQUJPUlRFRFwiIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaG9vayxcbiAgICAgICAgICAgIHVucHVibGlzaEVudHJ5UmV2aXNpb246IHBhcmFtcyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dDb25maXJtYXRpb24ocGFyYW1zKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xufSk7XG4iXX0= */",
+  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 = ({

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","~~map","~~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\";\nimport styled from \"@emotion/styled\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\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,~~qBAAqB~~;~~AAGtD~~,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,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAEV;AAQD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EACrE,MAAMC,SAAS,~~GAAGnB~~,OAAO,CAAC;IACtBU,IAAI,EAAE;EACV,CAAC,CAAC;EAEFb,SAAS,CAAC,MAAM;~~IACZqB~~,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,~~oBAAO5B~~,KAAA,~~CAAA6B~~,aAAA,~~CAACxB~~,gBAAgB;MAACQ,KAAK,EAAE;IAAoB,CAAE,CAAC;EAC3D;EAEA,oBACIb,KAAA,~~CAAA6B~~,aAAA,YAAG,+BAC8B,EAACR,SAAS,EAAC,SAAO,EAAC,GAAG,~~eACnDrB~~,KAAA,~~CAAA6B~~,aAAA,~~CAACtB~~,KAAK,~~QAAEgB~~,SAAS,CAACK,KAAK,CAACE,IAAI,CAACC,KAAa,CAAC,KAAC,~~eAAA/B~~,KAAA,~~CAAA6B~~,aAAA,WAAK,CAAC,sCAEnD,CAAC;AAEZ,CAAC;AAED,OAAO,MAAMG,2BAA2B,~~GAAG1B~~,eAAe,~~CAAC2B~~,eAAe,CAACC,QAAQ,IAAI;EACnF,OAAO,MAAM;IACT,MAAM;MAAEC,YAAY;MAAEC;IAAkB,CAAC,~~GAAGjC~~,WAAW,CAAC,CAAC;IACzD,~~MAAMkC~~,OAAO,~~GAAGnC~~,UAAU,CAAC,CAAC;IAC5B,~~MAAMoC~~,IAAI,GAAGJ,QAAQ,CAAC,CAAC;IACvB,MAAM;MAAEK;IAAa,CAAC,GAAGD,IAAI;IAC7B,MAAMjB,SAAS,GAAGkB,YAAY,~~CAACzB~~,IAAI,~~CAAC0B~~,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,~~CAACzB~~,IAAI,EAAE;~~UACvCoC~~,OAAO,~~eACHlD~~,KAAA,~~CAAA6B~~,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":[]}
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":"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","ignoreList":[]}

package/admin/components/Dialog.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export * from "@webiny/ui/Dialog";
-export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+export * from "@webiny/ui/Dialog/index.js";
+export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/admin/components/Dialog.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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";
-export * from "@webiny/ui/Dialog";
+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"
 } : {
@@ -12,8 +12,7 @@ export const Dialog = /*#__PURE__*/_styled(BaseDialog, process.env.NODE_ENV ===
   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;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGlhbG9nXCI7XG5leHBvcnQgKiBmcm9tIFwiQHdlYmlueS91aS9EaWFsb2dcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKWBcbiAgICAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiA2MDBweDtcbiAgICAgICAgbWluLXdpZHRoOiA2MDBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gICAgfVxuXG4gICAgLm1kYy1kaWFsb2dfX2NvbnRlbnQge1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLm1kYy1kZXByZWNhdGVkLWxpc3Q6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
+  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__
 });

package/admin/components/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Dialog","BaseDialog","_styled","process","env","NODE_ENV","target","label","name","styles","~~map","~~toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\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,~~mBAAmB~~;~~AACxD~~,cAAc,~~mBAAmB~~;~~AAEjC~~,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,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAavC","ignoreList":[]}
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":[]}

package/admin/components/DragPreview.js CHANGED Viewed

@@ -62,15 +62,15 @@ const DragPreview = () => {
     style: {
       zIndex: 1001
     },
-    className: "wby-fixed wby-pointer-events-none wby-left-0 wby-top-0 wby-w-full wby-h-full"
+    className: "fixed pointer-events-none left-0 top-0 w-full h-full"
   }, /*#__PURE__*/React.createElement("div", {
     ref: el => dragPreviewRef = el,
-    className: "wby-transition-opacity wby-duration-250 wby-ease-in-out wby-block",
+    className: "transition-opacity duration-250 ease-in-out block",
     style: {
       opacity: dragHelperOpacity
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-size-lg wby-rounded-full wby-bg-primary-default"
+    className: "size-lg rounded-full bg-primary"
   })));
 };
 export default DragPreview;

package/admin/components/DragPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","initialMonitor","subscribeToOffsetChange","setTimeout","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\nimport type { DragSourceMonitorImpl } from \"~/types\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement \| null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n if (!dragPreviewRef) {\n return;\n }\n\n const offset = monitor.getClientOffset();\n if (!offset) {\n return;\n }\n\n const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n dragPreviewRef.style[\"transform\"] = transform;\n // TODO @ts-refactor figure out better type\n // @ts-expect-error\n dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n const { isDragging } = useDragLayer(initialMonitor => {\n /*\n We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n */\n const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n if (!subscribedToOffsetChange) {\n monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n subscribedToOffsetChange = true;\n }\n\n return {\n isDragging: monitor.isDragging()\n };\n });\n\n useEffect(() => {\n return () => {\n subscribedToOffsetChange = false;\n dragPreviewRef = null;\n };\n }, []);\n\n // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n useEffect(() => {\n if (isDragging) {\n setTimeout(() => {\n setDragHelperOpacity(isDragging ? 1 : 0);\n }, 100);\n } else {\n setDragHelperOpacity(0);\n }\n }, [isDragging]);\n\n if (!isDragging) {\n return null;\n }\n\n if (!isDragging) {\n return null;\n }\n\n return (\n <div\n style={{ zIndex: 1001 }}\n className=\"~~wby-~~fixed ~~wby-~~pointer-events-none ~~wby-~~left-0 ~~wby-~~top-0 ~~wby-~~w-full ~~wby-~~h-full\"\n >\n <div\n ref={el => (dragPreviewRef = el)}\n className=\"~~wby-~~transition-opacity ~~wby-~~duration-250 ~~wby-~~ease-in-out ~~wby-~~block\"\n style={{ opacity: dragHelperOpacity }}\n >\n <div className=\"~~wby-~~size-lg ~~wby-~~rounded-full ~~wby-~~bg-primary~~-default~~\" />\n </div>\n </div>\n );\n};\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAGxC,IAAIC,wBAAwB,GAAG,KAAK;AAEpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAA0B,IAAK,MAAM;EACzD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;EACA;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC7D,MAAM;IAAEe;EAAW,CAAC,GAAGd,YAAY,CAACe,cAAc,IAAI;IAClD;AACR;AACA;IACQ,MAAMX,OAAO,GAAGW,cAAkD;IAClE,IAAI,CAACd,wBAAwB,EAAE;MAC3BG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC;IACnC,CAAC;EACL,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAM;IACZ,IAAIgB,UAAU,EAAE;MACZG,UAAU,CAAC,MAAM;QACbJ,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,MAAM;MACHD,oBAAoB,CAAC,CAAC,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAqB,aAAA;IACIR,KAAK,EAAE;MAAES,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;~~EAA8E~~,~~gBAExFvB~~,KAAA,CAAAqB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAKpB,cAAc,GAAGoB,EAAI;IACjCF,SAAS,EAAC,~~mEAAmE~~;~~IAC7EV~~,KAAK,EAAE;MAAEa,OAAO,EAAEX;IAAkB;EAAE,gBAEtCf,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;~~EAAqD~~,CAAE,~~CACrE~~,CACJ,CAAC;AAEd,CAAC;AACD,eAAeT,WAAW","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","initialMonitor","subscribeToOffsetChange","setTimeout","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\nimport type { DragSourceMonitorImpl } from \"~/types.js\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement \| null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n if (!dragPreviewRef) {\n return;\n }\n\n const offset = monitor.getClientOffset();\n if (!offset) {\n return;\n }\n\n const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n dragPreviewRef.style[\"transform\"] = transform;\n // TODO @ts-refactor figure out better type\n // @ts-expect-error\n dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n const { isDragging } = useDragLayer(initialMonitor => {\n /*\n We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n */\n const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n if (!subscribedToOffsetChange) {\n monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n subscribedToOffsetChange = true;\n }\n\n return {\n isDragging: monitor.isDragging()\n };\n });\n\n useEffect(() => {\n return () => {\n subscribedToOffsetChange = false;\n dragPreviewRef = null;\n };\n }, []);\n\n // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n useEffect(() => {\n if (isDragging) {\n setTimeout(() => {\n setDragHelperOpacity(isDragging ? 1 : 0);\n }, 100);\n } else {\n setDragHelperOpacity(0);\n }\n }, [isDragging]);\n\n if (!isDragging) {\n return null;\n }\n\n if (!isDragging) {\n return null;\n }\n\n return (\n <div\n style={{ zIndex: 1001 }}\n className=\"fixed pointer-events-none left-0 top-0 w-full h-full\"\n >\n <div\n ref={el => (dragPreviewRef = el)}\n className=\"transition-opacity duration-250 ease-in-out block\"\n style={{ opacity: dragHelperOpacity }}\n >\n <div className=\"size-lg rounded-full bg-primary\" />\n </div>\n </div>\n );\n};\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAGxC,IAAIC,wBAAwB,GAAG,KAAK;AAEpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAA0B,IAAK,MAAM;EACzD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;EACA;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC7D,MAAM;IAAEe;EAAW,CAAC,GAAGd,YAAY,CAACe,cAAc,IAAI;IAClD;AACR;AACA;IACQ,MAAMX,OAAO,GAAGW,cAAkD;IAClE,IAAI,CAACd,wBAAwB,EAAE;MAC3BG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC;IACnC,CAAC;EACL,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAM;IACZ,IAAIgB,UAAU,EAAE;MACZG,UAAU,CAAC,MAAM;QACbJ,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,MAAM;MACHD,oBAAoB,CAAC,CAAC,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAqB,aAAA;IACIR,KAAK,EAAE;MAAES,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;EAAsD,gBAEhEvB,KAAA,CAAAqB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAKpB,cAAc,GAAGoB,EAAI;IACjCF,SAAS,EAAC,mDAAmD;IAC7DV,KAAK,EAAE;MAAEa,OAAO,EAAEX;IAAkB;EAAE,gBAEtCf,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAiC,CAAE,CACjD,CACJ,CAAC;AAEd,CAAC;AACD,eAAeT,WAAW","ignoreList":[]}

package/admin/components/DropZone/Center.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { CSSProperties } from "react";
 import React from "react";
-import type { DroppableProps, OnDropCallable } from "./../Droppable";
+import type { DroppableProps, OnDropCallable } from "./../Droppable.js";
 interface CenterProps {
     type?: string;
     onDrop: OnDropCallable;

package/admin/components/DropZone/Center.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import React from "react";
-import { Droppable } from "./../Droppable";
+import { Droppable } from "./../Droppable.js";
 import { cn, cva } from "@webiny/admin-ui";
-const droppableContainerVariants = cva("wby-bg-transparent wby-box-border wby-h-full wby-min-h-[120px] wby-relative wby-user-select-none wby-w-full wby-border-md wby-border-dashed", {
+const droppableContainerVariants = cva("bg-transparent box-border h-full min-h-[120px] relative user-select-none w-full border-md border-dashed", {
   variants: {
     isOver: {
-      true: "wby-border-accent-default wby-text-accent-primary",
-      false: "wby-border-success-default wby-text-success-primary"
+      true: "border-accent-default text-accent-primary",
+      false: "border-success-default text-success-primary"
     },
     isDroppable: {
-      false: "wby-border-success-default wby-text-accent-primary"
+      false: "border-success-default text-accent-primary"
     }
   },
   defaultVariants: {
@@ -48,7 +48,7 @@ const Center = ({
       isDroppable
     }))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-absolute wby-top-1/2 wby-left-1/2 wby-transform wby--translate-x-1/2 wby--translate-y-1/2 wby-m-0"
+    className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 m-0"
   }, children))));
 };
 export default Center;

package/admin/components/DropZone/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","cva","droppableContainerVariants","variants","isOver","true","false","isDroppable","defaultVariants","getInert","inert","Center","onDrop","children","style","createElement","drop","Object","assign","ref","width","height","className"],"sources":["Center.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport React from \"react\";\nimport type { DroppableProps, OnDropCallable } from \"./../Droppable\";\nimport { Droppable } from \"./../Droppable\";\nimport { cn, cva } from \"@webiny/admin-ui\";\n\nconst droppableContainerVariants = cva(\n \"~~wby-~~bg-transparent ~~wby-~~box-border ~~wby-~~h-full ~~wby-~~min-h-[120px] ~~wby-~~relative ~~wby-~~user-select-none ~~wby-~~w-full ~~wby-~~border-md ~~wby-~~border-dashed\",\n {\n variants: {\n isOver: {\n true: \"~~wby-~~border-accent-default ~~wby-~~text-accent-primary\",\n false: \"~~wby-~~border-success-default ~~wby-~~text-success-primary\"\n },\n isDroppable: {\n false: \"~~wby-~~border-success-default ~~wby-~~text-accent-primary\"\n }\n },\n defaultVariants: {\n isOver: false,\n isDroppable: true\n }\n }\n);\n\ninterface CenterProps {\n type?: string;\n onDrop: OnDropCallable;\n children: React.ReactNode;\n active?: boolean;\n highlight?: boolean;\n style?: CSSProperties;\n isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center = ({ onDrop, children, style, isDroppable }: CenterProps) => {\n return (\n <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n {({ isOver, drop, isDroppable }) => (\n <div\n ref={drop}\n style={{ width: \"100%\", height: \"100%\", ...style }}\n data-testid={\"cms-editor-first-field-area\"}\n {...getInert(isDroppable)}\n >\n <div className={cn(droppableContainerVariants({ isOver, isDroppable }))}>\n <div className=\"~~wby-~~absolute ~~wby-~~top-1/2 ~~wby-~~left-1/2 ~~wby-~~transform ~~wby--~~translate-x-1/2 ~~wby--~~translate-y-1/2 ~~wby-~~m-0\">\n {children}\n </div>\n </div>\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Center;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,EAAE,EAAEC,GAAG,QAAQ,kBAAkB;AAE1C,MAAMC,0BAA0B,GAAGD,GAAG,CAClC,~~6IAA6I~~,~~EAC7I~~;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE,~~mDAAmD~~;~~MACzDC~~,KAAK,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACTD,KAAK,EAAE;IACX;EACJ,CAAC;EACDE,eAAe,EAAE;IACbJ,MAAM,EAAE,KAAK;IACbG,WAAW,EAAE;EACjB;AACJ,CACJ,CAAC;AAYD,MAAME,QAAQ,GAAIF,WAAoB,IAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEG,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,MAAMC,MAAM,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAEP;AAAyB,CAAC,KAAK;EACtE,oBACIT,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IAACa,MAAM,EAAEA,MAAO;IAACL,WAAW,EAAEA;EAAY,GAC/C,CAAC;IAAEH,MAAM;IAAEY,IAAI;IAAET;EAAY,CAAC,kBAC3BT,KAAA,CAAAiB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIC,GAAG,EAAEH,IAAK;IACVF,KAAK,EAAE;MAAEM,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAE,GAAGP;IAAM,CAAE;IACnD,eAAa;EAA8B,GACvCL,QAAQ,CAACF,WAAW,CAAC,gBAEzBT,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAEtB,EAAE,CAACE,0BAA0B,CAAC;MAAEE,MAAM;MAAEG;IAAY,CAAC,CAAC;EAAE,gBACpET,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAC;~~EAAuG~~,~~GACjHT~~,QACA,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","cva","droppableContainerVariants","variants","isOver","true","false","isDroppable","defaultVariants","getInert","inert","Center","onDrop","children","style","createElement","drop","Object","assign","ref","width","height","className"],"sources":["Center.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport React from \"react\";\nimport type { DroppableProps, OnDropCallable } from \"./../Droppable.js\";\nimport { Droppable } from \"./../Droppable.js\";\nimport { cn, cva } from \"@webiny/admin-ui\";\n\nconst droppableContainerVariants = cva(\n \"bg-transparent box-border h-full min-h-[120px] relative user-select-none w-full border-md border-dashed\",\n {\n variants: {\n isOver: {\n true: \"border-accent-default text-accent-primary\",\n false: \"border-success-default text-success-primary\"\n },\n isDroppable: {\n false: \"border-success-default text-accent-primary\"\n }\n },\n defaultVariants: {\n isOver: false,\n isDroppable: true\n }\n }\n);\n\ninterface CenterProps {\n type?: string;\n onDrop: OnDropCallable;\n children: React.ReactNode;\n active?: boolean;\n highlight?: boolean;\n style?: CSSProperties;\n isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center = ({ onDrop, children, style, isDroppable }: CenterProps) => {\n return (\n <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n {({ isOver, drop, isDroppable }) => (\n <div\n ref={drop}\n style={{ width: \"100%\", height: \"100%\", ...style }}\n data-testid={\"cms-editor-first-field-area\"}\n {...getInert(isDroppable)}\n >\n <div className={cn(droppableContainerVariants({ isOver, isDroppable }))}>\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 m-0\">\n {children}\n </div>\n </div>\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Center;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,EAAE,EAAEC,GAAG,QAAQ,kBAAkB;AAE1C,MAAMC,0BAA0B,GAAGD,GAAG,CAClC,yGAAyG,EACzG;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACTD,KAAK,EAAE;IACX;EACJ,CAAC;EACDE,eAAe,EAAE;IACbJ,MAAM,EAAE,KAAK;IACbG,WAAW,EAAE;EACjB;AACJ,CACJ,CAAC;AAYD,MAAME,QAAQ,GAAIF,WAAoB,IAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEG,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,MAAMC,MAAM,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAEP;AAAyB,CAAC,KAAK;EACtE,oBACIT,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IAACa,MAAM,EAAEA,MAAO;IAACL,WAAW,EAAEA;EAAY,GAC/C,CAAC;IAAEH,MAAM;IAAEY,IAAI;IAAET;EAAY,CAAC,kBAC3BT,KAAA,CAAAiB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIC,GAAG,EAAEH,IAAK;IACVF,KAAK,EAAE;MAAEM,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAE,GAAGP;IAAM,CAAE;IACnD,eAAa;EAA8B,GACvCL,QAAQ,CAACF,WAAW,CAAC,gBAEzBT,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAEtB,EAAE,CAACE,0BAA0B,CAAC;MAAEE,MAAM;MAAEG;IAAY,CAAC,CAAC;EAAE,gBACpET,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAC;EAA2E,GACrFT,QACA,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

package/admin/components/DropZone/Horizontal.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { IsVisibleCallable } from "../Droppable";
-import type { DragSource } from "../../../types";
+import type { IsVisibleCallable } from "../Droppable.js";
+import type { DragSource } from "../../../types.js";
 interface HorizontalProps {
     onDrop(item: DragSource): void;
     last?: boolean;

package/admin/components/DropZone/Horizontal.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import React from "react";
-import { Droppable } from "../Droppable";
+import { Droppable } from "../Droppable.js";
 import { cn } from "@webiny/admin-ui";
 const OuterDiv = ({
   isOver,
   isDragging,
   last
 }) => /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-w-full wby-z-10 wby-bg-transparent wby-flex wby-justify-center", last ? "-wby-bottom-md" : "-wby-top-md")
+  className: cn("absolute w-full z-10 bg-transparent flex justify-center", last ? "-bottom-md" : "-top-md")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-h-md wby-w-full wby-z-3 wby-border-dashed wby-border-sm wby-hidden", isOver ? "wby-border-accent-default" : "wby-border-success-default", isDragging && "wby-block")
+  className: cn("h-md w-full z-3 border-dashed border-sm hidden", isOver ? "border-accent-default" : "border-success-default", isDragging && "block")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-w-full wby-h-full wby-opacity-50", isOver ? "wby-bg-primary-muted" : "wby-bg-success-muted")
+  className: cn("w-full h-full opacity-50", isOver ? "bg-primary-muted" : "bg-success-muted")
 })));
 const Horizontal = ({
   last,

package/admin/components/DropZone/Horizontal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","OuterDiv","isOver","isDragging","last","createElement","className","Horizontal","onDrop","isVisible","rest","drop","ref","style","height","width","position","left","zIndex"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable\";\nimport { Droppable } from \"../Droppable\";\nimport type { DragSource } from \"~/types\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivProps {\n isOver: boolean;\n isDragging: boolean;\n last: boolean;\n}\n\nconst OuterDiv = ({ isOver, isDragging, last }: OuterDivProps) => (\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~w-full ~~wby-~~z-10 ~~wby-~~bg-transparent ~~wby-~~flex ~~wby-~~justify-center\",\n last ? \"-~~wby-~~bottom-md\" : \"-~~wby-~~top-md\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~h-md ~~wby-~~w-full ~~wby-~~z-3 ~~wby-~~border-dashed ~~wby-~~border-sm ~~wby-~~hidden\",\n isOver ? \"~~wby-~~border-accent-default\" : \"~~wby-~~border-success-default\",\n isDragging && \"~~wby-~~block\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~w-full ~~wby-~~h-full ~~wby-~~opacity-50\",\n isOver ? \"~~wby-~~bg-primary-muted\" : \"~~wby-~~bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface HorizontalProps {\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n [\"data-testid\"]?: string;\n}\n\nconst Horizontal = ({ last, onDrop, isVisible, ...rest }: HorizontalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n data-testid={rest[\"data-testid\"]}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n height: \"16px\",\n width: \"100%\",\n position: \"absolute\",\n [last ? \"bottom\" : \"top\"]: 0,\n left: 0,\n zIndex: isDragging ? 1000 : -1\n }}\n >\n <OuterDiv isOver={isOver} isDragging={isDragging} last={last ?? false} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Horizontal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC;AAAoB,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~iFAAiF~~,~~EACjFI~~,IAAI,GAAG,~~gBAAgB~~,GAAG,~~aAC9B~~;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~wEAAwE~~,~~EACxEE~~,MAAM,GAAG,~~2BAA2B~~,GAAG,~~4BAA4B~~,~~EACnEC~~,UAAU,IAAI,~~WAClB~~;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~sCAAsC~~,~~EACtCE~~,MAAM,GAAG,~~sBAAsB~~,GAAG,~~sBACtC~~;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,UAAU,GAAGA,CAAC;EAAEH,IAAI;EAAEI,MAAM;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC1E,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACS,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAEP,MAAM;IAAEC,UAAU;IAAEQ;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACV,eAAaD,IAAI,CAAC,aAAa,CAAE;IACjCG,KAAK,EAAE;MACH;MACAC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,UAAU;MACpB,CAACZ,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC;MAC5Ba,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEf,UAAU,GAAG,IAAI,GAAG,CAAC;IACjC;EAAE,gBAEFL,KAAA,CAAAO,aAAA,CAACJ,QAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACC,IAAI,EAAEA,IAAI,IAAI;EAAM,CAAE,CACvE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeG,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","OuterDiv","isOver","isDragging","last","createElement","className","Horizontal","onDrop","isVisible","rest","drop","ref","style","height","width","position","left","zIndex"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable.js\";\nimport { Droppable } from \"../Droppable.js\";\nimport type { DragSource } from \"~/types.js\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivProps {\n isOver: boolean;\n isDragging: boolean;\n last: boolean;\n}\n\nconst OuterDiv = ({ isOver, isDragging, last }: OuterDivProps) => (\n <div\n className={cn(\n \"absolute w-full z-10 bg-transparent flex justify-center\",\n last ? \"-bottom-md\" : \"-top-md\"\n )}\n >\n <div\n className={cn(\n \"h-md w-full z-3 border-dashed border-sm hidden\",\n isOver ? \"border-accent-default\" : \"border-success-default\",\n isDragging && \"block\"\n )}\n >\n <div\n className={cn(\n \"w-full h-full opacity-50\",\n isOver ? \"bg-primary-muted\" : \"bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface HorizontalProps {\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n [\"data-testid\"]?: string;\n}\n\nconst Horizontal = ({ last, onDrop, isVisible, ...rest }: HorizontalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n data-testid={rest[\"data-testid\"]}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n height: \"16px\",\n width: \"100%\",\n position: \"absolute\",\n [last ? \"bottom\" : \"top\"]: 0,\n left: 0,\n zIndex: isDragging ? 1000 : -1\n }}\n >\n <OuterDiv isOver={isOver} isDragging={isDragging} last={last ?? false} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Horizontal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC;AAAoB,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,yDAAyD,EACzDI,IAAI,GAAG,YAAY,GAAG,SAC1B;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,gDAAgD,EAChDE,MAAM,GAAG,uBAAuB,GAAG,wBAAwB,EAC3DC,UAAU,IAAI,OAClB;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,0BAA0B,EAC1BE,MAAM,GAAG,kBAAkB,GAAG,kBAClC;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,UAAU,GAAGA,CAAC;EAAEH,IAAI;EAAEI,MAAM;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC1E,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACS,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAEP,MAAM;IAAEC,UAAU;IAAEQ;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACV,eAAaD,IAAI,CAAC,aAAa,CAAE;IACjCG,KAAK,EAAE;MACH;MACAC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,UAAU;MACpB,CAACZ,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC;MAC5Ba,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEf,UAAU,GAAG,IAAI,GAAG,CAAC;IACjC;EAAE,gBAEFL,KAAA,CAAAO,aAAA,CAACJ,QAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACC,IAAI,EAAEA,IAAI,IAAI;EAAM,CAAE,CACvE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeG,UAAU","ignoreList":[]}

package/admin/components/DropZone/Vertical.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { IsVisibleCallable } from "../Droppable";
-import type { DragSource } from "../../../types";
+import type { IsVisibleCallable } from "../Droppable.js";
+import type { DragSource } from "../../../types.js";
 interface VerticalProps {
     depth?: number;
     onDrop(item: DragSource): void;

package/admin/components/DropZone/Vertical.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import React from "react";
-import { Droppable } from "../Droppable";
+import { Droppable } from "../Droppable.js";
 import { cn } from "@webiny/admin-ui";
 const OuterDivVertical = ({
   isOver,
   last,
   isDragging
 }) => /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-top-0 wby-h-full wby-w-[30%] wby-z-10 wby-bg-transparent", last ? "wby-text-right -wby-right-sm" : "wby-text-left -wby-left-sm")
+  className: cn("absolute top-0 h-full w-[30%] z-10 bg-transparent", last ? "text-right -right-sm" : "text-left -left-sm")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-w-md wby-h-full wby-z-3 wby-border-dashed wby-border-sm wby-hidden", isOver ? "wby-border-accent-default" : "wby-border-success-default", last ? "-wby-right-sm" : "-wby-left-sm", isDragging && "wby-block")
+  className: cn("absolute w-md h-full z-3 border-dashed border-sm hidden", isOver ? "border-accent-default" : "border-success-default", last ? "-right-sm" : "-left-sm", isDragging && "block")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-w-full wby-h-full wby-opacity-50", isOver ? "wby-bg-primary-muted" : "wby-bg-success-muted")
+  className: cn("w-full h-full opacity-50", isOver ? "bg-primary-muted" : "bg-success-muted")
 })));
 const Vertical = ({
   depth,

package/admin/components/DropZone/Vertical.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","OuterDivVertical","isOver","last","isDragging","createElement","className","Vertical","depth","onDrop","isVisible","drop","ref","style","width","maxWidth","height","position","top","zIndex"],"sources":["Vertical.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable\";\nimport { Droppable } from \"../Droppable\";\nimport type { DragSource } from \"~/types\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivVerticalProps {\n isOver: boolean;\n last?: boolean;\n isDragging?: boolean;\n}\n\nconst OuterDivVertical = ({ isOver, last, isDragging }: OuterDivVerticalProps) => (\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~top-0 ~~wby-~~h-full ~~wby-~~w-[30%] ~~wby-~~z-10 ~~wby-~~bg-transparent\",\n last ? \"~~wby-~~text-right -~~wby-~~right-sm\" : \"~~wby-~~text-left -~~wby-~~left-sm\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~w-md ~~wby-~~h-full ~~wby-~~z-3 ~~wby-~~border-dashed ~~wby-~~border-sm ~~wby-~~hidden\",\n isOver ? \"~~wby-~~border-accent-default\" : \"~~wby-~~border-success-default\",\n last ? \"-~~wby-~~right-sm\" : \"-~~wby-~~left-sm\",\n isDragging && \"~~wby-~~block\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~w-full ~~wby-~~h-full ~~wby-~~opacity-50\",\n isOver ? \"~~wby-~~bg-primary-muted\" : \"~~wby-~~bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface VerticalProps {\n depth?: number;\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n}\n\nconst Vertical = ({ depth, last, onDrop, isVisible }: VerticalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n width: \"30%\",\n maxWidth: \"100px\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n [last ? \"right\" : \"left\"]: 0,\n zIndex: isDragging ? 1000 + (depth \|\| 0) : -1\n }}\n >\n <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Vertical;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAkC,CAAC,kBACzEN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~2EAA2E~~,~~EAC3EG~~,IAAI,GAAG,~~8BAA8B~~,GAAG,~~4BAC5C~~;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~qFAAqF~~,~~EACrFE~~,MAAM,GAAG,~~2BAA2B~~,GAAG,~~4BAA4B~~,~~EACnEC~~,IAAI,GAAG,~~eAAe~~,GAAG,~~cAAc~~,~~EACvCC~~,UAAU,IAAI,~~WAClB~~;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~sCAAsC~~,~~EACtCE~~,MAAM,GAAG,~~sBAAsB~~,GAAG,~~sBACtC~~;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEL,IAAI;EAAEM,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACU,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAER,MAAM;IAAEE,UAAU;IAAEO;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACVE,KAAK,EAAE;MACH;MACAC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACN,CAACf,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC;MAC5BgB,MAAM,EAAEf,UAAU,GAAG,IAAI,IAAII,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;IAChD;EAAE,gBAEFV,KAAA,CAAAO,aAAA,CAACJ,gBAAgB;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA,UAAW;IAACD,IAAI,EAAEA;EAAK,CAAE,CACtE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","OuterDivVertical","isOver","last","isDragging","createElement","className","Vertical","depth","onDrop","isVisible","drop","ref","style","width","maxWidth","height","position","top","zIndex"],"sources":["Vertical.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable.js\";\nimport { Droppable } from \"../Droppable.js\";\nimport type { DragSource } from \"~/types.js\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivVerticalProps {\n isOver: boolean;\n last?: boolean;\n isDragging?: boolean;\n}\n\nconst OuterDivVertical = ({ isOver, last, isDragging }: OuterDivVerticalProps) => (\n <div\n className={cn(\n \"absolute top-0 h-full w-[30%] z-10 bg-transparent\",\n last ? \"text-right -right-sm\" : \"text-left -left-sm\"\n )}\n >\n <div\n className={cn(\n \"absolute w-md h-full z-3 border-dashed border-sm hidden\",\n isOver ? \"border-accent-default\" : \"border-success-default\",\n last ? \"-right-sm\" : \"-left-sm\",\n isDragging && \"block\"\n )}\n >\n <div\n className={cn(\n \"w-full h-full opacity-50\",\n isOver ? \"bg-primary-muted\" : \"bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface VerticalProps {\n depth?: number;\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n}\n\nconst Vertical = ({ depth, last, onDrop, isVisible }: VerticalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n width: \"30%\",\n maxWidth: \"100px\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n [last ? \"right\" : \"left\"]: 0,\n zIndex: isDragging ? 1000 + (depth \|\| 0) : -1\n }}\n >\n <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Vertical;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAkC,CAAC,kBACzEN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,mDAAmD,EACnDG,IAAI,GAAG,sBAAsB,GAAG,oBACpC;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,yDAAyD,EACzDE,MAAM,GAAG,uBAAuB,GAAG,wBAAwB,EAC3DC,IAAI,GAAG,WAAW,GAAG,UAAU,EAC/BC,UAAU,IAAI,OAClB;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,0BAA0B,EAC1BE,MAAM,GAAG,kBAAkB,GAAG,kBAClC;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEL,IAAI;EAAEM,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACU,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAER,MAAM;IAAEE,UAAU;IAAEO;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACVE,KAAK,EAAE;MACH;MACAC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACN,CAACf,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC;MAC5BgB,MAAM,EAAEf,UAAU,GAAG,IAAI,IAAII,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;IAChD;EAAE,gBAEFV,KAAA,CAAAO,aAAA,CAACJ,gBAAgB;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA,UAAW;IAACD,IAAI,EAAEA;EAAK,CAAE,CACtE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}

package/admin/components/DropZone/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import Center from "./Center";
-import Horizontal from "./Horizontal";
-import Vertical from "./Vertical";
+import Center from "./Center.js";
+import Horizontal from "./Horizontal.js";
+import Vertical from "./Vertical.js";
 export { Center, Horizontal, Vertical };

package/admin/components/DropZone/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import Center from "./Center";
-import Horizontal from "./Horizontal";
-import Vertical from "./Vertical";
+import Center from "./Center.js";
+import Horizontal from "./Horizontal.js";
+import Vertical from "./Vertical.js";
 export { Center, Horizontal, Vertical };
 //# sourceMappingURL=index.js.map

package/admin/components/DropZone/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Center","Horizontal","Vertical"],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center\";\nimport Horizontal from \"./Horizontal\";\nimport Vertical from \"./Vertical\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":"AAAA,OAAOA,MAAM;AACb,OAAOC,UAAU;AACjB,OAAOC,QAAQ;AAEf,SAASF,MAAM,EAAEC,UAAU,EAAEC,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["Center","Horizontal","Vertical"],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center.js\";\nimport Horizontal from \"./Horizontal.js\";\nimport Vertical from \"./Vertical.js\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":"AAAA,OAAOA,MAAM;AACb,OAAOC,UAAU;AACjB,OAAOC,QAAQ;AAEf,SAASF,MAAM,EAAEC,UAAU,EAAEC,QAAQ","ignoreList":[]}

package/admin/components/Droppable.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ConnectDropTarget } from "react-dnd";
-import type { DragSource } from "../../types";
+import type { DragSource } from "../../types.js";
 export interface DroppableChildrenFunctionParams {
     isDragging: boolean;
     isDroppable: boolean;
@@ -12,7 +12,7 @@ export interface DroppableChildrenFunction {
     (params: DroppableChildrenFunctionParams): React.ReactElement;
 }
 interface IsVisibleParams {
-    type: "row" | "field" | "newField";
+    type: DragSource["type"];
     item: DragSource;
     isDragging: boolean;
 }

package/admin/components/Droppable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useDrop","DroppableComponent","props","children","onDrop","isVisible","item","isOver","drop","accept","collect","monitor","shallow","getItem","isDroppable","isDragging","Boolean","Droppable","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ConnectDropTarget } from \"react-dnd\";\nimport { useDrop } from \"react-dnd\";\nimport type { DragSource } from \"~/types\";\n\nexport interface DroppableChildrenFunctionParams {\n isDragging: boolean;\n isDroppable: boolean;\n isOver: boolean;\n item: any;\n drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n type: \"~~row~~\" ~~\| \"field\" \| \"newField\"~~;\n item: DragSource;\n isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n (item: DragSource): void;\n}\nexport interface DroppableProps {\n type?: string;\n children: DroppableChildrenFunction;\n isDragging?: boolean;\n isDroppable?: (item: DragSource) => boolean;\n isVisible?: IsVisibleCallable;\n onDrop?: OnDropCallable;\n}\n\nexport type DragObject = {\n item: IsVisibleParams;\n isOver: boolean;\n};\n\nconst DroppableComponent = (props: DroppableProps) => {\n const { children, onDrop, isVisible = () => true } = props;\n\n const [{ item, isOver }, drop] = useDrop<DragSource, void, DragObject>({\n accept: \"element\",\n collect: monitor => ({\n isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n item: monitor.getItem()\n }),\n drop(item, monitor) {\n if (typeof props.isDroppable === \"function\" && !props.isDroppable(item)) {\n return;\n }\n\n if (typeof onDrop === \"function\") {\n return onDrop(monitor.getItem());\n }\n }\n });\n\n if (item && !isVisible(item)) {\n return null;\n }\n\n let isDroppable = true;\n if (item) {\n isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;\n }\n\n return children({ isDragging: Boolean(item), isOver, isDroppable, item, drop });\n};\n\nexport const Droppable: React.ComponentType<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,WAAW;AAuCnC,MAAMC,kBAAkB,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,SAAS,GAAGA,CAAA,KAAM;EAAK,CAAC,GAAGH,KAAK;EAE1D,MAAM,CAAC;IAAEI,IAAI;IAAEC;EAAO,CAAC,EAAEC,IAAI,CAAC,GAAGR,OAAO,CAA+B;IACnES,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,OAAO,KAAK;MACjBJ,MAAM,EAAEI,OAAO,CAACJ,MAAM,CAAC,CAAC,IAAII,OAAO,CAACJ,MAAM,CAAC;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC7DN,IAAI,EAAEK,OAAO,CAACE,OAAO,CAAC;IAC1B,CAAC,CAAC;IACFL,IAAIA,CAACF,IAAI,EAAEK,OAAO,EAAE;MAChB,IAAI,OAAOT,KAAK,CAACY,WAAW,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,EAAE;QACrE;MACJ;MAEA,IAAI,OAAOF,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM,CAACO,OAAO,CAACE,OAAO,CAAC,CAAC,CAAC;MACpC;IACJ;EACJ,CAAC,CAAC;EAEF,IAAIP,IAAI,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,IAAIQ,WAAW,GAAG,IAAI;EACtB,IAAIR,IAAI,EAAE;IACNQ,WAAW,GAAGZ,KAAK,CAACY,WAAW,GAAGZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,GAAGC,MAAM;EACtE;EAEA,OAAOJ,QAAQ,CAAC;IAAEY,UAAU,EAAEC,OAAO,CAACV,IAAI,CAAC;IAAEC,MAAM;IAAEO,WAAW;IAAER,IAAI;IAAEE;EAAK,CAAC,CAAC;AACnF,CAAC;AAED,OAAO,MAAMS,SAA8C,gBAAGlB,KAAK,CAACmB,IAAI,CAACjB,kBAAkB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useDrop","DroppableComponent","props","children","onDrop","isVisible","item","isOver","drop","accept","collect","monitor","shallow","getItem","isDroppable","isDragging","Boolean","Droppable","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ConnectDropTarget } from \"react-dnd\";\nimport { useDrop } from \"react-dnd\";\nimport type { DragSource } from \"~/types.js\";\n\nexport interface DroppableChildrenFunctionParams {\n isDragging: boolean;\n isDroppable: boolean;\n isOver: boolean;\n item: any;\n drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n type: DragSource[\"type\"];\n item: DragSource;\n isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n (item: DragSource): void;\n}\nexport interface DroppableProps {\n type?: string;\n children: DroppableChildrenFunction;\n isDragging?: boolean;\n isDroppable?: (item: DragSource) => boolean;\n isVisible?: IsVisibleCallable;\n onDrop?: OnDropCallable;\n}\n\nexport type DragObject = {\n item: IsVisibleParams;\n isOver: boolean;\n};\n\nconst DroppableComponent = (props: DroppableProps) => {\n const { children, onDrop, isVisible = () => true } = props;\n\n const [{ item, isOver }, drop] = useDrop<DragSource, void, DragObject>({\n accept: \"element\",\n collect: monitor => ({\n isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n item: monitor.getItem()\n }),\n drop(item, monitor) {\n if (typeof props.isDroppable === \"function\" && !props.isDroppable(item)) {\n return;\n }\n\n if (typeof onDrop === \"function\") {\n return onDrop(monitor.getItem());\n }\n }\n });\n\n if (item && !isVisible(item)) {\n return null;\n }\n\n let isDroppable = true;\n if (item) {\n isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;\n }\n\n return children({ isDragging: Boolean(item), isOver, isDroppable, item, drop });\n};\n\nexport const Droppable: React.ComponentType<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,WAAW;AAuCnC,MAAMC,kBAAkB,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,SAAS,GAAGA,CAAA,KAAM;EAAK,CAAC,GAAGH,KAAK;EAE1D,MAAM,CAAC;IAAEI,IAAI;IAAEC;EAAO,CAAC,EAAEC,IAAI,CAAC,GAAGR,OAAO,CAA+B;IACnES,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,OAAO,KAAK;MACjBJ,MAAM,EAAEI,OAAO,CAACJ,MAAM,CAAC,CAAC,IAAII,OAAO,CAACJ,MAAM,CAAC;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC7DN,IAAI,EAAEK,OAAO,CAACE,OAAO,CAAC;IAC1B,CAAC,CAAC;IACFL,IAAIA,CAACF,IAAI,EAAEK,OAAO,EAAE;MAChB,IAAI,OAAOT,KAAK,CAACY,WAAW,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,EAAE;QACrE;MACJ;MAEA,IAAI,OAAOF,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM,CAACO,OAAO,CAACE,OAAO,CAAC,CAAC,CAAC;MACpC;IACJ;EACJ,CAAC,CAAC;EAEF,IAAIP,IAAI,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,IAAIQ,WAAW,GAAG,IAAI;EACtB,IAAIR,IAAI,EAAE;IACNQ,WAAW,GAAGZ,KAAK,CAACY,WAAW,GAAGZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,GAAGC,MAAM;EACtE;EAEA,OAAOJ,QAAQ,CAAC;IAAEY,UAAU,EAAEC,OAAO,CAACV,IAAI,CAAC;IAAEC,MAAM;IAAEO,WAAW;IAAER,IAAI;IAAEE;EAAK,CAAC,CAAC;AACnF,CAAC;AAED,OAAO,MAAMS,SAA8C,gBAAGlB,KAAK,CAACmB,IAAI,CAACjB,kBAAkB,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/LegacyRichTextInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { Alert } from "@webiny/ui/Alert";
+import { Alert } from "@webiny/ui/Alert/index.js";
 export const LegacyRichTextInput = () => {
   return /*#__PURE__*/React.createElement(Alert, {
     title: "You have legacy editor enabled",

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/LegacyRichTextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Alert","LegacyRichTextInput","createElement","title","type","href","rel","target"],"sources":["LegacyRichTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nexport const LegacyRichTextInput = () => {\n return (\n <Alert title={\"You have legacy editor enabled\"} type={\"info\"}>\n Your project has been upgraded from an older Webiny version, with EditorJS as the\n default rich text editor. We recommend switching to the new Lexical rich text editor,\n where possible.\n <br />\n <br />\n Read more about this in our{\" \"}\n <a\n href={\"https://webiny.link/hcms-legacy-rte-support\"}\n rel=\"noreferrer\"\n target={\"_blank\"}\n >\n upgrade guide\n </a>\n .\n </Alert>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,~~kBAAkB~~;~~AAExC~~,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,gCAAiC;IAACC,IAAI,EAAE;EAAO,GAAC,yLAI1D,eAAAL,KAAA,CAAAG,aAAA,WAAK,CAAC,eACNH,KAAA,CAAAG,aAAA,WAAK,CAAC,+BACqB,EAAC,GAAG,eAC/BH,KAAA,CAAAG,aAAA;IACIG,IAAI,EAAE,6CAA8C;IACpDC,GAAG,EAAC,YAAY;IAChBC,MAAM,EAAE;EAAS,GACpB,eAEE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Alert","LegacyRichTextInput","createElement","title","type","href","rel","target"],"sources":["LegacyRichTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert/index.js\";\n\nexport const LegacyRichTextInput = () => {\n return (\n <Alert title={\"You have legacy editor enabled\"} type={\"info\"}>\n Your project has been upgraded from an older Webiny version, with EditorJS as the\n default rich text editor. We recommend switching to the new Lexical rich text editor,\n where possible.\n <br />\n <br />\n Read more about this in our{\" \"}\n <a\n href={\"https://webiny.link/hcms-legacy-rte-support\"}\n rel=\"noreferrer\"\n target={\"_blank\"}\n >\n upgrade guide\n </a>\n .\n </Alert>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,gCAAiC;IAACC,IAAI,EAAE;EAAO,GAAC,yLAI1D,eAAAL,KAAA,CAAAG,aAAA,WAAK,CAAC,eACNH,KAAA,CAAAG,aAAA,WAAK,CAAC,+BACqB,EAAC,GAAG,eAC/BH,KAAA,CAAAG,aAAA;IACIG,IAAI,EAAE,6CAA8C;IACpDC,GAAG,EAAC,YAAY;IAChBC,MAAM,EAAE;EAAS,GACpB,eAEE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types/index.js";
 interface RendererOptionsProps {
     plugin: CmsModelFieldRendererPlugin | undefined;
 }

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { useModelField } from "../../../ModelFieldProvider";
+import { useModelField } from "../../../ModelFieldProvider/index.js";
 import { Grid, Heading, Text } from "@webiny/admin-ui";
 export const RendererOptions = ({
   plugin