@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/plugins/fields/longText.js

@@ -1,27 +1,23 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import React from "react";
-import { ReactComponent as LongTextIcon } from "@svgr/webpack!./icons/round-notes.svg";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
+import { ReactComponent as LongTextIcon } from "@webiny/icons/notes.svg";
 import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import { Bind } from "@webiny/form";
+import { Grid, Input, Label } 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-long-text",
   field: {
     type: "long-text",
     validators: ["required", "minLength", "maxLength", "pattern"],
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Long text"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Long comments, notes, multi line values."]))),
+    label: t`Long text`,
+    description: t`Long comments, notes, multi line values.`,
     icon: /*#__PURE__*/React.createElement(LongTextIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
     // TODO: implement "renderPredefinedValues" and set to true.
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of long texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of long texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -30,17 +26,21 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    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: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=longText.js.map

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

@@ -0,0 +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":[]}

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

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

package/admin/plugins/fields/number.js

@@ -1,27 +1,23 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import React from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
 import { i18n } from "@webiny/app/i18n";
-import { Input } from "@webiny/ui/Input";
 import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
-import { ReactComponent as FloatIcon } from "@svgr/webpack!./icons/round-looks_3-24px.svg";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import { ReactComponent as FloatIcon } from "@webiny/icons/looks_3.svg";
+import { Bind } from "@webiny/form";
+import { Grid, Input, Label } 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(_templateObject || (_templateObject = _taggedTemplateLiteral(["Number"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store numbers."]))),
+    label: t`Number`,
+    description: t`Store numbers.`,
     icon: /*#__PURE__*/React.createElement(FloatIcon, null),
     validators: ["required", "gte", "lte"],
     allowMultipleValues: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of numbers"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of numbers`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -30,34 +26,33 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    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: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     },
-    renderPredefinedValues: function renderPredefinedValues(props) {
+    renderPredefinedValues(props) {
       return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, Object.assign({}, props, {
-        renderValueInput: function renderValueInput(Bind) {
-          return /*#__PURE__*/React.createElement(Bind, {
-            name: "value"
-          }, function (bind) {
-            return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
-              type: "number",
-              label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Value"]))),
-              onChange: function onChange(value) {
-                return bind.onChange(parseFloat(value));
-              }
-            }));
-          });
-        }
+        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;
+export default plugin;
+
+//# sourceMappingURL=number.js.map

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

@@ -0,0 +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":[]}

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

@@ -1,4 +1,7 @@
-/// <reference types="react" />
-export declare const ObjectFields: ({ field }: {
-    field: any;
-}) => JSX.Element;
+import React from "react";
+import type { CmsModelField } from "../../../../types";
+interface ObjectFieldsProps {
+    field: CmsModelField;
+}
+export declare const ObjectFields: ({ field }: ObjectFieldsProps) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +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":[]}

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

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

package/admin/plugins/fields/object.js

@@ -1,25 +1,22 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
 import React from "react";
-import { ReactComponent as ObjectIcon } from "@svgr/webpack!./icons/ballot_black_24dp.svg";
+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 { createFieldsList } from "../../graphql/createFieldsList";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import { createTypeName } from "../../../utils/createTypeName";
+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(_templateObject || (_templateObject = _taggedTemplateLiteral(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store nested data structures."]))),
+    label: t`Object`,
+    description: t`Store nested data structures.`,
     icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a repeatable object"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a repeatable object`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -32,15 +29,26 @@ var plugin = {
         }
       };
     },
-    render: function render(props) {
+    render(props) {
       return /*#__PURE__*/React.createElement(ObjectFields, props);
     },
     graphql: {
-      queryField: function queryField(_ref) {
-        var field = _ref.field;
-        return "{ ".concat(createFieldsList(field.settings.fields), " }");
+      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;
+export default plugin;
+
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,8 @@
+import type { CmsErrorResponse, CmsModel } from "../../../../types";
+export interface ListReferencedModelsQueryResult {
+    listContentModels: {
+        data: Pick<CmsModel, "modelId" | "name">[];
+        error: CmsErrorResponse | null;
+    };
+}
+export declare const LIST_REFERENCED_MODELS: import("graphql").DocumentNode;

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

@@ -0,0 +1,18 @@
+import gql from "graphql-tag";
+export const LIST_REFERENCED_MODELS = gql`
+    query ListReferencedModels {
+        listContentModels {
+            data {
+                modelId
+                name
+            }
+            error {
+                message
+                data
+                code
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel as BaseCmsModel, CmsModelField } from "../../../../types";
+type CmsModel = Pick<BaseCmsModel, "modelId" | "name">;
+interface RenderInfoParams {
+    field: CmsModelField;
+    model: CmsModel;
+}
+export declare const renderInfo: ({ model, field }: RenderInfoParams) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,74 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { useQuery } from "../../../hooks";
+import { LIST_REFERENCED_MODELS } from "./graphql";
+import { useSnackbar } from "@webiny/app-admin";
+import { Tag } from "@webiny/admin-ui";
+const Badge = ({
+  model
+}) => {
+  return /*#__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: "wby-flex wby-justify-end wby-items-center wby-gap-sm"
+  }, items.map(model => {
+    return /*#__PURE__*/React.createElement(Badge, {
+      key: `model-${model.modelId}`,
+      model: model
+    });
+  }), badges > 0 && /*#__PURE__*/React.createElement(Tag, {
+    content: `+${badges}`
+  }));
+};
+
+//# sourceMappingURL=renderInfo.js.map

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

@@ -0,0 +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":[]}

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

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