@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/common/image/ChooseFocalPoint.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChooseFocalPoint = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _BlockAdminComponentSection = require("../../blocks/common/BlockAdminComponentSection");
-var _jsxRuntime = require("react/jsx-runtime");
-var ChooseFocalPoint = exports.ChooseFocalPoint = function ChooseFocalPoint(_ref) {
+import { FocusPointCenter, FocusPointNortheast, FocusPointNorthwest, FocusPointSoutheast, FocusPointSouthwest } from "@comet/admin-icons";
+import { ToggleButton, ToggleButtonGroup } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { BlockAdminComponentSection } from "../../blocks/common/BlockAdminComponentSection";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ChooseFocalPoint = function ChooseFocalPoint(_ref) {
   var focalPoint = _ref.focalPoint,
     onChangeFocalPoint = _ref.onChangeFocalPoint;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentSection.BlockAdminComponentSection, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  return /*#__PURE__*/_jsx(BlockAdminComponentSection, {
+    title: /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.blocks.image.focalPoint",
       defaultMessage: "Set manual focus point"
     }),
     disableBottomMargin: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ToggleButtonGroup, {
+    children: /*#__PURE__*/_jsxs(ToggleButtonGroup, {
       value: focalPoint,
       onChange: function onChange(event, newFocalPoint) {
         if (newFocalPoint === null) {
@@ -27,21 +21,21 @@ var ChooseFocalPoint = exports.ChooseFocalPoint = function ChooseFocalPoint(_ref
         onChangeFocalPoint(newFocalPoint);
       },
       exclusive: true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+      children: [/*#__PURE__*/_jsx(ToggleButton, {
         value: "SOUTHWEST",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FocusPointSouthwest, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+        children: /*#__PURE__*/_jsx(FocusPointSouthwest, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
         value: "NORTHWEST",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FocusPointNorthwest, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+        children: /*#__PURE__*/_jsx(FocusPointNorthwest, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
         value: "CENTER",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FocusPointCenter, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+        children: /*#__PURE__*/_jsx(FocusPointCenter, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
         value: "NORTHEAST",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FocusPointNortheast, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ToggleButton, {
+        children: /*#__PURE__*/_jsx(FocusPointNortheast, {})
+      }), /*#__PURE__*/_jsx(ToggleButton, {
         value: "SOUTHEAST",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FocusPointSoutheast, {})
+        children: /*#__PURE__*/_jsx(FocusPointSoutheast, {})
       })]
     })
   });

package/lib/common/image/ImageCrop.js

@@ -1,43 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageCrop = void 0;
-var _lodash = _interopRequireDefault(require("lodash.isequal"));
-var _reactFinalForm = require("react-final-form");
-var _reactImageCrop = _interopRequireDefault(require("react-image-crop"));
-var sc = _interopRequireWildcard(require("./ImageCrop.sc"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import isEqual from "lodash.isequal";
+import { Field, useForm, useFormState } from "react-final-form";
+import ReactCrop from "react-image-crop";
+import * as sc from "./ImageCrop.sc";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 var focalPoints = ["CENTER", "NORTHEAST", "NORTHWEST", "SOUTHEAST", "SOUTHWEST"];
 var clipValue = function clipValue(value) {
   return value === undefined ? undefined : Math.max(0, Math.min(100, value));
 };
-var ImageCrop = exports.ImageCrop = function ImageCrop(props) {
-  var form = (0, _reactFinalForm.useForm)();
-  var _useFormState = (0, _reactFinalForm.useFormState)(),
+export var ImageCrop = function ImageCrop(props) {
+  var form = useForm();
+  var _useFormState = useFormState(),
     focalPoint = _useFormState.values.focalPoint;
   var disabled = props.disabled === true || focalPoint === "SMART";
   var handleFocalPointChange = function handleFocalPointChange(newFocalPoint) {
     form.change("focalPoint", newFocalPoint);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+  return /*#__PURE__*/_jsx(Field, {
     name: "crop",
-    isEqual: _lodash["default"],
+    isEqual: isEqual,
     children: function children(_ref) {
       var _ref$input = _ref.input,
         value = _ref$input.value,
         _onChange = _ref$input.onChange;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(sc.ImageContainer, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageCrop["default"], _objectSpread(_objectSpread({}, props), {}, {
+      return /*#__PURE__*/_jsx(sc.ImageContainer, {
+        children: /*#__PURE__*/_jsx(ReactCrop, _objectSpread(_objectSpread({}, props), {}, {
           crop: disabled ? {} : _objectSpread(_objectSpread({}, value), {}, {
             unit: "%"
           }),
@@ -60,9 +52,9 @@ var ImageCrop = exports.ImageCrop = function ImageCrop(props) {
             });
           },
           renderSelectionAddon: function renderSelectionAddon() {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            return /*#__PURE__*/_jsx(_Fragment, {
               children: focalPoints.map(function (point) {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(sc.FocalPointHandle, {
+                return /*#__PURE__*/_jsx(sc.FocalPointHandle, {
                   point: point,
                   selected: point === focalPoint,
                   type: "button",
@@ -73,7 +65,7 @@ var ImageCrop = exports.ImageCrop = function ImageCrop(props) {
               })
             });
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          children: /*#__PURE__*/_jsx("img", {
             src: props.src
           })
         }))

package/lib/common/image/ImageCrop.sc.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageContainer = exports.FocalPointHandle = void 0;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var ImageContainer = exports.ImageContainer = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+import { css } from "@mui/material";
+import { styled } from "@mui/material/styles";
+export var ImageContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1q8pksp1"
 } : {
   target: "e1q8pksp1",
@@ -23,7 +17,7 @@ var ImageContainer = exports.ImageContainer = /*#__PURE__*/(0, _styles.styled)("
   var theme = _ref3.theme;
   return theme.palette.primary.main;
 }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vaW1hZ2UvSW1hZ2VDcm9wLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tbW9uL2ltYWdlL0ltYWdlQ3JvcC5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHlwZSBHUUxGb2NhbFBvaW50IH0gZnJvbSBcIi4uLy4uL2dyYXBocWwuZ2VuZXJhdGVkXCI7XG5cbmV4cG9ydCBjb25zdCBJbWFnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICAuUmVhY3RDcm9wX19jcm9wLXNlbGVjdGlvbiB7XG4gICAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgIH1cblxuICAgIC5SZWFjdENyb3BfX2RyYWctaGFuZGxlIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1udyB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1zdyB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1uZSB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtc2Uge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogLTNweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYub3JkLW4sXG4gICAgICAgICYub3JkLXMsXG4gICAgICAgICYub3JkLWUsXG4gICAgICAgICYub3JkLXcge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjpiZWZvcmUsXG4gICAgLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtdnQ6OmFmdGVyLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjpiZWZvcmUsXG4gICAgLlJlYWN0Q3JvcF9fcnVsZS1vZi10aGlyZHMtaHo6OmFmdGVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIEZvY2FsUG9pbnRIYW5kbGVQcm9wcyB7XG4gICAgcG9pbnQ6IEdRTEZvY2FsUG9pbnQ7XG4gICAgc2VsZWN0ZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBGb2NhbFBvaW50SGFuZGxlID0gc3R5bGVkKFwiYnV0dG9uXCIpPEZvY2FsUG9pbnRIYW5kbGVQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgd2lkdGg6IDI0cHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIG1hcmdpbi10b3A6IC0xMnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAtMTJweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgbWFyZ2luOiAzcHg7XG4gICAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogXCIgXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNnB4O1xuICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICAgICAgbWFyZ2luOiA5cHg7XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IHdpZHRoLCBoZWlnaHQsIGJvcmRlciwgbWFyZ2luO1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgICAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZTtcblxuICAgICAgICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PlxuICAgICAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luOiAzcHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLnN1Y2Nlc3MubWFpbn07XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgICAgICAgICBgfVxuICAgIH1cblxuICAgICR7KHsgcG9pbnQgfSkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHBvaW50KSB7XG4gICAgICAgICAgICBjYXNlIFwiQ0VOVEVSXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiTk9SVEhFQVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgIGA7XG5cbiAgICAgICAgICAgIGNhc2UgXCJOT1JUSFdFU1RcIjpcbiAgICAgICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgICAgICB0b3A6IGNhbGMoMTAwJSAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiU09VVEhFQVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAqIDIgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiU09VVEhXRVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAvIDMpO1xuICAgICAgICAgICAgICAgIGA7XG4gICAgICAgIH1cbiAgICB9fVxuYDtcbiJdfQ== */"));
-var FocalPointHandle = exports.FocalPointHandle = /*#__PURE__*/(0, _styles.styled)("button", process.env.NODE_ENV === "production" ? {
+export var FocalPointHandle = /*#__PURE__*/styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1q8pksp0"
 } : {
   target: "e1q8pksp0",
@@ -37,19 +31,19 @@ var FocalPointHandle = exports.FocalPointHandle = /*#__PURE__*/(0, _styles.style
 }, ";margin:9px;transition-property:width,height,border,margin;transition-duration:0.5s;transition-timing-function:ease;", function (_ref6) {
   var selected = _ref6.selected,
     theme = _ref6.theme;
-  return selected && (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                width: 16px;\n                height: 16px;\n                margin: 3px;\n                background-color: ", ";\n                border: 2px solid ", ";\n            "])), theme.palette.success.main, theme.palette.common.white);
+  return selected && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                width: 16px;\n                height: 16px;\n                margin: 3px;\n                background-color: ", ";\n                border: 2px solid ", ";\n            "])), theme.palette.success.main, theme.palette.common.white);
 }, ";}", function (_ref7) {
   var point = _ref7.point;
   switch (point) {
     case "CENTER":
-      return (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    top: 50%;\n                    left: 50%;\n                "])));
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    top: 50%;\n                    left: 50%;\n                "])));
     case "NORTHEAST":
-      return (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
     case "NORTHWEST":
-      return (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% / 3);\n                "])));
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                    top: calc(100% / 3);\n                    left: calc(100% / 3);\n                "])));
     case "SOUTHEAST":
-      return (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% * 2 / 3);\n                "])));
     case "SOUTHWEST":
-      return (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% / 3);\n                "])));
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    top: calc(100% * 2 / 3);\n                    left: calc(100% / 3);\n                "])));
   }
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vaW1hZ2UvSW1hZ2VDcm9wLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEdUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi9pbWFnZS9JbWFnZUNyb3Auc2MudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmltcG9ydCB7IHR5cGUgR1FMRm9jYWxQb2ludCB9IGZyb20gXCIuLi8uLi9ncmFwaHFsLmdlbmVyYXRlZFwiO1xuXG5leHBvcnQgY29uc3QgSW1hZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgLlJlYWN0Q3JvcF9fY3JvcC1zZWxlY3Rpb24ge1xuICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAuUmVhY3RDcm9wX19kcmFnLWhhbmRsZSB7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtbncge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtc3cge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtM3B4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi5vcmQtbmUge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogLTNweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYub3JkLXNlIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC0zcHg7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IC0zcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLm9yZC1uLFxuICAgICAgICAmLm9yZC1zLFxuICAgICAgICAmLm9yZC1lLFxuICAgICAgICAmLm9yZC13IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy12dDo6YmVmb3JlLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLXZ0OjphZnRlcixcbiAgICAuUmVhY3RDcm9wX19ydWxlLW9mLXRoaXJkcy1oejo6YmVmb3JlLFxuICAgIC5SZWFjdENyb3BfX3J1bGUtb2YtdGhpcmRzLWh6OjphZnRlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBGb2NhbFBvaW50SGFuZGxlUHJvcHMge1xuICAgIHBvaW50OiBHUUxGb2NhbFBvaW50O1xuICAgIHNlbGVjdGVkOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgRm9jYWxQb2ludEhhbmRsZSA9IHN0eWxlZChcImJ1dHRvblwiKTxGb2NhbFBvaW50SGFuZGxlUHJvcHM+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGhlaWdodDogMjRweDtcbiAgICBtYXJnaW4tdG9wOiAtMTJweDtcbiAgICBtYXJnaW4tbGVmdDogLTEycHg7XG4gICAgcGFkZGluZzogMDtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgIG1hcmdpbjogM3B4O1xuICAgICAgICAgICAgYm9yZGVyOiAycHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgICAgIG1hcmdpbjogOXB4O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiB3aWR0aCwgaGVpZ2h0LCBib3JkZXIsIG1hcmdpbjtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICAgICAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG5cbiAgICAgICAgJHsoeyBzZWxlY3RlZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbjogM3B4O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5zdWNjZXNzLm1haW59O1xuICAgICAgICAgICAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgICAgICAgICAgYH1cbiAgICB9XG5cbiAgICAkeyh7IHBvaW50IH0pID0+IHtcbiAgICAgICAgc3dpdGNoIChwb2ludCkge1xuICAgICAgICAgICAgY2FzZSBcIkNFTlRFUlwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIk5PUlRIRUFTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlIC8gMyk7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IGNhbGMoMTAwJSAqIDIgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuXG4gICAgICAgICAgICBjYXNlIFwiTk9SVEhXRVNUXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlIC8gMyk7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIlNPVVRIRUFTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgKiAyIC8gMyk7XG4gICAgICAgICAgICAgICAgYDtcblxuICAgICAgICAgICAgY2FzZSBcIlNPVVRIV0VTVFwiOlxuICAgICAgICAgICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICogMiAvIDMpO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgICAgICAgICBgO1xuICAgICAgICB9XG4gICAgfX1cbmA7XG4iXX0= */"));

package/lib/common/impersonation/commonImpersonationMessages.js

@@ -1,21 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commonImpersonationMessages = void 0;
-var _reactIntl = require("react-intl");
-var _jsxRuntime = require("react/jsx-runtime");
-var commonImpersonationMessages = exports.commonImpersonationMessages = {
-  impersonate: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var commonImpersonationMessages = {
+  impersonate: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.generic.impersonate",
     defaultMessage: "Impersonate"
   }),
-  startImpersonation: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  startImpersonation: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.generic.startImpersonation",
     defaultMessage: "Start Impersonation"
   }),
-  stopImpersonation: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  stopImpersonation: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.generic.stopImpersonation",
     defaultMessage: "Regain original identity"
   })

package/lib/common/signOutButton/SignOutButton.gql.d.ts

@@ -1,2 +1,2 @@
-export declare const signOutMutation: import("@apollo/client").DocumentNode;
+export declare const signOutMutation: import("graphql").DocumentNode;
 //# sourceMappingURL=SignOutButton.gql.d.ts.map

package/lib/common/signOutButton/SignOutButton.gql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignOutButton.gql.d.ts","sourceRoot":"","sources":["../../../src/common/signOutButton/SignOutButton.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,uCAI3B,CAAC"}
+{"version":3,"file":"SignOutButton.gql.d.ts","sourceRoot":"","sources":["../../../src/common/signOutButton/SignOutButton.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,gCAI3B,CAAC"}

package/lib/common/signOutButton/SignOutButton.gql.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Mutation: {
     SignOut: 'SignOut'
   }

package/lib/common/signOutButton/SignOutButton.gql.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.signOutMutation = void 0;
-var _client = require("@apollo/client");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var signOutMutation = exports.signOutMutation = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    mutation SignOut {\n        currentUserSignOut\n    }\n"])));
+import { gql } from "@apollo/client";
+export var signOutMutation = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    mutation SignOut {\n        currentUserSignOut\n    }\n"])));

package/lib/common/signOutButton/SignOutButton.js

@@ -1,17 +1,5 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SignOutButton = void 0;
-var _client = require("@apollo/client");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _SignOutButton = require("./SignOutButton.gql");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children"]; // eslint-disable-next-line no-restricted-imports
+var _excluded = ["children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -29,16 +17,23 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var SignOutButton = exports.SignOutButton = function SignOutButton(_ref) {
+import { useMutation } from "@apollo/client";
+import { Logout, ThreeDotSaving } from "@comet/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+import { Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { signOutMutation } from "./SignOutButton.gql";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SignOutButton = function SignOutButton(_ref) {
   var children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useMutation = (0, _client.useMutation)(_SignOutButton.signOutMutation),
+  var _useMutation = useMutation(signOutMutation),
     _useMutation2 = _slicedToArray(_useMutation, 2),
     signOut = _useMutation2[0],
     isSigningOut = _useMutation2[1].loading;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, _objectSpread(_objectSpread({}, restProps), {}, {
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
     disabled: isSigningOut,
-    startIcon: isSigningOut ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ThreeDotSaving, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Logout, {}),
+    startIcon: isSigningOut ? /*#__PURE__*/_jsx(ThreeDotSaving, {}) : /*#__PURE__*/_jsx(Logout, {}),
     onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
       var result;
       return _regenerator().w(function (_context) {
@@ -56,7 +51,7 @@ var SignOutButton = exports.SignOutButton = function SignOutButton(_ref) {
         }
       }, _callee);
     })),
-    children: children !== null && children !== void 0 ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    children: children !== null && children !== void 0 ? children : /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.signOutButton.title",
       defaultMessage: "Logout"
     })

package/lib/common/useEditState.js

@@ -1,30 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEditState = useEditState;
-var _client = require("@apollo/client");
-var _lodash = _interopRequireDefault(require("lodash.isequal"));
-var _react = require("react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useQuery } from "@apollo/client";
+import isEqual from "lodash.isequal";
+import { useCallback, useEffect, useState } from "react";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function useEditState(options) {
-  var _useState = (0, _react.useState)(options.mode === "add" ? options.state2Output(options.defaultState) : undefined),
+export function useEditState(options) {
+  var _useState = useState(options.mode === "add" ? options.state2Output(options.defaultState) : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     referenceContent = _useState2[0],
     setReferenceContent = _useState2[1];
-  var _useState3 = (0, _react.useState)(options.mode === "add" ? options.defaultState : undefined),
+  var _useState3 = useState(options.mode === "add" ? options.defaultState : undefined),
     _useState4 = _slicedToArray(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
-  var _useQuery = (0, _client.useQuery)(options.query, {
+  var _useQuery = useQuery(options.query, {
       variables: options.variables,
       skip: options.mode === "add"
     }),
@@ -32,7 +25,7 @@ function useEditState(options) {
     refetch = _useQuery.refetch,
     error = _useQuery.error,
     loading = _useQuery.loading;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (queryData) {
       var _state = options.input2State(queryData);
       setState(_state);
@@ -41,7 +34,7 @@ function useEditState(options) {
     // only set initial state, to avoid endless render loop
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [queryData, options.mode]);
-  var updateReferenceContent = (0, _react.useCallback)(function (data) {
+  var updateReferenceContent = useCallback(function (data) {
     var state = options.input2State(data);
     setReferenceContent(options.state2Output(state));
   },
@@ -49,7 +42,7 @@ function useEditState(options) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [options.mode]);
   return {
-    hasChanges: state ? !(0, _lodash["default"])(referenceContent, options.state2Output(state)) : false,
+    hasChanges: state ? !isEqual(referenceContent, options.state2Output(state)) : false,
     state: state,
     setState: setState,
     updateReferenceContent: updateReferenceContent,

package/lib/common/useSaveState.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { type JSX, type ReactNode } from "react";
 interface SaveStateOptions<TData> {
     hasChanges: boolean;
     saveConflict: {

package/lib/common/useSaveState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveState.d.ts","sourceRoot":"","sources":["../../src/common/useSaveState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGnF,UAAU,gBAAgB,CAAC,KAAK;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;QACnB,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;KAC7C,CAAC;IACF,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,IAAI,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,kBAAkB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,sBAAsB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjD;AACD,UAAU,eAAe;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,eAAe,CAsDrF"}
+{"version":3,"file":"useSaveState.d.ts","sourceRoot":"","sources":["../../src/common/useSaveState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,GAAG,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAG7F,UAAU,gBAAgB,CAAC,KAAK;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;QACnB,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;KAC7C,CAAC;IACF,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,IAAI,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,kBAAkB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,sBAAsB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjD;AACD,UAAU,eAAe;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,eAAe,CAsDrF"}

package/lib/common/useSaveState.js

@@ -1,14 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSaveState = useSaveState;
-var _admin = require("@comet/admin");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -24,16 +14,20 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function useSaveState(options) {
-  var _useState = (0, _react.useState)(false),
+import { messages, SaveButton } from "@comet/admin";
+import { useCallback, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function useSaveState(options) {
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     saving = _useState2[0],
     setSaving = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     saveError = _useState4[0],
     setSaveError = _useState4[1];
-  var handleSaveClick = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+  var handleSaveClick = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var canNavigate,
       isValid,
       hasSaveConflict,
@@ -102,7 +96,7 @@ function useSaveState(options) {
       }
     }, _callee, null, [[4, 6, 7, 8]]);
   })), [options]);
-  var saveButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(SaveStateSaveButton, {
+  var saveButton = /*#__PURE__*/_jsx(SaveStateSaveButton, {
     hasChanges: options.hasChanges,
     handleSaveClick: handleSaveClick,
     saveError: saveError,
@@ -123,9 +117,9 @@ function SaveStateSaveButton(_ref2) {
   var saveButtonProps = {
     loading: loading,
     hasErrors: !!saveError,
-    tooltipErrorMessage: saveError == "invalid" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.invalidData)) : saveError == "conflict" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _admin.messages.saveConflict)) : undefined
+    tooltipErrorMessage: saveError == "invalid" ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.invalidData)) : saveError == "conflict" ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.saveConflict)) : undefined
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.SaveButton, _objectSpread({
+  return /*#__PURE__*/_jsx(SaveButton, _objectSpread({
     disabled: !hasChanges,
     onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
       return _regenerator().w(function (_context2) {

package/lib/config/CometConfigContext.js

@@ -1,15 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CometConfigProvider = CometConfigProvider;
-exports.useCometConfig = useCometConfig;
-var _react = require("react");
-var _BlocksConfigContext = require("../blocks/config/BlocksConfigContext");
-var _BlockContextProvider = require("../blocks/context/BlockContextProvider");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"],
   _excluded2 = ["context"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -19,8 +8,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var CometConfigContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-function CometConfigProvider(_ref) {
+import { createContext, useContext } from "react";
+import { BlocksConfigProvider } from "../blocks/config/BlocksConfigContext";
+import { BlockContextProvider } from "../blocks/context/BlockContextProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var CometConfigContext = /*#__PURE__*/createContext(undefined);
+export function CometConfigProvider(_ref) {
   var _config$blocks;
   var children = _ref.children,
     config = _objectWithoutProperties(_ref, _excluded);
@@ -28,18 +21,18 @@ function CometConfigProvider(_ref) {
     _ref2$context = _ref2.context,
     blockContext = _ref2$context === void 0 ? {} : _ref2$context,
     blocksConfig = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CometConfigContext.Provider, {
+  return /*#__PURE__*/_jsx(CometConfigContext.Provider, {
     value: config,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockContextProvider.BlockContextProvider, {
+    children: /*#__PURE__*/_jsx(BlockContextProvider, {
       value: blockContext,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksConfigContext.BlocksConfigProvider, _objectSpread(_objectSpread({}, blocksConfig), {}, {
+      children: /*#__PURE__*/_jsx(BlocksConfigProvider, _objectSpread(_objectSpread({}, blocksConfig), {}, {
         children: children
       }))
     })
   });
 }
-function useCometConfig() {
-  var context = (0, _react.useContext)(CometConfigContext);
+export function useCometConfig() {
+  var context = useContext(CometConfigContext);
   if (!context) {
     throw new Error("No CometConfigContext instance can be found. Please ensure that you have called `CometConfigProvider` higher up in your tree.");
   }

package/lib/contentLanguage/contentLanguageConfig.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentLanguageConfig = useContentLanguageConfig;
-var _CometConfigContext = require("../config/CometConfigContext");
-function useContentLanguageConfig() {
-  var cometConfig = (0, _CometConfigContext.useCometConfig)();
+import { useCometConfig } from "../config/CometConfigContext";
+export function useContentLanguageConfig() {
+  var cometConfig = useCometConfig();
   if (!cometConfig.contentLanguage) {
     return {
       resolveContentLanguageForScope: function resolveContentLanguageForScope() {

package/lib/contentLanguage/useContentLanguage.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentLanguage = useContentLanguage;
-var _contentLanguageConfig = require("./contentLanguageConfig");
-function useContentLanguage(_ref) {
+import { useContentLanguageConfig } from "./contentLanguageConfig";
+export function useContentLanguage(_ref) {
   var scope = _ref.scope;
-  var _useContentLanguageCo = (0, _contentLanguageConfig.useContentLanguageConfig)(),
+  var _useContentLanguageCo = useContentLanguageConfig(),
     resolveContentLanguageForScope = _useContentLanguageCo.resolveContentLanguageForScope;
   return resolveContentLanguageForScope(scope);
 }