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

package/admin/plugins/fields/ref.js

@@ -1,35 +1,106 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useMemo } from "react";
-import get from "lodash/get";
-import { useQuery } from "../../hooks";
-import { LIST_CONTENT_MODELS } from "../../viewsGraphql";
+import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql";
 import { validation, ValidationError } from "@webiny/validation";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
-import { CircularProgress } from "@webiny/ui/Progress";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { ReactComponent as RefIcon } from "@svgr/webpack!./icons/round-link-24px.svg";
+import { ReactComponent as RefIcon } from "@webiny/icons/link.svg";
 import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import { Bind, useForm } from "@webiny/form";
+import { useModel, useQuery } from "../../hooks";
+import { renderInfo } from "./ref/renderInfo";
+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,
+    error
+  } = useQuery(LIST_CONTENT_MODELS);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  if (error) {
+    showSnackbar(error.message);
+    return null;
+  }
+
+  // Format options for the Autocomplete component.
+  const options = useMemo(() => {
+    if (!data?.listContentModels?.data) {
+      return [];
+    }
+    const models = withoutBeingDeletedModels(data.listContentModels.data);
+    return models
+    /**
+     * Remove singleton models from the list of options.
+     */.filter(model => {
+      return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);
+    }).map(model => {
+      return {
+        value: model.modelId,
+        label: model.name
+      };
+    });
+  }, [data]);
+  const atLeastOneItem = useCallback(async value => {
+    try {
+      await validation.validate(value, "required,minLength:1");
+    } catch (err) {
+      throw new ValidationError(`Please select at least 1 item`);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "settings.models",
+    validators: atLeastOneItem
+  }, bind => {
+    // Format value prop for MultiAutoComplete component.
+    const formattedValueForAutoComplete = options.filter(option => bind.value.some(({
+      modelId
+    }) => option.value === modelId)).map(({
+      value
+    }) => value);
+    return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+      size: "lg",
+      values: formattedValueForAutoComplete,
+      onValuesChange: values => {
+        bind.onChange(values.map(value => ({
+          modelId: value
+        })));
+      },
+      label: loading ? t`Loading models...` : /*#__PURE__*/React.createElement(Label, {
+        text: t`Content models`,
+        description: "(cannot be changed later)"
+      }),
+      options: options,
+      disabled: isFieldLocked || loading
+    }));
+  })));
+};
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-ref",
   field: {
     type: "ref",
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Reference"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Reference existing content entries. For example, a book can reference one or more authors."]))),
+    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,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of references"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of references`,
+    createField() {
       return {
         type: this.type,
         settings: {
@@ -41,104 +112,20 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var _ref$form = _ref.form,
-          Bind = _ref$form.Bind,
-          formData = _ref$form.data,
-          contentModel = _ref.contentModel;
-      var lockedFields = get(contentModel, "lockedFields", []);
-      var fieldId = get(formData, "fieldId", null);
-      var lockedField = lockedFields.find(function (lockedField) {
-        return lockedField.fieldId === fieldId;
-      });
-
-      var _useQuery = useQuery(LIST_CONTENT_MODELS),
-          data = _useQuery.data,
-          loading = _useQuery.loading,
-          error = _useQuery.error;
-
-      var _useSnackbar = useSnackbar(),
-          showSnackbar = _useSnackbar.showSnackbar;
-
-      if (error) {
-        showSnackbar(error.message);
-        return null;
-      } // Format options for the Autocomplete component.
-
-
-      var options = useMemo(function () {
-        return get(data, "listContentModels.data", []).map(function (model) {
-          return {
-            id: model.modelId,
-            name: model.name
-          };
-        });
-      }, [data]);
-      var atLeastOneItem = useCallback( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return validation.validate(value, "required,minLength:1");
-
-                case 3:
-                  _context.next = 8;
-                  break;
-
-                case 5:
-                  _context.prev = 5;
-                  _context.t0 = _context["catch"](0);
-                  throw new ValidationError("Please select at least 1 item");
-
-                case 8:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee, null, [[0, 5]]);
-        }));
-
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }(), []);
-      return /*#__PURE__*/React.createElement(Grid, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.models",
-        validators: atLeastOneItem
-      }, function (bind) {
-        // Format value prop for MultiAutoComplete component.
-        var formattedValueForAutoComplete = options.filter(function (option) {
-          return bind.value.some(function (_ref3) {
-            var modelId = _ref3.modelId;
-            return option.id === modelId;
-          });
-        });
-        return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
-          value: formattedValueForAutoComplete,
-          onChange: function onChange(values) {
-            bind.onChange(values.map(function (value) {
-              return {
-                modelId: value.id
-              };
-            }));
-          },
-          label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Content Models"]))),
-          description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Cannot be changed later"]))),
-          options: options,
-          disabled: lockedField && lockedField.modelId
-        }));
-      })));
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(RefFieldSettings, null);
     },
     graphql: {
-      queryField:
-      /* GraphQL */
-      "\n                {\n                    modelId\n                    entryId\n                }\n            "
-    }
+      queryField: /* GraphQL */`
+                {
+                    modelId
+                    id
+                }
+            `
+    },
+    renderInfo
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=ref.js.map

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

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

package/admin/plugins/fields/richText.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/richText.js

@@ -1,45 +1,44 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import React from "react";
 import { i18n } from "@webiny/app/i18n";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { ReactComponent as NotesIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
-import { Input } from "@webiny/ui/Input";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import { ReactComponent as NotesIcon } from "@webiny/icons/text_snippet.svg";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",
   field: {
     type: "rich-text",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Rich text"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Text formatting with references and media."]))),
+    label: t`Rich text`,
+    description: t`Text formatting with references and media.`,
     icon: /*#__PURE__*/React.createElement(NotesIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of rich texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of rich texts`,
+    createField() {
       return {
         type: this.type,
-        name: this.name,
         validation: [],
         renderer: {
           name: ""
         }
       };
     },
-    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=richText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","ReactComponent","NotesIcon","Grid","Input","Label","Bind","t","ns","plugin","type","name","field","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Column","span","text","size"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as NotesIcon } from \"@webiny/icons/text_snippet.svg\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\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-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of rich 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,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,SAAS,QAAQ,gCAAgC;AAC5E,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACrD,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEN,CAAC,WAAW;IACnBO,WAAW,EAAEP,CAAC,4CAA4C;IAC1DQ,IAAI,eAAEhB,KAAA,CAAAiB,aAAA,CAACd,SAAS,MAAE,CAAC;IACnBe,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,6BAA6B;IACnDa,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAcA,CAAA,EAAG;MACb,oBACIxB,KAAA,CAAAiB,aAAA,CAACb,IAAI,qBACDJ,KAAA,CAAAiB,aAAA,CAACb,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB1B,KAAA,CAAAiB,aAAA,CAACV,IAAI;QAACK,IAAI,EAAE;MAAkB,gBAC1BZ,KAAA,CAAAiB,aAAA,CAACZ,KAAK;QACFS,KAAK,eACDd,KAAA,CAAAiB,aAAA,CAACX,KAAK;UAACqB,IAAI,EAAEnB,CAAC,kBAAmB;UAACO,WAAW,EAAEP,CAAC;QAAa,CAAE,CAClE;QACDoB,IAAI,EAAE;MAAK,CACd,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAelB,MAAM","ignoreList":[]}

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

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

package/admin/plugins/fields/searchableJson.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as JsonIcon } from "@webiny/icons/data_object.svg";
+import { i18n } from "@webiny/app/i18n";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-searchable-json",
+  field: {
+    type: "searchable-json",
+    label: t`Searchable JSON`,
+    description: t`Store Searchable JSON values.`,
+    icon: /*#__PURE__*/React.createElement(JsonIcon, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: true,
+    multipleValuesLabel: t`Use as a list of Searchable JSONs`,
+    hideInAdmin: true,
+    createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        },
+        settings: {
+          defaultValue: false
+        }
+      };
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=searchableJson.js.map

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

@@ -0,0 +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":["searchableJson.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-searchable-json\",\n    field: {\n        type: \"searchable-json\",\n        label: t`Searchable JSON`,\n        description: t`Store Searchable JSON values.`,\n        icon: <JsonIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of Searchable 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,uCAAuC;EAC7CC,KAAK,EAAE;IACHF,IAAI,EAAE,iBAAiB;IACvBG,KAAK,EAAEN,CAAC,iBAAiB;IACzBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEZ,CAAC,mCAAmC;IACzDa,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/text.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/text.js

@@ -1,27 +1,23 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import React from "react";
-import { ReactComponent as TextIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
-import { Grid, Cell } from "@webiny/ui/Grid";
+import { ReactComponent as TextIcon } from "@webiny/icons/text_fields.svg";
 import { i18n } from "@webiny/app/i18n";
-import { Input } from "@webiny/ui/Input";
 import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
-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-text",
   field: {
     type: "text",
-    validators: ["required", "minLength", "maxLength", "pattern"],
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Titles, names, single line values."]))),
+    validators: ["required", "minLength", "maxLength", "pattern", "unique"],
+    label: t`Text`,
+    description: t`Titles, names, single line values.`,
     icon: /*#__PURE__*/React.createElement(TextIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -30,22 +26,26 @@ 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, props, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Value"])))
+        label: t`Value`
       }));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","TextIcon","i18n","PredefinedValuesDynamicFieldset","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","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"@webiny/icons/text_fields.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\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-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of 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        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\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;AACvC,OAAOC,+BAA+B;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACrD,MAAMC,CAAC,GAAGN,IAAI,CAACO,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,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;IACvEC,KAAK,EAAEP,CAAC,MAAM;IACdQ,WAAW,EAAER,CAAC,oCAAoC;IAClDS,IAAI,eAAElB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,MAAE,CAAC;IAClBkB,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,wBAAwB;IAC9Cc,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,CAAAmB,aAAA,CAACb,IAAI,qBACDN,KAAA,CAAAmB,aAAA,CAACb,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB5B,KAAA,CAAAmB,aAAA,CAACd,IAAI;QAACQ,IAAI,EAAE;MAAkB,gBAC1Bb,KAAA,CAAAmB,aAAA,CAACZ,KAAK;QACFS,KAAK,eACDhB,KAAA,CAAAmB,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,CAAC;IACDC,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACIhC,KAAA,CAAAmB,aAAA,CAACf,+BAA+B,EAAK4B,KAAK,eACtChC,KAAA,CAAAmB,aAAA,CAACZ,KAAK;QAACS,KAAK,EAAEP,CAAC;MAAQ,CAAE,CACI,CAAC;IAE1C;EACJ;AACJ,CAAC;AAED,eAAeE,MAAM","ignoreList":[]}

package/admin/plugins/getObjectId.d.ts

@@ -1,3 +1,3 @@
-import { CacheGetObjectIdPlugin } from "@webiny/app/types";
-declare const plugin: CacheGetObjectIdPlugin;
-export default plugin;
+import { ApolloCacheObjectIdPlugin } from "@webiny/app";
+declare const _default: ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject>;
+export default _default;

package/admin/plugins/getObjectId.js

@@ -1,13 +1,11 @@
-var plugin = {
-  type: "cache-get-object-id",
-  getObjectId: function getObjectId(obj) {
-    switch (obj.__typename) {
-      case "CmsContentModel":
-        return obj.modelId;
-
-      default:
-        return undefined;
-    }
+import { ApolloCacheObjectIdPlugin } from "@webiny/app";
+export default new ApolloCacheObjectIdPlugin(obj => {
+  switch (obj.__typename) {
+    case "CmsContentModel":
+      return `${obj.__typename}:${obj.modelId}`;
+    default:
+      return undefined;
   }
-};
-export default plugin;
+});
+
+//# sourceMappingURL=getObjectId.js.map

package/admin/plugins/getObjectId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,aAAa;AAEvD,eAAe,IAAIA,yBAAyB,CAACC,GAAG,IAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,OAAO,GAAGD,GAAG,CAACC,UAAU,IAAID,GAAG,CAACE,OAAO,EAAE;IAC7C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/icons.d.ts

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

package/admin/plugins/icons.js

@@ -1,40 +1,34 @@
-import * as React from "react";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
 import { far } from "@fortawesome/free-regular-svg-icons";
-
-var createSvg = function createSvg(icon) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: 24,
-    viewBox: "0 0 ".concat(icon[0], " ").concat(icon[1])
-  }, /*#__PURE__*/React.createElement("path", {
-    d: icon[4],
-    fill: "currentColor"
-  }));
-};
-
-var icons = [];
-var plugin = {
+const icons = [];
+const plugin = {
   name: "cms-icons-fontawesome",
   type: "cms-icons",
-  init: function init() {
-    library.add(fab, fas, far); // @ts-ignore
-
-    var definitions = library.definitions;
-    Object.keys(definitions).forEach(function (pack) {
-      var defs = definitions[pack];
-      Object.keys(defs).forEach(function (icon) {
+  init() {
+    /**
+     * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.
+     */
+    // @ts-expect-error
+    library.add(fab, fas, far);
+    const definitions = library.definitions;
+    // @ts-expect-error
+    Object.keys(definitions).forEach(pack => {
+      const defs = definitions[pack];
+      // @ts-expect-error
+      Object.keys(defs).forEach(icon => {
         icons.push({
-          id: [pack, icon],
-          name: icon,
-          svg: createSvg(defs[icon])
+          prefix: pack,
+          name: icon
         });
       });
     });
   },
-  getIcons: function getIcons() {
+  getIcons() {
     return icons;
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=icons.js.map

package/admin/plugins/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["library","fab","fas","far","icons","plugin","name","type","init","add","definitions","Object","keys","forEach","pack","defs","icon","push","prefix","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import type { IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport type { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport type { IconPickerIconDto } from \"@webiny/admin-ui\";\nimport type { CmsIconsPlugin } from \"~/types\";\n\nconst icons: IconPickerIconDto[] = [];\n\ninterface Icons {\n    definitions: Record<IconPrefix, Record<IconName, string[]>>;\n}\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        /**\n         * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.\n         */\n        // @ts-expect-error\n        library.add(fab, fas, far);\n        const definitions = (library as unknown as Icons).definitions;\n        // @ts-expect-error\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-expect-error\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    prefix: pack,\n                    name: icon\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,mCAAmC;AAE3D,SAASC,GAAG,QAAQ,oCAAoC;AACxD,SAASC,GAAG,QAAQ,mCAAmC;AACvD,SAASC,GAAG,QAAQ,qCAAqC;AAIzD,MAAMC,KAA0B,GAAG,EAAE;AAMrC,MAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAIA,CAAA,EAAG;IACH;AACR;AACA;IACQ;IACAR,OAAO,CAACS,GAAG,CAACR,GAAG,EAAEC,GAAG,EAAEC,GAAG,CAAC;IAC1B,MAAMO,WAAW,GAAIV,OAAO,CAAsBU,WAAW;IAC7D;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAEC,IAAgB,IAAK;MACnD,MAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAEG,IAAc,IAAK;QAC1CZ,KAAK,CAACa,IAAI,CAAC;UACPC,MAAM,EAAEJ,IAAI;UACZR,IAAI,EAAEU;QACV,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDG,QAAQA,CAAA,EAAG;IACP,OAAOf,KAAK;EAChB;AACJ,CAAC;AAED,eAAeC,MAAM","ignoreList":[]}

package/admin/plugins/index.d.ts

@@ -1,13 +1,25 @@
 /// <reference types="react" />
-declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").CacheGetObjectIdPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/ui-composer/UIView").UIViewPlugin<import("@webiny/app-admin/ui/views/NavigationView").NavigationView>[] | import("@webiny/plugins/types").Plugin<{
-    type: "graphql-playground-tab";
-    tab(params: {
-        locale: string;
-        identity: import("@webiny/app-security/types").SecurityIdentity;
-    }): import("@webiny/app-graphql-playground/types").GraphQLPlaygroundTab;
-}>[] | import("../../types").CmsContentDetailsPlugin[] | {
+declare const _default: () => (import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
+    id: string;
+    type: string;
+    fieldId: string;
+    storageId?: string | undefined;
+    label: string;
+    helpText?: string | undefined;
+    placeholderText?: string | undefined;
+    validation?: (import("@webiny/validation/types").Validator | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator)[] | undefined;
+    listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
+    multipleValues?: boolean | undefined;
+    predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
+    settings?: import("@webiny/app-headless-cms-common/types").CmsModelFieldSettings<unknown> | undefined;
+    renderer: {
+        name: string;
+        settings?: Record<string, any> | undefined;
+    } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
+    tags?: string[] | undefined;
+}>[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject> | {
     name: string;
     type: string;
-    render(): JSX.Element;
+    render(): import("react").JSX.Element;
 }[])[];
 export default _default;