@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fields/number.js

@@ -1,58 +1,63 @@
-import React from "react";
+import react from "react";
 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 { ReactComponent } from "@webiny/icons/looks_3.svg";
+import { Bind as form_Bind } from "@webiny/form";
+import { Grid, Input } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields");
-const plugin = {
-  type: "cms-editor-field-type",
-  name: "cms-editor-field-type-number",
-  field: {
-    type: "number",
-    label: t`Number`,
-    description: t`Store numbers.`,
-    icon: /*#__PURE__*/React.createElement(FloatIcon, null),
-    validators: ["required", "gte", "lte"],
-    allowMultipleValues: true,
-    allowPredefinedValues: true,
-    multipleValuesLabel: t`Use as a list of numbers`,
-    createField() {
-      return {
-        type: this.type,
-        validation: [],
-        renderer: {
-          name: ""
+const number_plugin = {
+    type: "cms-editor-field-type",
+    name: "cms-editor-field-type-number",
+    field: {
+        type: "number",
+        label: t`Number`,
+        description: t`Store numbers.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        validators: [
+            "required",
+            "gte",
+            "lte"
+        ],
+        allowList: true,
+        allowPredefinedValues: true,
+        listLabel: t`Use as a list of numbers`,
+        createField () {
+            return {
+                type: this.type,
+                validation: [],
+                renderer: {
+                    name: ""
+                }
+            };
+        },
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(form_Bind, {
+                name: "placeholder"
+            }, /*#__PURE__*/ react.createElement(Input, {
+                label: t`Placeholder text`,
+                size: "lg",
+                description: "This text will be shown in an empty input component (optional)"
+            }))));
+        },
+        renderPredefinedValues (props) {
+            return /*#__PURE__*/ react.createElement(PredefinedValuesDynamicFieldset, {
+                ...props,
+                renderValueInput: (Bind)=>/*#__PURE__*/ react.createElement(Bind, {
+                        name: "value"
+                    }, (bind)=>/*#__PURE__*/ react.createElement(Input, {
+                            ...bind,
+                            type: "number",
+                            label: t`Value`,
+                            onChange: (value)=>bind.onChange(parseFloat(value)),
+                            size: "lg"
+                        }))
+            });
         }
-      };
-    },
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "placeholderText"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: /*#__PURE__*/React.createElement(Label, {
-          text: t`Placeholder text`,
-          description: t`(optional)`
-        }),
-        size: "lg"
-      }))));
-    },
-    renderPredefinedValues(props) {
-      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, Object.assign({}, props, {
-        renderValueInput: Bind => /*#__PURE__*/React.createElement(Bind, {
-          name: "value"
-        }, bind => /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
-          type: "number",
-          label: t`Value`,
-          onChange: value => bind.onChange(parseFloat(value)),
-          size: "lg"
-        })))
-      }));
     }
-  }
 };
-export default plugin;
+const number = number_plugin;
+export default number;
 
 //# sourceMappingURL=number.js.map

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

@@ -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.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, 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,2BAA2B;AAChD,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":[]}
+{"version":3,"file":"admin/plugins/fields/number.js","sources":["../../../../src/admin/plugins/fields/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"],"names":["t","i18n","plugin","FloatIcon","Grid","Bind","Input","props","PredefinedValuesDynamicFieldset","bind","value","parseFloat"],"mappings":";;;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOF,CAAC,CAAC,MAAM,CAAC;QAChB,aAAaA,CAAC,CAAC,cAAc,CAAC;QAC9B,MAAM,WAAN,GAAM,oBAACG,gBAASA;QAChB,YAAY;YAAC;YAAY;YAAO;SAAM;QACtC,WAAW;QACX,uBAAuB;QACvB,WAAWH,CAAC,CAAC,wBAAwB,CAAC;QACtC;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;YACJ;QACJ;QACA;YACI,OAAO,WAAP,GACI,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,WAAIA;gBAAC,MAAM;6BACR,oBAACC,OAAKA;gBACF,OAAON,CAAC,CAAC,gBAAgB,CAAC;gBAC1B,MAAM;gBACN,aACI;;QAO5B;QACA,wBAAuBO,KAAK;YACxB,OAAO,WAAP,GACI,oBAACC,iCAA+BA;gBAC3B,GAAGD,KAAK;gBACT,kBAAkBF,CAAAA,OAAAA,WAAAA,GACd,oBAACA,MAAAA;wBAAK,MAAM;uBACPI,CAAAA,OAAAA,WAAAA,GACG,oBAACH,OAAKA;4BACD,GAAGG,IAAI;4BACR,MAAK;4BACL,OAAOT,CAAC,CAAC,KAAK,CAAC;4BACf,UAAUU,CAAAA,QAASD,KAAK,QAAQ,CAACE,WAAWD;4BAC5C,MAAM;;;QAOlC;IACJ;AACJ;AAEA,eAAeR"}

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

@@ -1,35 +1,28 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { set } from "dot-prop-immutable";
 import { FieldEditor, useModelFieldEditor } from "../../../components/FieldEditor/index.js";
-export const ObjectFields = ({
-  field
-}) => {
-  const {
-    getField,
-    updateField
-  } = useModelFieldEditor();
-  const onChange = useCallback(({
-    fields,
-    layout
-  }) => {
-    const currentField = getField({
-      id: field.id
+const ObjectFields = ({ field })=>{
+    const { getField, updateField } = useModelFieldEditor();
+    const onChange = useCallback(({ fields, layout })=>{
+        const currentField = getField({
+            id: field.id
+        });
+        const updatedField = set(currentField, "settings", (settings)=>({
+                ...settings,
+                fields,
+                layout
+            }));
+        updateField(updatedField);
+    }, [
+        field
+    ]);
+    return /*#__PURE__*/ react.createElement(FieldEditor, {
+        parent: field,
+        fields: (field.settings ? field.settings.fields : null) || [],
+        layout: (field.settings ? field.settings.layout : null) || [],
+        onChange: onChange
     });
-    const updatedField = set(currentField, `settings`, settings => {
-      return {
-        ...settings,
-        fields,
-        layout
-      };
-    });
-    updateField(updatedField);
-  }, [field]);
-  return /*#__PURE__*/React.createElement(FieldEditor, {
-    parent: field,
-    fields: (field.settings ? field.settings.fields : null) || [],
-    layout: (field.settings ? field.settings.layout : null) || [],
-    onChange: onChange
-  });
 };
+export { ObjectFields };
 
 //# sourceMappingURL=ObjectFields.js.map

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

@@ -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/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":[]}
+{"version":3,"file":"admin/plugins/fields/object/ObjectFields.js","sources":["../../../../../src/admin/plugins/fields/object/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"],"names":["ObjectFields","field","getField","updateField","useModelFieldEditor","onChange","useCallback","fields","layout","currentField","updatedField","set","settings","FieldEditor"],"mappings":";;;AAQO,MAAMA,eAAe,CAAC,EAAEC,KAAK,EAAqB;IACrD,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAElC,MAAMC,WAAWC,YACb,CAAC,EAAEC,MAAM,EAAEC,MAAM,EAAuC;QACpD,MAAMC,eAAeP,SAAS;YAAE,IAAID,MAAM,EAAE;QAAC;QAC7C,MAAMS,eAAeC,IACjBF,cACA,YACA,CAACG,WACU;gBAAE,GAAGA,QAAQ;gBAAEL;gBAAQC;YAAO;QAG7CL,YAAYO;IAChB,GACA;QAACT;KAAM;IAGX,OAAO,WAAP,GACI,oBAACY,aAAWA;QACR,QAAQZ;QACR,QAASA,AAAAA,CAAAA,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAG,KAAM,EAAE;QAC7D,QAASA,AAAAA,CAAAA,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAG,KAAM,EAAE;QAC7D,UAAUI;;AAGtB"}

package/admin/plugins/fields/object.js

@@ -1,54 +1,51 @@
-import React from "react";
-import { ReactComponent as ObjectIcon } from "@webiny/icons/ballot.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/ballot.svg";
 import { createFieldsList } from "@webiny/app-headless-cms-common";
 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",
-  name: "cms-editor-field-type-object",
-  field: {
-    type: "object",
-    label: t`Object`,
-    description: t`Store nested data structures.`,
-    icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
-    allowMultipleValues: true,
-    allowPredefinedValues: false,
-    multipleValuesLabel: t`Use as a repeatable object`,
-    createField() {
-      return {
-        type: this.type,
-        validation: [],
-        settings: {
-          fields: [],
-          layout: []
+const object_plugin = {
+    type: "cms-editor-field-type",
+    name: "cms-editor-field-type-object",
+    field: {
+        type: "object",
+        label: t`Object`,
+        description: t`Store nested data structures.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        allowList: true,
+        allowPredefinedValues: false,
+        listLabel: t`Use as a repeatable object`,
+        createField () {
+            return {
+                type: this.type,
+                validation: [],
+                settings: {
+                    fields: [],
+                    layout: []
+                },
+                renderer: {
+                    name: ""
+                }
+            };
         },
-        renderer: {
-          name: ""
+        render (props) {
+            return /*#__PURE__*/ react.createElement(ObjectFields, props);
+        },
+        graphql: {
+            queryField ({ field, model, graphQLTypePrefix }) {
+                const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
+                const fields = field.settings ? field.settings.fields ?? [] : [];
+                return `{ ${createFieldsList({
+                    model,
+                    fields,
+                    graphQLTypePrefix: typePrefix
+                })} }`;
+            }
         }
-      };
-    },
-    render(props) {
-      return /*#__PURE__*/React.createElement(ObjectFields, props);
-    },
-    graphql: {
-      queryField({
-        field,
-        model,
-        graphQLTypePrefix
-      }) {
-        const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
-        const fields = field.settings ? field.settings.fields ?? [] : [];
-        return `{ ${createFieldsList({
-          model,
-          fields,
-          graphQLTypePrefix: typePrefix
-        })} }`;
-      }
     }
-  }
 };
-export default plugin;
+const object = object_plugin;
+export default object;
 
 //# sourceMappingURL=object.js.map

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

@@ -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/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        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 = (\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,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,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":[]}
+{"version":3,"file":"admin/plugins/fields/object.js","sources":["../../../../src/admin/plugins/fields/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"],"names":["t","i18n","plugin","ObjectIcon","props","ObjectFields","field","model","graphQLTypePrefix","typePrefix","createTypeName","fields","createFieldsList"],"mappings":";;;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOF,CAAC,CAAC,MAAM,CAAC;QAChB,aAAaA,CAAC,CAAC,6BAA6B,CAAC;QAC7C,MAAM,WAAN,GAAM,oBAACG,gBAAUA;QACjB,WAAW;QACX,uBAAuB;QACvB,WAAWH,CAAC,CAAC,0BAA0B,CAAC;QACxC;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,YAAY,EAAE;gBACd,UAAU;oBACN,QAAQ,EAAE;oBACV,QAAQ,EAAE;gBACd;gBACA,UAAU;oBACN,MAAM;gBACV;YACJ;QACJ;QACA,QAAOI,KAAK;YACR,OAAO,WAAP,GAAO,oBAACC,cAAiBD;QAC7B;QACA,SAAS;YACL,YAAW,EAAEE,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAE;gBAC1C,MAAMC,aAAa,GAAGD,kBAAkB,CAAC,EAAEE,eAAeJ,MAAM,OAAO,GAAG;gBAC1E,MAAMK,SACFL,MAAM,QAAQ,GAAIA,MAAM,QAAQ,CAAC,MAAM,IAAI,EAAE,GAAI,EAAE;gBAEvD,OAAO,CAAC,EAAE,EAAEM,iBAAiB;oBAAEL;oBAAOI;oBAAQ,mBAAmBF;gBAAW,GAAG,EAAE,CAAC;YACtF;QACJ;IACJ;AACJ;AAEA,eAAeP"}

package/admin/plugins/fields/ref/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-export const LIST_REFERENCED_MODELS = gql`
+import graphql_tag from "graphql-tag";
+const LIST_REFERENCED_MODELS = graphql_tag`
     query ListReferencedModels {
         listContentModels {
             data {
@@ -14,5 +14,6 @@ export const LIST_REFERENCED_MODELS = gql`
         }
     }
 `;
+export { LIST_REFERENCED_MODELS };
 
 //# sourceMappingURL=graphql.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/plugins/fields/ref/graphql.js","sources":["../../../../../src/admin/plugins/fields/ref/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"],"names":["LIST_REFERENCED_MODELS","gql"],"mappings":";AASO,MAAMA,yBAAyBC,WAAG,CAAC;;;;;;;;;;;;;;AAc1C,CAAC"}

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

@@ -1,74 +1,51 @@
-import React, { useEffect, useMemo, useState } from "react";
+import react, { useEffect, useMemo, useState } from "react";
 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 = ({
-  model
-}) => {
-  return /*#__PURE__*/React.createElement(Tag, {
-    content: model.name
-  });
-};
+const Badge = ({ model })=>/*#__PURE__*/ react.createElement(Tag, {
+        content: model.name
+    });
 const takeBadges = 1;
-export const renderInfo = ({
-  model,
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(RenderInfo, {
-    model: model,
-    field: field
-  });
-};
-const RenderInfo = ({
-  field
-}) => {
-  const hasAnyModels = (field.settings?.models || []).length > 0;
-  const {
-    data,
-    loading,
-    error
-  } = useQuery(LIST_REFERENCED_MODELS, {
-    skip: !hasAnyModels
-  });
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [models, setModels] = useState([]);
-  useEffect(() => {
-    if (!data || loading) {
-      return;
-    } else if (error) {
-      showSnackbar(error.message);
-      return;
-    }
-    setModels(data.listContentModels?.data || []);
-  }, [data, loading]);
-  const {
-    items,
-    badges
-  } = useMemo(() => {
-    const fieldModels = (field.settings?.models || []).map(model => {
-      return models.find(m => m.modelId === model.modelId);
-    }).filter(Boolean);
-    return {
-      items: fieldModels.slice(0, takeBadges),
-      badges: fieldModels.length - takeBadges
-    };
-  }, [models, field]);
-  if (models.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end items-center gap-sm"
-  }, items.map(model => {
-    return /*#__PURE__*/React.createElement(Badge, {
-      key: `model-${model.modelId}`,
-      model: model
+const renderInfo = ({ model, field })=>/*#__PURE__*/ react.createElement(RenderInfo, {
+        model: model,
+        field: field
+    });
+const RenderInfo = ({ field })=>{
+    const hasAnyModels = (field.settings?.models || []).length > 0;
+    const { data, loading, error } = useQuery(LIST_REFERENCED_MODELS, {
+        skip: !hasAnyModels
     });
-  }), badges > 0 && /*#__PURE__*/React.createElement(Tag, {
-    content: `+${badges}`
-  }));
+    const { showSnackbar } = useSnackbar();
+    const [models, setModels] = useState([]);
+    useEffect(()=>{
+        if (!data || loading) return;
+        if (error) return void showSnackbar(error.message);
+        setModels(data.listContentModels?.data || []);
+    }, [
+        data,
+        loading
+    ]);
+    const { items, badges } = useMemo(()=>{
+        const fieldModels = (field.settings?.models || []).map((model)=>models.find((m)=>m.modelId === model.modelId)).filter(Boolean);
+        return {
+            items: fieldModels.slice(0, takeBadges),
+            badges: fieldModels.length - takeBadges
+        };
+    }, [
+        models,
+        field
+    ]);
+    if (0 === models.length) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end items-center gap-sm"
+    }, items.map((model)=>/*#__PURE__*/ react.createElement(Badge, {
+            key: `model-${model.modelId}`,
+            model: model
+        })), badges > 0 && /*#__PURE__*/ react.createElement(Tag, {
+        content: `+${badges}`
+    }));
 };
+export { renderInfo };
 
 //# sourceMappingURL=renderInfo.js.map

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

@@ -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.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":[]}
+{"version":3,"file":"admin/plugins/fields/ref/renderInfo.js","sources":["../../../../../src/admin/plugins/fields/ref/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"],"names":["Badge","model","Tag","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","data","loading","error","useQuery","LIST_REFERENCED_MODELS","showSnackbar","useSnackbar","models","setModels","useState","useEffect","items","badges","useMemo","fieldModels","m","Boolean"],"mappings":";;;;;AAcA,MAAMA,QAAQ,CAAC,EAAEC,KAAK,EAAc,GACzB,WAAP,GAAO,oBAACC,KAAGA;QAAC,SAASD,MAAM,IAAI;;AAQnC,MAAME,aAAa;AAEZ,MAAMC,aAAa,CAAC,EAAEH,KAAK,EAAEI,KAAK,EAAoB,GAClD,WAAP,GAAO,oBAACC,YAAUA;QAAC,OAAOL;QAAO,OAAOI;;AAG5C,MAAMC,aAAa,CAAC,EAAED,KAAK,EAAoB;IAC3C,MAAME,eAAgBF,AAAAA,CAAAA,MAAM,QAAQ,EAAE,UAAU,EAAC,EAAG,MAAM,GAAG;IAC7D,MAAM,EAAEG,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGC,SAC7BC,wBACA;QACI,MAAM,CAACL;IACX;IAGJ,MAAM,EAAEM,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAqB,EAAE;IAEnDC,UAAU;QACN,IAAI,CAACV,QAAQC,SACT;QACG,IAAIC,OAAO,YACdG,aAAaH,MAAM,OAAO;QAI9BM,UAAUR,KAAK,iBAAiB,EAAE,QAAQ,EAAE;IAChD,GAAG;QAACA;QAAMC;KAAQ;IAElB,MAAM,EAAEU,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAQ;QAC9B,MAAMC,cAAejB,AAAAA,CAAAA,MAAM,QAAQ,EAAE,UAAU,EAAC,EAC3C,GAAG,CAACJ,CAAAA,QACMc,OAAO,IAAI,CAACQ,CAAAA,IAAKA,EAAE,OAAO,KAAKtB,MAAM,OAAO,GAEtD,MAAM,CAACuB;QACZ,OAAO;YACH,OAAOF,YAAY,KAAK,CAAC,GAAGnB;YAC5B,QAAQmB,YAAY,MAAM,GAAGnB;QACjC;IACJ,GAAG;QAACY;QAAQV;KAAM;IAElB,IAAIU,AAAkB,MAAlBA,OAAO,MAAM,EACb,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXI,MAAM,GAAG,CAAClB,CAAAA,QACA,WAAP,GAAO,oBAACD,OAAKA;YAAC,KAAK,CAAC,MAAM,EAAEC,MAAM,OAAO,EAAE;YAAE,OAAOA;aAEvDmB,SAAS,KAAK,WAAL,GAAK,oBAAClB,KAAGA;QAAC,SAAS,CAAC,CAAC,EAAEkB,QAAQ;;AAGrD"}