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

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\";\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,YAAY;AAS5B,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,"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":[]}

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

@@ -1,5 +1,5 @@
-import type { CmsModelField, CmsEditorFieldTypePlugin, CmsModelFieldValidatorPlugin } from "../../../../types";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import type { CmsModelField, CmsEditorFieldTypePlugin, CmsModelFieldValidatorPlugin } from "../../../../types.js";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
 export interface Validator {
     optional: boolean;
     validator: CmsModelFieldValidatorPlugin["validator"];

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

@@ -1,5 +1,5 @@
 import { plugins } from "@webiny/plugins";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
 const isValidatorDefinition = obj => {
   return obj ? !Array.isArray(obj) : false;
 };

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    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":"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":[]}
+{"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 type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types";
+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,6 +1,6 @@
 import { plugins } from "@webiny/plugins";
-import { useModel } from "../../ModelProvider";
-import { useModelField } from "../../ModelFieldProvider";
+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.

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\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\n\n/**\n * We want the \"hidden\" renderer to always be the last one in the list.\n * @param a\n * @param b\n */\nconst hiddenLast = (a: CmsModelFieldRendererPlugin, b: CmsModelFieldRendererPlugin) => {\n    if (a.renderer.rendererName === \"hidden\") {\n        return 1;\n    }\n\n    if (b.renderer.rendererName === \"hidden\") {\n        return -1;\n    }\n\n    return 0;\n};\n\nexport const useRendererPlugins = () => {\n    const { model } = useModel();\n    const { field, fieldPlugin } = useModelField();\n\n    return plugins\n        .byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin, model }))\n        .sort(hiddenLast);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAEzC,SAASC,QAAQ;AACjB,SAASC,aAAa;;AAEtB;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGA,CAACC,CAA8B,EAAEC,CAA8B,KAAK;EACnF,IAAID,CAAC,CAACE,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC;EACZ;EAEA,IAAIF,CAAC,CAACC,QAAQ,CAACC,YAAY,KAAK,QAAQ,EAAE;IACtC,OAAO,CAAC,CAAC;EACb;EAEA,OAAO,CAAC;AACZ,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAES,KAAK;IAAEC;EAAY,CAAC,GAAGT,aAAa,CAAC,CAAC;EAE9C,OAAOF,OAAO,CACTY,MAAM,CAA8B,2BAA2B,CAAC,CAChEC,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACR,QAAQ,CAACS,MAAM,CAAC;IAAEL,KAAK;IAAEC,WAAW;IAAEF;EAAM,CAAC,CAAC,CAAC,CACnEO,IAAI,CAACb,UAAU,CAAC;AACzB,CAAC","ignoreList":[]}
+{"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 type { FormOnSubmit } from "@webiny/form";
-import type { CmsModelField } from "../../../types";
+import type { CmsModelField } from "../../../types.js";
 interface EditFieldDialogProps {
     onClose: () => void;
     onSubmit: FormOnSubmit<CmsModelField>;

package/admin/components/FieldEditor/EditFieldDialog.js

@@ -1,16 +1,16 @@
-import React, { useState } from "react";
-import cloneDeep from "lodash/cloneDeep";
+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";
-import GeneralTab from "./EditFieldDialog/GeneralTab";
-import AppearanceTab from "./EditFieldDialog/AppearanceTab";
-import PredefinedValues from "./EditFieldDialog/PredefinedValues";
-import { ValidationTab } from "./EditFieldDialog/ValidationTab";
-import { useModelField, useModelEditor } from "../../hooks";
-import { ModelFieldProvider } from "../ModelFieldProvider";
-import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins";
-import { getFieldValidators } from "./EditFieldDialog/getValidators";
+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) {
   const clonedField = cloneDeep(field);
@@ -57,6 +57,13 @@ const EditFieldDialog = props => {
     }
     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__*/
     /**
@@ -72,7 +79,7 @@ const EditFieldDialog = props => {
     }) => {
       const predefinedValuesTabEnabled = fieldPlugin.field.allowPredefinedValues && shadowField.predefinedValues && shadowField.predefinedValues.enabled;
       const individualValidation = getFieldValidators(shadowField, fieldPlugin);
-      const showValidatorsTab = shadowField.multipleValues || individualValidation.validators.length > 0;
+      const showValidatorsTab = shadowField.list || individualValidation.validators.length > 0;
       return /*#__PURE__*/React.createElement(Dialog, {
         size: "full",
         title: headerTitle,
@@ -80,11 +87,11 @@ const EditFieldDialog = props => {
         modal: true,
         onClose: props.onClose,
         bodyPadding: false,
-        actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+        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.ConfirmButton, {
+        }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
           text: t`Save Field`,
           onClick: submit,
           "data-testid": "cms.editor.field.settings.save"
@@ -119,7 +126,8 @@ const EditFieldDialog = props => {
           key: "appearance",
           trigger: t`Appearance`,
           value: "Appearance",
-          content: /*#__PURE__*/React.createElement(AppearanceTab, null)
+          content: /*#__PURE__*/React.createElement(AppearanceTab, null),
+          disabled: isSubtypeField
         })]
       })));
     })

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","cloneDeep","Dialog","Tabs","Form","i18n","GeneralTab","AppearanceTab","PredefinedValues","ValidationTab","useModelField","useModelEditor","ModelFieldProvider","useRendererPlugins","getFieldValidators","t","namespace","setupState","field","contentModel","clonedField","renderer","name","renderPlugin","rendererName","shadowField","isTitleField","titleFieldId","fieldId","EditFieldDialog","props","fieldPlugin","data","setData","setContentModelData","headerTitle","fieldTypeLabel","label","onSubmit","form","prev","createElement","submit","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","individualValidation","showValidatorsTab","multipleValues","validators","length","size","title","open","modal","onClose","bodyPadding","actions","Fragment","CancelButton","text","onClick","ConfirmButton","spacing","separator","tabs","Tab","key","trigger","value","content","disabled","visible"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Dialog, Tabs } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsEditorContentModel, CmsModelField } from \"~/types\";\nimport GeneralTab from \"./EditFieldDialog/GeneralTab\";\nimport AppearanceTab from \"./EditFieldDialog/AppearanceTab\";\nimport PredefinedValues from \"./EditFieldDialog/PredefinedValues\";\nimport { ValidationTab } from \"./EditFieldDialog/ValidationTab\";\nimport { useModelField, useModelEditor } from \"~/admin/hooks\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nfunction setupState(field: CmsModelField, contentModel: CmsEditorContentModel): EditFieldState {\n    const clonedField = cloneDeep(field);\n\n    if (!clonedField.renderer || !clonedField.renderer.name) {\n        const [renderPlugin] = useRendererPlugins();\n\n        if (renderPlugin) {\n            clonedField.renderer = { name: renderPlugin.renderer.rendererName };\n        }\n    }\n\n    return {\n        shadowField: clonedField,\n        isTitleField: contentModel.titleFieldId === field.fieldId\n    };\n}\n\ninterface EditFieldState {\n    shadowField: CmsModelField;\n    isTitleField: boolean;\n}\n\ninterface EditFieldDialogProps {\n    onClose: () => void;\n    onSubmit: FormOnSubmit<CmsModelField>;\n}\n\nconst EditFieldDialog = (props: EditFieldDialogProps) => {\n    const { field, fieldPlugin } = useModelField();\n    const { data: contentModel, setData: setContentModelData } = useModelEditor();\n    const [{ shadowField, isTitleField }] = useState(setupState(field, contentModel));\n\n    const headerTitle = t`Field Settings - {fieldTypeLabel}`({\n        fieldTypeLabel: fieldPlugin.field.label\n    });\n\n    const onSubmit: FormOnSubmit<CmsModelField> = (data, form) => {\n        /**\n         * In case title field `fieldId` changed, we need to update the title field on the model itself.\n         */\n        if (isTitleField && contentModel.titleFieldId !== data.fieldId) {\n            setContentModelData(prev => {\n                return {\n                    ...prev,\n                    titleFieldId: data.fieldId\n                };\n            });\n        }\n\n        props.onSubmit(data, form);\n    };\n\n    return (\n        /**\n         * We're using the `shadowField` as the new context, because we want all changes by form inputs\n         * to immediately be propagated to all dialog components.\n         */\n        <Form<CmsModelField> data={shadowField} onSubmit={onSubmit}>\n            {({ data: shadowField, submit }) => {\n                const predefinedValuesTabEnabled =\n                    fieldPlugin.field.allowPredefinedValues &&\n                    shadowField.predefinedValues &&\n                    shadowField.predefinedValues.enabled;\n\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.multipleValues || individualValidation.validators.length > 0;\n\n                return (\n                    <Dialog\n                        size={\"full\"}\n                        title={headerTitle}\n                        open={true}\n                        modal={true}\n                        onClose={props.onClose}\n                        bodyPadding={false}\n                        actions={\n                            <>\n                                <Dialog.CancelButton\n                                    text={t`Cancel`}\n                                    onClick={props.onClose}\n                                    data-testid=\"cms.editor.field.settings.cancel\"\n                                />\n                                <Dialog.ConfirmButton\n                                    text={t`Save Field`}\n                                    onClick={submit}\n                                    data-testid=\"cms.editor.field.settings.save\"\n                                />\n                            </>\n                        }\n                        data-testid={\"cms-editor-edit-fields-dialog\"}\n                    >\n                        <ModelFieldProvider field={shadowField}>\n                            <Tabs\n                                spacing={\"lg\"}\n                                size={\"md\"}\n                                separator\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"general\"}\n                                        trigger={t`General`}\n                                        value={\"general\"}\n                                        content={<GeneralTab />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"predefined\"}\n                                        trigger={t`Predefined values`}\n                                        value={\"predefined\"}\n                                        disabled={!predefinedValuesTabEnabled}\n                                        content={<PredefinedValues />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"validations\"}\n                                        trigger={t`Validations`}\n                                        value={\"validations\"}\n                                        content={<ValidationTab field={shadowField} />}\n                                        visible={showValidatorsTab}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"appearance\"}\n                                        trigger={t`Appearance`}\n                                        value={\"Appearance\"}\n                                        content={<AppearanceTab />}\n                                    />\n                                ]}\n                            />\n                        </ModelFieldProvider>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}
+{"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 type { CmsModelField } from "../../../types";
+import type { CmsModelField } from "../../../types.js";
 export interface FieldProps {
     field: CmsModelField;
     onDelete: (field: CmsModelField) => void;

package/admin/components/FieldEditor/Field.js

@@ -1,20 +1,19 @@
 import React, { Fragment, useCallback, useMemo } from "react";
-import capitalize from "lodash/capitalize";
+import capitalize from "lodash/capitalize.js";
 import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import { ReactComponent as TitleIcon } from "@webiny/icons/title.svg";
 import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
 import { plugins } from "@webiny/plugins";
-import { i18n } from "@webiny/app/i18n";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useModelEditor } from "../../hooks";
-import { useModelFieldEditor } from "./useModelFieldEditor";
-import { useConfirmationDialog } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../hooks/index.js";
+import { useModelFieldEditor } from "./useModelFieldEditor.js";
+import { useSnackbar } from "@webiny/app-admin";
 import { IconButton, Heading, Text, DropdownMenu, Tag } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/components/editor/field");
 const allowedTitleFieldTypes = ["text", "number"];
 const isFieldAllowedToBeTitle = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (allowedTitleFieldTypes.includes(field.type) === false) {
     return false;
@@ -24,7 +23,7 @@ const isFieldAllowedToBeTitle = (model, field, parent) => {
   return true;
 };
 const isFieldAllowedToBeDescription = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (model.descriptionFieldId === field.fieldId) {
     return false;
@@ -32,7 +31,7 @@ const isFieldAllowedToBeDescription = (model, field, parent) => {
   return field.type === "long-text";
 };
 const isFieldAllowedToBeImage = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (model.imageFieldId === field.fieldId) {
     return false;
@@ -66,14 +65,6 @@ const Field = props => {
     getFieldPlugin,
     getFieldRendererPlugin
   } = useModelFieldEditor();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: t`Warning - You are trying to delete a locked field!`,
-    message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, t`You are about to delete a field which is used in the data storage`), /*#__PURE__*/React.createElement("p", null, t`All data in that field will be lost and there is no going back!`), /*#__PURE__*/React.createElement("p", null, "\xA0"), /*#__PURE__*/React.createElement("p", null, t`Are you sure you want to continue?`))
-  });
-  const lockedFields = model?.lockedFields || [];
-  const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);
   const removeFieldFromSelected = useCallback(async () => {
     if (model.titleFieldId === field.fieldId) {
       await setModel(data => {
@@ -99,16 +90,10 @@ const Field = props => {
     }
   }, [field.id, setModel, model]);
   const onDelete = useCallback(async () => {
-    if (!isLocked) {
-      await removeFieldFromSelected();
-      props.onDelete(field);
-      return;
-    }
-    showConfirmation(async () => {
-      await removeFieldFromSelected();
-      props.onDelete(field);
-    });
-  }, [field.fieldId, lockedFields]);
+    await removeFieldFromSelected();
+    props.onDelete(field);
+    return;
+  }, [field.fieldId]);
   const setAsTitle = useCallback(async () => {
     const response = await setModel(data => {
       return {
@@ -167,18 +152,18 @@ const Field = props => {
     return fn;
   }, [field.id]);
   const fieldInformationRenderer = fieldPlugin.field?.renderInfo;
-  const info = [rendererPlugin?.renderer.name, field.multipleValues ? "multiple values" : null].filter(Boolean).join(", ");
+  const info = [rendererPlugin?.renderer.name, field.list ? "multiple values" : null].filter(Boolean).join(", ");
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-between wby-align-center"
+    className: "flex justify-between align-center"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
     level: 6
   }, field.label), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, fieldPlugin.field.label, info && /*#__PURE__*/React.createElement("span", {
-    className: "wby-lowercase"
+    className: "lowercase"
   }, " (", info, ")"))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-end wby-gap-sm"
+    className: "flex items-center justify-end gap-sm"
   }, fieldInformationRenderer ? fieldInformationRenderer({
     model,
     field
@@ -227,9 +212,9 @@ const Field = props => {
       element: /*#__PURE__*/React.createElement(DeleteIcon, null),
       label: t`Delete`
     }),
-    className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+    className: "text-destructive-primary! [&_svg]:fill-destructive"
   })))), fieldPlugin.field.render && /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md"
+    className: "pt-md"
   }, fieldPlugin.field.render({
     field,
     data: model,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useCallback","useMemo","capitalize","ReactComponent","EditIcon","DeleteIcon","TitleIcon","MoreVerticalIcon","plugins","i18n","useSnackbar","useModelEditor","useModelFieldEditor","useConfirmationDialog","IconButton","Heading","Text","DropdownMenu","Tag","t","ns","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","multipleValues","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","showSnackbar","showErrorSnackbar","setData","setModel","data","getFieldPlugin","getFieldRendererPlugin","showConfirmation","title","message","createElement","lockedFields","isLocked","some","lockedField","storageId","removeFieldFromSelected","id","onDelete","setAsTitle","response","error","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","fieldTypeName","fn","content","variant","displayName","fieldInformationRenderer","renderInfo","info","className","level","label","size","icon","onClick","trigger","map","pl","cloneElement","render","key","Item","disabled","text","Icon","element","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"@webiny/icons/title.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { IconButton, Heading, Text, DropdownMenu, Tag } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = model?.lockedFields || [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        if (!isLocked) {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(async () => {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <Tag content={capitalize(fieldTypeName)} variant={\"neutral-base\"} />;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.multipleValues ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"wby-flex wby-justify-between wby-align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"wby-lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-sm\"}>\n                    {fieldInformationRenderer\n                        ? fieldInformationRenderer({ model, field })\n                        : defaultInformationRenderer()}\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                        />\n                    ) : null}\n                    <DropdownMenu\n                        trigger={\n                            <IconButton icon={<MoreVerticalIcon />} variant={\"ghost\"} size={\"sm\"} />\n                        }\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                            text={t`Use as title`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as title`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                            text={t`Use as description`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as description`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                            text={t`Use as image`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as image`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            onClick={onDelete}\n                            text={t`Delete`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<DeleteIcon />}\n                                    label={t`Delete`}\n                                />\n                            }\n                            className={\"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"wby-pt-md\"}>\n                    {fieldPlugin.field.render({ field, data: model, setData: setModel })}\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Fragment","useCallback","useMemo","capitalize","ReactComponent","EditIcon","DeleteIcon","TitleIcon","MoreVerticalIcon","plugins","i18n","useModelEditor","useModelFieldEditor","useSnackbar","IconButton","Heading","Text","DropdownMenu","Tag","t","ns","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","list","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","showSnackbar","showErrorSnackbar","setData","setModel","data","getFieldPlugin","getFieldRendererPlugin","removeFieldFromSelected","id","onDelete","setAsTitle","response","error","message","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","fieldTypeName","fn","createElement","content","variant","displayName","fieldInformationRenderer","renderInfo","info","className","level","label","size","icon","onClick","trigger","map","pl","cloneElement","render","key","Item","disabled","text","Icon","element","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport capitalize from \"lodash/capitalize.js\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"@webiny/icons/title.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { IconButton, Heading, Text, DropdownMenu, Tag } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        await removeFieldFromSelected();\n        props.onDelete(field);\n        return;\n    }, [field.fieldId]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <Tag content={capitalize(fieldTypeName)} variant={\"neutral-base\"} />;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.list ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"flex justify-between align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"flex items-center justify-end gap-sm\"}>\n                    {fieldInformationRenderer\n                        ? fieldInformationRenderer({ model, field })\n                        : defaultInformationRenderer()}\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                        />\n                    ) : null}\n                    <DropdownMenu\n                        trigger={\n                            <IconButton icon={<MoreVerticalIcon />} variant={\"ghost\"} size={\"sm\"} />\n                        }\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                            text={t`Use as title`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as title`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                            text={t`Use as description`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as description`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                            text={t`Use as image`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as image`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            onClick={onDelete}\n                            text={t`Delete`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<DeleteIcon />}\n                                    label={t`Delete`}\n                                />\n                            }\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"pt-md\"}>\n                    {fieldPlugin.field.render({ field, data: model, setData: setModel })}\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField, CmsEditorFieldsLayout } from "../../../types";
+import type { CmsEditorFieldsLayout, CmsModelField } from "../../../types.js";
 export interface FieldEditorProps {
     parent?: CmsModelField;
     layout: CmsEditorFieldsLayout;

package/admin/components/FieldEditor/FieldEditor.js

@@ -1,14 +1,14 @@
 import React, { Fragment } from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as DragIcon } from "@webiny/icons/drag_indicator.svg";
-import { Center, Vertical, Horizontal } from "../DropZone";
-import Draggable from "../Draggable";
-import EditFieldDialog from "./EditFieldDialog";
-import Field from "./Field";
-import { useModelFieldEditor } from "./useModelFieldEditor";
-import { FieldEditorProvider } from "./FieldEditorContext";
-import { ModelFieldProvider } from "../ModelFieldProvider";
+import { Center, Horizontal, Vertical } from "../DropZone/index.js";
+import Draggable from "../Draggable.js";
+import EditFieldDialog from "./EditFieldDialog.js";
+import Field from "./Field.js";
+import { useModelFieldEditor } from "./useModelFieldEditor.js";
+import { FieldEditorProvider } from "./FieldEditorContext.js";
+import { ModelFieldProvider } from "../ModelFieldProvider/index.js";
 import { cn, Icon } from "@webiny/admin-ui";
 const t = i18n.namespace("app-headless-cms/admin/components/editor");
 const fieldTypes = ["field", "newField"];
@@ -84,9 +84,9 @@ const Editor = () => {
     drag,
     isDragging
   } /* RowContainer start - includes drag handle, drop zones and the Row itself. */) => /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-flex wby-flex-column", "wby-relative", "wby-mb-md last-of-type:wby-mb-none", "wby-bg-neutral-dimmed", isDragging ? "wby-opacity-30" : "wby-opacity-100"])
+    className: cn(["flex flex-column", "relative", "mb-md last-of-type:mb-none", "bg-neutral-dimmed", isDragging ? "opacity-30" : "opacity-100"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-cursor-grab", "wby-absolute wby-left-sm-plus wby-top-sm-plus wby-z-10"]),
+    className: cn(["cursor-grab", "absolute left-sm-plus top-sm-plus z-10"]),
     ref: drag
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: /*#__PURE__*/React.createElement(DragIcon, null),
@@ -101,7 +101,7 @@ const Editor = () => {
       index: null
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-w-full wby-flex wby-justify-between", "wby-pl-xl wby-pr-sm wby-py-sm"]),
+    className: cn(["w-full flex justify-between", "pl-xl pr-sm py-sm"]),
     "data-testid": "cms.editor.field-row"
   }, row.map((field, fieldIndex) => /*#__PURE__*/React.createElement(ModelFieldProvider, {
     field: field,
@@ -120,7 +120,7 @@ const Editor = () => {
   }, ({
     drag
   }) => /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-relative", "wby-flex-1 wby-basis-full", "wby-mx-sm"]),
+    className: cn(["relative", "flex-1 basis-full", "mx-sm"]),
     ref: drag
   }, /*#__PURE__*/React.createElement(Vertical, {
     depth: depth,
@@ -130,7 +130,7 @@ const Editor = () => {
     }),
     isVisible: isVerticalDropzoneVisible(noConflict(item => fieldTypes.includes(item.type) && (row.length < 4 || get(item, "pos.row") === index)))
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-cursor-grab wby-bg-neutral-base wby-p-md wby-shadow-sm wby-rounded-xs"
+    className: "cursor-grab bg-neutral-base p-md shadow-sm rounded-xs"
   }, /*#__PURE__*/React.createElement(Field, {
     parent: parent,
     field: field,