@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["get","getValue","params","bind","index","name","value"],"sources":["getValue.ts"],"sourcesContent":["import get from \"lodash/get.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,eAAe;AAS/B,OAAO,MAAMC,QAAQ,GAAIC,MAAc,IAA2B;EAC9D,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGH,MAAM;EACpC,MAAMI,KAAK,GAAGH,IAAI,CAACG,KAAK,IAAI,EAAE;EAE9B,IAAIF,KAAK,IAAI,CAAC,EAAE;IACZ,OAAOJ,GAAG,CAACM,KAAK,EAAE,GAAGF,KAAK,IAAIC,IAAI,EAAE,CAAC;EACzC;EAEA,OAAOC,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/functions/getValue.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/functions/getValue.ts"],"sourcesContent":["import get from \"lodash/get.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n"],"names":["getValue","params","bind","index","name","value","get"],"mappings":";AASO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGH;IAC9B,MAAMI,QAAQH,KAAK,KAAK,IAAI,EAAE;IAE9B,IAAIC,SAAS,GACT,OAAOG,IAAID,OAAO,GAAGF,MAAM,CAAC,EAAEC,MAAM;IAGxC,OAAOC;AACX"}

package/admin/components/FieldEditor/EditFieldDialog/functions/setValue.js

@@ -1,17 +1,12 @@
 import { set } from "dot-prop-immutable";
-export const setValue = params => {
-  const {
-    value,
-    bind,
-    index,
-    name
-  } = params;
-  const currentValue = [...(bind.value || [])];
-  if (index >= 0) {
-    bind.onChange(set(currentValue, `${index}.${name}`, value));
-  } else {
-    bind.onChange(value);
-  }
+const setValue = (params)=>{
+    const { value, bind, index, name } = params;
+    const currentValue = [
+        ...bind.value || []
+    ];
+    if (index >= 0) bind.onChange(set(currentValue, `${index}.${name}`, value));
+    else bind.onChange(value);
 };
+export { setValue };
 
 //# sourceMappingURL=setValue.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["set","setValue","params","value","bind","index","name","currentValue","onChange"],"sources":["setValue.ts"],"sourcesContent":["import { set } from \"dot-prop-immutable\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    const currentValue = [...(bind.value || [])];\n    if (index >= 0) {\n        bind.onChange(set(currentValue, `${index}.${name}`, value));\n    } else {\n        bind.onChange(value);\n    }\n};\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,oBAAoB;AAUxC,OAAO,MAAMC,QAAQ,GAAIC,MAAc,IAAW;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC3C,MAAMK,YAAY,GAAG,CAAC,IAAIH,IAAI,CAACD,KAAK,IAAI,EAAE,CAAC,CAAC;EAC5C,IAAIE,KAAK,IAAI,CAAC,EAAE;IACZD,IAAI,CAACI,QAAQ,CAACR,GAAG,CAACO,YAAY,EAAE,GAAGF,KAAK,IAAIC,IAAI,EAAE,EAAEH,KAAK,CAAC,CAAC;EAC/D,CAAC,MAAM;IACHC,IAAI,CAACI,QAAQ,CAACL,KAAK,CAAC;EACxB;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/functions/setValue.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/functions/setValue.ts"],"sourcesContent":["import { set } from \"dot-prop-immutable\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    const currentValue = [...(bind.value || [])];\n    if (index >= 0) {\n        bind.onChange(set(currentValue, `${index}.${name}`, value));\n    } else {\n        bind.onChange(value);\n    }\n};\n"],"names":["setValue","params","value","bind","index","name","currentValue","set"],"mappings":";AAUO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGJ;IACrC,MAAMK,eAAe;WAAKH,KAAK,KAAK,IAAI,EAAE;KAAE;IAC5C,IAAIC,SAAS,GACTD,KAAK,QAAQ,CAACI,IAAID,cAAc,GAAGF,MAAM,CAAC,EAAEC,MAAM,EAAEH;SAEpDC,KAAK,QAAQ,CAACD;AAEtB"}

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

@@ -1,73 +1,54 @@
 import { plugins } from "@webiny/plugins";
 import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
-const isValidatorDefinition = obj => {
-  return obj ? !Array.isArray(obj) : false;
+const isValidatorDefinition = (obj)=>obj ? !Array.isArray(obj) : false;
+const isValidatorDefinitionFactory = (obj)=>"function" == typeof obj;
+const getValidatorPlugin = (name)=>{
+    const plugin = plugins.byType("cms-model-field-validator").find((plugin)=>plugin.validator.name === name);
+    if (!plugin) throw new Error(`Missing CMS field validator plugin "${name}"!`);
+    return plugin.validator;
 };
-const isValidatorDefinitionFactory = obj => {
-  return typeof obj === "function";
-};
-const getValidatorPlugin = name => {
-  const plugin = plugins.byType("cms-model-field-validator").find(plugin => plugin.validator.name === name);
-  if (!plugin) {
-    throw new Error(`Missing CMS field validator plugin "${name}"!`);
-  }
-  return plugin.validator;
-};
-const getValidatorConfigs = (field, validators) => {
-  const configs = [];
-  for (const validator of validators) {
-    let resolvedValidator;
-    if (typeof validator === "string") {
-      resolvedValidator = getValidatorPlugin(validator);
-    } else {
-      resolvedValidator = validator;
+const getValidatorConfigs = (field, validators)=>{
+    const configs = [];
+    for (const validator of validators){
+        let resolvedValidator;
+        resolvedValidator = "string" == typeof validator ? getValidatorPlugin(validator) : validator;
+        configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));
     }
-    configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));
-  }
-  return configs;
-};
-const getValidators = ({
-  field,
-  fieldPlugin,
-  key,
-  defaultValidators
-}) => {
-  let title = "";
-  let description = "";
-  let fieldValidators = fieldPlugin.field[key];
-  if (isValidatorDefinitionFactory(fieldValidators)) {
-    fieldValidators = fieldValidators(field);
-  }
-  let resolvedValidators;
-  if (isValidatorDefinition(fieldValidators)) {
-    title = fieldValidators.title || "";
-    description = fieldValidators.description || "";
-    resolvedValidators = fieldValidators.validators;
-  } else {
-    resolvedValidators = fieldValidators;
-  }
-  const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);
-  return {
-    title,
-    description,
-    validators
-  };
-};
-export const getListValidators = (field, fieldPlugin) => {
-  return getValidators({
-    field,
-    fieldPlugin,
-    key: "listValidators",
-    defaultValidators: ["minLength", "maxLength"]
-  });
+    return configs;
 };
-export const getFieldValidators = (field, fieldPlugin) => {
-  return getValidators({
-    field,
-    fieldPlugin,
-    key: "validators",
-    defaultValidators: []
-  });
+const getValidators = ({ field, fieldPlugin, key, defaultValidators })=>{
+    let title = "";
+    let description = "";
+    let fieldValidators = fieldPlugin.field[key];
+    if (isValidatorDefinitionFactory(fieldValidators)) fieldValidators = fieldValidators(field);
+    let resolvedValidators;
+    if (isValidatorDefinition(fieldValidators)) {
+        title = fieldValidators.title || "";
+        description = fieldValidators.description || "";
+        resolvedValidators = fieldValidators.validators;
+    } else resolvedValidators = fieldValidators;
+    const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);
+    return {
+        title,
+        description,
+        validators
+    };
 };
+const getListValidators = (field, fieldPlugin)=>getValidators({
+        field,
+        fieldPlugin,
+        key: "listValidators",
+        defaultValidators: [
+            "minLength",
+            "maxLength"
+        ]
+    });
+const getFieldValidators = (field, fieldPlugin)=>getValidators({
+        field,
+        fieldPlugin,
+        key: "validators",
+        defaultValidators: []
+    });
+export { getFieldValidators, getListValidators };
 
 //# sourceMappingURL=getValidators.js.map

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

@@ -1 +1 @@
-{"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    CmsModelFieldTypePlugin,\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: CmsModelFieldTypePlugin;\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: CmsModelFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsModelFieldTypePlugin) => {\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,WAAoC,KAAK;EAC7F,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,WAAoC,KAAK;EAC9F,OAAOD,aAAa,CAAC;IACjBL,KAAK;IACLM,WAAW;IACXC,GAAG,EAAE,YAAY;IACjBC,iBAAiB,EAAE;EACvB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/getValidators.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/getValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n    CmsModelField,\n    CmsModelFieldTypePlugin,\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: CmsModelFieldTypePlugin;\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: CmsModelFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsModelFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"validators\",\n        defaultValidators: []\n    });\n};\n"],"names":["isValidatorDefinition","obj","Array","isValidatorDefinitionFactory","getValidatorPlugin","name","plugin","plugins","Error","getValidatorConfigs","field","validators","configs","validator","resolvedValidator","CmsModelFieldValidatorConfigAdapter","getValidators","fieldPlugin","key","defaultValidators","title","description","fieldValidators","resolvedValidators","getListValidators","getFieldValidators"],"mappings":";;AAgBA,MAAMA,wBAAwB,CAACC,MACpBA,MAAM,CAACC,MAAM,OAAO,CAACD,OAAO;AAGvC,MAAME,+BAA+B,CAACF,MAC3B,AAAe,cAAf,OAAOA;AAgBlB,MAAMG,qBAAqB,CAACC;IACxB,MAAMC,SAASC,QAAAA,MACJ,CAA+B,6BACrC,IAAI,CAACD,CAAAA,SAAUA,OAAO,SAAS,CAAC,IAAI,KAAKD;IAE9C,IAAI,CAACC,QACD,MAAM,IAAIE,MAAM,CAAC,oCAAoC,EAAEH,KAAK,EAAE,CAAC;IAGnE,OAAOC,OAAO,SAAS;AAC3B;AAEA,MAAMG,sBAAsB,CACxBC,OACAC;IAEA,MAAMC,UAAiD,EAAE;IAEzD,KAAK,MAAMC,aAAaF,WAAY;QAChC,IAAIG;QAEAA,oBADA,AAAqB,YAArB,OAAOD,YACaT,mBAAmBS,aAEnBA;QAGxBD,QAAQ,IAAI,CAAC,IAAIG,oCAAoCL,OAAOI;IAChE;IAEA,OAAOF;AACX;AAEA,MAAMI,gBAAgB,CAAC,EACnBN,KAAK,EACLO,WAAW,EACXC,GAAG,EACHC,iBAAiB,EACC;IAClB,IAAIC,QAAQ;IACZ,IAAIC,cAAc;IAClB,IAAIC,kBAAkBL,YAAY,KAAK,CAACC,IAAI;IAE5C,IAAIf,6BAA6BmB,kBAC7BA,kBAAkBA,gBAAgBZ;IAGtC,IAAIa;IACJ,IAAIvB,sBAAsBsB,kBAAkB;QACxCF,QAAQE,gBAAgB,KAAK,IAAI;QACjCD,cAAcC,gBAAgB,WAAW,IAAI;QAC7CC,qBAAqBD,gBAAgB,UAAU;IACnD,OACIC,qBAAqBD;IAGzB,MAAMX,aAAaF,oBAAoBC,OAAOa,sBAAsBJ;IAEpE,OAAO;QACHC;QACAC;QACAV;IACJ;AACJ;AAEO,MAAMa,oBAAoB,CAACd,OAAsBO,cAC7CD,cAAc;QACjBN;QACAO;QACA,KAAK;QACL,mBAAmB;YAAC;YAAa;SAAY;IACjD;AAGG,MAAMQ,qBAAqB,CAACf,OAAsBO,cAC9CD,cAAc;QACjBN;QACAO;QACA,KAAK;QACL,mBAAmB,EAAE;IACzB"}

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

@@ -1,34 +1,20 @@
 import { plugins } from "@webiny/plugins";
 import { useModel } from "../../ModelProvider/index.js";
 import { useModelField } from "../../ModelFieldProvider/index.js";
-
-/**
- * We want the "hidden" renderer to always be the last one in the list.
- * @param a
- * @param b
- */
-const hiddenLast = (a, b) => {
-  if (a.renderer.rendererName === "hidden") {
-    return 1;
-  }
-  if (b.renderer.rendererName === "hidden") {
-    return -1;
-  }
-  return 0;
+const hiddenLast = (a, b)=>{
+    if ("hidden" === a.renderer.rendererName) return 1;
+    if ("hidden" === b.renderer.rendererName) return -1;
+    return 0;
 };
-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);
+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);
 };
+export { useRendererPlugins };
 
 //# sourceMappingURL=useRendererPlugins.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/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"],"names":["hiddenLast","a","b","useRendererPlugins","model","useModel","field","fieldPlugin","useModelField","plugins","item"],"mappings":";;;AAUA,MAAMA,aAAa,CAACC,GAAgCC;IAChD,IAAID,AAA4B,aAA5BA,EAAE,QAAQ,CAAC,YAAY,EACvB,OAAO;IAGX,IAAIC,AAA4B,aAA5BA,EAAE,QAAQ,CAAC,YAAY,EACvB,OAAO;IAGX,OAAO;AACX;AAEO,MAAMC,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC;IAE/B,OAAOC,QAAAA,MACI,CAA8B,6BACpC,MAAM,CAACC,CAAAA,OAAQA,KAAK,QAAQ,CAAC,MAAM,CAAC;YAAEJ;YAAOC;YAAaH;QAAM,IAChE,IAAI,CAACJ;AACd"}

package/admin/components/FieldEditor/EditFieldDialog.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import react, { useMemo, useState } from "react";
 import cloneDeep from "lodash/cloneDeep.js";
 import { Form } from "@webiny/form";
 import { i18n } from "@webiny/app/i18n/index.js";
@@ -6,90 +6,60 @@ import { useModelEditor, useModelField } from "../../hooks/index.js";
 import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins.js";
 import { getFieldValidators } from "./EditFieldDialog/getValidators.js";
 import { EditFieldDrawerContainer } from "./EditFieldDrawerContainer.js";
-// To A/B test, swap the import above with the one below:
-// import { EditFieldDialogContainer } from "./EditFieldDialogContainer.js";
-
 const t = i18n.namespace("app-headless-cms/admin/components/editor");
 function setupState(field, contentModel) {
-  const clonedField = cloneDeep(field);
-  if (!clonedField.renderer || !clonedField.renderer.name) {
-    const [renderPlugin] = useRendererPlugins();
-    if (renderPlugin) {
-      clonedField.renderer = {
-        name: renderPlugin.renderer.rendererName
-      };
-    }
-  }
-  return {
-    shadowField: clonedField,
-    isTitleField: contentModel.titleFieldId === field.fieldId
-  };
-}
-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
-  });
-  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(prev => {
-        return {
-          ...prev,
-          titleFieldId: data.fieldId
+    const clonedField = cloneDeep(field);
+    if (!clonedField.renderer || !clonedField.renderer.name) {
+        const [renderPlugin] = useRendererPlugins();
+        if (renderPlugin) clonedField.renderer = {
+            name: renderPlugin.renderer.rendererName
         };
-      });
     }
-    props.onSubmit(data, form);
-  };
-  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(EditFieldDrawerContainer, {
-        headerTitle: headerTitle,
-        shadowField: shadowField,
-        predefinedValuesTabEnabled: predefinedValuesTabEnabled,
-        showValidatorsTab: showValidatorsTab,
-        isSubtypeField: isSubtypeField,
-        onClose: props.onClose,
-        onSubmit: submit
-      });
-    })
-  );
+    return {
+        shadowField: clonedField,
+        isTitleField: contentModel.titleFieldId === field.fieldId
+    };
+}
+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
+    });
+    const onSubmit = (data, form)=>{
+        if (isTitleField && contentModel.titleFieldId !== data.fieldId) setContentModelData((prev)=>({
+                ...prev,
+                titleFieldId: data.fieldId
+            }));
+        props.onSubmit(data, form);
+    };
+    const isSubtypeField = useMemo(()=>{
+        if (!field.type) return false;
+        const value = field.type.split(":");
+        return value.length > 1;
+    }, [
+        field.type
+    ]);
+    return /*#__PURE__*/ 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(EditFieldDrawerContainer, {
+            headerTitle: headerTitle,
+            shadowField: shadowField,
+            predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+            showValidatorsTab: showValidatorsTab,
+            isSubtypeField: isSubtypeField,
+            onClose: props.onClose,
+            onSubmit: submit
+        });
+    });
 };
-export default EditFieldDialog;
+const FieldEditor_EditFieldDialog = EditFieldDialog;
+export default FieldEditor_EditFieldDialog;
 
 //# sourceMappingURL=EditFieldDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","cloneDeep","Form","i18n","useModelEditor","useModelField","useRendererPlugins","getFieldValidators","EditFieldDrawerContainer","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","onClose"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\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 { useModelEditor, useModelField } from \"~/admin/hooks/index.js\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\nimport { EditFieldDrawerContainer } from \"./EditFieldDrawerContainer.js\";\n// To A/B test, swap the import above with the one below:\n// import { EditFieldDialogContainer } from \"./EditFieldDialogContainer.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\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.list || individualValidation.validators.length > 0;\n\n                return (\n                    <EditFieldDrawerContainer\n                        headerTitle={headerTitle}\n                        shadowField={shadowField}\n                        predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                        showValidatorsTab={showValidatorsTab}\n                        isSubtypeField={isSubtypeField}\n                        onClose={props.onClose}\n                        onSubmit={submit}\n                    />\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog.js","sources":["../../../../src/admin/components/FieldEditor/EditFieldDialog.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\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 { useModelEditor, useModelField } from \"~/admin/hooks/index.js\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\nimport { EditFieldDrawerContainer } from \"./EditFieldDrawerContainer.js\";\n// To A/B test, swap the import above with the one below:\n// import { EditFieldDialogContainer } from \"./EditFieldDialogContainer.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\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.list || individualValidation.validators.length > 0;\n\n                return (\n                    <EditFieldDrawerContainer\n                        headerTitle={headerTitle}\n                        shadowField={shadowField}\n                        predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                        showValidatorsTab={showValidatorsTab}\n                        isSubtypeField={isSubtypeField}\n                        onClose={props.onClose}\n                        onSubmit={submit}\n                    />\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"names":["t","i18n","setupState","field","contentModel","clonedField","cloneDeep","renderPlugin","useRendererPlugins","EditFieldDialog","props","fieldPlugin","useModelField","setContentModelData","useModelEditor","shadowField","isTitleField","useState","headerTitle","onSubmit","data","form","prev","isSubtypeField","useMemo","value","Form","submit","predefinedValuesTabEnabled","individualValidation","getFieldValidators","showValidatorsTab","EditFieldDrawerContainer"],"mappings":";;;;;;;;AAaA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,SAASC,WAAWC,KAAoB,EAAEC,YAAmC;IACzE,MAAMC,cAAcC,UAAUH;IAE9B,IAAI,CAACE,YAAY,QAAQ,IAAI,CAACA,YAAY,QAAQ,CAAC,IAAI,EAAE;QACrD,MAAM,CAACE,aAAa,GAAGC;QAEvB,IAAID,cACAF,YAAY,QAAQ,GAAG;YAAE,MAAME,aAAa,QAAQ,CAAC,YAAY;QAAC;IAE1E;IAEA,OAAO;QACH,aAAaF;QACb,cAAcD,aAAa,YAAY,KAAKD,MAAM,OAAO;IAC7D;AACJ;AAYA,MAAMM,kBAAkB,CAACC;IACrB,MAAM,EAAEP,KAAK,EAAEQ,WAAW,EAAE,GAAGC;IAC/B,MAAM,EAAE,MAAMR,YAAY,EAAE,SAASS,mBAAmB,EAAE,GAAGC;IAC7D,MAAM,CAAC,EAAEC,WAAW,EAAEC,YAAY,EAAE,CAAC,GAAGC,SAASf,WAAWC,OAAOC;IAEnE,MAAMc,cAAclB,CAAC,CAAC,iCAAiC,CAAC,CAAC;QACrD,gBAAgBW,YAAY,KAAK,CAAC,KAAK;IAC3C;IAEA,MAAMQ,WAAwC,CAACC,MAAMC;QAIjD,IAAIL,gBAAgBZ,aAAa,YAAY,KAAKgB,KAAK,OAAO,EAC1DP,oBAAoBS,CAAAA,OACT;gBACH,GAAGA,IAAI;gBACP,cAAcF,KAAK,OAAO;YAC9B;QAIRV,MAAM,QAAQ,CAACU,MAAMC;IACzB;IAEA,MAAME,iBAAiBC,QAAQ;QAC3B,IAAI,CAACrB,MAAM,IAAI,EACX,OAAO;QAEX,MAAMsB,QAAQtB,MAAM,IAAI,CAAC,KAAK,CAAC;QAC/B,OAAOsB,MAAM,MAAM,GAAG;IAC1B,GAAG;QAACtB,MAAM,IAAI;KAAC;IAEf,OAIK,cACD,oBAACuB,MAAIA;QAAgB,MAAMX;QAAa,UAAUI;OAC7C,CAAC,EAAE,MAAMJ,WAAW,EAAEY,MAAM,EAAE;QAC3B,MAAMC,6BAA6B,CAAC,CAChCjB,CAAAA,YAAY,KAAK,CAAC,qBAAqB,IACvCI,YAAY,gBAAgB,IAC5BA,YAAY,gBAAgB,CAAC,OAAM;QAGvC,MAAMc,uBAAuBC,mBAAmBf,aAAaJ;QAC7D,MAAMoB,oBACFhB,YAAY,IAAI,IAAIc,qBAAqB,UAAU,CAAC,MAAM,GAAG;QAEjE,OAAO,WAAP,GACI,oBAACG,0BAAwBA;YACrB,aAAad;YACb,aAAaH;YACb,4BAA4Ba;YAC5B,mBAAmBG;YACnB,gBAAgBR;YAChB,SAASb,MAAM,OAAO;YACtB,UAAUiB;;IAGtB;AAGZ;AAEA,oCAAelB"}

package/admin/components/FieldEditor/EditFieldDialogContainer.js

@@ -1,40 +1,31 @@
-import React from "react";
+import react from "react";
 import { Dialog } from "@webiny/admin-ui";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { FieldSettingsTabs } from "./EditFieldDialog/FieldSettingsTabs.js";
 const t = i18n.namespace("app-headless-cms/admin/components/editor");
-export const EditFieldDialogContainer = ({
-  headerTitle,
-  shadowField,
-  predefinedValuesTabEnabled,
-  showValidatorsTab,
-  isSubtypeField,
-  onClose,
-  onSubmit
-}) => {
-  return /*#__PURE__*/React.createElement(Dialog, {
-    size: "full",
-    title: headerTitle,
-    open: true,
-    modal: true,
-    onClose: onClose,
-    bodyPadding: false,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      text: t`Cancel`,
-      onClick: onClose,
-      "data-testid": "cms.editor.field.settings.cancel"
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: t`Save Field`,
-      onClick: onSubmit,
-      "data-testid": "cms.editor.field.settings.save"
-    })),
-    "data-testid": "cms-editor-edit-fields-dialog"
-  }, /*#__PURE__*/React.createElement(FieldSettingsTabs, {
-    shadowField: shadowField,
-    predefinedValuesTabEnabled: predefinedValuesTabEnabled,
-    showValidatorsTab: showValidatorsTab,
-    isSubtypeField: isSubtypeField
-  }));
-};
+const EditFieldDialogContainer = ({ headerTitle, shadowField, predefinedValuesTabEnabled, showValidatorsTab, isSubtypeField, onClose, onSubmit })=>/*#__PURE__*/ react.createElement(Dialog, {
+        size: "full",
+        title: headerTitle,
+        open: true,
+        modal: true,
+        onClose: onClose,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            text: t`Cancel`,
+            onClick: onClose,
+            "data-testid": "cms.editor.field.settings.cancel"
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: t`Save Field`,
+            onClick: onSubmit,
+            "data-testid": "cms.editor.field.settings.save"
+        })),
+        "data-testid": "cms-editor-edit-fields-dialog"
+    }, /*#__PURE__*/ react.createElement(FieldSettingsTabs, {
+        shadowField: shadowField,
+        predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+        showValidatorsTab: showValidatorsTab,
+        isSubtypeField: isSubtypeField
+    }));
+export { EditFieldDialogContainer };
 
 //# sourceMappingURL=EditFieldDialogContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","i18n","FieldSettingsTabs","t","namespace","EditFieldDialogContainer","headerTitle","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","onClose","onSubmit","createElement","size","title","open","modal","bodyPadding","actions","Fragment","CancelAction","text","onClick","ConfirmAction"],"sources":["EditFieldDialogContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { FieldSettingsTabs } from \"./EditFieldDialog/FieldSettingsTabs.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nexport interface EditFieldDialogContainerProps {\n    headerTitle: string;\n    shadowField: CmsModelField;\n    predefinedValuesTabEnabled: boolean;\n    showValidatorsTab: boolean;\n    isSubtypeField: boolean;\n    onClose: () => void;\n    onSubmit: () => void;\n}\n\nexport const EditFieldDialogContainer = ({\n    headerTitle,\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField,\n    onClose,\n    onSubmit\n}: EditFieldDialogContainerProps) => {\n    return (\n        <Dialog\n            size={\"full\"}\n            title={headerTitle}\n            open={true}\n            modal={true}\n            onClose={onClose}\n            bodyPadding={false}\n            actions={\n                <>\n                    <Dialog.CancelAction\n                        text={t`Cancel`}\n                        onClick={onClose}\n                        data-testid=\"cms.editor.field.settings.cancel\"\n                    />\n                    <Dialog.ConfirmAction\n                        text={t`Save Field`}\n                        onClick={onSubmit}\n                        data-testid=\"cms.editor.field.settings.save\"\n                    />\n                </>\n            }\n            data-testid={\"cms-editor-edit-fields-dialog\"}\n        >\n            <FieldSettingsTabs\n                shadowField={shadowField}\n                predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                showValidatorsTab={showValidatorsTab}\n                isSubtypeField={isSubtypeField}\n            />\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,iBAAiB;AAE1B,MAAMC,CAAC,GAAGF,IAAI,CAACG,SAAS,CAAC,0CAA0C,CAAC;AAYpE,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACrCC,WAAW;EACXC,WAAW;EACXC,0BAA0B;EAC1BC,iBAAiB;EACjBC,cAAc;EACdC,OAAO;EACPC;AAC2B,CAAC,KAAK;EACjC,oBACIb,KAAA,CAAAc,aAAA,CAACb,MAAM;IACHc,IAAI,EAAE,MAAO;IACbC,KAAK,EAAET,WAAY;IACnBU,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,IAAK;IACZN,OAAO,EAAEA,OAAQ;IACjBO,WAAW,EAAE,KAAM;IACnBC,OAAO,eACHpB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACqB,YAAY;MAChBC,IAAI,EAAEnB,CAAC,QAAS;MAChBoB,OAAO,EAAEZ,OAAQ;MACjB,eAAY;IAAkC,CACjD,CAAC,eACFZ,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACwB,aAAa;MACjBF,IAAI,EAAEnB,CAAC,YAAa;MACpBoB,OAAO,EAAEX,QAAS;MAClB,eAAY;IAAgC,CAC/C,CACH,CACL;IACD,eAAa;EAAgC,gBAE7Cb,KAAA,CAAAc,aAAA,CAACX,iBAAiB;IACdK,WAAW,EAAEA,WAAY;IACzBC,0BAA0B,EAAEA,0BAA2B;IACvDC,iBAAiB,EAAEA,iBAAkB;IACrCC,cAAc,EAAEA;EAAe,CAClC,CACG,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialogContainer.js","sources":["../../../../src/admin/components/FieldEditor/EditFieldDialogContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { FieldSettingsTabs } from \"./EditFieldDialog/FieldSettingsTabs.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nexport interface EditFieldDialogContainerProps {\n    headerTitle: string;\n    shadowField: CmsModelField;\n    predefinedValuesTabEnabled: boolean;\n    showValidatorsTab: boolean;\n    isSubtypeField: boolean;\n    onClose: () => void;\n    onSubmit: () => void;\n}\n\nexport const EditFieldDialogContainer = ({\n    headerTitle,\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField,\n    onClose,\n    onSubmit\n}: EditFieldDialogContainerProps) => {\n    return (\n        <Dialog\n            size={\"full\"}\n            title={headerTitle}\n            open={true}\n            modal={true}\n            onClose={onClose}\n            bodyPadding={false}\n            actions={\n                <>\n                    <Dialog.CancelAction\n                        text={t`Cancel`}\n                        onClick={onClose}\n                        data-testid=\"cms.editor.field.settings.cancel\"\n                    />\n                    <Dialog.ConfirmAction\n                        text={t`Save Field`}\n                        onClick={onSubmit}\n                        data-testid=\"cms.editor.field.settings.save\"\n                    />\n                </>\n            }\n            data-testid={\"cms-editor-edit-fields-dialog\"}\n        >\n            <FieldSettingsTabs\n                shadowField={shadowField}\n                predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                showValidatorsTab={showValidatorsTab}\n                isSubtypeField={isSubtypeField}\n            />\n        </Dialog>\n    );\n};\n"],"names":["t","i18n","EditFieldDialogContainer","headerTitle","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","onClose","onSubmit","Dialog","FieldSettingsTabs"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAYlB,MAAMC,2BAA2B,CAAC,EACrCC,WAAW,EACXC,WAAW,EACXC,0BAA0B,EAC1BC,iBAAiB,EACjBC,cAAc,EACdC,OAAO,EACPC,QAAQ,EACoB,GACrB,WAAP,GACI,oBAACC,QAAMA;QACH,MAAM;QACN,OAAOP;QACP,MAAM;QACN,OAAO;QACP,SAASK;QACT,aAAa;QACb,uBACI,wDACI,oBAACE,OAAO,YAAY;YAChB,MAAMV,CAAC,CAAC,MAAM,CAAC;YACf,SAASQ;YACT,eAAY;0BAEhB,oBAACE,OAAO,aAAa;YACjB,MAAMV,CAAC,CAAC,UAAU,CAAC;YACnB,SAASS;YACT,eAAY;;QAIxB,eAAa;qBAEb,oBAACE,mBAAiBA;QACd,aAAaP;QACb,4BAA4BC;QAC5B,mBAAmBC;QACnB,gBAAgBC"}

package/admin/components/FieldEditor/EditFieldDrawerContainer.js

@@ -1,40 +1,31 @@
-import React from "react";
+import react from "react";
 import { Drawer } from "@webiny/admin-ui";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { FieldSettingsTabs } from "./EditFieldDialog/FieldSettingsTabs.js";
 const t = i18n.namespace("app-headless-cms/admin/components/editor");
-export const EditFieldDrawerContainer = ({
-  headerTitle,
-  shadowField,
-  predefinedValuesTabEnabled,
-  showValidatorsTab,
-  isSubtypeField,
-  onClose,
-  onSubmit
-}) => {
-  return /*#__PURE__*/React.createElement(Drawer, {
-    title: headerTitle,
-    open: true,
-    modal: true,
-    onClose: onClose,
-    bodyPadding: false,
-    footerSeparator: true,
-    size: "lg",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
-      text: t`Cancel`,
-      "data-testid": "cms.editor.field.settings.cancel"
-    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
-      text: t`Save Field`,
-      onClick: onSubmit,
-      "data-testid": "cms.editor.field.settings.save"
-    })),
-    "data-testid": "cms-editor-edit-fields-dialog"
-  }, /*#__PURE__*/React.createElement(FieldSettingsTabs, {
-    shadowField: shadowField,
-    predefinedValuesTabEnabled: predefinedValuesTabEnabled,
-    showValidatorsTab: showValidatorsTab,
-    isSubtypeField: isSubtypeField
-  }));
-};
+const EditFieldDrawerContainer = ({ headerTitle, shadowField, predefinedValuesTabEnabled, showValidatorsTab, isSubtypeField, onClose, onSubmit })=>/*#__PURE__*/ react.createElement(Drawer, {
+        title: headerTitle,
+        open: true,
+        modal: true,
+        onClose: onClose,
+        bodyPadding: false,
+        footerSeparator: true,
+        size: "lg",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: t`Cancel`,
+            "data-testid": "cms.editor.field.settings.cancel"
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: t`Save Field`,
+            onClick: onSubmit,
+            "data-testid": "cms.editor.field.settings.save"
+        })),
+        "data-testid": "cms-editor-edit-fields-dialog"
+    }, /*#__PURE__*/ react.createElement(FieldSettingsTabs, {
+        shadowField: shadowField,
+        predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+        showValidatorsTab: showValidatorsTab,
+        isSubtypeField: isSubtypeField
+    }));
+export { EditFieldDrawerContainer };
 
 //# sourceMappingURL=EditFieldDrawerContainer.js.map