npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

package/admin/plugins/fields/dynamicZone.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from "react";
 import { ReactComponent as ObjectIcon } from "@webiny/icons/dynamic_form.svg";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { createFieldsList } from "@webiny/app-headless-cms-common";
-import { DynamicZone } from "./dynamicZone/DynamicZone";
-import { createTypeName } from "../../../utils/createTypeName";
-import { commonValidators } from "./dynamicZone/commonValidators";
+import { DynamicZone } from "./dynamicZone/DynamicZone.js";
+import { createTypeName } from "../../../utils/createTypeName.js";
+import { commonValidators } from "./dynamicZone/commonValidators.js";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const listValidators = {
   validators: commonValidators,
@@ -19,10 +19,10 @@ export const dynamicZoneField = {
     label: t`Dynamic Zone`,
     description: t`Define content templates to be used during content creation.`,
     icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
     validators: field => {
-      if (field.multipleValues) {
+      if (field.list) {
         return {
           validators: ["dynamicZone"],
           title: "Template Validators",
@@ -32,7 +32,7 @@ export const dynamicZoneField = {
       return ["required"];
     },
     listValidators,
-    multipleValuesLabel: t`Use as a list of values`,
+    listLabel: t`Use as a list of values`,
     createField() {
       return {
         type: this.type,

package/admin/plugins/fields/dynamicZone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","ObjectIcon","i18n","createFieldsList","DynamicZone","createTypeName","commonValidators","t","ns","listValidators","validators","title","description","dynamicZoneField","type","name","field","label","icon","createElement","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValues~~","~~multipleValuesLabel~~","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","graphQLTypePrefix","prefix","fieldId","length","fragments","map","template","templateGraphQLType","gqlTypeName","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport type { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n validators: commonValidators,\n title: \"List validators\",\n description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-dynamic-zone\",\n field: {\n type: \"dynamicZone\",\n label: t`Dynamic Zone`,\n description: t`Define content templates to be used during content creation.`,\n icon: <ObjectIcon />,\n ~~allowMultipleValues~~: true,\n allowPredefinedValues: false,\n validators: field => {\n if (field.~~multipleValues~~) {\n return {\n validators: [\"dynamicZone\"],\n title: \"Template Validators\",\n description: \"Validators for each of the templates in this dynamic zone.\"\n };\n }\n\n return [\"required\"];\n },\n listValidators,\n ~~multipleValuesLabel~~: t`Use as a list of values`,\n createField() {\n return {\n type: this.type,\n listValidation: [{ name: \"dynamicZone\" }],\n settings: {\n templates: []\n },\n renderer: {\n name: \"dynamicZone\"\n }\n };\n },\n render() {\n return <DynamicZone />;\n },\n graphql: {\n queryField({ model, field, graphQLTypePrefix }) {\n const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n const templates = field.settings?.templates \|\| [];\n\n if (!templates.length) {\n return null;\n }\n\n const fragments = templates.map(template => {\n const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n return `...on ${templateGraphQLType} {\n ${createFieldsList({\n model,\n fields: template.fields \|\| [],\n graphQLTypePrefix: templateGraphQLType\n })}\n _templateId\n __typename\n }`;\n });\n return `{ ${fragments.join(\"\\n\")} }`;\n }\n }\n }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,gCAAgC;AAC7E,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,WAAW;AACpB,SAASC,cAAc;AAEvB,SAASC,gBAAgB;AAEzB,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEJ,gBAAgB;EAC5BK,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAED,OAAO,MAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEV,CAAC,cAAc;IACtBK,WAAW,EAAEL,CAAC,8DAA8D;IAC5EW,IAAI,eAAEnB,KAAA,CAAAoB,aAAA,CAAClB,UAAU,MAAE,CAAC;IACpBmB,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAEM,KAAK,IAAI;MACjB,IAAIA,KAAK,CAACM,~~cAAc~~,EAAE;~~QACtB~~,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BC,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDH,cAAc;IACdc,~~mBAAmB~~,EAAEhB,CAAC,yBAAyB;~~IAC/CiB~~,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,cAAc,EAAE,CAAC;UAAEV,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCW,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNb,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDc,MAAMA,CAAA,EAAG;MACL,oBAAO9B,KAAA,CAAAoB,aAAA,CAACf,WAAW,MAAE,CAAC;IAC1B,CAAC;IACD0B,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEC,KAAK;QAAEhB,KAAK;QAAEiB;MAAkB,CAAC,EAAE;QAC5C,MAAMC,MAAM,GAAG,GAAGD,iBAAiB,IAAI5B,cAAc,CAACW,KAAK,CAACmB,OAAO,CAAC,EAAE;QACtE,MAAMR,SAAS,GAAGX,KAAK,CAACU,QAAQ,EAAEC,SAAS,IAAI,EAAE;QAEjD,IAAI,CAACA,SAAS,CAACS,MAAM,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,MAAMC,SAAS,GAAGV,SAAS,CAACW,GAAG,CAACC,QAAQ,IAAI;UACxC,MAAMC,mBAAmB,GAAG,GAAGN,MAAM,IAAIK,QAAQ,CAACE,WAAW,EAAE;UAC/D,OAAO,SAASD,mBAAmB;AACvD,0BAA0BrC,gBAAgB,CAAC;YACf6B,KAAK;YACLU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI,EAAE;YAC7BT,iBAAiB,EAAEO;UACvB,CAAC,CAAC;AAC1B;AACA;AACA,sBAAsB;QACN,CAAC,CAAC;QACF,OAAO,KAAKH,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC,IAAI;MACxC;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","ObjectIcon","i18n","createFieldsList","DynamicZone","createTypeName","commonValidators","t","ns","listValidators","validators","title","description","dynamicZoneField","type","name","field","label","icon","createElement","allowList","allowPredefinedValues","list","listLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","graphQLTypePrefix","prefix","fieldId","length","fragments","map","template","templateGraphQLType","gqlTypeName","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone.js\";\nimport { createTypeName } from \"~/utils/createTypeName.js\";\nimport type { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types.js\";\nimport { commonValidators } from \"./dynamicZone/commonValidators.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n validators: commonValidators,\n title: \"List validators\",\n description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-dynamic-zone\",\n field: {\n type: \"dynamicZone\",\n label: t`Dynamic Zone`,\n description: t`Define content templates to be used during content creation.`,\n icon: <ObjectIcon />,\n allowList: true,\n allowPredefinedValues: false,\n validators: field => {\n if (field.list) {\n return {\n validators: [\"dynamicZone\"],\n title: \"Template Validators\",\n description: \"Validators for each of the templates in this dynamic zone.\"\n };\n }\n\n return [\"required\"];\n },\n listValidators,\n listLabel: t`Use as a list of values`,\n createField() {\n return {\n type: this.type,\n listValidation: [{ name: \"dynamicZone\" }],\n settings: {\n templates: []\n },\n renderer: {\n name: \"dynamicZone\"\n }\n };\n },\n render() {\n return <DynamicZone />;\n },\n graphql: {\n queryField({ model, field, graphQLTypePrefix }) {\n const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n const templates = field.settings?.templates \|\| [];\n\n if (!templates.length) {\n return null;\n }\n\n const fragments = templates.map(template => {\n const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n return `...on ${templateGraphQLType} {\n ${createFieldsList({\n model,\n fields: template.fields \|\| [],\n graphQLTypePrefix: templateGraphQLType\n })}\n _templateId\n __typename\n }`;\n });\n return `{ ${fragments.join(\"\\n\")} }`;\n }\n }\n }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,gCAAgC;AAC7E,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,WAAW;AACpB,SAASC,cAAc;AAEvB,SAASC,gBAAgB;AAEzB,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEJ,gBAAgB;EAC5BK,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAED,OAAO,MAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEV,CAAC,cAAc;IACtBK,WAAW,EAAEL,CAAC,8DAA8D;IAC5EW,IAAI,eAAEnB,KAAA,CAAAoB,aAAA,CAAClB,UAAU,MAAE,CAAC;IACpBmB,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAEM,KAAK,IAAI;MACjB,IAAIA,KAAK,CAACM,IAAI,EAAE;QACZ,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BC,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDH,cAAc;IACdc,SAAS,EAAEhB,CAAC,yBAAyB;IACrCiB,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,cAAc,EAAE,CAAC;UAAEV,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCW,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNb,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDc,MAAMA,CAAA,EAAG;MACL,oBAAO9B,KAAA,CAAAoB,aAAA,CAACf,WAAW,MAAE,CAAC;IAC1B,CAAC;IACD0B,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEC,KAAK;QAAEhB,KAAK;QAAEiB;MAAkB,CAAC,EAAE;QAC5C,MAAMC,MAAM,GAAG,GAAGD,iBAAiB,IAAI5B,cAAc,CAACW,KAAK,CAACmB,OAAO,CAAC,EAAE;QACtE,MAAMR,SAAS,GAAGX,KAAK,CAACU,QAAQ,EAAEC,SAAS,IAAI,EAAE;QAEjD,IAAI,CAACA,SAAS,CAACS,MAAM,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,MAAMC,SAAS,GAAGV,SAAS,CAACW,GAAG,CAACC,QAAQ,IAAI;UACxC,MAAMC,mBAAmB,GAAG,GAAGN,MAAM,IAAIK,QAAQ,CAACE,WAAW,EAAE;UAC/D,OAAO,SAASD,mBAAmB;AACvD,0BAA0BrC,gBAAgB,CAAC;YACf6B,KAAK;YACLU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI,EAAE;YAC7BT,iBAAiB,EAAEO;UACvB,CAAC,CAAC;AAC1B;AACA;AACA,sBAAsB;QACN,CAAC,CAAC;QACF,OAAO,KAAKH,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC,IAAI;MACxC;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fields/json.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/json.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { ReactComponent as JsonIcon } from "@webiny/icons/data_object.svg";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const plugin = {
   type: "cms-editor-field-type",
@@ -10,9 +10,9 @@ const plugin = {
     label: t`JSON`,
     description: t`Store JSON values.`,
     icon: /*#__PURE__*/React.createElement(JsonIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t`Use as a list of JSONs`,
+    listLabel: t`Use as a list of JSONs`,
     hideInAdmin: true,
     createField() {
       return {

package/admin/plugins/fields/json.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","JsonIcon","i18n","t","ns","plugin","type","name","field","label","description","icon","createElement","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","hideInAdmin","createField","validation","renderer","settings","defaultValue"],"sources":["json.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-json\",\n field: {\n type: \"json\",\n label: t`JSON`,\n description: t`Store JSON values.`,\n icon: <JsonIcon />,\n ~~allowMultipleValues~~: true,\n allowPredefinedValues: true,\n ~~multipleValuesLabel~~: t`Use as a list of JSONs`,\n hideInAdmin: true,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n },\n settings: {\n defaultValue: false\n }\n };\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AAEvC~~,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEN,CAAC,MAAM;IACdO,WAAW,EAAEP,CAAC,oBAAoB;IAClCQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,IAAI;IAC3BC,~~mBAAmB~~,EAAEZ,CAAC,wBAAwB;~~IAC9Ca~~,WAAW,EAAE,IAAI;IACjBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV,CAAC;QACDa,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","JsonIcon","i18n","t","ns","plugin","type","name","field","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","hideInAdmin","createField","validation","renderer","settings","defaultValue"],"sources":["json.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-json\",\n field: {\n type: \"json\",\n label: t`JSON`,\n description: t`Store JSON values.`,\n icon: <JsonIcon />,\n allowList: true,\n allowPredefinedValues: true,\n listLabel: t`Use as a list of JSONs`,\n hideInAdmin: true,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n },\n settings: {\n defaultValue: false\n }\n };\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEN,CAAC,MAAM;IACdO,WAAW,EAAEP,CAAC,oBAAoB;IAClCQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,IAAI;IAC3BC,SAAS,EAAEZ,CAAC,wBAAwB;IACpCa,WAAW,EAAE,IAAI;IACjBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV,CAAC;QACDa,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

package/admin/plugins/fields/longText.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/longText.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from "react";
 import { ReactComponent as LongTextIcon } from "@webiny/icons/notes.svg";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { Bind } from "@webiny/form";
-import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Grid, Input } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const plugin = {
   type: "cms-editor-field-type",
@@ -13,10 +13,10 @@ const plugin = {
     label: t`Long text`,
     description: t`Long comments, notes, multi line values.`,
     icon: /*#__PURE__*/React.createElement(LongTextIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
     // TODO: implement "renderPredefinedValues" and set to true.
-    multipleValuesLabel: t`Use as a list of long texts`,
+    listLabel: t`Use as a list of long texts`,
     createField() {
       return {
         type: this.type,
@@ -30,13 +30,11 @@ const plugin = {
       return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
       }, /*#__PURE__*/React.createElement(Bind, {
-        name: "placeholderText"
+        name: "placeholder"
       }, /*#__PURE__*/React.createElement(Input, {
-        label: /*#__PURE__*/React.createElement(Label, {
-          text: t`Placeholder text`,
-          description: t`(optional)`
-        }),
-        size: "lg"
+        label: t`Placeholder text`,
+        size: "lg",
+        description: "This text will be shown in an empty input component (optional)"
       }))));
     }
   }

package/admin/plugins/fields/longText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","LongTextIcon","i18n","Bind","Grid","Input","~~Label","~~t","ns","plugin","type","name","field","validators","label","description","icon","createElement","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","createField","validation","renderer","renderSettings","Column","span","~~text","~~size"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"@webiny/icons/notes.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, ~~Label~~ } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-long-text\",\n field: {\n type: \"long-text\",\n validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n label: t`Long text`,\n description: t`Long comments, notes, multi line values.`,\n icon: <LongTextIcon />,\n ~~allowMultipleValues~~: true,\n allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n ~~multipleValuesLabel~~: t`Use as a list of long texts`,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"~~placeholderText~~\"}>\n <Input\n label={~~\n <Label text={~~t`Placeholder text`} ~~description~~={~~t`(optional)`~~} ~~/>\n }~~\n ~~size~~={\"lg\"}\n />\n </Bind>\n </Grid.Column>\n </Grid>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,yBAAyB;AAExE,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,~~EAAEC,KAAK,~~QAAQ,kBAAkB;~~AAErD~~,MAAMC,CAAC,~~GAAGL~~,IAAI,~~CAACM~~,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAEP,CAAC,WAAW;IACnBQ,WAAW,EAAER,CAAC,0CAA0C;IACxDS,IAAI,~~eAAEjB~~,KAAA,~~CAAAkB~~,aAAA,~~CAAChB~~,YAAY,MAAE,CAAC;~~IACtBiB~~,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,~~mBAAmB~~,EAAEb,CAAC,6BAA6B;~~IACnDc~~,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,~~oBACIzB~~,KAAA,~~CAAAkB~~,aAAA,~~CAACb~~,IAAI,qBACDL,KAAA,~~CAAAkB~~,aAAA,~~CAACb~~,IAAI,~~CAACqB~~,MAAM;QAACC,IAAI,EAAE;MAAG,~~gBAClB3B~~,KAAA,~~CAAAkB~~,aAAA,~~CAACd~~,IAAI;~~QAACQ~~,IAAI,EAAE;~~MAAkB~~,~~gBAC1BZ~~,KAAA,~~CAAAkB~~,aAAA,~~CAACZ~~,KAAK;~~QACFS~~,KAAK,~~eACDf~~,~~KAAA~~,~~CAAAkB,aAAA,CAACX,KAAK~~;~~UAACqB~~,IAAI,~~EAAEpB~~,~~CAAC,kBAAmB~~;~~UAACQ~~,WAAW,~~EAAER,CAAC~~;~~QAAa~~,~~CAAE~~,~~CAClE;QACDqB,IAAI,EAAE;MAAK,CACd,~~CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,~~eAAenB~~,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","LongTextIcon","i18n","Bind","Grid","Input","t","ns","plugin","type","name","field","validators","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","renderSettings","Column","span","size"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"@webiny/icons/notes.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-long-text\",\n field: {\n type: \"long-text\",\n validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n label: t`Long text`,\n description: t`Long comments, notes, multi line values.`,\n icon: <LongTextIcon />,\n allowList: true,\n allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n listLabel: t`Use as a list of long texts`,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"placeholder\"}>\n <Input\n label={t`Placeholder text`}\n size={\"lg\"}\n description={\n \"This text will be shown in an empty input component (optional)\"\n }\n />\n </Bind>\n </Grid.Column>\n </Grid>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,yBAAyB;AAExE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE9C,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAEP,CAAC,WAAW;IACnBQ,WAAW,EAAER,CAAC,0CAA0C;IACxDS,IAAI,eAAEhB,KAAA,CAAAiB,aAAA,CAACf,YAAY,MAAE,CAAC;IACtBgB,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,SAAS,EAAEb,CAAC,6BAA6B;IACzCc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACIxB,KAAA,CAAAiB,aAAA,CAACZ,IAAI,qBACDL,KAAA,CAAAiB,aAAA,CAACZ,IAAI,CAACoB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB1B,KAAA,CAAAiB,aAAA,CAACb,IAAI;QAACO,IAAI,EAAE;MAAc,gBACtBX,KAAA,CAAAiB,aAAA,CAACX,KAAK;QACFQ,KAAK,EAAEP,CAAC,kBAAmB;QAC3BoB,IAAI,EAAE,IAAK;QACXZ,WAAW,EACP;MACH,CACJ,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}

package/admin/plugins/fields/number.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/number.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
+import { i18n } from "@webiny/app/i18n/index.js";
+import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset.js";
 import { ReactComponent as FloatIcon } from "@webiny/icons/looks_3.svg";
 import { Bind } from "@webiny/form";
-import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Grid, Input } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const plugin = {
   type: "cms-editor-field-type",
@@ -14,9 +14,9 @@ const plugin = {
     description: t`Store numbers.`,
     icon: /*#__PURE__*/React.createElement(FloatIcon, null),
     validators: ["required", "gte", "lte"],
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t`Use as a list of numbers`,
+    listLabel: t`Use as a list of numbers`,
     createField() {
       return {
         type: this.type,
@@ -30,13 +30,11 @@ const plugin = {
       return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
       }, /*#__PURE__*/React.createElement(Bind, {
-        name: "placeholderText"
+        name: "placeholder"
       }, /*#__PURE__*/React.createElement(Input, {
-        label: /*#__PURE__*/React.createElement(Label, {
-          text: t`Placeholder text`,
-          description: t`(optional)`
-        }),
-        size: "lg"
+        label: t`Placeholder text`,
+        size: "lg",
+        description: "This text will be shown in an empty input component (optional)"
       }))));
     },
     renderPredefinedValues(props) {

package/admin/plugins/fields/number.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","PredefinedValuesDynamicFieldset","ReactComponent","FloatIcon","Bind","Grid","Input","~~Label","~~t","ns","plugin","type","name","field","label","description","icon","createElement","validators","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","createField","validation","renderer","renderSettings","Column","span","~~text","~~size","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@webiny/icons/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, ~~Label~~ } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-number\",\n field: {\n type: \"number\",\n label: t`Number`,\n description: t`Store numbers.`,\n icon: <FloatIcon />,\n validators: [\"required\", \"gte\", \"lte\"],\n ~~allowMultipleValues~~: true,\n allowPredefinedValues: true,\n ~~multipleValuesLabel~~: t`Use as a list of numbers`,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"~~placeholderText~~\"}>\n <Input\n label={~~\n <Label text={~~t`Placeholder text`} ~~description~~={~~t`(optional)`~~} ~~/>\n }~~\n ~~size~~={\"lg\"}\n />\n </Bind>\n </Grid.Column>\n </Grid>\n );\n },\n renderPredefinedValues(props) {\n return (\n <PredefinedValuesDynamicFieldset\n {...props}\n renderValueInput={Bind => (\n <Bind name={\"value\"}>\n {bind => (\n <Input\n {...bind}\n type=\"number\"\n label={t`Value`}\n onChange={value => bind.onChange(parseFloat(value))}\n size={\"lg\"}\n />\n )}\n </Bind>\n )}\n />\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,OAAOC,+BAA+B;AACtC,SAASC,cAAc,IAAIC,SAAS,QAAQ,2BAA2B;AACvE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,~~EAAEC,KAAK,~~QAAQ,kBAAkB;~~AAErD~~,MAAMC,CAAC,~~GAAGR~~,IAAI,~~CAACS~~,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,gBAAgB;IAC9BQ,IAAI,~~eAAEjB~~,KAAA,~~CAAAkB~~,aAAA,~~CAACd~~,SAAS,MAAE,CAAC;~~IACnBe~~,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,IAAI;IAC3BC,~~mBAAmB~~,EAAEb,CAAC,0BAA0B;~~IAChDc~~,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,~~oBACI1B~~,KAAA,~~CAAAkB~~,aAAA,~~CAACZ~~,IAAI,qBACDN,KAAA,~~CAAAkB~~,aAAA,~~CAACZ~~,IAAI,~~CAACqB~~,MAAM;QAACC,IAAI,EAAE;MAAG,~~gBAClB5B~~,KAAA,~~CAAAkB~~,aAAA,~~CAACb~~,IAAI;~~QAACQ~~,IAAI,EAAE;~~MAAkB~~,~~gBAC1Bb~~,KAAA,~~CAAAkB~~,aAAA,~~CAACX~~,KAAK;~~QACFQ~~,KAAK,~~eACDf~~,~~KAAA~~,~~CAAAkB,aAAA,CAACV,KAAK~~;~~UAACqB~~,IAAI,~~EAAEpB~~,~~CAAC,kBAAmB~~;~~UAACO~~,WAAW,~~EAAEP,CAAC~~;~~QAAa~~,~~CAAE~~,~~CAClE;QACDqB,IAAI,EAAE;MAAK,CACd,~~CACC,CACG,CACX,CAAC;IAEf,CAAC;~~IACDC~~,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,~~oBACIhC~~,KAAA,~~CAAAkB~~,aAAA,~~CAAChB~~,+BAA+B,~~EAAA+B~~,MAAA,CAAAC,MAAA,KACxBF,KAAK;QACTG,gBAAgB,~~EAAE9B~~,IAAI,iBAClBL,KAAA,~~CAAAkB~~,aAAA,~~CAACb~~,IAAI;~~UAACQ~~,IAAI,EAAE;QAAQ,~~GACfuB~~,IAAI,~~iBACDpC~~,KAAA,~~CAAAkB~~,aAAA,~~CAACX~~,KAAK,~~EAAA0B~~,MAAA,CAAAC,MAAA,KACEE,IAAI;~~UACRxB~~,IAAI,EAAC,QAAQ;UACbG,KAAK,EAAEN,CAAC,OAAQ;~~UAChB4B~~,QAAQ,EAAEC,KAAK,IAAIF,IAAI,CAACC,QAAQ,CAACE,UAAU,CAACD,KAAK,CAAC,CAAE;UACpDR,IAAI,EAAE;QAAK,EACd,CAEH;MACR,EACL,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,~~eAAenB~~,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","PredefinedValuesDynamicFieldset","ReactComponent","FloatIcon","Bind","Grid","Input","t","ns","plugin","type","name","field","label","description","icon","createElement","validators","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","renderSettings","Column","span","size","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset.js\";\nimport { ReactComponent as FloatIcon } from \"@webiny/icons/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-number\",\n field: {\n type: \"number\",\n label: t`Number`,\n description: t`Store numbers.`,\n icon: <FloatIcon />,\n validators: [\"required\", \"gte\", \"lte\"],\n allowList: true,\n allowPredefinedValues: true,\n listLabel: t`Use as a list of numbers`,\n createField() {\n return {\n type: this.type,\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"placeholder\"}>\n <Input\n label={t`Placeholder text`}\n size={\"lg\"}\n description={\n \"This text will be shown in an empty input component (optional)\"\n }\n />\n </Bind>\n </Grid.Column>\n </Grid>\n );\n },\n renderPredefinedValues(props) {\n return (\n <PredefinedValuesDynamicFieldset\n {...props}\n renderValueInput={Bind => (\n <Bind name={\"value\"}>\n {bind => (\n <Input\n {...bind}\n type=\"number\"\n label={t`Value`}\n onChange={value => bind.onChange(parseFloat(value))}\n size={\"lg\"}\n />\n )}\n </Bind>\n )}\n />\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,+BAA+B;AACtC,SAASC,cAAc,IAAIC,SAAS,QAAQ,2BAA2B;AACvE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE9C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,gBAAgB;IAC9BQ,IAAI,eAAEhB,KAAA,CAAAiB,aAAA,CAACb,SAAS,MAAE,CAAC;IACnBc,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,IAAI;IAC3BC,SAAS,EAAEb,CAAC,0BAA0B;IACtCc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACIzB,KAAA,CAAAiB,aAAA,CAACX,IAAI,qBACDN,KAAA,CAAAiB,aAAA,CAACX,IAAI,CAACoB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB3B,KAAA,CAAAiB,aAAA,CAACZ,IAAI;QAACO,IAAI,EAAE;MAAc,gBACtBZ,KAAA,CAAAiB,aAAA,CAACV,KAAK;QACFO,KAAK,EAAEN,CAAC,kBAAmB;QAC3BoB,IAAI,EAAE,IAAK;QACXb,WAAW,EACP;MACH,CACJ,CACC,CACG,CACX,CAAC;IAEf,CAAC;IACDc,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACI9B,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,EAAA6B,MAAA,CAAAC,MAAA,KACxBF,KAAK;QACTG,gBAAgB,EAAE5B,IAAI,iBAClBL,KAAA,CAAAiB,aAAA,CAACZ,IAAI;UAACO,IAAI,EAAE;QAAQ,GACfsB,IAAI,iBACDlC,KAAA,CAAAiB,aAAA,CAACV,KAAK,EAAAwB,MAAA,CAAAC,MAAA,KACEE,IAAI;UACRvB,IAAI,EAAC,QAAQ;UACbG,KAAK,EAAEN,CAAC,OAAQ;UAChB2B,QAAQ,EAAEC,KAAK,IAAIF,IAAI,CAACC,QAAQ,CAACE,UAAU,CAACD,KAAK,CAAC,CAAE;UACpDR,IAAI,EAAE;QAAK,EACd,CAEH;MACR,EACL,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,eAAelB,MAAM","ignoreList":[]}

package/admin/plugins/fields/object/ObjectFields.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types.js";
 interface ObjectFieldsProps {
     field: CmsModelField;
 }

package/admin/plugins/fields/object/ObjectFields.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useCallback } from "react";
 import { set } from "dot-prop-immutable";
-import { FieldEditor, useModelFieldEditor } from "../../../components/FieldEditor";
+import { FieldEditor, useModelFieldEditor } from "../../../components/FieldEditor/index.js";
 export const ObjectFields = ({
   field
 }) => {

package/admin/plugins/fields/object/ObjectFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","set","FieldEditor","useModelFieldEditor","ObjectFields","field","getField","updateField","onChange","fields","layout","currentField","id","updatedField","settings","createElement","parent"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n field: CmsModelField;\n}\nexport const ObjectFields = ({ field }: ObjectFieldsProps) => {\n const { getField, updateField } = useModelFieldEditor();\n\n const onChange = useCallback(\n ({ fields, layout }: Pick<CmsModel, \"fields\" \| \"layout\">) => {\n const currentField = getField({ id: field.id });\n const updatedField = set(\n currentField,\n `settings`,\n (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n return { ...settings, fields, layout };\n }\n );\n updateField(updatedField);\n },\n [field]\n );\n\n return (\n <FieldEditor\n parent={field}\n fields={(field.settings ? field.settings.fields : null) \|\| []}\n layout={(field.settings ? field.settings.layout : null) \|\| []}\n onChange={onChange}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,WAAW,EAAEC,mBAAmB;AAMzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGJ,mBAAmB,CAAC,CAAC;EAEvD,MAAMK,QAAQ,GAAGR,WAAW,CACxB,CAAC;IAAES,MAAM;IAAEC;EAA4C,CAAC,KAAK;IACzD,MAAMC,YAAY,GAAGL,QAAQ,CAAC;MAAEM,EAAE,EAAEP,KAAK,CAACO;IAAG,CAAC,CAAC;IAC/C,MAAMC,YAAY,GAAGZ,GAAG,CACpBU,YAAY,EACZ,UAAU,EACTG,QAA8B,IAAwB;MACnD,OAAO;QAAE,GAAGA,QAAQ;QAAEL,MAAM;QAAEC;MAAO,CAAC;IAC1C,CACJ,CAAC;IACDH,WAAW,CAACM,YAAY,CAAC;EAC7B,CAAC,EACD,CAACR,KAAK,CACV,CAAC;EAED,oBACIN,KAAA,CAAAgB,aAAA,CAACb,WAAW;IACRc,MAAM,EAAEX,KAAM;IACdI,MAAM,EAAE,CAACJ,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DC,MAAM,EAAE,CAACL,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACJ,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DF,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","set","FieldEditor","useModelFieldEditor","ObjectFields","field","getField","updateField","onChange","fields","layout","currentField","id","updatedField","settings","createElement","parent"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\n\ninterface ObjectFieldsProps {\n field: CmsModelField;\n}\nexport const ObjectFields = ({ field }: ObjectFieldsProps) => {\n const { getField, updateField } = useModelFieldEditor();\n\n const onChange = useCallback(\n ({ fields, layout }: Pick<CmsModel, \"fields\" \| \"layout\">) => {\n const currentField = getField({ id: field.id });\n const updatedField = set(\n currentField,\n `settings`,\n (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n return { ...settings, fields, layout };\n }\n );\n updateField(updatedField);\n },\n [field]\n );\n\n return (\n <FieldEditor\n parent={field}\n fields={(field.settings ? field.settings.fields : null) \|\| []}\n layout={(field.settings ? field.settings.layout : null) \|\| []}\n onChange={onChange}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,WAAW,EAAEC,mBAAmB;AAMzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGJ,mBAAmB,CAAC,CAAC;EAEvD,MAAMK,QAAQ,GAAGR,WAAW,CACxB,CAAC;IAAES,MAAM;IAAEC;EAA4C,CAAC,KAAK;IACzD,MAAMC,YAAY,GAAGL,QAAQ,CAAC;MAAEM,EAAE,EAAEP,KAAK,CAACO;IAAG,CAAC,CAAC;IAC/C,MAAMC,YAAY,GAAGZ,GAAG,CACpBU,YAAY,EACZ,UAAU,EACTG,QAA8B,IAAwB;MACnD,OAAO;QAAE,GAAGA,QAAQ;QAAEL,MAAM;QAAEC;MAAO,CAAC;IAC1C,CACJ,CAAC;IACDH,WAAW,CAACM,YAAY,CAAC;EAC7B,CAAC,EACD,CAACR,KAAK,CACV,CAAC;EAED,oBACIN,KAAA,CAAAgB,aAAA,CAACb,WAAW;IACRc,MAAM,EAAEX,KAAM;IACdI,MAAM,EAAE,CAACJ,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DC,MAAM,EAAE,CAACL,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACJ,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DF,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fields/object.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/object.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from "react";
 import { ReactComponent as ObjectIcon } from "@webiny/icons/ballot.svg";
 import { createFieldsList } from "@webiny/app-headless-cms-common";
-import { i18n } from "@webiny/app/i18n";
-import { ObjectFields } from "./object/ObjectFields";
-import { createTypeName } from "../../../utils/createTypeName";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ObjectFields } from "./object/ObjectFields.js";
+import { createTypeName } from "../../../utils/createTypeName.js";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const plugin = {
   type: "cms-editor-field-type",
@@ -13,9 +13,9 @@ const plugin = {
     label: t`Object`,
     description: t`Store nested data structures.`,
     icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t`Use as a repeatable object`,
+    listLabel: t`Use as a repeatable object`,
     createField() {
       return {
         type: this.type,
@@ -39,7 +39,7 @@ const plugin = {
         graphQLTypePrefix
       }) {
         const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
-        const fields = field.settings ? field.settings.fields : [];
+        const fields = field.settings ? field.settings.fields ?? [] : [];
         return `{ ${createFieldsList({
           model,
           fields,

package/admin/plugins/fields/object.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","ObjectIcon","createFieldsList","i18n","ObjectFields","createTypeName","t","ns","plugin","type","name","field","label","description","icon","createElement","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","model","graphQLTypePrefix","typePrefix","fieldId"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/ballot.svg\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport type { CmsModelFieldTypePlugin, CmsModelField } from \"~/types\";\nimport { createTypeName } from \"~/utils/createTypeName\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-object\",\n field: {\n type: \"object\",\n label: t`Object`,\n description: t`Store nested data structures.`,\n icon: <ObjectIcon />,\n ~~allowMultipleValues~~: true,\n allowPredefinedValues: false,\n ~~multipleValuesLabel~~: t`Use as a repeatable object`,\n createField() {\n return {\n type: this.type,\n validation: [],\n settings: {\n fields: [],\n layout: []\n },\n renderer: {\n name: \"\"\n }\n };\n },\n render(props) {\n return <ObjectFields {...props} />;\n },\n graphql: {\n queryField({ field, model, graphQLTypePrefix }) {\n const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n const fields = (field.settings ? field.settings.fields : []) as CmsModelField[];\n return `{ ${createFieldsList({ model, fields, graphQLTypePrefix: typePrefix })} }`;\n }\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,YAAY;AAErB,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEf,KAAA,CAAAgB,aAAA,CAACd,UAAU,MAAE,CAAC;IACpBe,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,KAAK;IAC5BC,~~mBAAmB~~,EAAEZ,CAAC,4BAA4B;~~IAClDa~~,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNC,MAAM,EAAE,EAAE;UACVC,MAAM,EAAE;QACZ,CAAC;QACDC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAO3B,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAKsB,KAAQ,CAAC;IACtC,CAAC;IACDC,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEjB,KAAK;QAAEkB,KAAK;QAAEC;MAAkB,CAAC,EAAE;QAC5C,MAAMC,UAAU,GAAG,GAAGD,iBAAiB,IAAIzB,cAAc,CAACM,KAAK,CAACqB,OAAO,CAAC,EAAE;QAC1E,MAAMV,MAAM,~~GAAIX~~,KAAK,CAACU,QAAQ,~~GAAGV~~,KAAK,CAACU,QAAQ,CAACC,MAAM,~~GAAG~~,~~EAAsB~~;~~QAC/E~~,OAAO,KAAKpB,gBAAgB,CAAC;UAAE2B,KAAK;UAAEP,MAAM;UAAEQ,iBAAiB,EAAEC;QAAW,CAAC,CAAC,IAAI;MACtF;IACJ;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","ObjectIcon","createFieldsList","i18n","ObjectFields","createTypeName","t","ns","plugin","type","name","field","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","model","graphQLTypePrefix","typePrefix","fieldId"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/ballot.svg\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ObjectFields } from \"./object/ObjectFields.js\";\nimport type { CmsModelFieldTypePlugin, CmsModelField } from \"~/types.js\";\nimport { createTypeName } from \"~/utils/createTypeName.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-object\",\n field: {\n type: \"object\",\n label: t`Object`,\n description: t`Store nested data structures.`,\n icon: <ObjectIcon />,\n allowList: true,\n allowPredefinedValues: false,\n listLabel: t`Use as a repeatable object`,\n createField() {\n return {\n type: this.type,\n validation: [],\n settings: {\n fields: [],\n layout: []\n },\n renderer: {\n name: \"\"\n }\n };\n },\n render(props) {\n return <ObjectFields {...props} />;\n },\n graphql: {\n queryField({ field, model, graphQLTypePrefix }) {\n const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n const fields = (\n field.settings ? (field.settings.fields ?? []) : []\n ) as CmsModelField[];\n return `{ ${createFieldsList({ model, fields, graphQLTypePrefix: typePrefix })} }`;\n }\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,YAAY;AAErB,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEf,KAAA,CAAAgB,aAAA,CAACd,UAAU,MAAE,CAAC;IACpBe,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,KAAK;IAC5BC,SAAS,EAAEZ,CAAC,4BAA4B;IACxCa,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNC,MAAM,EAAE,EAAE;UACVC,MAAM,EAAE;QACZ,CAAC;QACDC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAO3B,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAKsB,KAAQ,CAAC;IACtC,CAAC;IACDC,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEjB,KAAK;QAAEkB,KAAK;QAAEC;MAAkB,CAAC,EAAE;QAC5C,MAAMC,UAAU,GAAG,GAAGD,iBAAiB,IAAIzB,cAAc,CAACM,KAAK,CAACqB,OAAO,CAAC,EAAE;QAC1E,MAAMV,MAAM,GACRX,KAAK,CAACU,QAAQ,GAAIV,KAAK,CAACU,QAAQ,CAACC,MAAM,IAAI,EAAE,GAAI,EACjC;QACpB,OAAO,KAAKpB,gBAAgB,CAAC;UAAE2B,KAAK;UAAEP,MAAM;UAAEQ,iBAAiB,EAAEC;QAAW,CAAC,CAAC,IAAI;MACtF;IACJ;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}

package/admin/plugins/fields/ref/graphql.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { CmsErrorResponse, CmsModel } from "../../../../types";
+import type { CmsErrorResponse, CmsModel } from "../../../../types.js";
 export interface ListReferencedModelsQueryResult {
     listContentModels: {
         data: Pick<CmsModel, "modelId" | "name">[];

package/admin/plugins/fields/ref/graphql.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["gql","LIST_REFERENCED_MODELS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse, CmsModel } from \"~/types\";\n\nexport interface ListReferencedModelsQueryResult {\n listContentModels: {\n data: Pick<CmsModel, \"modelId\" \| \"name\">[];\n error: CmsErrorResponse \| null;\n };\n}\nexport const LIST_REFERENCED_MODELS = gql`\n query ListReferencedModels {\n listContentModels {\n data {\n modelId\n name\n }\n error {\n message\n data\n code\n }\n }\n }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAS7B,OAAO,MAAMC,sBAAsB,GAAGD,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["gql","LIST_REFERENCED_MODELS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse, CmsModel } from \"~/types.js\";\n\nexport interface ListReferencedModelsQueryResult {\n listContentModels: {\n data: Pick<CmsModel, \"modelId\" \| \"name\">[];\n error: CmsErrorResponse \| null;\n };\n}\nexport const LIST_REFERENCED_MODELS = gql`\n query ListReferencedModels {\n listContentModels {\n data {\n modelId\n name\n }\n error {\n message\n data\n code\n }\n }\n }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAS7B,OAAO,MAAMC,sBAAsB,GAAGD,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/admin/plugins/fields/ref/renderInfo.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModel as BaseCmsModel, CmsModelField } from "../../../../types";
+import type { CmsModel as BaseCmsModel, CmsModelField } from "../../../../types.js";
 type CmsModel = Pick<BaseCmsModel, "modelId" | "name">;
 interface RenderInfoParams {
     field: CmsModelField;

package/admin/plugins/fields/ref/renderInfo.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from "react";
-import { useQuery } from "../../../hooks";
-import { LIST_REFERENCED_MODELS } from "./graphql";
+import { useQuery } from "../../../hooks/index.js";
+import { LIST_REFERENCED_MODELS } from "./graphql.js";
 import { useSnackbar } from "@webiny/app-admin";
 import { Tag } from "@webiny/admin-ui";
 const Badge = ({
@@ -60,7 +60,7 @@ const RenderInfo = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-end wby-items-center wby-gap-sm"
+    className: "flex justify-end items-center gap-sm"
   }, items.map(model => {
     return /*#__PURE__*/React.createElement(Badge, {
       key: `model-${model.modelId}`,

package/admin/plugins/fields/ref/renderInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useMemo","useState","useQuery","LIST_REFERENCED_MODELS","useSnackbar","Tag","Badge","model","createElement","content","name","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","settings","models","length","data","loading","error","skip","showSnackbar","setModels","message","listContentModels","items","badges","fieldModels","map","find","m","modelId","filter","Boolean","slice","className","key"],"sources":["renderInfo.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport type { CmsModel as BaseCmsModel, CmsModelField } from \"~/types\";\nimport { useQuery } from \"~/admin/hooks\";\nimport type { ListReferencedModelsQueryResult } from \"~/admin/plugins/fields/ref/graphql\";\nimport { LIST_REFERENCED_MODELS } from \"~/admin/plugins/fields/ref/graphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Tag } from \"@webiny/admin-ui\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" \| \"name\">;\n\ninterface BadgeProps {\n model: CmsModel;\n}\n\nconst Badge = ({ model }: BadgeProps) => {\n return <Tag content={model.name} />;\n};\n\ninterface RenderInfoParams {\n field: CmsModelField;\n model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\n const hasAnyModels = (field.settings?.models \|\| []).length > 0;\n const { data, loading, error } = useQuery<ListReferencedModelsQueryResult>(\n LIST_REFERENCED_MODELS,\n {\n skip: !hasAnyModels\n }\n );\n\n const { showSnackbar } = useSnackbar();\n\n const [models, setModels] = useState<CmsModel[]>([]);\n\n useEffect(() => {\n if (!data \|\| loading) {\n return;\n } else if (error) {\n showSnackbar(error.message);\n return;\n }\n\n setModels(data.listContentModels?.data \|\| []);\n }, [data, loading]);\n\n const { items, badges } = useMemo(() => {\n const fieldModels = (field.settings?.models \|\| [])\n .map(model => {\n return models.find(m => m.modelId === model.modelId);\n })\n .filter(Boolean) as CmsModel[];\n return {\n items: fieldModels.slice(0, takeBadges),\n badges: fieldModels.length - takeBadges\n };\n }, [models, field]);\n\n if (models.length === 0) {\n return null;\n }\n\n return (\n <div className={\"~~wby-~~flex ~~wby-~~justify-end ~~wby-~~items-center ~~wby-~~gap-sm\"}>\n {items.map(model => {\n return <Badge key={`model-${model.modelId}`} model={model} />;\n })}\n {badges > 0 && <Tag content={`+${badges}`}></Tag>}\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAE3D,SAASC,QAAQ;AAEjB,SAASC,sBAAsB;AAC/B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,kBAAkB;AAQtC,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOT,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAEF,KAAK,CAACG;EAAK,CAAE,CAAC;AACvC,CAAC;AAOD,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEL,KAAK;EAAEM;AAAwB,CAAC,KAAK;EAC9D,oBAAOf,KAAA,CAAAU,aAAA,CAACM,UAAU;IAACP,KAAK,EAAEA,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AACrD,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAAED;AAAwB,CAAC,KAAK;EAChD,MAAME,YAAY,GAAG,CAACF,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAAEC,MAAM,GAAG,CAAC;EAC9D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CACrCC,sBAAsB,EACtB;IACImB,IAAI,EAAE,CAACP;EACX,CACJ,CAAC;EAED,MAAM;IAAEQ;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACa,MAAM,EAAEO,SAAS,CAAC,GAAGvB,QAAQ,CAAa,EAAE,CAAC;EAEpDF,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,IAAI,IAAIC,OAAO,EAAE;MAClB;IACJ,CAAC,MAAM,IAAIC,KAAK,EAAE;MACdE,YAAY,CAACF,KAAK,CAACI,OAAO,CAAC;MAC3B;IACJ;IAEAD,SAAS,CAACL,IAAI,CAACO,iBAAiB,EAAEP,IAAI,IAAI,EAAE,CAAC;EACjD,CAAC,EAAE,CAACA,IAAI,EAAEC,OAAO,CAAC,CAAC;EAEnB,MAAM;IAAEO,KAAK;IAAEC;EAAO,CAAC,GAAG5B,OAAO,CAAC,MAAM;IACpC,MAAM6B,WAAW,GAAG,CAAChB,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAC5Ca,GAAG,CAACvB,KAAK,IAAI;MACV,OAAOU,MAAM,CAACc,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK1B,KAAK,CAAC0B,OAAO,CAAC;IACxD,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAe;IAClC,OAAO;MACHR,KAAK,EAAEE,WAAW,CAACO,KAAK,CAAC,CAAC,EAAEzB,UAAU,CAAC;MACvCiB,MAAM,EAAEC,WAAW,CAACX,MAAM,GAAGP;IACjC,CAAC;EACL,CAAC,EAAE,CAACM,MAAM,EAAEJ,KAAK,CAAC,CAAC;EAEnB,IAAII,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAU,aAAA;IAAK6B,SAAS,EAAE;~~EAAuD~~,~~GAClEV~~,KAAK,CAACG,GAAG,CAACvB,KAAK,IAAI;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACF,KAAK;MAACgC,GAAG,EAAE,SAAS/B,KAAK,CAAC0B,OAAO,EAAG;MAAC1B,KAAK,EAAEA;IAAM,CAAE,CAAC;EACjE,CAAC,CAAC,EACDqB,MAAM,GAAG,CAAC,iBAAI9B,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAE,IAAImB,MAAM;EAAG,CAAM,CAC/C,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useMemo","useState","useQuery","LIST_REFERENCED_MODELS","useSnackbar","Tag","Badge","model","createElement","content","name","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","settings","models","length","data","loading","error","skip","showSnackbar","setModels","message","listContentModels","items","badges","fieldModels","map","find","m","modelId","filter","Boolean","slice","className","key"],"sources":["renderInfo.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport type { CmsModel as BaseCmsModel, CmsModelField } from \"~/types.js\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\nimport type { ListReferencedModelsQueryResult } from \"~/admin/plugins/fields/ref/graphql.js\";\nimport { LIST_REFERENCED_MODELS } from \"~/admin/plugins/fields/ref/graphql.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Tag } from \"@webiny/admin-ui\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" \| \"name\">;\n\ninterface BadgeProps {\n model: CmsModel;\n}\n\nconst Badge = ({ model }: BadgeProps) => {\n return <Tag content={model.name} />;\n};\n\ninterface RenderInfoParams {\n field: CmsModelField;\n model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\n const hasAnyModels = (field.settings?.models \|\| []).length > 0;\n const { data, loading, error } = useQuery<ListReferencedModelsQueryResult>(\n LIST_REFERENCED_MODELS,\n {\n skip: !hasAnyModels\n }\n );\n\n const { showSnackbar } = useSnackbar();\n\n const [models, setModels] = useState<CmsModel[]>([]);\n\n useEffect(() => {\n if (!data \|\| loading) {\n return;\n } else if (error) {\n showSnackbar(error.message);\n return;\n }\n\n setModels(data.listContentModels?.data \|\| []);\n }, [data, loading]);\n\n const { items, badges } = useMemo(() => {\n const fieldModels = (field.settings?.models \|\| [])\n .map(model => {\n return models.find(m => m.modelId === model.modelId);\n })\n .filter(Boolean) as CmsModel[];\n return {\n items: fieldModels.slice(0, takeBadges),\n badges: fieldModels.length - takeBadges\n };\n }, [models, field]);\n\n if (models.length === 0) {\n return null;\n }\n\n return (\n <div className={\"flex justify-end items-center gap-sm\"}>\n {items.map(model => {\n return <Badge key={`model-${model.modelId}`} model={model} />;\n })}\n {badges > 0 && <Tag content={`+${badges}`}></Tag>}\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAE3D,SAASC,QAAQ;AAEjB,SAASC,sBAAsB;AAC/B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,kBAAkB;AAQtC,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOT,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAEF,KAAK,CAACG;EAAK,CAAE,CAAC;AACvC,CAAC;AAOD,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEL,KAAK;EAAEM;AAAwB,CAAC,KAAK;EAC9D,oBAAOf,KAAA,CAAAU,aAAA,CAACM,UAAU;IAACP,KAAK,EAAEA,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AACrD,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAAED;AAAwB,CAAC,KAAK;EAChD,MAAME,YAAY,GAAG,CAACF,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAAEC,MAAM,GAAG,CAAC;EAC9D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CACrCC,sBAAsB,EACtB;IACImB,IAAI,EAAE,CAACP;EACX,CACJ,CAAC;EAED,MAAM;IAAEQ;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACa,MAAM,EAAEO,SAAS,CAAC,GAAGvB,QAAQ,CAAa,EAAE,CAAC;EAEpDF,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,IAAI,IAAIC,OAAO,EAAE;MAClB;IACJ,CAAC,MAAM,IAAIC,KAAK,EAAE;MACdE,YAAY,CAACF,KAAK,CAACI,OAAO,CAAC;MAC3B;IACJ;IAEAD,SAAS,CAACL,IAAI,CAACO,iBAAiB,EAAEP,IAAI,IAAI,EAAE,CAAC;EACjD,CAAC,EAAE,CAACA,IAAI,EAAEC,OAAO,CAAC,CAAC;EAEnB,MAAM;IAAEO,KAAK;IAAEC;EAAO,CAAC,GAAG5B,OAAO,CAAC,MAAM;IACpC,MAAM6B,WAAW,GAAG,CAAChB,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAC5Ca,GAAG,CAACvB,KAAK,IAAI;MACV,OAAOU,MAAM,CAACc,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK1B,KAAK,CAAC0B,OAAO,CAAC;IACxD,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAe;IAClC,OAAO;MACHR,KAAK,EAAEE,WAAW,CAACO,KAAK,CAAC,CAAC,EAAEzB,UAAU,CAAC;MACvCiB,MAAM,EAAEC,WAAW,CAACX,MAAM,GAAGP;IACjC,CAAC;EACL,CAAC,EAAE,CAACM,MAAM,EAAEJ,KAAK,CAAC,CAAC;EAEnB,IAAII,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAU,aAAA;IAAK6B,SAAS,EAAE;EAAuC,GAClDV,KAAK,CAACG,GAAG,CAACvB,KAAK,IAAI;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACF,KAAK;MAACgC,GAAG,EAAE,SAAS/B,KAAK,CAAC0B,OAAO,EAAG;MAAC1B,KAAK,EAAEA;IAAM,CAAE,CAAC;EACjE,CAAC,CAAC,EACDqB,MAAM,GAAG,CAAC,iBAAI9B,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAE,IAAImB,MAAM;EAAG,CAAM,CAC/C,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fields/ref.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/ref.js CHANGED Viewed

@@ -1,25 +1,16 @@
 import React, { useCallback, useMemo } from "react";
-import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql";
+import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql.js";
 import { validation, ValidationError } from "@webiny/validation";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { useSnackbar } from "@webiny/app-admin";
 import { ReactComponent as RefIcon } from "@webiny/icons/link.svg";
-import { i18n } from "@webiny/app/i18n";
-import { Bind, useForm } from "@webiny/form";
-import { useModel, useQuery } from "../../hooks";
-import { renderInfo } from "./ref/renderInfo";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind } from "@webiny/form";
+import { useQuery } from "../../hooks/index.js";
+import { renderInfo } from "./ref/renderInfo.js";
 import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
 import { Grid, Label, MultiAutoComplete } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const RefFieldSettings = () => {
-  const {
-    model
-  } = useModel();
-  const {
-    data: formData
-  } = useForm();
-  const lockedFields = model.lockedFields || [];
-  const fieldId = (formData || {}).fieldId || null;
-  const isFieldLocked = lockedFields.some(lockedField => fieldId && lockedField.fieldId === fieldId);
   const {
     data,
     loading,
@@ -54,7 +45,7 @@ const RefFieldSettings = () => {
   const atLeastOneItem = useCallback(async value => {
     try {
       await validation.validate(value, "required,minLength:1");
-    } catch (err) {
+    } catch {
       throw new ValidationError(`Please select at least 1 item`);
     }
   }, []);
@@ -83,7 +74,7 @@ const RefFieldSettings = () => {
         description: "(cannot be changed later)"
       }),
       options: options,
-      disabled: isFieldLocked || loading
+      disabled: loading
     }));
   })));
 };
@@ -97,9 +88,9 @@ const plugin = {
     label: t`Reference`,
     description: t`Reference existing content entries. For example, a book can reference one or more authors.`,
     icon: /*#__PURE__*/React.createElement(RefIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t`Use as a list of references`,
+    listLabel: t`Use as a list of references`,
     createField() {
       return {
         type: this.type,

package/admin/plugins/fields/ref.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","LIST_CONTENT_MODELS","withoutBeingDeletedModels","validation","ValidationError","useSnackbar","ReactComponent","RefIcon","i18n","Bind","useForm","useModel","useQuery","renderInfo","CMS_MODEL_SINGLETON_TAG","Grid","Label","MultiAutoComplete","t","ns","RefFieldSettings","model","data","formData","lockedFields","fieldId","isFieldLocked","some","lockedField","loading","error","showSnackbar","message","options","listContentModels","models","filter","tags","includes","map","value","modelId","label","name","atLeastOneItem","validate","err","createElement","Column","span","validators","bind","formattedValueForAutoComplete","option","Object","assign","size","values","onValuesChange","onChange","text","description","disabled","plugin","type","field","listValidators","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport type { CmsModel, CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport { useModel, useQuery } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n const { model } = useModel();\n const { data: formData } = useForm();\n const lockedFields = model.lockedFields \|\| [];\n const fieldId = (formData \|\| {}).fieldId \|\| null;\n const isFieldLocked = lockedFields.some(\n lockedField => fieldId && lockedField.fieldId === fieldId\n );\n\n const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n const { showSnackbar } = useSnackbar();\n\n if (error) {\n showSnackbar(error.message);\n return null;\n }\n\n // Format options for the Autocomplete component.\n const options = useMemo(() => {\n if (!data?.listContentModels?.data) {\n return [];\n }\n const models = withoutBeingDeletedModels(data.listContentModels.data);\n return (\n models\n /*\n Remove singleton models from the list of options.\n /\n .filter(model => {\n return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n })\n .map(model => {\n return { value: model.modelId, label: model.name };\n })\n );\n }, [data]);\n\n const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n try {\n await validation.validate(value, \"required,minLength:1\");\n } catch (err) {\n throw new ValidationError(`Please select at least 1 item`);\n }\n }, []);\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n {(bind: BindComponentRenderProp<CmsModel[]>) => {\n // Format value prop for MultiAutoComplete component.\n const formattedValueForAutoComplete = options\n .filter(option =>\n bind.value.some(({ modelId }) => option.value === modelId)\n )\n .map(({ value }) => value);\n\n return (\n <MultiAutoComplete\n {...bind}\n size={\"lg\"}\n values={formattedValueForAutoComplete}\n onValuesChange={(values: string[]) => {\n bind.onChange(values.map(value => ({ modelId: value })));\n }}\n label={\n loading ? (\n t`Loading models...`\n ) : (\n <Label\n text={t`Content models`}\n description={\"(cannot be changed later)\"}\n />\n )\n }\n options={options}\n disabled={isFieldLocked \|\| loading}\n />\n );\n }}\n </Bind>\n </Grid.Column>\n </Grid>\n );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-ref\",\n field: {\n type: \"ref\",\n validators: [\"required\"],\n listValidators: [\"minLength\", \"maxLength\"],\n label: t`Reference`,\n description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n icon: <RefIcon />,\n allowMultipleValues: true,\n allowPredefinedValues: false,\n multipleValuesLabel: t`Use as a list of references`,\n createField() {\n return {\n type: this.type,\n settings: {\n models: []\n },\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return <RefFieldSettings />;\n },\n graphql: {\n queryField: / GraphQL */ `\n {\n modelId\n id\n }\n `\n },\n renderInfo\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useMemo","LIST_CONTENT_MODELS","withoutBeingDeletedModels","validation","ValidationError","useSnackbar","ReactComponent","RefIcon","i18n","Bind","useQuery","renderInfo","CMS_MODEL_SINGLETON_TAG","Grid","Label","MultiAutoComplete","t","ns","RefFieldSettings","data","loading","error","showSnackbar","message","options","listContentModels","models","filter","model","tags","includes","map","value","modelId","label","name","atLeastOneItem","validate","createElement","Column","span","validators","bind","formattedValueForAutoComplete","option","some","Object","assign","size","values","onValuesChange","onChange","text","description","disabled","plugin","type","field","listValidators","icon","allowList","allowPredefinedValues","listLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"../../viewsGraphql.js\";\nimport { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from \"../../viewsGraphql.js\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsModel, CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\nimport { renderInfo } from \"./ref/renderInfo.js\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n const { showSnackbar } = useSnackbar();\n\n if (error) {\n showSnackbar(error.message);\n return null;\n }\n\n // Format options for the Autocomplete component.\n const options = useMemo(() => {\n if (!data?.listContentModels?.data) {\n return [];\n }\n const models = withoutBeingDeletedModels(data.listContentModels.data);\n return (\n models\n /*\n Remove singleton models from the list of options.\n /\n .filter(model => {\n return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n })\n .map(model => {\n return { value: model.modelId, label: model.name };\n })\n );\n }, [data]);\n\n const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n try {\n await validation.validate(value, \"required,minLength:1\");\n } catch {\n throw new ValidationError(`Please select at least 1 item`);\n }\n }, []);\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n {(bind: BindComponentRenderProp<CmsModel[]>) => {\n // Format value prop for MultiAutoComplete component.\n const formattedValueForAutoComplete = options\n .filter(option =>\n bind.value.some(({ modelId }) => option.value === modelId)\n )\n .map(({ value }) => value);\n\n return (\n <MultiAutoComplete\n {...bind}\n size={\"lg\"}\n values={formattedValueForAutoComplete}\n onValuesChange={(values: string[]) => {\n bind.onChange(values.map(value => ({ modelId: value })));\n }}\n label={\n loading ? (\n t`Loading models...`\n ) : (\n <Label\n text={t`Content models`}\n description={\"(cannot be changed later)\"}\n />\n )\n }\n options={options}\n disabled={loading}\n />\n );\n }}\n </Bind>\n </Grid.Column>\n </Grid>\n );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n type: \"cms-editor-field-type\",\n name: \"cms-editor-field-type-ref\",\n field: {\n type: \"ref\",\n validators: [\"required\"],\n listValidators: [\"minLength\", \"maxLength\"],\n label: t`Reference`,\n description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n icon: <RefIcon />,\n allowList: true,\n allowPredefinedValues: false,\n listLabel: t`Use as a list of references`,\n createField() {\n return {\n type: this.type,\n settings: {\n models: []\n },\n validation: [],\n renderer: {\n name: \"\"\n }\n };\n },\n renderSettings() {\n return <RefFieldSettings />;\n },\n graphql: {\n queryField: / GraphQL */ `\n {\n modelId\n id\n }\n `\n },\n renderInfo\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/richText.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/richText.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as NotesIcon } from "@webiny/icons/text_snippet.svg";
-import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Grid, Input } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const plugin = {
@@ -12,9 +12,9 @@ const plugin = {
     label: t`Rich text`,
     description: t`Text formatting with references and media.`,
     icon: /*#__PURE__*/React.createElement(NotesIcon, null),
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t`Use as a list of rich texts`,
+    listLabel: t`Use as a list of rich texts`,
     createField() {
       return {
         type: this.type,
@@ -28,13 +28,11 @@ const plugin = {
       return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
       }, /*#__PURE__*/React.createElement(Bind, {
-        name: "placeholderText"
+        name: "placeholder"
       }, /*#__PURE__*/React.createElement(Input, {
-        label: /*#__PURE__*/React.createElement(Label, {
-          text: t`Placeholder text`,
-          description: t`(optional)`
-        }),
-        size: "lg"
+        label: t`Placeholder text`,
+        size: "lg",
+        description: "This text will be shown in an empty input component (optional)"
       }))));
     }
   }