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

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

@@ -1 +1 @@
-{"version":3,"names":["_plugins","require","_CmsModelFieldValidatorConfigAdapter","isValidatorDefinition","obj","Array","isArray","isValidatorDefinitionFactory","getValidatorPlugin","name","plugin","plugins","byType","find","validator","Error","concat","getValidatorConfigs","field","validators","configs","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","value","resolvedValidator","push","CmsModelFieldValidatorConfigAdapter","err","e","f","getValidators","_ref","fieldPlugin","key","defaultValidators","title","description","fieldValidators","resolvedValidators","getListValidators","exports","getFieldValidators"],"sources":["getValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport {\n    CmsModelField,\n    CmsEditorFieldTypePlugin,\n    CmsModelFieldValidatorPlugin,\n    CmsModelFieldValidatorsGroup,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorsFactory\n} from \"~/types\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\n\nexport interface Validator {\n    optional: boolean;\n    validator: CmsModelFieldValidatorPlugin[\"validator\"];\n}\n\nconst isValidatorDefinition = (obj: unknown): obj is CmsModelFieldValidatorsGroup => {\n    return obj ? !Array.isArray(obj) : false;\n};\n\nconst isValidatorDefinitionFactory = (obj: unknown): obj is CmsModelFieldValidatorsFactory => {\n    return typeof obj === \"function\";\n};\n\ninterface GetValidatorsParams {\n    field: CmsModelField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    key: \"validators\" | \"listValidators\";\n    defaultValidators: string[];\n}\n\nexport interface ValidationSection {\n    title?: string;\n    description?: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst getValidatorPlugin = (name: string) => {\n    const plugin = plugins\n        .byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\")\n        .find(plugin => plugin.validator.name === name);\n\n    if (!plugin) {\n        throw new Error(`Missing CMS field validator plugin \"${name}\"!`);\n    }\n\n    return plugin.validator as CmsModelFieldValidatorConfig;\n};\n\nconst getValidatorConfigs = (\n    field: CmsModelField,\n    validators: Array<CmsModelFieldValidatorConfig | string>\n) => {\n    const configs: CmsModelFieldValidatorConfigAdapter[] = [];\n\n    for (const validator of validators) {\n        let resolvedValidator;\n        if (typeof validator === \"string\") {\n            resolvedValidator = getValidatorPlugin(validator);\n        } else {\n            resolvedValidator = validator;\n        }\n\n        configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));\n    }\n\n    return configs;\n};\n\nconst getValidators = ({\n    field,\n    fieldPlugin,\n    key,\n    defaultValidators\n}: GetValidatorsParams): ValidationSection => {\n    let title = \"\";\n    let description = \"\";\n    let fieldValidators = fieldPlugin.field[key];\n\n    if (isValidatorDefinitionFactory(fieldValidators)) {\n        fieldValidators = fieldValidators(field);\n    }\n\n    let resolvedValidators: (string | CmsModelFieldValidatorConfig)[] | undefined;\n    if (isValidatorDefinition(fieldValidators)) {\n        title = fieldValidators.title || \"\";\n        description = fieldValidators.description || \"\";\n        resolvedValidators = fieldValidators.validators;\n    } else {\n        resolvedValidators = fieldValidators;\n    }\n\n    const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);\n\n    return {\n        title,\n        description,\n        validators\n    };\n};\n\nexport const getListValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"validators\",\n        defaultValidators: []\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["plugins","CmsModelFieldValidatorConfigAdapter","isValidatorDefinition","obj","Array","isArray","isValidatorDefinitionFactory","getValidatorPlugin","name","plugin","byType","find","validator","Error","getValidatorConfigs","field","validators","configs","resolvedValidator","push","getValidators","fieldPlugin","key","defaultValidators","title","description","fieldValidators","resolvedValidators","getListValidators","getFieldValidators"],"sources":["getValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n    CmsModelField,\n    CmsEditorFieldTypePlugin,\n    CmsModelFieldValidatorPlugin,\n    CmsModelFieldValidatorsGroup,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorsFactory\n} from \"~/types.js\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\n\nexport interface Validator {\n    optional: boolean;\n    validator: CmsModelFieldValidatorPlugin[\"validator\"];\n}\n\nconst isValidatorDefinition = (obj: unknown): obj is CmsModelFieldValidatorsGroup => {\n    return obj ? !Array.isArray(obj) : false;\n};\n\nconst isValidatorDefinitionFactory = (obj: unknown): obj is CmsModelFieldValidatorsFactory => {\n    return typeof obj === \"function\";\n};\n\ninterface GetValidatorsParams {\n    field: CmsModelField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    key: \"validators\" | \"listValidators\";\n    defaultValidators: string[];\n}\n\nexport interface ValidationSection {\n    title?: string;\n    description?: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst getValidatorPlugin = (name: string) => {\n    const plugin = plugins\n        .byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\")\n        .find(plugin => plugin.validator.name === name);\n\n    if (!plugin) {\n        throw new Error(`Missing CMS field validator plugin \"${name}\"!`);\n    }\n\n    return plugin.validator as CmsModelFieldValidatorConfig;\n};\n\nconst getValidatorConfigs = (\n    field: CmsModelField,\n    validators: Array<CmsModelFieldValidatorConfig | string>\n) => {\n    const configs: CmsModelFieldValidatorConfigAdapter[] = [];\n\n    for (const validator of validators) {\n        let resolvedValidator;\n        if (typeof validator === \"string\") {\n            resolvedValidator = getValidatorPlugin(validator);\n        } else {\n            resolvedValidator = validator;\n        }\n\n        configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));\n    }\n\n    return configs;\n};\n\nconst getValidators = ({\n    field,\n    fieldPlugin,\n    key,\n    defaultValidators\n}: GetValidatorsParams): ValidationSection => {\n    let title = \"\";\n    let description = \"\";\n    let fieldValidators = fieldPlugin.field[key];\n\n    if (isValidatorDefinitionFactory(fieldValidators)) {\n        fieldValidators = fieldValidators(field);\n    }\n\n    let resolvedValidators: (string | CmsModelFieldValidatorConfig)[] | undefined;\n    if (isValidatorDefinition(fieldValidators)) {\n        title = fieldValidators.title || \"\";\n        description = fieldValidators.description || \"\";\n        resolvedValidators = fieldValidators.validators;\n    } else {\n        resolvedValidators = fieldValidators;\n    }\n\n    const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);\n\n    return {\n        title,\n        description,\n        validators\n    };\n};\n\nexport const getListValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"validators\",\n        defaultValidators: []\n    });\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AASzC,SAASC,mCAAmC;AAO5C,MAAMC,qBAAqB,GAAIC,GAAY,IAA0C;EACjF,OAAOA,GAAG,GAAG,CAACC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,GAAG,KAAK;AAC5C,CAAC;AAED,MAAMG,4BAA4B,GAAIH,GAAY,IAA4C;EAC1F,OAAO,OAAOA,GAAG,KAAK,UAAU;AACpC,CAAC;AAeD,MAAMI,kBAAkB,GAAIC,IAAY,IAAK;EACzC,MAAMC,MAAM,GAAGT,OAAO,CACjBU,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,SAAS,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAEnD,IAAI,CAACC,MAAM,EAAE;IACT,MAAM,IAAII,KAAK,CAAC,uCAAuCL,IAAI,IAAI,CAAC;EACpE;EAEA,OAAOC,MAAM,CAACG,SAAS;AAC3B,CAAC;AAED,MAAME,mBAAmB,GAAGA,CACxBC,KAAoB,EACpBC,UAAwD,KACvD;EACD,MAAMC,OAA8C,GAAG,EAAE;EAEzD,KAAK,MAAML,SAAS,IAAII,UAAU,EAAE;IAChC,IAAIE,iBAAiB;IACrB,IAAI,OAAON,SAAS,KAAK,QAAQ,EAAE;MAC/BM,iBAAiB,GAAGX,kBAAkB,CAACK,SAAS,CAAC;IACrD,CAAC,MAAM;MACHM,iBAAiB,GAAGN,SAAS;IACjC;IAEAK,OAAO,CAACE,IAAI,CAAC,IAAIlB,mCAAmC,CAACc,KAAK,EAAEG,iBAAiB,CAAC,CAAC;EACnF;EAEA,OAAOD,OAAO;AAClB,CAAC;AAED,MAAMG,aAAa,GAAGA,CAAC;EACnBL,KAAK;EACLM,WAAW;EACXC,GAAG;EACHC;AACiB,CAAC,KAAwB;EAC1C,IAAIC,KAAK,GAAG,EAAE;EACd,IAAIC,WAAW,GAAG,EAAE;EACpB,IAAIC,eAAe,GAAGL,WAAW,CAACN,KAAK,CAACO,GAAG,CAAC;EAE5C,IAAIhB,4BAA4B,CAACoB,eAAe,CAAC,EAAE;IAC/CA,eAAe,GAAGA,eAAe,CAACX,KAAK,CAAC;EAC5C;EAEA,IAAIY,kBAAyE;EAC7E,IAAIzB,qBAAqB,CAACwB,eAAe,CAAC,EAAE;IACxCF,KAAK,GAAGE,eAAe,CAACF,KAAK,IAAI,EAAE;IACnCC,WAAW,GAAGC,eAAe,CAACD,WAAW,IAAI,EAAE;IAC/CE,kBAAkB,GAAGD,eAAe,CAACV,UAAU;EACnD,CAAC,MAAM;IACHW,kBAAkB,GAAGD,eAAe;EACxC;EAEA,MAAMV,UAAU,GAAGF,mBAAmB,CAACC,KAAK,EAAEY,kBAAkB,IAAIJ,iBAAiB,CAAC;EAEtF,OAAO;IACHC,KAAK;IACLC,WAAW;IACXT;EACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMY,iBAAiB,GAAGA,CAACb,KAAoB,EAAEM,WAAqC,KAAK;EAC9F,OAAOD,aAAa,CAAC;IACjBL,KAAK;IACLM,WAAW;IACXC,GAAG,EAAE,gBAAgB;IACrBC,iBAAiB,EAAE,CAAC,WAAW,EAAE,WAAW;EAChD,CAAC,CAAC;AACN,CAAC;AAED,OAAO,MAAMM,kBAAkB,GAAGA,CAACd,KAAoB,EAAEM,WAAqC,KAAK;EAC/F,OAAOD,aAAa,CAAC;IACjBL,KAAK;IACLM,WAAW;IACXC,GAAG,EAAE,YAAY;IACjBC,iBAAiB,EAAE;EACvB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types";
-export declare const useRendererPlugins: () => CmsModelFieldRendererPlugin[];
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const useRendererPlugins: () => import("@webiny/plugins/PluginsContainer").WithName<CmsModelFieldRendererPlugin>[];

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

@@ -1,18 +1,13 @@
-"use strict";
+import { plugins } from "@webiny/plugins";
+import { useModel } from "../../ModelProvider/index.js";
+import { useModelField } from "../../ModelFieldProvider/index.js";
 
-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 type { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\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.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { FormOnSubmit } from "@webiny/form";
-import { CmsModelField } from "../../../types";
+import type { FormOnSubmit } from "@webiny/form";
+import type { CmsModelField } from "../../../types.js";
 interface EditFieldDialogProps {
     onClose: () => void;
     onSubmit: FormOnSubmit<CmsModelField>;

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, { useMemo, useState } from "react";
+import cloneDeep from "lodash/cloneDeep.js";
+import { Dialog, Tabs } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { i18n } from "@webiny/app/i18n/index.js";
+import GeneralTab from "./EditFieldDialog/GeneralTab.js";
+import AppearanceTab from "./EditFieldDialog/AppearanceTab.js";
+import PredefinedValues from "./EditFieldDialog/PredefinedValues.js";
+import { ValidationTab } from "./EditFieldDialog/ValidationTab/index.js";
+import { useModelEditor, useModelField } from "../../hooks/index.js";
+import { ModelFieldProvider } from "../ModelFieldProvider/index.js";
+import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins.js";
+import { getFieldValidators } from "./EditFieldDialog/getValidators.js";
+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,112 @@ 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, {
+  const isSubtypeField = useMemo(() => {
+    if (!field.type) {
+      return false;
+    }
+    const value = field.type.split(":");
+    return value.length > 1;
+  }, [field.type]);
+  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.list || 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.CancelAction, {
+          text: t`Cancel`,
+          onClick: props.onClose,
+          "data-testid": "cms.editor.field.settings.cancel"
+        }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+          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),
+          disabled: isSubtypeField
+        })]
+      })));
+    })
+  );
 };
-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","useMemo","useState","cloneDeep","Dialog","Tabs","Form","i18n","GeneralTab","AppearanceTab","PredefinedValues","ValidationTab","useModelEditor","useModelField","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","isSubtypeField","type","value","split","length","createElement","submit","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","individualValidation","showValidatorsTab","list","validators","size","title","open","modal","onClose","bodyPadding","actions","Fragment","CancelAction","text","onClick","ConfirmAction","spacing","separator","tabs","Tab","key","trigger","content","disabled","visible"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport { Dialog, Tabs } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorContentModel, CmsModelField } from \"~/types.js\";\nimport GeneralTab from \"./EditFieldDialog/GeneralTab.js\";\nimport AppearanceTab from \"./EditFieldDialog/AppearanceTab.js\";\nimport PredefinedValues from \"./EditFieldDialog/PredefinedValues.js\";\nimport { ValidationTab } from \"./EditFieldDialog/ValidationTab/index.js\";\nimport { useModelEditor, useModelField } from \"~/admin/hooks/index.js\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\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    const isSubtypeField = useMemo(() => {\n        if (!field.type) {\n            return false;\n        }\n        const value = field.type.split(\":\");\n        return value.length > 1;\n    }, [field.type]);\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.list || 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.CancelAction\n                                    text={t`Cancel`}\n                                    onClick={props.onClose}\n                                    data-testid=\"cms.editor.field.settings.cancel\"\n                                />\n                                <Dialog.ConfirmAction\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                                        disabled={isSubtypeField}\n                                    />\n                                ]}\n                            />\n                        </ModelFieldProvider>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}

package/admin/components/FieldEditor/Field.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelField } from "../../../types";
+import type { CmsModelField } from "../../../types.js";
 export interface FieldProps {
     field: CmsModelField;
     onDelete: (field: CmsModelField) => void;