@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/components/Decorators/ShowConfirmationOnUnpublish.js

@@ -1,20 +1,11 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ShowConfirmationOnUnpublish = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _Progress = require("@webiny/ui/Progress");
-var _hooks = require("../../views/contentEntries/hooks");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Title = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+import React, { useEffect } from "react";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useBind } from "@webiny/form";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { useContentEntry } from "../../views/contentEntries/hooks/index.js";
+const Title = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "emh3iye0"
 } : {
   target: "emh3iye0",
@@ -24,82 +15,84 @@ var Title = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "pr
   styles: "font-weight:bold"
 } : {
   name: "1efi8gv",
-  styles: "font-weight:bold",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNDb250ZW50RW50cnkgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlQ29udGVudEVudHJ5IH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvaG9va3NcIjtcblxudHlwZSBHZXRFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJnZXRFbnRyeVwiXTtcbnR5cGUgVW5wdWJsaXNoRW50cnkgPSBSZXR1cm5UeXBlPHR5cGVvZiB1c2VDb250ZW50RW50cnk+W1widW5wdWJsaXNoRW50cnlSZXZpc2lvblwiXTtcbnR5cGUgVW5wdWJsaXNoRW50cnlQYXJhbXMgPSBQYXJhbWV0ZXJzPFVucHVibGlzaEVudHJ5PlswXTtcbnR5cGUgVW5wdWJsaXNoRW50cnlSZXNwb25zZSA9IEF3YWl0ZWQ8UmV0dXJuVHlwZTxVbnB1Ymxpc2hFbnRyeT4+O1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuYDtcblxuaW50ZXJmYWNlIEVudHJ5TWVzc2FnZVByb3BzIHtcbiAgICBpZDogc3RyaW5nO1xuICAgIGVudHJ5VHlwZTogc3RyaW5nO1xuICAgIGdldEVudHJ5OiBHZXRFbnRyeTtcbn1cblxuY29uc3QgRW50cnlNZXNzYWdlID0gKHsgaWQsIGVudHJ5VHlwZSwgZ2V0RW50cnkgfTogRW50cnlNZXNzYWdlUHJvcHMpID0+IHtcbiAgICBjb25zdCBlbnRyeUJpbmQgPSB1c2VCaW5kKHtcbiAgICAgICAgbmFtZTogXCJlbnRyeVwiXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBnZXRFbnRyeSh7IGlkIH0pLnRoZW4ocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgZW50cnlCaW5kLm9uQ2hhbmdlKHJlc3BvbnNlLmVudHJ5KTtcbiAgICAgICAgfSk7XG4gICAgfSwgW10pO1xuXG4gICAgaWYgKCFlbnRyeUJpbmQudmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkNoZWNraW5nIGVudHJ5Li4uXCJ9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxwPlxuICAgICAgICAgICAgWW91IGFyZSBhYm91dCB0byB1bnB1Ymxpc2ggYSB7ZW50cnlUeXBlfSB0aXRsZWR7XCIgXCJ9XG4gICAgICAgICAgICA8VGl0bGU+e2VudHJ5QmluZC52YWx1ZS5tZXRhLnRpdGxlfTwvVGl0bGU+LjxiciAvPlxuICAgICAgICAgICAgQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGNvbnRpbnVlP1xuICAgICAgICA8L3A+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTaG93Q29uZmlybWF0aW9uT25VbnB1Ymxpc2ggPSB1c2VDb250ZW50RW50cnkuY3JlYXRlRGVjb3JhdG9yKGJhc2VIb29rID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICAgICAgY29uc3QgZGlhbG9ncyA9IHVzZURpYWxvZ3MoKTtcbiAgICAgICAgY29uc3QgaG9vayA9IGJhc2VIb29rKCk7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBob29rO1xuICAgICAgICBjb25zdCBlbnRyeVR5cGUgPSBjb250ZW50TW9kZWwubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgICAgIGNvbnN0IG9uQWNjZXB0ID0gYXN5bmMgKGVudHJ5OiBDbXNDb250ZW50RW50cnkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgaG9vay51bnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93U25hY2tiYXIoXG4gICAgICAgICAgICAgICAgICAgIGBDb3VsZCBub3QgdW5wdWJsaXNoICR7ZW50cnkubWV0YS50aXRsZX0hICgke3Jlc3BvbnNlLmVycm9yLm1lc3NhZ2V9KWBcbiAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzaG93U25hY2tiYXIoYCR7ZW50cnkubWV0YS50aXRsZX0gd2FzIHVucHVibGlzaGVkIHN1Y2Nlc3NmdWxseSFgKTtcbiAgICAgICAgICAgIHJldHVybiByZXNwb25zZTtcbiAgICAgICAgfTtcblxuICAgICAgICBjb25zdCBzaG93Q29uZmlybWF0aW9uID0gKHBhcmFtczogVW5wdWJsaXNoRW50cnlQYXJhbXMpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBuZXcgUHJvbWlzZTxVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlPihyZXNvbHZlID0+IHtcbiAgICAgICAgICAgICAgICBkaWFsb2dzLnNob3dEaWFsb2coe1xuICAgICAgICAgICAgICAgICAgICB0aXRsZTogYFVucHVibGlzaCAke2NvbnRlbnRNb2RlbC5uYW1lfWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFbnRyeU1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17cGFyYW1zLmlkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEVudHJ5PXtob29rLmdldEVudHJ5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVudHJ5VHlwZT17ZW50cnlUeXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgYWNjZXB0TGFiZWw6IFwiWWVzLCB1bnB1Ymxpc2ghXCIsXG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbExhYmVsOiBcIkNhbmNlbFwiLFxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nTGFiZWw6IGBVbnB1Ymxpc2hpbmcgJHtlbnRyeVR5cGV9Li4uYCxcbiAgICAgICAgICAgICAgICAgICAgb25BY2NlcHQ6IGFzeW5jICh7IGVudHJ5IH0pID0+IHJlc29sdmUoYXdhaXQgb25BY2NlcHQoZW50cnkpKSxcbiAgICAgICAgICAgICAgICAgICAgb25DbG9zZTogKCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHJlc29sdmUoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVycm9yOiB7IG1lc3NhZ2U6IFwiVW5wdWJsaXNoaW5nIHdhcyBhYm9ydGVkLlwiLCBjb2RlOiBcIkFCT1JURURcIiB9XG4gICAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmhvb2ssXG4gICAgICAgICAgICB1bnB1Ymxpc2hFbnRyeVJldmlzaW9uOiBwYXJhbXMgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBzaG93Q29uZmlybWF0aW9uKHBhcmFtcyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgfTtcbn0pO1xuIl19 */",
+  styles: "font-weight:bold/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IlNob3dDb25maXJtYXRpb25PblVucHVibGlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEaWFsb2dzLCB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgdXNlQmluZCB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzcy9pbmRleC5qc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENtc0NvbnRlbnRFbnRyeSB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rcy9pbmRleC5qc1wiO1xuXG50eXBlIEdldEVudHJ5ID0gUmV0dXJuVHlwZTx0eXBlb2YgdXNlQ29udGVudEVudHJ5PltcImdldEVudHJ5XCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeSA9IFJldHVyblR5cGU8dHlwZW9mIHVzZUNvbnRlbnRFbnRyeT5bXCJ1bnB1Ymxpc2hFbnRyeVJldmlzaW9uXCJdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVBhcmFtcyA9IFBhcmFtZXRlcnM8VW5wdWJsaXNoRW50cnk+WzBdO1xudHlwZSBVbnB1Ymxpc2hFbnRyeVJlc3BvbnNlID0gQXdhaXRlZDxSZXR1cm5UeXBlPFVucHVibGlzaEVudHJ5Pj47XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5pbnRlcmZhY2UgRW50cnlNZXNzYWdlUHJvcHMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgZW50cnlUeXBlOiBzdHJpbmc7XG4gICAgZ2V0RW50cnk6IEdldEVudHJ5O1xufVxuXG5jb25zdCBFbnRyeU1lc3NhZ2UgPSAoeyBpZCwgZW50cnlUeXBlLCBnZXRFbnRyeSB9OiBFbnRyeU1lc3NhZ2VQcm9wcykgPT4ge1xuICAgIGNvbnN0IGVudHJ5QmluZCA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcImVudHJ5XCJcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGdldEVudHJ5KHsgaWQgfSkudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICBlbnRyeUJpbmQub25DaGFuZ2UocmVzcG9uc2UuZW50cnkpO1xuICAgICAgICB9KTtcbiAgICB9LCBbXSk7XG5cbiAgICBpZiAoIWVudHJ5QmluZC52YWx1ZSkge1xuICAgICAgICByZXR1cm4gPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e1wiQ2hlY2tpbmcgZW50cnkuLi5cIn0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHA+XG4gICAgICAgICAgICBZb3UgYXJlIGFib3V0IHRvIHVucHVibGlzaCBhIHtlbnRyeVR5cGV9IHRpdGxlZHtcIiBcIn1cbiAgICAgICAgICAgIDxUaXRsZT57ZW50cnlCaW5kLnZhbHVlLm1ldGEudGl0bGV9PC9UaXRsZT4uPGJyIC8+XG4gICAgICAgICAgICBBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gY29udGludWU/XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNob3dDb25maXJtYXRpb25PblVucHVibGlzaCA9IHVzZUNvbnRlbnRFbnRyeS5jcmVhdGVEZWNvcmF0b3IoYmFzZUhvb2sgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyLCBzaG93RXJyb3JTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcbiAgICAgICAgY29uc3QgZGlhbG9ncyA9IHVzZURpYWxvZ3MoKTtcbiAgICAgICAgY29uc3QgaG9vayA9IGJhc2VIb29rKCk7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBob29rO1xuICAgICAgICBjb25zdCBlbnRyeVR5cGUgPSBjb250ZW50TW9kZWwubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgICAgIGNvbnN0IG9uQWNjZXB0ID0gYXN5bmMgKGVudHJ5OiBDbXNDb250ZW50RW50cnkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgaG9vay51bnB1Ymxpc2hFbnRyeVJldmlzaW9uKHsgaWQ6IGVudHJ5LmlkIH0pO1xuXG4gICAgICAgICAgICBpZiAocmVzcG9uc2UuZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93RXJyb3JTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCB1bnB1Ymxpc2ggJHtlbnRyeS5tZXRhLnRpdGxlfSEgKCR7cmVzcG9uc2UuZXJyb3IubWVzc2FnZX0pYFxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNob3dTbmFja2JhcihgJHtlbnRyeS5tZXRhLnRpdGxlfSB3YXMgdW5wdWJsaXNoZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgICB9O1xuXG4gICAgICAgIGNvbnN0IHNob3dDb25maXJtYXRpb24gPSAocGFyYW1zOiBVbnB1Ymxpc2hFbnRyeVBhcmFtcykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPFVucHVibGlzaEVudHJ5UmVzcG9uc2U+KHJlc29sdmUgPT4ge1xuICAgICAgICAgICAgICAgIGRpYWxvZ3Muc2hvd0RpYWxvZyh7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiBgVW5wdWJsaXNoICR7Y29udGVudE1vZGVsLm5hbWV9YCxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVudHJ5TWVzc2FnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtwYXJhbXMuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZ2V0RW50cnk9e2hvb2suZ2V0RW50cnl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZW50cnlUeXBlPXtlbnRyeVR5cGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBhY2NlcHRMYWJlbDogXCJZZXMsIHVucHVibGlzaCFcIixcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdMYWJlbDogYFVucHVibGlzaGluZyAke2VudHJ5VHlwZX0uLi5gLFxuICAgICAgICAgICAgICAgICAgICBvbkFjY2VwdDogYXN5bmMgKHsgZW50cnkgfSkgPT4gcmVzb2x2ZShhd2FpdCBvbkFjY2VwdChlbnRyeSkpLFxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXJyb3I6IHsgbWVzc2FnZTogXCJVbnB1Ymxpc2hpbmcgd2FzIGFib3J0ZWQuXCIsIGNvZGU6IFwiQUJPUlRFRFwiIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaG9vayxcbiAgICAgICAgICAgIHVucHVibGlzaEVudHJ5UmV2aXNpb246IHBhcmFtcyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNob3dDb25maXJtYXRpb24ocGFyYW1zKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9O1xufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var EntryMessage = function EntryMessage(_ref) {
-  var id = _ref.id,
-    entryType = _ref.entryType,
-    getEntry = _ref.getEntry;
-  var entryBind = (0, _form.useBind)({
+const EntryMessage = ({
+  id,
+  entryType,
+  getEntry
+}) => {
+  const entryBind = useBind({
     name: "entry"
   });
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     getEntry({
-      id: id
-    }).then(function (response) {
+      id
+    }).then(response => {
       entryBind.onChange(response.entry);
     });
   }, []);
   if (!entryBind.value) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    return /*#__PURE__*/React.createElement(CircularProgress, {
       label: "Checking entry..."
     });
   }
-  return /*#__PURE__*/_react.default.createElement("p", null, "You are about to unpublish a ", entryType, " titled", " ", /*#__PURE__*/_react.default.createElement(Title, null, entryBind.value.meta.title), ".", /*#__PURE__*/_react.default.createElement("br", null), "Are you sure you want to continue?");
+  return /*#__PURE__*/React.createElement("p", null, "You are about to unpublish a ", entryType, " titled", " ", /*#__PURE__*/React.createElement(Title, null, entryBind.value.meta.title), ".", /*#__PURE__*/React.createElement("br", null), "Are you sure you want to continue?");
 };
-var ShowConfirmationOnUnpublish = exports.ShowConfirmationOnUnpublish = _hooks.useContentEntry.createDecorator(function (baseHook) {
-  return function () {
-    var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-    var dialogs = (0, _appAdmin.useDialogs)();
-    var hook = baseHook();
-    var contentModel = hook.contentModel;
-    var entryType = contentModel.name.toLowerCase();
-    var _onAccept = async function onAccept(entry) {
-      var response = await hook.unpublishEntryRevision({
+export const ShowConfirmationOnUnpublish = useContentEntry.createDecorator(baseHook => {
+  return () => {
+    const {
+      showSnackbar,
+      showErrorSnackbar
+    } = useSnackbar();
+    const dialogs = useDialogs();
+    const hook = baseHook();
+    const {
+      contentModel
+    } = hook;
+    const entryType = contentModel.name.toLowerCase();
+    const onAccept = async entry => {
+      const response = await hook.unpublishEntryRevision({
         id: entry.id
       });
       if (response.error) {
-        showSnackbar("Could not unpublish ".concat(entry.meta.title, "! (").concat(response.error.message, ")"));
+        showErrorSnackbar(`Could not unpublish ${entry.meta.title}! (${response.error.message})`);
         return response;
       }
-      showSnackbar("".concat(entry.meta.title, " was unpublished successfully!"));
+      showSnackbar(`${entry.meta.title} was unpublished successfully!`);
       return response;
     };
-    var showConfirmation = function showConfirmation(params) {
-      return new Promise(function (resolve) {
+    const showConfirmation = params => {
+      return new Promise(resolve => {
         dialogs.showDialog({
-          title: "Unpublish ".concat(contentModel.name),
-          content: /*#__PURE__*/_react.default.createElement(EntryMessage, {
+          title: `Unpublish ${contentModel.name}`,
+          content: /*#__PURE__*/React.createElement(EntryMessage, {
             id: params.id,
             getEntry: hook.getEntry,
             entryType: entryType
           }),
           acceptLabel: "Yes, unpublish!",
           cancelLabel: "Cancel",
-          loadingLabel: "Unpublishing ".concat(entryType, "..."),
-          onAccept: async function onAccept(_ref2) {
-            var entry = _ref2.entry;
-            return resolve(await _onAccept(entry));
-          },
-          onClose: function onClose() {
-            return resolve({
-              error: {
-                message: "Unpublishing was aborted.",
-                code: "ABORTED"
-              }
-            });
-          }
+          loadingLabel: `Unpublishing ${entryType}...`,
+          onAccept: async ({
+            entry
+          }) => resolve(await onAccept(entry)),
+          onClose: () => resolve({
+            error: {
+              message: "Unpublishing was aborted.",
+              code: "ABORTED"
+            }
+          })
         });
       });
     };
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, hook), {}, {
-      unpublishEntryRevision: function unpublishEntryRevision(params) {
+    return {
+      ...hook,
+      unpublishEntryRevision: params => {
         return showConfirmation(params);
       }
-    });
+    };
   };
 });
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_form","_Progress","_hooks","_EMOTION_STRINGIFIED_CSS_ERROR__","Title","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","EntryMessage","_ref","id","entryType","getEntry","entryBind","useBind","useEffect","then","response","onChange","entry","value","createElement","CircularProgress","meta","title","ShowConfirmationOnUnpublish","exports","useContentEntry","createDecorator","baseHook","_useSnackbar","useSnackbar","showSnackbar","dialogs","useDialogs","hook","contentModel","toLowerCase","onAccept","unpublishEntryRevision","error","concat","message","showConfirmation","params","Promise","resolve","showDialog","content","acceptLabel","cancelLabel","loadingLabel","_ref2","onClose","code","_objectSpread2"],"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 } = 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                showSnackbar(\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":[]}
+{"version":3,"names":["React","useEffect","useDialogs","useSnackbar","useBind","CircularProgress","useContentEntry","Title","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryMessage","id","entryType","getEntry","entryBind","then","response","onChange","entry","value","createElement","meta","title","ShowConfirmationOnUnpublish","createDecorator","baseHook","showSnackbar","showErrorSnackbar","dialogs","hook","contentModel","toLowerCase","onAccept","unpublishEntryRevision","error","message","showConfirmation","params","Promise","resolve","showDialog","content","acceptLabel","cancelLabel","loadingLabel","onClose","code"],"sources":["ShowConfirmationOnUnpublish.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport styled from \"@emotion/styled\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\ntype GetEntry = ReturnType<typeof useContentEntry>[\"getEntry\"];\ntype UnpublishEntry = ReturnType<typeof useContentEntry>[\"unpublishEntryRevision\"];\ntype UnpublishEntryParams = Parameters<UnpublishEntry>[0];\ntype UnpublishEntryResponse = Awaited<ReturnType<UnpublishEntry>>;\n\nconst Title = styled.span`\n    font-weight: bold;\n`;\n\ninterface EntryMessageProps {\n    id: string;\n    entryType: string;\n    getEntry: GetEntry;\n}\n\nconst EntryMessage = ({ id, entryType, getEntry }: EntryMessageProps) => {\n    const entryBind = useBind({\n        name: \"entry\"\n    });\n\n    useEffect(() => {\n        getEntry({ id }).then(response => {\n            entryBind.onChange(response.entry);\n        });\n    }, []);\n\n    if (!entryBind.value) {\n        return <CircularProgress label={\"Checking entry...\"} />;\n    }\n\n    return (\n        <p>\n            You are about to unpublish a {entryType} titled{\" \"}\n            <Title>{entryBind.value.meta.title}</Title>.<br />\n            Are you sure you want to continue?\n        </p>\n    );\n};\n\nexport const ShowConfirmationOnUnpublish = useContentEntry.createDecorator(baseHook => {\n    return () => {\n        const { showSnackbar, showErrorSnackbar } = useSnackbar();\n        const dialogs = useDialogs();\n        const hook = baseHook();\n        const { contentModel } = hook;\n        const entryType = contentModel.name.toLowerCase();\n\n        const onAccept = async (entry: CmsContentEntry) => {\n            const response = await hook.unpublishEntryRevision({ id: entry.id });\n\n            if (response.error) {\n                showErrorSnackbar(\n                    `Could not unpublish ${entry.meta.title}! (${response.error.message})`\n                );\n\n                return response;\n            }\n\n            showSnackbar(`${entry.meta.title} was unpublished successfully!`);\n            return response;\n        };\n\n        const showConfirmation = (params: UnpublishEntryParams) => {\n            return new Promise<UnpublishEntryResponse>(resolve => {\n                dialogs.showDialog({\n                    title: `Unpublish ${contentModel.name}`,\n                    content: (\n                        <EntryMessage\n                            id={params.id}\n                            getEntry={hook.getEntry}\n                            entryType={entryType}\n                        />\n                    ),\n                    acceptLabel: \"Yes, unpublish!\",\n                    cancelLabel: \"Cancel\",\n                    loadingLabel: `Unpublishing ${entryType}...`,\n                    onAccept: async ({ entry }) => resolve(await onAccept(entry)),\n                    onClose: () =>\n                        resolve({\n                            error: { message: \"Unpublishing was aborted.\", code: \"ABORTED\" }\n                        })\n                });\n            });\n        };\n\n        return {\n            ...hook,\n            unpublishEntryRevision: params => {\n                return showConfirmation(params);\n            }\n        };\n    };\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/components/Dialog.d.ts

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

package/admin/components/Dialog.js

@@ -1,28 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Dialog: true
-};
-exports.Dialog = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Dialog = require("@webiny/ui/Dialog");
-Object.keys(_Dialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Dialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dialog[key];
-    }
-  });
-});
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Dialog = exports.Dialog = /*#__PURE__*/(0, _base.default)(_Dialog.Dialog, process.env.NODE_ENV === "production" ? {
+import { Dialog as BaseDialog } from "@webiny/ui/Dialog/index.js";
+export * from "@webiny/ui/Dialog/index.js";
+export const Dialog = /*#__PURE__*/_styled(BaseDialog, process.env.NODE_ENV === "production" ? {
   target: "e1q5k1p00"
 } : {
   target: "e1q5k1p00",
@@ -32,8 +12,7 @@ var Dialog = exports.Dialog = /*#__PURE__*/(0, _base.default)(_Dialog.Dialog, pr
   styles: ".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-deprecated-list:first-of-type{padding:0;}}"
 } : {
   name: "3o6x3g",
-  styles: ".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-deprecated-list:first-of-type{padding:0;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGlhbG9nXCI7XG5leHBvcnQgKiBmcm9tIFwiQHdlYmlueS91aS9EaWFsb2dcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKWBcbiAgICAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiA2MDBweDtcbiAgICAgICAgbWluLXdpZHRoOiA2MDBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gICAgfVxuXG4gICAgLm1kYy1kaWFsb2dfX2NvbnRlbnQge1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLm1kYy1kZXByZWNhdGVkLWxpc3Q6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
+  styles: ".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-deprecated-list:first-of-type{padding:0;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGlhbG9nL2luZGV4LmpzXCI7XG5leHBvcnQgKiBmcm9tIFwiQHdlYmlueS91aS9EaWFsb2cvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKWBcbiAgICAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiA2MDBweDtcbiAgICAgICAgbWluLXdpZHRoOiA2MDBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gICAgfVxuXG4gICAgLm1kYy1kaWFsb2dfX2NvbnRlbnQge1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLm1kYy1kZXByZWNhdGVkLWxpc3Q6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/admin/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_EMOTION_STRINGIFIED_CSS_ERROR__","Dialog","_base","default","BaseDialog","process","env","NODE_ENV","target","label","name","styles","map","toString"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-deprecated-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAAkC,SAAAS,iCAAA;AAE3B,IAAMC,MAAM,GAAAL,OAAA,CAAAK,MAAA,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAOC,cAAU,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAavC","ignoreList":[]}
+{"version":3,"names":["Dialog","BaseDialog","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog/index.js\";\nexport * from \"@webiny/ui/Dialog/index.js\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-deprecated-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;AACA,SAASA,MAAM,IAAIC,UAAU,QAAQ,4BAA4B;AACjE,cAAc,4BAA4B;AAE1C,OAAO,MAAMD,MAAM,gBAAGE,OAAA,CAAOD,UAAU,EAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAavC","ignoreList":[]}

package/admin/components/DragPreview.js

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

package/admin/components/DragPreview.js.map

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

package/admin/components/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

@@ -1,51 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _reactDnd = require("react-dnd");
-var emptyImage = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
-var Draggable = function Draggable(props) {
-  var children = props.children,
-    beginDrag = props.beginDrag,
-    endDrag = props.endDrag;
-  var _useDrag = (0, _reactDnd.useDrag)({
-      type: "element",
-      item: function item(monitor) {
-        if (typeof beginDrag === "function") {
-          return beginDrag(props, monitor);
-        }
-        return beginDrag;
-      },
-      collect: function collect(monitor) {
-        return {
-          isDragging: monitor.isDragging()
-        };
-      },
-      end: function end(item, monitor) {
-        if (typeof endDrag === "function") {
-          return endDrag(item, monitor);
-        }
-        return endDrag;
+import React from "react";
+import { useDrag, DragPreviewImage } from "react-dnd";
+const emptyImage = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+const Draggable = props => {
+  const {
+    children,
+    beginDrag,
+    endDrag
+  } = props;
+  const [{
+    isDragging
+  }, drag, preview] = useDrag({
+    type: "element",
+    item(monitor) {
+      if (typeof beginDrag === "function") {
+        return beginDrag(props, monitor);
       }
+      return beginDrag;
+    },
+    collect: monitor => ({
+      isDragging: monitor.isDragging()
     }),
-    _useDrag2 = (0, _slicedToArray2.default)(_useDrag, 3),
-    isDragging = _useDrag2[0].isDragging,
-    drag = _useDrag2[1],
-    preview = _useDrag2[2];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DragPreviewImage, {
+    end(item, monitor) {
+      if (typeof endDrag === "function") {
+        return endDrag(item, monitor);
+      }
+      return endDrag;
+    }
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DragPreviewImage, {
     connect: preview,
     src: emptyImage
   }), children({
-    isDragging: isDragging,
-    drag: drag
+    isDragging,
+    drag
   }));
 };
-var MemoizedDraggable = /*#__PURE__*/_react.default.memo(Draggable);
-var _default = exports.default = MemoizedDraggable;
+const MemoizedDraggable = /*#__PURE__*/React.memo(Draggable);
+export default MemoizedDraggable;
 
 //# sourceMappingURL=Draggable.js.map

package/admin/components/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDnd","emptyImage","Draggable","props","children","beginDrag","endDrag","_useDrag","useDrag","type","item","monitor","collect","isDragging","end","_useDrag2","_slicedToArray2","default","drag","preview","createElement","Fragment","DragPreviewImage","connect","src","MemoizedDraggable","React","memo","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAME,UAAU,GAAG,4EAA4E;AAiB/F,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAqB,EAAK;EACzC,IAAQC,QAAQ,GAAyBD,KAAK,CAAtCC,QAAQ;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAEpC,IAAAC,QAAA,GAAwC,IAAAC,iBAAO,EAAC;MAC5CC,IAAI,EAAE,SAAS;MACfC,IAAI,WAAAA,KAACC,OAAO,EAAE;QACV,IAAI,OAAON,SAAS,KAAK,UAAU,EAAE;UACjC,OAAOA,SAAS,CAACF,KAAK,EAAEQ,OAAO,CAAC;QACpC;QACA,OAAON,SAAS;MACpB,CAAC;MACDO,OAAO,EAAE,SAAAA,QAAAD,OAAO;QAAA,OAAK;UACjBE,UAAU,EAAEF,OAAO,CAACE,UAAU,CAAC;QACnC,CAAC;MAAA,CAAC;MACFC,GAAG,WAAAA,IAACJ,IAAI,EAAEC,OAAO,EAAE;QACf,IAAI,OAAOL,OAAO,KAAK,UAAU,EAAE;UAC/B,OAAOA,OAAO,CAACI,IAAI,EAAEC,OAAO,CAAC;QACjC;QACA,OAAOL,OAAO;MAClB;IACJ,CAAC,CAAC;IAAAS,SAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAV,QAAA;IAjBOM,UAAU,GAAAE,SAAA,IAAVF,UAAU;IAAIK,IAAI,GAAAH,SAAA;IAAEI,OAAO,GAAAJ,SAAA;EAmBpC,oBACIlB,MAAA,CAAAoB,OAAA,CAAAG,aAAA,CAAAvB,MAAA,CAAAoB,OAAA,CAAAI,QAAA,qBACIxB,MAAA,CAAAoB,OAAA,CAAAG,aAAA,CAACpB,SAAA,CAAAsB,gBAAgB;IAACC,OAAO,EAAEJ,OAAQ;IAACK,GAAG,EAAEvB;EAAW,CAAE,CAAC,EACtDG,QAAQ,CAAC;IAAES,UAAU,EAAVA,UAAU;IAAEK,IAAI,EAAJA;EAAK,CAAC,CAChC,CAAC;AAEX,CAAC;AAED,IAAMO,iBAAsD,gBAAGC,cAAK,CAACC,IAAI,CAACzB,SAAS,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GACtEQ,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.js";
 interface CenterProps {
     type?: string;
     onDrop: OnDropCallable;