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

package/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js

@@ -1,18 +1,13 @@
-"use strict";
+import { plugins } from "@webiny/plugins";
+import { useModel } from "../../ModelProvider";
+import { useModelField } from "../../ModelFieldProvider";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRendererPlugins = void 0;
-var _plugins = require("@webiny/plugins");
-var _ModelProvider = require("../../ModelProvider");
-var _ModelFieldProvider = require("../../ModelFieldProvider");
 /**
  * We want the "hidden" renderer to always be the last one in the list.
  * @param a
  * @param b
  */
-var hiddenLast = function hiddenLast(a, b) {
+const hiddenLast = (a, b) => {
   if (a.renderer.rendererName === "hidden") {
     return 1;
   }
@@ -21,19 +16,19 @@ var hiddenLast = function hiddenLast(a, b) {
   }
   return 0;
 };
-var useRendererPlugins = exports.useRendererPlugins = function useRendererPlugins() {
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  return _plugins.plugins.byType("cms-editor-field-renderer").filter(function (item) {
-    return item.renderer.canUse({
-      field: field,
-      fieldPlugin: fieldPlugin,
-      model: model
-    });
-  }).sort(hiddenLast);
+export const useRendererPlugins = () => {
+  const {
+    model
+  } = useModel();
+  const {
+    field,
+    fieldPlugin
+  } = useModelField();
+  return plugins.byType("cms-editor-field-renderer").filter(item => item.renderer.canUse({
+    field,
+    fieldPlugin,
+    model
+  })).sort(hiddenLast);
 };
 
 //# sourceMappingURL=useRendererPlugins.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_plugins","require","_ModelProvider","_ModelFieldProvider","hiddenLast","a","b","renderer","rendererName","useRendererPlugins","exports","_useModel","useModel","model","_useModelField","useModelField","field","fieldPlugin","plugins","byType","filter","item","canUse","sort"],"sources":["useRendererPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\n\n/**\n * We want the \"hidden\" renderer to always be the last one in the list.\n * @param a\n * @param b\n */\nconst hiddenLast = (a: CmsModelFieldRendererPlugin, b: CmsModelFieldRendererPlugin) => {\n    if (a.renderer.rendererName === \"hidden\") {\n        return 1;\n    }\n\n    if (b.renderer.rendererName === \"hidden\") {\n        return -1;\n    }\n\n    return 0;\n};\n\nexport const useRendererPlugins = () => {\n    const { model } = useModel();\n    const { field, fieldPlugin } = useModelField();\n\n    return plugins\n        .byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin, model }))\n        .sort(hiddenLast);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAA8B,EAAEC,CAA8B,EAAK;EACnF,IAAID,CAAC,CAACE,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC;EACZ;EAEA,IAAIF,CAAC,CAACC,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC,CAAC;EACb;EAEA,OAAO,CAAC;AACZ,CAAC;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACpC,IAAAE,SAAA,GAAkB,IAAAC,uBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAAC,cAAA,GAA+B,IAAAC,iCAAa,EAAC,CAAC;IAAtCC,KAAK,GAAAF,cAAA,CAALE,KAAK;IAAEC,WAAW,GAAAH,cAAA,CAAXG,WAAW;EAE1B,OAAOC,gBAAO,CACTC,MAAM,CAA8B,2BAA2B,CAAC,CAChEC,MAAM,CAAC,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACd,QAAQ,CAACe,MAAM,CAAC;MAAEN,KAAK,EAALA,KAAK;MAAEC,WAAW,EAAXA,WAAW;MAAEJ,KAAK,EAALA;IAAM,CAAC,CAAC;EAAA,EAAC,CACnEU,IAAI,CAACnB,UAAU,CAAC;AACzB,CAAC","ignoreList":[]}
+{"version":3,"names":["plugins","useModel","useModelField","hiddenLast","a","b","renderer","rendererName","useRendererPlugins","model","field","fieldPlugin","byType","filter","item","canUse","sort"],"sources":["useRendererPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\n\n/**\n * We want the \"hidden\" renderer to always be the last one in the list.\n * @param a\n * @param b\n */\nconst hiddenLast = (a: CmsModelFieldRendererPlugin, b: CmsModelFieldRendererPlugin) => {\n    if (a.renderer.rendererName === \"hidden\") {\n        return 1;\n    }\n\n    if (b.renderer.rendererName === \"hidden\") {\n        return -1;\n    }\n\n    return 0;\n};\n\nexport const useRendererPlugins = () => {\n    const { model } = useModel();\n    const { field, fieldPlugin } = useModelField();\n\n    return plugins\n        .byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin, model }))\n        .sort(hiddenLast);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAEzC,SAASC,QAAQ;AACjB,SAASC,aAAa;;AAEtB;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGA,CAACC,CAA8B,EAAEC,CAA8B,KAAK;EACnF,IAAID,CAAC,CAACE,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC;EACZ;EAEA,IAAIF,CAAC,CAACC,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC,CAAC;EACb;EAEA,OAAO,CAAC;AACZ,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAES,KAAK;IAAEC;EAAY,CAAC,GAAGT,aAAa,CAAC,CAAC;EAE9C,OAAOF,OAAO,CACTY,MAAM,CAA8B,2BAA2B,CAAC,CAChEC,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACR,QAAQ,CAACS,MAAM,CAAC;IAAEL,KAAK;IAAEC,WAAW;IAAEF;EAAM,CAAC,CAAC,CAAC,CACnEO,IAAI,CAACb,UAAU,CAAC;AACzB,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog.js

@@ -1,54 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-var _Dialog = require("../Dialog");
-var _form = require("@webiny/form");
-var _Tabs = require("@webiny/ui/Tabs");
-var _i18n = require("@webiny/app/i18n");
-var _GeneralTab = _interopRequireDefault(require("./EditFieldDialog/GeneralTab"));
-var _AppearanceTab = _interopRequireDefault(require("./EditFieldDialog/AppearanceTab"));
-var _PredefinedValues = _interopRequireDefault(require("./EditFieldDialog/PredefinedValues"));
-var _ValidatorsList = require("./EditFieldDialog/ValidatorsList");
-var _Button = require("@webiny/ui/Button");
-var _hooks = require("../../hooks");
-var _ModelFieldProvider = require("../ModelFieldProvider");
-var _ValidationsSection = require("./EditFieldDialog/ValidationsSection");
-var _getValidators = require("./EditFieldDialog/getValidators");
-var _useRendererPlugins3 = require("./EditFieldDialog/useRendererPlugins");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 t = _i18n.i18n.namespace("app-headless-cms/admin/components/editor");
-var FullScreenDialog = /*#__PURE__*/(0, _base.default)(_Dialog.Dialog, process.env.NODE_ENV === "production" ? {
-  target: "eoy63ui0"
-} : {
-  target: "eoy63ui0",
-  label: "FullScreenDialog"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1qynhxr",
-  styles: "width:100vw;height:100vh;.mdc-dialog__surface{width:100%;max-width:100%!important;max-height:100%!important;.webiny-ui-dialog__content{max-width:100%!important;max-height:100%!important;width:100vw;height:calc(100vh - 155px);overflow:scroll!important;}}"
-} : {
-  name: "1qynhxr",
-  styles: "width:100vw;height:100vh;.mdc-dialog__surface{width:100%;max-width:100%!important;max-height:100%!important;.webiny-ui-dialog__content{max-width:100%!important;max-height:100%!important;width:100vw;height:calc(100vh - 155px);overflow:scroll!important;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRGaWVsZERpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QyIsImZpbGUiOiJFZGl0RmllbGREaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xvbmVEZWVwIGZyb20gXCJsb2Rhc2gvY2xvbmVEZWVwXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZywgRGlhbG9nQ29udGVudCwgRGlhbG9nVGl0bGUsIERpYWxvZ0FjdGlvbnMgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0RpYWxvZ1wiO1xuaW1wb3J0IHsgRm9ybSwgRm9ybU9uU3VibWl0IH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgVGFicywgVGFiIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVGFic1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDbXNFZGl0b3JDb250ZW50TW9kZWwsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IEdlbmVyYWxUYWIgZnJvbSBcIi4vRWRpdEZpZWxkRGlhbG9nL0dlbmVyYWxUYWJcIjtcbmltcG9ydCBBcHBlYXJhbmNlVGFiIGZyb20gXCIuL0VkaXRGaWVsZERpYWxvZy9BcHBlYXJhbmNlVGFiXCI7XG5pbXBvcnQgUHJlZGVmaW5lZFZhbHVlcyBmcm9tIFwiLi9FZGl0RmllbGREaWFsb2cvUHJlZGVmaW5lZFZhbHVlc1wiO1xuaW1wb3J0IHsgVmFsaWRhdG9yc0xpc3QgfSBmcm9tIFwiLi9FZGl0RmllbGREaWFsb2cvVmFsaWRhdG9yc0xpc3RcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEJ1dHRvblByaW1hcnkgfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHVzZU1vZGVsRmllbGQsIHVzZU1vZGVsRWRpdG9yIH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcbmltcG9ydCB7IE1vZGVsRmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxGaWVsZFByb3ZpZGVyXCI7XG5pbXBvcnQgeyBWYWxpZGF0aW9uc1NlY3Rpb24gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0ZpZWxkRWRpdG9yL0VkaXRGaWVsZERpYWxvZy9WYWxpZGF0aW9uc1NlY3Rpb25cIjtcbmltcG9ydCB7IGdldEZpZWxkVmFsaWRhdG9ycywgZ2V0TGlzdFZhbGlkYXRvcnMgfSBmcm9tIFwiLi9FZGl0RmllbGREaWFsb2cvZ2V0VmFsaWRhdG9yc1wiO1xuaW1wb3J0IHsgdXNlUmVuZGVyZXJQbHVnaW5zIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9GaWVsZEVkaXRvci9FZGl0RmllbGREaWFsb2cvdXNlUmVuZGVyZXJQbHVnaW5zXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5hbWVzcGFjZShcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vY29tcG9uZW50cy9lZGl0b3JcIik7XG5cbmNvbnN0IEZ1bGxTY3JlZW5EaWFsb2cgPSBzdHlsZWQoRGlhbG9nKWBcbiAgICB3aWR0aDogMTAwdnc7XG4gICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgbWF4LWhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgICAud2ViaW55LXVpLWRpYWxvZ19fY29udGVudCB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDE1NXB4KTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBzY3JvbGwgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmZ1bmN0aW9uIHNldHVwU3RhdGUoZmllbGQ6IENtc01vZGVsRmllbGQsIGNvbnRlbnRNb2RlbDogQ21zRWRpdG9yQ29udGVudE1vZGVsKTogRWRpdEZpZWxkU3RhdGUge1xuICAgIGNvbnN0IGNsb25lZEZpZWxkID0gY2xvbmVEZWVwKGZpZWxkKTtcblxuICAgIGlmICghY2xvbmVkRmllbGQucmVuZGVyZXIgfHwgIWNsb25lZEZpZWxkLnJlbmRlcmVyLm5hbWUpIHtcbiAgICAgICAgY29uc3QgW3JlbmRlclBsdWdpbl0gPSB1c2VSZW5kZXJlclBsdWdpbnMoKTtcblxuICAgICAgICBpZiAocmVuZGVyUGx1Z2luKSB7XG4gICAgICAgICAgICBjbG9uZWRGaWVsZC5yZW5kZXJlciA9IHsgbmFtZTogcmVuZGVyUGx1Z2luLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSB9O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgc2hhZG93RmllbGQ6IGNsb25lZEZpZWxkLFxuICAgICAgICBpc1RpdGxlRmllbGQ6IGNvbnRlbnRNb2RlbC50aXRsZUZpZWxkSWQgPT09IGZpZWxkLmZpZWxkSWRcbiAgICB9O1xufVxuXG5pbnRlcmZhY2UgRWRpdEZpZWxkU3RhdGUge1xuICAgIHNoYWRvd0ZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIGlzVGl0bGVGaWVsZDogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIEVkaXRGaWVsZERpYWxvZ1Byb3BzIHtcbiAgICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICAgIG9uU3VibWl0OiBGb3JtT25TdWJtaXQ8Q21zTW9kZWxGaWVsZD47XG59XG5cbmNvbnN0IEVkaXRGaWVsZERpYWxvZyA9IChwcm9wczogRWRpdEZpZWxkRGlhbG9nUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGZpZWxkLCBmaWVsZFBsdWdpbiB9ID0gdXNlTW9kZWxGaWVsZCgpO1xuICAgIGNvbnN0IHsgZGF0YTogY29udGVudE1vZGVsLCBzZXREYXRhOiBzZXRDb250ZW50TW9kZWxEYXRhIH0gPSB1c2VNb2RlbEVkaXRvcigpO1xuICAgIGNvbnN0IFt7IHNoYWRvd0ZpZWxkLCBpc1RpdGxlRmllbGQgfV0gPSB1c2VTdGF0ZShzZXR1cFN0YXRlKGZpZWxkLCBjb250ZW50TW9kZWwpKTtcblxuICAgIGNvbnN0IGhlYWRlclRpdGxlID0gdGBGaWVsZCBTZXR0aW5ncyAtIHtmaWVsZFR5cGVMYWJlbH1gKHtcbiAgICAgICAgZmllbGRUeXBlTGFiZWw6IGZpZWxkUGx1Z2luLmZpZWxkLmxhYmVsXG4gICAgfSk7XG5cbiAgICBjb25zdCBvblN1Ym1pdDogRm9ybU9uU3VibWl0PENtc01vZGVsRmllbGQ+ID0gKGRhdGEsIGZvcm0pID0+IHtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIEluIGNhc2UgdGl0bGUgZmllbGQgYGZpZWxkSWRgIGNoYW5nZWQsIHdlIG5lZWQgdG8gdXBkYXRlIHRoZSB0aXRsZSBmaWVsZCBvbiB0aGUgbW9kZWwgaXRzZWxmLlxuICAgICAgICAgKi9cbiAgICAgICAgaWYgKGlzVGl0bGVGaWVsZCAmJiBjb250ZW50TW9kZWwudGl0bGVGaWVsZElkICE9PSBkYXRhLmZpZWxkSWQpIHtcbiAgICAgICAgICAgIHNldENvbnRlbnRNb2RlbERhdGEocHJldiA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgLi4ucHJldixcbiAgICAgICAgICAgICAgICAgICAgdGl0bGVGaWVsZElkOiBkYXRhLmZpZWxkSWRcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICBwcm9wcy5vblN1Ym1pdChkYXRhLCBmb3JtKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZ1bGxTY3JlZW5EaWFsb2dcbiAgICAgICAgICAgIHByZXZlbnRPdXRzaWRlRGlzbWlzc1xuICAgICAgICAgICAgb3Blbj17dHJ1ZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJjbXMtZWRpdG9yLWVkaXQtZmllbGRzLWRpYWxvZ1wifVxuICAgICAgICA+XG4gICAgICAgICAgICA8RGlhbG9nVGl0bGU+e2hlYWRlclRpdGxlfTwvRGlhbG9nVGl0bGU+XG4gICAgICAgICAgICA8Rm9ybTxDbXNNb2RlbEZpZWxkPiBkYXRhPXtzaGFkb3dGaWVsZH0gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgICAgICAgICAgICB7KHsgZGF0YTogc2hhZG93RmllbGQsIHN1Ym1pdCB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGluZGl2aWR1YWxWYWxpZGF0aW9uID0gZ2V0RmllbGRWYWxpZGF0b3JzKHNoYWRvd0ZpZWxkLCBmaWVsZFBsdWdpbik7XG5cbiAgICAgICAgICAgICAgICAgICAgY29uc3QgaGFzVmFsaWRhdG9ycyA9IGluZGl2aWR1YWxWYWxpZGF0aW9uLnZhbGlkYXRvcnMubGVuZ3RoID4gMDtcblxuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93VmFsaWRhdG9yc1RhYiA9XG4gICAgICAgICAgICAgICAgICAgICAgICBzaGFkb3dGaWVsZC5tdWx0aXBsZVZhbHVlcyB8fCBpbmRpdmlkdWFsVmFsaWRhdGlvbi52YWxpZGF0b3JzLmxlbmd0aCA+IDA7XG5cbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcHJlZGVmaW5lZFZhbHVlc1RhYkVuYWJsZWQgPVxuICAgICAgICAgICAgICAgICAgICAgICAgZmllbGRQbHVnaW4uZmllbGQuYWxsb3dQcmVkZWZpbmVkVmFsdWVzICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBzaGFkb3dGaWVsZC5wcmVkZWZpbmVkVmFsdWVzICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBzaGFkb3dGaWVsZC5wcmVkZWZpbmVkVmFsdWVzLmVuYWJsZWQ7XG5cbiAgICAgICAgICAgICAgICAgICAgY29uc3QgbGlzdFZhbGlkYXRpb24gPSBnZXRMaXN0VmFsaWRhdG9ycyhzaGFkb3dGaWVsZCwgZmllbGRQbHVnaW4pO1xuXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgICAgICAgICAqIFdlJ3JlIHVzaW5nIHRoZSBgc2hhZG93RmllbGRgIGFzIHRoZSBuZXcgY29udGV4dCwgYmVjYXVzZSB3ZSB3YW50IGFsbCBjaGFuZ2VzIGJ5IGZvcm0gaW5wdXRzXG4gICAgICAgICAgICAgICAgICAgICAgICAgKiB0byBpbW1lZGlhdGVseSBiZSBwcm9wYWdhdGVkIHRvIGFsbCBkaWFsb2cgY29tcG9uZW50cy5cbiAgICAgICAgICAgICAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgICAgICAgICAgICAgPE1vZGVsRmllbGRQcm92aWRlciBmaWVsZD17c2hhZG93RmllbGR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGFicz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWIgbGFiZWw9e3RgR2VuZXJhbGB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHZW5lcmFsVGFiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17dGBQcmVkZWZpbmVkIFZhbHVlc2B9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFwcmVkZWZpbmVkVmFsdWVzVGFiRW5hYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cHJlZGVmaW5lZFZhbHVlc1RhYkVuYWJsZWQgJiYgPFByZWRlZmluZWRWYWx1ZXMgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRhYlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZpc2libGU9e3Nob3dWYWxpZGF0b3JzVGFifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIlZhbGlkYXRvcnNcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJjbXMuZWRpdG9yLmZpZWxkLnRhYnMudmFsaWRhdG9yc1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaGFkb3dGaWVsZC5tdWx0aXBsZVZhbHVlcyA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0aW9uc1NlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3JzPXtsaXN0VmFsaWRhdGlvbi52YWxpZGF0b3JzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkS2V5PXtcImxpc3RWYWxpZGF0b3JzXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsaXN0VmFsaWRhdGlvbi50aXRsZSB8fCBcIkxpc3QgdmFsaWRhdG9yc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGlzdFZhbGlkYXRpb24uZGVzY3JpcHRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJUaGVzZSB2YWxpZGF0b3JzIGFyZSBhcHBsaWVkIHRvIHRoZSBlbnRpcmUgbGlzdCBvZiB2YWx1ZXMuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aGFzVmFsaWRhdG9ycyA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VmFsaWRhdGlvbnNTZWN0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkS2V5PXtcInZhbGlkYXRvcnNcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdG9ycz17aW5kaXZpZHVhbFZhbGlkYXRpb24udmFsaWRhdG9yc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kaXZpZHVhbFZhbGlkYXRpb24udGl0bGUgfHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiSW5kaXZpZHVhbCB2YWx1ZSB2YWxpZGF0b3JzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRpdmlkdWFsVmFsaWRhdGlvbi5kZXNjcmlwdGlvbiB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJUaGVzZSB2YWxpZGF0b3JzIGFyZSBhcHBsaWVkIHRvIGVhY2ggdmFsdWUgaW4gdGhlIGxpc3QuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IXNoYWRvd0ZpZWxkLm11bHRpcGxlVmFsdWVzICYmIGhhc1ZhbGlkYXRvcnMgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0b3JzTGlzdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17XCJ2YWxpZGF0aW9uXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3JzPXtpbmRpdmlkdWFsVmFsaWRhdGlvbi52YWxpZGF0b3JzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGFiIGxhYmVsPXt0YEFwcGVhcmFuY2VgfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QXBwZWFyYW5jZVRhYiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERpYWxvZ0FjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25EZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNtcy5lZGl0b3IuZmllbGQuc2V0dGluZ3MuY2FuY2VsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBDYW5jZWxgfTwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY21zLmVkaXRvci5maWVsZC5zZXR0aW5ncy5zYXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3N1Ym1pdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPnt0YFNhdmUgRmllbGRgfTwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01vZGVsRmllbGRQcm92aWRlcj5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9Gb3JtPlxuICAgICAgICA8L0Z1bGxTY3JlZW5EaWFsb2c+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEVkaXRGaWVsZERpYWxvZztcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import React, { useState } from "react";
+import cloneDeep from "lodash/cloneDeep";
+import { Dialog, Tabs } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { i18n } from "@webiny/app/i18n";
+import GeneralTab from "./EditFieldDialog/GeneralTab";
+import AppearanceTab from "./EditFieldDialog/AppearanceTab";
+import PredefinedValues from "./EditFieldDialog/PredefinedValues";
+import { ValidationTab } from "./EditFieldDialog/ValidationTab";
+import { useModelField, useModelEditor } from "../../hooks";
+import { ModelFieldProvider } from "../ModelFieldProvider";
+import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins";
+import { getFieldValidators } from "./EditFieldDialog/getValidators";
+const t = i18n.namespace("app-headless-cms/admin/components/editor");
 function setupState(field, contentModel) {
-  var clonedField = (0, _cloneDeep.default)(field);
+  const clonedField = cloneDeep(field);
   if (!clonedField.renderer || !clonedField.renderer.name) {
-    var _useRendererPlugins = (0, _useRendererPlugins3.useRendererPlugins)(),
-      _useRendererPlugins2 = (0, _slicedToArray2.default)(_useRendererPlugins, 1),
-      renderPlugin = _useRendererPlugins2[0];
+    const [renderPlugin] = useRendererPlugins();
     if (renderPlugin) {
       clonedField.renderer = {
         name: renderPlugin.renderer.rendererName
@@ -60,92 +27,104 @@ function setupState(field, contentModel) {
     isTitleField: contentModel.titleFieldId === field.fieldId
   };
 }
-var EditFieldDialog = function EditFieldDialog(props) {
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    contentModel = _useModelEditor.data,
-    setContentModelData = _useModelEditor.setData;
-  var _useState = (0, _react.useState)(setupState(field, contentModel)),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    _useState2$ = _useState2[0],
-    shadowField = _useState2$.shadowField,
-    isTitleField = _useState2$.isTitleField;
-  var headerTitle = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Field Settings - {fieldTypeLabel}"])))({
+const EditFieldDialog = props => {
+  const {
+    field,
+    fieldPlugin
+  } = useModelField();
+  const {
+    data: contentModel,
+    setData: setContentModelData
+  } = useModelEditor();
+  const [{
+    shadowField,
+    isTitleField
+  }] = useState(setupState(field, contentModel));
+  const headerTitle = t`Field Settings - {fieldTypeLabel}`({
     fieldTypeLabel: fieldPlugin.field.label
   });
-  var onSubmit = function onSubmit(data, form) {
+  const onSubmit = (data, form) => {
     /**
      * In case title field `fieldId` changed, we need to update the title field on the model itself.
      */
     if (isTitleField && contentModel.titleFieldId !== data.fieldId) {
-      setContentModelData(function (prev) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+      setContentModelData(prev => {
+        return {
+          ...prev,
           titleFieldId: data.fieldId
-        });
+        };
       });
     }
     props.onSubmit(data, form);
   };
-  return /*#__PURE__*/_react.default.createElement(FullScreenDialog, {
-    preventOutsideDismiss: true,
-    open: true,
-    onClose: props.onClose,
-    "data-testid": "cms-editor-edit-fields-dialog"
-  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, headerTitle), /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: shadowField,
-    onSubmit: onSubmit
-  }, function (_ref) {
-    var shadowField = _ref.data,
-      submit = _ref.submit;
-    var individualValidation = (0, _getValidators.getFieldValidators)(shadowField, fieldPlugin);
-    var hasValidators = individualValidation.validators.length > 0;
-    var showValidatorsTab = shadowField.multipleValues || individualValidation.validators.length > 0;
-    var predefinedValuesTabEnabled = fieldPlugin.field.allowPredefinedValues && shadowField.predefinedValues && shadowField.predefinedValues.enabled;
-    var listValidation = (0, _getValidators.getListValidators)(shadowField, fieldPlugin);
-    return (
-      /*#__PURE__*/
-      /**
-       * We're using the `shadowField` as the new context, because we want all changes by form inputs
-       * to immediately be propagated to all dialog components.
-       */
-      _react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
+  return (
+    /*#__PURE__*/
+    /**
+     * We're using the `shadowField` as the new context, because we want all changes by form inputs
+     * to immediately be propagated to all dialog components.
+     */
+    React.createElement(Form, {
+      data: shadowField,
+      onSubmit: onSubmit
+    }, ({
+      data: shadowField,
+      submit
+    }) => {
+      const predefinedValuesTabEnabled = fieldPlugin.field.allowPredefinedValues && shadowField.predefinedValues && shadowField.predefinedValues.enabled;
+      const individualValidation = getFieldValidators(shadowField, fieldPlugin);
+      const showValidatorsTab = shadowField.multipleValues || individualValidation.validators.length > 0;
+      return /*#__PURE__*/React.createElement(Dialog, {
+        size: "full",
+        title: headerTitle,
+        open: true,
+        modal: true,
+        onClose: props.onClose,
+        bodyPadding: false,
+        actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+          text: t`Cancel`,
+          onClick: props.onClose,
+          "data-testid": "cms.editor.field.settings.cancel"
+        }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+          text: t`Save Field`,
+          onClick: submit,
+          "data-testid": "cms.editor.field.settings.save"
+        })),
+        "data-testid": "cms-editor-edit-fields-dialog"
+      }, /*#__PURE__*/React.createElement(ModelFieldProvider, {
         field: shadowField
-      }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, null, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-        label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["General"])))
-      }, /*#__PURE__*/_react.default.createElement(_GeneralTab.default, null)), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-        label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Predefined Values"]))),
-        disabled: !predefinedValuesTabEnabled
-      }, predefinedValuesTabEnabled && /*#__PURE__*/_react.default.createElement(_PredefinedValues.default, null)), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-        visible: showValidatorsTab,
-        label: "Validators",
-        "data-testid": "cms.editor.field.tabs.validators"
-      }, shadowField.multipleValues ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ValidationsSection.ValidationsSection, {
-        validators: listValidation.validators,
-        fieldKey: "listValidators",
-        title: listValidation.title || "List validators",
-        description: listValidation.description || "These validators are applied to the entire list of values."
-      }), hasValidators ? /*#__PURE__*/_react.default.createElement(_ValidationsSection.ValidationsSection, {
-        fieldKey: "validators",
-        validators: individualValidation.validators,
-        title: individualValidation.title || "Individual value validators",
-        description: individualValidation.description || "These validators are applied to each value in the list."
-      }) : null) : null, !shadowField.multipleValues && hasValidators ? /*#__PURE__*/_react.default.createElement(_ValidatorsList.ValidatorsList, {
-        name: "validation",
-        validators: individualValidation.validators
-      }) : null), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Appearance"])))
-      }, /*#__PURE__*/_react.default.createElement(_AppearanceTab.default, null)))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        "data-testid": "cms.editor.field.settings.cancel",
-        onClick: props.onClose
-      }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-        "data-testid": "cms.editor.field.settings.save",
-        onClick: submit
-      }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Save Field"]))))))
-    );
-  }));
+      }, /*#__PURE__*/React.createElement(Tabs, {
+        spacing: "lg",
+        size: "md",
+        separator: true,
+        tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
+          key: "general",
+          trigger: t`General`,
+          value: "general",
+          content: /*#__PURE__*/React.createElement(GeneralTab, null)
+        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+          key: "predefined",
+          trigger: t`Predefined values`,
+          value: "predefined",
+          disabled: !predefinedValuesTabEnabled,
+          content: /*#__PURE__*/React.createElement(PredefinedValues, null)
+        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+          key: "validations",
+          trigger: t`Validations`,
+          value: "validations",
+          content: /*#__PURE__*/React.createElement(ValidationTab, {
+            field: shadowField
+          }),
+          visible: showValidatorsTab
+        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+          key: "appearance",
+          trigger: t`Appearance`,
+          value: "Appearance",
+          content: /*#__PURE__*/React.createElement(AppearanceTab, null)
+        })]
+      })));
+    })
+  );
 };
-var _default = exports.default = EditFieldDialog;
+export default EditFieldDialog;
 
 //# sourceMappingURL=EditFieldDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_cloneDeep","_interopRequireDefault","_Dialog","_form","_Tabs","_i18n","_GeneralTab","_AppearanceTab","_PredefinedValues","_ValidatorsList","_Button","_hooks","_ModelFieldProvider","_ValidationsSection","_getValidators","_useRendererPlugins3","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","namespace","FullScreenDialog","_base","default","Dialog","process","env","NODE_ENV","target","label","name","styles","map","toString","setupState","field","contentModel","clonedField","cloneDeep","renderer","_useRendererPlugins","useRendererPlugins","_useRendererPlugins2","_slicedToArray2","renderPlugin","rendererName","shadowField","isTitleField","titleFieldId","fieldId","EditFieldDialog","props","_useModelField","useModelField","fieldPlugin","_useModelEditor","useModelEditor","data","setContentModelData","setData","_useState","useState","_useState2","_useState2$","headerTitle","_taggedTemplateLiteral2","fieldTypeLabel","onSubmit","form","prev","_objectSpread2","createElement","preventOutsideDismiss","open","onClose","DialogTitle","Form","_ref","submit","individualValidation","getFieldValidators","hasValidators","validators","length","showValidatorsTab","multipleValues","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","listValidation","getListValidators","ModelFieldProvider","DialogContent","Tabs","Tab","disabled","visible","Fragment","ValidationsSection","fieldKey","title","description","ValidatorsList","DialogActions","ButtonDefault","onClick","ButtonPrimary","_default","exports"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport styled from \"@emotion/styled\";\nimport { Dialog, DialogContent, DialogTitle, DialogActions } from \"~/admin/components/Dialog\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { Tabs, Tab } from \"@webiny/ui/Tabs\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentModel, CmsModelField } from \"~/types\";\nimport GeneralTab from \"./EditFieldDialog/GeneralTab\";\nimport AppearanceTab from \"./EditFieldDialog/AppearanceTab\";\nimport PredefinedValues from \"./EditFieldDialog/PredefinedValues\";\nimport { ValidatorsList } from \"./EditFieldDialog/ValidatorsList\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useModelField, useModelEditor } from \"~/admin/hooks\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { ValidationsSection } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationsSection\";\nimport { getFieldValidators, getListValidators } from \"./EditFieldDialog/getValidators\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nconst FullScreenDialog = styled(Dialog)`\n    width: 100vw;\n    height: 100vh;\n    .mdc-dialog__surface {\n        width: 100%;\n        max-width: 100% !important;\n        max-height: 100% !important;\n        .webiny-ui-dialog__content {\n            max-width: 100% !important;\n            max-height: 100% !important;\n            width: 100vw;\n            height: calc(100vh - 155px);\n            overflow: scroll !important;\n        }\n    }\n`;\n\nfunction setupState(field: CmsModelField, contentModel: CmsEditorContentModel): EditFieldState {\n    const clonedField = cloneDeep(field);\n\n    if (!clonedField.renderer || !clonedField.renderer.name) {\n        const [renderPlugin] = useRendererPlugins();\n\n        if (renderPlugin) {\n            clonedField.renderer = { name: renderPlugin.renderer.rendererName };\n        }\n    }\n\n    return {\n        shadowField: clonedField,\n        isTitleField: contentModel.titleFieldId === field.fieldId\n    };\n}\n\ninterface EditFieldState {\n    shadowField: CmsModelField;\n    isTitleField: boolean;\n}\n\ninterface EditFieldDialogProps {\n    onClose: () => void;\n    onSubmit: FormOnSubmit<CmsModelField>;\n}\n\nconst EditFieldDialog = (props: EditFieldDialogProps) => {\n    const { field, fieldPlugin } = useModelField();\n    const { data: contentModel, setData: setContentModelData } = useModelEditor();\n    const [{ shadowField, isTitleField }] = useState(setupState(field, contentModel));\n\n    const headerTitle = t`Field Settings - {fieldTypeLabel}`({\n        fieldTypeLabel: fieldPlugin.field.label\n    });\n\n    const onSubmit: FormOnSubmit<CmsModelField> = (data, form) => {\n        /**\n         * In case title field `fieldId` changed, we need to update the title field on the model itself.\n         */\n        if (isTitleField && contentModel.titleFieldId !== data.fieldId) {\n            setContentModelData(prev => {\n                return {\n                    ...prev,\n                    titleFieldId: data.fieldId\n                };\n            });\n        }\n\n        props.onSubmit(data, form);\n    };\n\n    return (\n        <FullScreenDialog\n            preventOutsideDismiss\n            open={true}\n            onClose={props.onClose}\n            data-testid={\"cms-editor-edit-fields-dialog\"}\n        >\n            <DialogTitle>{headerTitle}</DialogTitle>\n            <Form<CmsModelField> data={shadowField} onSubmit={onSubmit}>\n                {({ data: shadowField, submit }) => {\n                    const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n\n                    const hasValidators = individualValidation.validators.length > 0;\n\n                    const showValidatorsTab =\n                        shadowField.multipleValues || individualValidation.validators.length > 0;\n\n                    const predefinedValuesTabEnabled =\n                        fieldPlugin.field.allowPredefinedValues &&\n                        shadowField.predefinedValues &&\n                        shadowField.predefinedValues.enabled;\n\n                    const listValidation = getListValidators(shadowField, fieldPlugin);\n\n                    return (\n                        /**\n                         * We're using the `shadowField` as the new context, because we want all changes by form inputs\n                         * to immediately be propagated to all dialog components.\n                         */\n                        <ModelFieldProvider field={shadowField}>\n                            <DialogContent>\n                                <Tabs>\n                                    <Tab label={t`General`}>\n                                        <GeneralTab />\n                                    </Tab>\n                                    <Tab\n                                        label={t`Predefined Values`}\n                                        disabled={!predefinedValuesTabEnabled}\n                                    >\n                                        {predefinedValuesTabEnabled && <PredefinedValues />}\n                                    </Tab>\n\n                                    <Tab\n                                        visible={showValidatorsTab}\n                                        label={\"Validators\"}\n                                        data-testid={\"cms.editor.field.tabs.validators\"}\n                                    >\n                                        {shadowField.multipleValues ? (\n                                            <>\n                                                <ValidationsSection\n                                                    validators={listValidation.validators}\n                                                    fieldKey={\"listValidators\"}\n                                                    title={\n                                                        listValidation.title || \"List validators\"\n                                                    }\n                                                    description={\n                                                        listValidation.description ||\n                                                        \"These validators are applied to the entire list of values.\"\n                                                    }\n                                                />\n\n                                                {hasValidators ? (\n                                                    <ValidationsSection\n                                                        fieldKey={\"validators\"}\n                                                        validators={individualValidation.validators}\n                                                        title={\n                                                            individualValidation.title ||\n                                                            \"Individual value validators\"\n                                                        }\n                                                        description={\n                                                            individualValidation.description ||\n                                                            \"These validators are applied to each value in the list.\"\n                                                        }\n                                                    />\n                                                ) : null}\n                                            </>\n                                        ) : null}\n\n                                        {!shadowField.multipleValues && hasValidators ? (\n                                            <ValidatorsList\n                                                name={\"validation\"}\n                                                validators={individualValidation.validators}\n                                            />\n                                        ) : null}\n                                    </Tab>\n                                    <Tab label={t`Appearance`}>\n                                        <AppearanceTab />\n                                    </Tab>\n                                </Tabs>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault\n                                    data-testid=\"cms.editor.field.settings.cancel\"\n                                    onClick={props.onClose}\n                                >{t`Cancel`}</ButtonDefault>\n                                <ButtonPrimary\n                                    data-testid=\"cms.editor.field.settings.save\"\n                                    onClick={submit}\n                                >{t`Save Field`}</ButtonPrimary>\n                            </DialogActions>\n                        </ModelFieldProvider>\n                    );\n                }}\n            </Form>\n        </FullScreenDialog>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","cloneDeep","Dialog","Tabs","Form","i18n","GeneralTab","AppearanceTab","PredefinedValues","ValidationTab","useModelField","useModelEditor","ModelFieldProvider","useRendererPlugins","getFieldValidators","t","namespace","setupState","field","contentModel","clonedField","renderer","name","renderPlugin","rendererName","shadowField","isTitleField","titleFieldId","fieldId","EditFieldDialog","props","fieldPlugin","data","setData","setContentModelData","headerTitle","fieldTypeLabel","label","onSubmit","form","prev","createElement","submit","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","individualValidation","showValidatorsTab","multipleValues","validators","length","size","title","open","modal","onClose","bodyPadding","actions","Fragment","CancelButton","text","onClick","ConfirmButton","spacing","separator","tabs","Tab","key","trigger","value","content","disabled","visible"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Dialog, Tabs } from \"@webiny/admin-ui\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentModel, CmsModelField } from \"~/types\";\nimport GeneralTab from \"./EditFieldDialog/GeneralTab\";\nimport AppearanceTab from \"./EditFieldDialog/AppearanceTab\";\nimport PredefinedValues from \"./EditFieldDialog/PredefinedValues\";\nimport { ValidationTab } from \"./EditFieldDialog/ValidationTab\";\nimport { useModelField, useModelEditor } from \"~/admin/hooks\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nfunction setupState(field: CmsModelField, contentModel: CmsEditorContentModel): EditFieldState {\n    const clonedField = cloneDeep(field);\n\n    if (!clonedField.renderer || !clonedField.renderer.name) {\n        const [renderPlugin] = useRendererPlugins();\n\n        if (renderPlugin) {\n            clonedField.renderer = { name: renderPlugin.renderer.rendererName };\n        }\n    }\n\n    return {\n        shadowField: clonedField,\n        isTitleField: contentModel.titleFieldId === field.fieldId\n    };\n}\n\ninterface EditFieldState {\n    shadowField: CmsModelField;\n    isTitleField: boolean;\n}\n\ninterface EditFieldDialogProps {\n    onClose: () => void;\n    onSubmit: FormOnSubmit<CmsModelField>;\n}\n\nconst EditFieldDialog = (props: EditFieldDialogProps) => {\n    const { field, fieldPlugin } = useModelField();\n    const { data: contentModel, setData: setContentModelData } = useModelEditor();\n    const [{ shadowField, isTitleField }] = useState(setupState(field, contentModel));\n\n    const headerTitle = t`Field Settings - {fieldTypeLabel}`({\n        fieldTypeLabel: fieldPlugin.field.label\n    });\n\n    const onSubmit: FormOnSubmit<CmsModelField> = (data, form) => {\n        /**\n         * In case title field `fieldId` changed, we need to update the title field on the model itself.\n         */\n        if (isTitleField && contentModel.titleFieldId !== data.fieldId) {\n            setContentModelData(prev => {\n                return {\n                    ...prev,\n                    titleFieldId: data.fieldId\n                };\n            });\n        }\n\n        props.onSubmit(data, form);\n    };\n\n    return (\n        /**\n         * We're using the `shadowField` as the new context, because we want all changes by form inputs\n         * to immediately be propagated to all dialog components.\n         */\n        <Form<CmsModelField> data={shadowField} onSubmit={onSubmit}>\n            {({ data: shadowField, submit }) => {\n                const predefinedValuesTabEnabled =\n                    fieldPlugin.field.allowPredefinedValues &&\n                    shadowField.predefinedValues &&\n                    shadowField.predefinedValues.enabled;\n\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.multipleValues || individualValidation.validators.length > 0;\n\n                return (\n                    <Dialog\n                        size={\"full\"}\n                        title={headerTitle}\n                        open={true}\n                        modal={true}\n                        onClose={props.onClose}\n                        bodyPadding={false}\n                        actions={\n                            <>\n                                <Dialog.CancelButton\n                                    text={t`Cancel`}\n                                    onClick={props.onClose}\n                                    data-testid=\"cms.editor.field.settings.cancel\"\n                                />\n                                <Dialog.ConfirmButton\n                                    text={t`Save Field`}\n                                    onClick={submit}\n                                    data-testid=\"cms.editor.field.settings.save\"\n                                />\n                            </>\n                        }\n                        data-testid={\"cms-editor-edit-fields-dialog\"}\n                    >\n                        <ModelFieldProvider field={shadowField}>\n                            <Tabs\n                                spacing={\"lg\"}\n                                size={\"md\"}\n                                separator\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"general\"}\n                                        trigger={t`General`}\n                                        value={\"general\"}\n                                        content={<GeneralTab />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"predefined\"}\n                                        trigger={t`Predefined values`}\n                                        value={\"predefined\"}\n                                        disabled={!predefinedValuesTabEnabled}\n                                        content={<PredefinedValues />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"validations\"}\n                                        trigger={t`Validations`}\n                                        value={\"validations\"}\n                                        content={<ValidationTab field={shadowField} />}\n                                        visible={showValidatorsTab}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"appearance\"}\n                                        trigger={t`Appearance`}\n                                        value={\"Appearance\"}\n                                        content={<AppearanceTab />}\n                                    />\n                                ]}\n                            />\n                        </ModelFieldProvider>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}