@webiny/app-headless-cms 6.0.0-alpha.0 → 6.0.0-alpha.1

package/admin/components/Decorators/ShowConfirmationOnPublish.js

@@ -16,7 +16,7 @@ const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
 } : {
   name: "1efi8gv",
   styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblB1Ymxpc2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiIsImZpbGUiOiJTaG93Q29uZmlybWF0aW9uT25QdWJsaXNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZURpYWxvZ3MsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgQ2lyY3VsYXJQcm9ncmVzcyB9IGZyb20gXCJAd2ViaW55L3VpL1Byb2dyZXNzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENtc0NvbnRlbnRFbnRyeSB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rc1wiO1xuXG50eXBlIEdldEVudHJ5ID0gUmV0dXJuVHlwZTx0eXBlb2YgdXNlQ29udGVudEVudHJ5PltcImdldEVudHJ5XCJdO1xudHlwZSBQdWJsaXNoRW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1wicHVibGlzaEVudHJ5UmV2aXNpb25cIl07XG50eXBlIFB1Ymxpc2hFbnRyeVBhcmFtcyA9IFBhcmFtZXRlcnM8UHVibGlzaEVudHJ5PlswXTtcbnR5cGUgUHVibGlzaEVudHJ5UmVzcG9uc2UgPSBBd2FpdGVkPFJldHVyblR5cGU8UHVibGlzaEVudHJ5Pj47XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5pbnRlcmZhY2UgRW50cnlNZXNzYWdlUHJvcHMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgZW50cnlUeXBlOiBzdHJpbmc7XG4gICAgZ2V0RW50cnk6IEdldEVudHJ5O1xufVxuXG5jb25zdCBFbnRyeU1lc3NhZ2UgPSAoeyBpZCwgZW50cnlUeXBlLCBnZXRFbnRyeSB9OiBFbnRyeU1lc3NhZ2VQcm9wcykgPT4ge1xuICAgIGNvbnN0IGVudHJ5QmluZCA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcImVudHJ5XCJcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGdldEVudHJ5KHsgaWQgfSkudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICBlbnRyeUJpbmQub25DaGFuZ2UocmVzcG9uc2UuZW50cnkpO1xuICAgICAgICB9KTtcbiAgICB9LCBbXSk7XG5cbiAgICBpZiAoIWVudHJ5QmluZC52YWx1ZSkge1xuICAgICAgICByZXR1cm4gPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e1wiQ2hlY2tpbmcgZW50cnkuLi5cIn0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHA+XG4gICAgICAgICAgICBZb3UgYXJlIGFib3V0IHRvIHB1Ymxpc2ggYSB7ZW50cnlUeXBlfSB0aXRsZWR7XCIgXCJ9XG4gICAgICAgICAgICA8VGl0bGU+e2VudHJ5QmluZC52YWx1ZS5tZXRhLnRpdGxlfTwvVGl0bGU+LjxiciAvPlxuICAgICAgICAgICAgQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGNvbnRpbnVlP1xuICAgICAgICA8L3A+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTaG93Q29uZmlybWF0aW9uT25QdWJsaXNoID0gdXNlQ29udGVudEVudHJ5LmNyZWF0ZURlY29yYXRvcihiYXNlSG9vayA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY29uc3QgeyBzaG93U25hY2tiYXIsIHNob3dFcnJvclNuYWNrYmFyIH0gPSB1c2VTbmFja2JhcigpO1xuICAgICAgICBjb25zdCBkaWFsb2dzID0gdXNlRGlhbG9ncygpO1xuICAgICAgICBjb25zdCBob29rID0gYmFzZUhvb2soKTtcbiAgICAgICAgY29uc3QgeyBjb250ZW50TW9kZWwgfSA9IGhvb2s7XG4gICAgICAgIGNvbnN0IGVudHJ5VHlwZSA9IGNvbnRlbnRNb2RlbC5uYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgICAgICAgY29uc3Qgb25BY2NlcHQgPSBhc3luYyAoZW50cnk6IENtc0NvbnRlbnRFbnRyeSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBob29rLnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93RXJyb3JTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCBwdWJsaXNoICR7ZW50cnkubWV0YS50aXRsZX0hICgke3Jlc3BvbnNlLmVycm9yLm1lc3NhZ2V9KWBcbiAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzaG93U25hY2tiYXIoYCR7ZW50cnkubWV0YS50aXRsZX0gd2FzIHB1Ymxpc2hlZCBzdWNjZXNzZnVsbHkhYCk7XG4gICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3Qgc2hvd0NvbmZpcm1hdGlvbiA9IChwYXJhbXM6IFB1Ymxpc2hFbnRyeVBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPFB1Ymxpc2hFbnRyeVJlc3BvbnNlPihyZXNvbHZlID0+IHtcbiAgICAgICAgICAgICAgICBkaWFsb2dzLnNob3dEaWFsb2coe1xuICAgICAgICAgICAgICAgICAgICB0aXRsZTogYFB1Ymxpc2ggJHtjb250ZW50TW9kZWwubmFtZX1gLFxuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RW50cnlNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9e3BhcmFtcy5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRFbnRyeT17aG9vay5nZXRFbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbnRyeVR5cGU9e2VudHJ5VHlwZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIGFjY2VwdExhYmVsOiBcIlllcywgcHVibGlzaCFcIixcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdMYWJlbDogYFB1Ymxpc2hpbmcgJHtlbnRyeVR5cGV9Li4uYCxcbiAgICAgICAgICAgICAgICAgICAgb25BY2NlcHQ6IGFzeW5jICh7IGVudHJ5IH0pID0+IHJlc29sdmUoYXdhaXQgb25BY2NlcHQoZW50cnkpKSxcbiAgICAgICAgICAgICAgICAgICAgb25DbG9zZTogKCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHJlc29sdmUoeyBlcnJvcjogeyBtZXNzYWdlOiBcIlB1Ymxpc2hpbmcgd2FzIGFib3J0ZWQuXCIsIGNvZGU6IFwiQUJPUlRFRFwiIH0gfSlcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9O1xuXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5ob29rLFxuICAgICAgICAgICAgcHVibGlzaEVudHJ5UmV2aXNpb246IHBhcmFtcyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dDb25maXJtYXRpb24ocGFyYW1zKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblB1Ymxpc2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiIsImZpbGUiOiJTaG93Q29uZmlybWF0aW9uT25QdWJsaXNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZURpYWxvZ3MsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgQ2lyY3VsYXJQcm9ncmVzcyB9IGZyb20gXCJAd2ViaW55L3VpL1Byb2dyZXNzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ21zQ29udGVudEVudHJ5IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWhlYWRsZXNzLWNtcy1jb21tb24vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRFbnRyeSB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL2hvb2tzXCI7XG5cbnR5cGUgR2V0RW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1wiZ2V0RW50cnlcIl07XG50eXBlIFB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJwdWJsaXNoRW50cnlSZXZpc2lvblwiXTtcbnR5cGUgUHVibGlzaEVudHJ5UGFyYW1zID0gUGFyYW1ldGVyczxQdWJsaXNoRW50cnk+WzBdO1xudHlwZSBQdWJsaXNoRW50cnlSZXNwb25zZSA9IEF3YWl0ZWQ8UmV0dXJuVHlwZTxQdWJsaXNoRW50cnk+PjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgICBmb250LXdlaWdodDogYm9sZDtcbmA7XG5cbmludGVyZmFjZSBFbnRyeU1lc3NhZ2VQcm9wcyB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBlbnRyeVR5cGU6IHN0cmluZztcbiAgICBnZXRFbnRyeTogR2V0RW50cnk7XG59XG5cbmNvbnN0IEVudHJ5TWVzc2FnZSA9ICh7IGlkLCBlbnRyeVR5cGUsIGdldEVudHJ5IH06IEVudHJ5TWVzc2FnZVByb3BzKSA9PiB7XG4gICAgY29uc3QgZW50cnlCaW5kID0gdXNlQmluZCh7XG4gICAgICAgIG5hbWU6IFwiZW50cnlcIlxuICAgIH0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZ2V0RW50cnkoeyBpZCB9KS50aGVuKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIGVudHJ5QmluZC5vbkNoYW5nZShyZXNwb25zZS5lbnRyeSk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtdKTtcblxuICAgIGlmICghZW50cnlCaW5kLnZhbHVlKSB7XG4gICAgICAgIHJldHVybiA8Q2lyY3VsYXJQcm9ncmVzcyBsYWJlbD17XCJDaGVja2luZyBlbnRyeS4uLlwifSAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cD5cbiAgICAgICAgICAgIFlvdSBhcmUgYWJvdXQgdG8gcHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblB1Ymxpc2ggPSB1c2VDb250ZW50RW50cnkuY3JlYXRlRGVjb3JhdG9yKGJhc2VIb29rID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBjb25zdCB7IHNob3dTbmFja2Jhciwgc2hvd0Vycm9yU25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ3MgPSB1c2VEaWFsb2dzKCk7XG4gICAgICAgIGNvbnN0IGhvb2sgPSBiYXNlSG9vaygpO1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gaG9vaztcbiAgICAgICAgY29uc3QgZW50cnlUeXBlID0gY29udGVudE1vZGVsLm5hbWUudG9Mb3dlckNhc2UoKTtcblxuICAgICAgICBjb25zdCBvbkFjY2VwdCA9IGFzeW5jIChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGhvb2sucHVibGlzaEVudHJ5UmV2aXNpb24oeyBpZDogZW50cnkuaWQgfSk7XG5cbiAgICAgICAgICAgIGlmIChyZXNwb25zZS5lcnJvcikge1xuICAgICAgICAgICAgICAgIHNob3dFcnJvclNuYWNrYmFyKFxuICAgICAgICAgICAgICAgICAgICBgQ291bGQgbm90IHB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgcHVibGlzaGVkIHN1Y2Nlc3NmdWxseSFgKTtcbiAgICAgICAgICAgIHJldHVybiByZXNwb25zZTtcbiAgICAgICAgfTtcblxuICAgICAgICBjb25zdCBzaG93Q29uZmlybWF0aW9uID0gKHBhcmFtczogUHVibGlzaEVudHJ5UGFyYW1zKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gbmV3IFByb21pc2U8UHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgUHVibGlzaCAke2NvbnRlbnRNb2RlbC5uYW1lfWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFbnRyeU1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17cGFyYW1zLmlkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEVudHJ5PXtob29rLmdldEVudHJ5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5VHlwZT17ZW50cnlUeXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgYWNjZXB0TGFiZWw6IFwiWWVzLCBwdWJsaXNoIVwiLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWxMYWJlbDogXCJDYW5jZWxcIixcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZ0xhYmVsOiBgUHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7IGVycm9yOiB7IG1lc3NhZ2U6IFwiUHVibGlzaGluZyB3YXMgYWJvcnRlZC5cIiwgY29kZTogXCJBQk9SVEVEXCIgfSB9KVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmhvb2ssXG4gICAgICAgICAgICBwdWJsaXNoRW50cnlSZXZpc2lvbjogcGFyYW1zID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gc2hvd0NvbmZpcm1hdGlvbihwYXJhbXMpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgIH07XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const EntryMessage = ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","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 { 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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/admin/components/Decorators/ShowConfirmationOnUnpublish.js

@@ -16,7 +16,7 @@ const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
 } : {
   name: "1efi8gv",
   styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNDb250ZW50RW50cnkgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlQ29udGVudEVudHJ5IH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvaG9va3NcIjtcblxudHlwZSBHZXRFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJnZXRFbnRyeVwiXTtcbnR5cGUgVW5wdWJsaXNoRW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1widW5wdWJsaXNoRW50cnlSZXZpc2lvblwiXTtcbnR5cGUgVW5wdWJsaXNoRW50cnlQYXJhbXMgPSBQYXJhbWV0ZXJzPFVucHVibGlzaEVudHJ5PlswXTtcbnR5cGUgVW5wdWJsaXNoRW50cnlSZXNwb25zZSA9IEF3YWl0ZWQ8UmV0dXJuVHlwZTxVbnB1Ymxpc2hFbnRyeT4+O1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuYDtcblxuaW50ZXJmYWNlIEVudHJ5TWVzc2FnZVByb3BzIHtcbiAgICBpZDogc3RyaW5nO1xuICAgIGVudHJ5VHlwZTogc3RyaW5nO1xuICAgIGdldEVudHJ5OiBHZXRFbnRyeTtcbn1cblxuY29uc3QgRW50cnlNZXNzYWdlID0gKHsgaWQsIGVudHJ5VHlwZSwgZ2V0RW50cnkgfTogRW50cnlNZXNzYWdlUHJvcHMpID0+IHtcbiAgICBjb25zdCBlbnRyeUJpbmQgPSB1c2VCaW5kKHtcbiAgICAgICAgbmFtZTogXCJlbnRyeVwiXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBnZXRFbnRyeSh7IGlkIH0pLnRoZW4ocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgZW50cnlCaW5kLm9uQ2hhbmdlKHJlc3BvbnNlLmVudHJ5KTtcbiAgICAgICAgfSk7XG4gICAgfSwgW10pO1xuXG4gICAgaWYgKCFlbnRyeUJpbmQudmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkNoZWNraW5nIGVudHJ5Li4uXCJ9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxwPlxuICAgICAgICAgICAgWW91IGFyZSBhYm91dCB0byB1bnB1Ymxpc2ggYSB7ZW50cnlUeXBlfSB0aXRsZWR7XCIgXCJ9XG4gICAgICAgICAgICA8VGl0bGU+e2VudHJ5QmluZC52YWx1ZS5tZXRhLnRpdGxlfTwvVGl0bGU+LjxiciAvPlxuICAgICAgICAgICAgQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGNvbnRpbnVlP1xuICAgICAgICA8L3A+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTaG93Q29uZmlybWF0aW9uT25VbnB1Ymxpc2ggPSB1c2VDb250ZW50RW50cnkuY3JlYXRlRGVjb3JhdG9yKGJhc2VIb29rID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBjb25zdCB7IHNob3dTbmFja2Jhciwgc2hvd0Vycm9yU25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ3MgPSB1c2VEaWFsb2dzKCk7XG4gICAgICAgIGNvbnN0IGhvb2sgPSBiYXNlSG9vaygpO1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gaG9vaztcbiAgICAgICAgY29uc3QgZW50cnlUeXBlID0gY29udGVudE1vZGVsLm5hbWUudG9Mb3dlckNhc2UoKTtcblxuICAgICAgICBjb25zdCBvbkFjY2VwdCA9IGFzeW5jIChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGhvb2sudW5wdWJsaXNoRW50cnlSZXZpc2lvbih7IGlkOiBlbnRyeS5pZCB9KTtcblxuICAgICAgICAgICAgaWYgKHJlc3BvbnNlLmVycm9yKSB7XG4gICAgICAgICAgICAgICAgc2hvd0Vycm9yU25hY2tiYXIoXG4gICAgICAgICAgICAgICAgICAgIGBDb3VsZCBub3QgdW5wdWJsaXNoICR7ZW50cnkubWV0YS50aXRsZX0hICgke3Jlc3BvbnNlLmVycm9yLm1lc3NhZ2V9KWBcbiAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzaG93U25hY2tiYXIoYCR7ZW50cnkubWV0YS50aXRsZX0gd2FzIHVucHVibGlzaGVkIHN1Y2Nlc3NmdWxseSFgKTtcbiAgICAgICAgICAgIHJldHVybiByZXNwb25zZTtcbiAgICAgICAgfTtcblxuICAgICAgICBjb25zdCBzaG93Q29uZmlybWF0aW9uID0gKHBhcmFtczogVW5wdWJsaXNoRW50cnlQYXJhbXMpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBuZXcgUHJvbWlzZTxVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlPihyZXNvbHZlID0+IHtcbiAgICAgICAgICAgICAgICBkaWFsb2dzLnNob3dEaWFsb2coe1xuICAgICAgICAgICAgICAgICAgICB0aXRsZTogYFVucHVibGlzaCAke2NvbnRlbnRNb2RlbC5uYW1lfWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFbnRyeU1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17cGFyYW1zLmlkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEVudHJ5PXtob29rLmdldEVudHJ5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5VHlwZT17ZW50cnlUeXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgYWNjZXB0TGFiZWw6IFwiWWVzLCB1bnB1Ymxpc2ghXCIsXG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbExhYmVsOiBcIkNhbmNlbFwiLFxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nTGFiZWw6IGBVbnB1Ymxpc2hpbmcgJHtlbnRyeVR5cGV9Li4uYCxcbiAgICAgICAgICAgICAgICAgICAgb25BY2NlcHQ6IGFzeW5jICh7IGVudHJ5IH0pID0+IHJlc29sdmUoYXdhaXQgb25BY2NlcHQoZW50cnkpKSxcbiAgICAgICAgICAgICAgICAgICAgb25DbG9zZTogKCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHJlc29sdmUoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVycm9yOiB7IG1lc3NhZ2U6IFwiVW5wdWJsaXNoaW5nIHdhcyBhYm9ydGVkLlwiLCBjb2RlOiBcIkFCT1JURURcIiB9XG4gICAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmhvb2ssXG4gICAgICAgICAgICB1bnB1Ymxpc2hFbnRyeVJldmlzaW9uOiBwYXJhbXMgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBzaG93Q29uZmlybWF0aW9uKHBhcmFtcyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgfTtcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENtc0NvbnRlbnRFbnRyeSB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rc1wiO1xuXG50eXBlIEdldEVudHJ5ID0gUmV0dXJuVHlwZTx0eXBlb2YgdXNlQ29udGVudEVudHJ5PltcImdldEVudHJ5XCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJ1bnB1Ymxpc2hFbnRyeVJldmlzaW9uXCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVBhcmFtcyA9IFBhcmFtZXRlcnM8VW5wdWJsaXNoRW50cnk+WzBdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlID0gQXdhaXRlZDxSZXR1cm5UeXBlPFVucHVibGlzaEVudHJ5Pj47XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5pbnRlcmZhY2UgRW50cnlNZXNzYWdlUHJvcHMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgZW50cnlUeXBlOiBzdHJpbmc7XG4gICAgZ2V0RW50cnk6IEdldEVudHJ5O1xufVxuXG5jb25zdCBFbnRyeU1lc3NhZ2UgPSAoeyBpZCwgZW50cnlUeXBlLCBnZXRFbnRyeSB9OiBFbnRyeU1lc3NhZ2VQcm9wcykgPT4ge1xuICAgIGNvbnN0IGVudHJ5QmluZCA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcImVudHJ5XCJcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGdldEVudHJ5KHsgaWQgfSkudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICBlbnRyeUJpbmQub25DaGFuZ2UocmVzcG9uc2UuZW50cnkpO1xuICAgICAgICB9KTtcbiAgICB9LCBbXSk7XG5cbiAgICBpZiAoIWVudHJ5QmluZC52YWx1ZSkge1xuICAgICAgICByZXR1cm4gPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e1wiQ2hlY2tpbmcgZW50cnkuLi5cIn0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHA+XG4gICAgICAgICAgICBZb3UgYXJlIGFib3V0IHRvIHVucHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblVucHVibGlzaCA9IHVzZUNvbnRlbnRFbnRyeS5jcmVhdGVEZWNvcmF0b3IoYmFzZUhvb2sgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyLCBzaG93RXJyb3JTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICAgICAgY29uc3QgZGlhbG9ncyA9IHVzZURpYWxvZ3MoKTtcbiAgICAgICAgY29uc3QgaG9vayA9IGJhc2VIb29rKCk7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBob29rO1xuICAgICAgICBjb25zdCBlbnRyeVR5cGUgPSBjb250ZW50TW9kZWwubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgICAgIGNvbnN0IG9uQWNjZXB0ID0gYXN5bmMgKGVudHJ5OiBDbXNDb250ZW50RW50cnkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgaG9vay51bnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93RXJyb3JTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCB1bnB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgdW5wdWJsaXNoZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IHNob3dDb25maXJtYXRpb24gPSAocGFyYW1zOiBVbnB1Ymxpc2hFbnRyeVBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPFVucHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgVW5wdWJsaXNoICR7Y29udGVudE1vZGVsLm5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5TWVzc2FnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtwYXJhbXMuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZ2V0RW50cnk9e2hvb2suZ2V0RW50cnl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZW50cnlUeXBlPXtlbnRyeVR5cGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBhY2NlcHRMYWJlbDogXCJZZXMsIHVucHVibGlzaCFcIixcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdMYWJlbDogYFVucHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXJyb3I6IHsgbWVzc2FnZTogXCJVbnB1Ymxpc2hpbmcgd2FzIGFib3J0ZWQuXCIsIGNvZGU6IFwiQUJPUlRFRFwiIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaG9vayxcbiAgICAgICAgICAgIHVucHVibGlzaEVudHJ5UmV2aXNpb246IHBhcmFtcyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dDb25maXJtYXRpb24ocGFyYW1zKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const EntryMessage = ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","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 { 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":[]}
+{"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":"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","ignoreList":[]}

package/admin/components/DragPreview.js.map

@@ -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 { useDragLayer, DragSourceMonitor } from \"react-dnd\";\nimport { 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;AAClD,SAASC,YAAY,QAA2B,WAAW;AAG3D,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":[]}
+{"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":[]}

package/admin/components/Draggable.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactElement } from "react";
-import { ConnectDragSource } from "react-dnd";
+import type { ReactElement } from "react";
+import React from "react";
+import type { ConnectDragSource } from "react-dnd";
 interface DraggableChildrenFunctionParams {
     isDragging: boolean;
     drag: ConnectDragSource;

package/admin/components/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useDrag","DragPreviewImage","emptyImage","Draggable","props","children","beginDrag","endDrag","isDragging","drag","preview","type","item","monitor","collect","end","createElement","Fragment","connect","src","MemoizedDraggable","memo"],"sources":["Draggable.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useDrag, DragPreviewImage, ConnectDragSource } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable = (props: DraggableProps) => {\n    const { children, beginDrag, endDrag } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        type: \"element\",\n        item(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.ComponentType<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SAASC,OAAO,EAAEC,gBAAgB,QAA2B,WAAW;AAExE,MAAMC,UAAU,GAAG,4EAA4E;AAiB/F,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EACzC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAE9C,MAAM,CAAC;IAAEI;EAAW,CAAC,EAAEC,IAAI,EAAEC,OAAO,CAAC,GAAGV,OAAO,CAAC;IAC5CW,IAAI,EAAE,SAAS;IACfC,IAAIA,CAACC,OAAO,EAAE;MACV,IAAI,OAAOP,SAAS,KAAK,UAAU,EAAE;QACjC,OAAOA,SAAS,CAACF,KAAK,EAAES,OAAO,CAAC;MACpC;MACA,OAAOP,SAAS;IACpB,CAAC;IACDQ,OAAO,EAAED,OAAO,KAAK;MACjBL,UAAU,EAAEK,OAAO,CAACL,UAAU,CAAC;IACnC,CAAC,CAAC;IACFO,GAAGA,CAACH,IAAI,EAAEC,OAAO,EAAE;MACf,IAAI,OAAON,OAAO,KAAK,UAAU,EAAE;QAC/B,OAAOA,OAAO,CAACK,IAAI,EAAEC,OAAO,CAAC;MACjC;MACA,OAAON,OAAO;IAClB;EACJ,CAAC,CAAC;EAEF,oBACIR,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IAACiB,OAAO,EAAER,OAAQ;IAACS,GAAG,EAAEjB;EAAW,CAAE,CAAC,EACtDG,QAAQ,CAAC;IAAEG,UAAU;IAAEC;EAAK,CAAC,CAChC,CAAC;AAEX,CAAC;AAED,MAAMW,iBAAsD,gBAAGrB,KAAK,CAACsB,IAAI,CAAClB,SAAS,CAAC;AACpF,eAAeiB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","useDrag","DragPreviewImage","emptyImage","Draggable","props","children","beginDrag","endDrag","isDragging","drag","preview","type","item","monitor","collect","end","createElement","Fragment","connect","src","MemoizedDraggable","memo"],"sources":["Draggable.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport type { ConnectDragSource } from \"react-dnd\";\nimport { useDrag, DragPreviewImage } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable = (props: DraggableProps) => {\n    const { children, beginDrag, endDrag } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        type: \"element\",\n        item(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.ComponentType<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,EAAEC,gBAAgB,QAAQ,WAAW;AAErD,MAAMC,UAAU,GAAG,4EAA4E;AAiB/F,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EACzC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAE9C,MAAM,CAAC;IAAEI;EAAW,CAAC,EAAEC,IAAI,EAAEC,OAAO,CAAC,GAAGV,OAAO,CAAC;IAC5CW,IAAI,EAAE,SAAS;IACfC,IAAIA,CAACC,OAAO,EAAE;MACV,IAAI,OAAOP,SAAS,KAAK,UAAU,EAAE;QACjC,OAAOA,SAAS,CAACF,KAAK,EAAES,OAAO,CAAC;MACpC;MACA,OAAOP,SAAS;IACpB,CAAC;IACDQ,OAAO,EAAED,OAAO,KAAK;MACjBL,UAAU,EAAEK,OAAO,CAACL,UAAU,CAAC;IACnC,CAAC,CAAC;IACFO,GAAGA,CAACH,IAAI,EAAEC,OAAO,EAAE;MACf,IAAI,OAAON,OAAO,KAAK,UAAU,EAAE;QAC/B,OAAOA,OAAO,CAACK,IAAI,EAAEC,OAAO,CAAC;MACjC;MACA,OAAON,OAAO;IAClB;EACJ,CAAC,CAAC;EAEF,oBACIR,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IAACiB,OAAO,EAAER,OAAQ;IAACS,GAAG,EAAEjB;EAAW,CAAE,CAAC,EACtDG,QAAQ,CAAC;IAAEG,UAAU;IAAEC;EAAK,CAAC,CAChC,CAAC;AAEX,CAAC;AAED,MAAMW,iBAAsD,gBAAGrB,KAAK,CAACsB,IAAI,CAAClB,SAAS,CAAC;AACpF,eAAeiB,iBAAiB","ignoreList":[]}

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

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

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

@@ -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 React, { CSSProperties } from \"react\";\nimport { Droppable, DroppableProps, OnDropCallable } 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":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,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":[]}
+{"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":[]}

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

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

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

@@ -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 { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { 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;AACzB,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":[]}
+{"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":[]}

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

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

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

@@ -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 { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { 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;AACzB,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":[]}
+{"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":[]}

package/admin/components/Droppable.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { ConnectDropTarget } from "react-dnd";
-import { DragSource } from "../../types";
+import type { ConnectDropTarget } from "react-dnd";
+import type { DragSource } from "../../types";
 export interface DroppableChildrenFunctionParams {
     isDragging: boolean;
     isDroppable: boolean;

package/admin/components/Droppable.js.map

@@ -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 { ConnectDropTarget, useDrop } from \"react-dnd\";\nimport { 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;AAC9B,SAA4BC,OAAO,QAAQ,WAAW;AAuCtD,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":[]}
+{"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":[]}

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

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

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useModelField","Grid","Heading","Text","RendererOptions","plugin","field","renderer","renderSettings","settings","createElement","Fragment","Column","span","level","size"],"sources":["RendererOptions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface RendererOptionsProps {\n    plugin: CmsModelFieldRendererPlugin | undefined;\n}\n\nexport const RendererOptions = ({ plugin }: RendererOptionsProps) => {\n    const { field } = useModelField();\n    if (!plugin || !plugin.renderer.renderSettings) {\n        return null;\n    }\n\n    const settings = plugin.renderer.renderSettings({ field });\n\n    if (!settings) {\n        return null;\n    }\n\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Heading level={5}>Renderer settings</Heading>\n                <Text size={\"sm\"}>\n                    Configure additional settings for the selected field renderer.\n                </Text>\n            </Grid.Column>\n            {settings}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa;AACtB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAMtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,IAAI,CAACK,MAAM,IAAI,CAACA,MAAM,CAACE,QAAQ,CAACC,cAAc,EAAE;IAC5C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGJ,MAAM,CAACE,QAAQ,CAACC,cAAc,CAAC;IAAEF;EAAM,CAAC,CAAC;EAE1D,IAAI,CAACG,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAW,aAAA,CAACR,OAAO;IAACY,KAAK,EAAE;EAAE,GAAC,mBAA0B,CAAC,eAC9Cf,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACY,IAAI,EAAE;EAAK,GAAC,gEAEZ,CACG,CAAC,EACbN,QACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useModelField","Grid","Heading","Text","RendererOptions","plugin","field","renderer","renderSettings","settings","createElement","Fragment","Column","span","level","size"],"sources":["RendererOptions.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface RendererOptionsProps {\n    plugin: CmsModelFieldRendererPlugin | undefined;\n}\n\nexport const RendererOptions = ({ plugin }: RendererOptionsProps) => {\n    const { field } = useModelField();\n    if (!plugin || !plugin.renderer.renderSettings) {\n        return null;\n    }\n\n    const settings = plugin.renderer.renderSettings({ field });\n\n    if (!settings) {\n        return null;\n    }\n\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Heading level={5}>Renderer settings</Heading>\n                <Text size={\"sm\"}>\n                    Configure additional settings for the selected field renderer.\n                </Text>\n            </Grid.Column>\n            {settings}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa;AACtB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAMtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,IAAI,CAACK,MAAM,IAAI,CAACA,MAAM,CAACE,QAAQ,CAACC,cAAc,EAAE;IAC5C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGJ,MAAM,CAACE,QAAQ,CAACC,cAAc,CAAC;IAAEF;EAAM,CAAC,CAAC;EAE1D,IAAI,CAACG,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAW,aAAA,CAACR,OAAO;IAACY,KAAK,EAAE;EAAE,GAAC,mBAA0B,CAAC,eAC9Cf,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACY,IAAI,EAAE;EAAK,GAAC,gEAEZ,CACG,CAAC,EACbN,QACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue\";\nimport { setValue } from \"./functions/setValue\";\nimport { BindComponent, Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AACjB,SAAwBC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AAClE,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue\";\nimport { setValue } from \"./functions/setValue\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AAEjB,SAASC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AACnD,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
 interface ValidatorsSectionProps {
     title: string;
     fieldKey: "validators" | "listValidators";

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ValidatorsList","Grid","Heading","Text","bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey","createElement","className","Column","span","level","size","name"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ValidatorsList } from \"./ValidatorsList\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <div className=\"wby-mb-xl\">\n            <Grid>\n                <Grid.Column span={12}>\n                    <Heading level={5}>{title}</Heading>\n                    <Text size={\"sm\"}>{description}</Text>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAEvB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAStD,MAAMC,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRL;AACoB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBb,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACT,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEP,KAAe,CAAC,eACpCT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACa,IAAI,EAAE;EAAK,GAAEP,WAAkB,CAC5B,CAAC,eACdV,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACiB,IAAI,EAAEb,MAAM,CAACM,QAAQ,CAAE;IAACL,UAAU,EAAEA;EAAW,CAAE,CACxD,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ValidatorsList","Grid","Heading","Text","bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey","createElement","className","Column","span","level","size","name"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ValidatorsList } from \"./ValidatorsList\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <div className=\"wby-mb-xl\">\n            <Grid>\n                <Grid.Column span={12}>\n                    <Heading level={5}>{title}</Heading>\n                    <Text size={\"sm\"}>{description}</Text>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAEvB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAStD,MAAMC,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRL;AACoB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBb,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACT,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEP,KAAe,CAAC,eACpCT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACa,IAAI,EAAE;EAAK,GAAEP,WAAkB,CAC5B,CAAC,eACdV,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACiB,IAAI,EAAEb,MAAM,CAACM,QAAQ,CAAE;IAACL,UAAU,EAAEA;EAAW,CAAE,CACxD,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
 interface ValidatorsTabProps {
     name: string;
     validators: CmsModelFieldValidatorConfigAdapter[];