@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fields/object.js

@@ -1,62 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ballot_black_24dp = require("./icons/ballot_black_24dp.svg");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _ObjectFields = require("./object/ObjectFields");
-
-var _createFieldsList = require("../../graphql/createFieldsList");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
-var plugin = {
-  type: "cms-editor-field-type",
-  name: "cms-editor-field-type-object",
-  field: {
-    type: "object",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store nested data structures."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_ballot_black_24dp.ReactComponent, null),
-    allowMultipleValues: true,
-    allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a repeatable object"]))),
-    createField: function createField() {
-      return {
-        type: this.type,
-        validation: [],
-        settings: {
-          fields: [],
-          layout: []
+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 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: ""
+                }
+            };
+        },
+        render (props) {
+            return /*#__PURE__*/ react.createElement(ObjectFields, props);
         },
-        renderer: {
-          name: ""
+        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: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_ObjectFields.ObjectFields, props);
-    },
-    graphql: {
-      queryField: function queryField(_ref) {
-        var field = _ref.field;
-        return "{ ".concat((0, _createFieldsList.createFieldsList)((field.settings ? field.settings.fields : []) || []), " }");
-      }
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const object = object_plugin;
+export default object;
+
+//# sourceMappingURL=object.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","createFieldsList"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"./icons/ballot_black_24dp.svg\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\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 }) {\n                return `{ ${createFieldsList(\n                    (field.settings ? field.settings.fields : []) || []\n                )} }`;\n            }\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,8BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,QADH;IAEHG,KAAK,EAAEP,CAAF,yFAFF;IAGHQ,WAAW,EAAER,CAAF,kHAHR;IAIHS,IAAI,eAAE,6BAAC,iCAAD,OAJH;IAKHC,mBAAmB,EAAE,IALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,+GAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNC,MAAM,EAAE,EADF;UAENC,MAAM,EAAE;QAFF,CAHP;QAOHC,QAAQ,EAAE;UACNb,IAAI,EAAE;QADA;MAPP,CAAP;IAWH,CApBE;IAqBHc,MArBG,kBAqBIC,KArBJ,EAqBW;MACV,oBAAO,6BAAC,0BAAD,EAAkBA,KAAlB,CAAP;IACH,CAvBE;IAwBHC,OAAO,EAAE;MACLC,UADK,4BACiB;QAAA,IAAThB,KAAS,QAATA,KAAS;QAClB,mBAAY,IAAAiB,kCAAA,EACR,CAACjB,KAAK,CAACS,QAAN,GAAiBT,KAAK,CAACS,QAAN,CAAeC,MAAhC,GAAyC,EAA1C,KAAiD,EADzC,CAAZ;MAGH;IALI;EAxBN;AAH8B,CAAzC;eAqCeb,M"}
+{"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.d.ts

@@ -0,0 +1,8 @@
+import type { CmsErrorResponse, CmsModel } from "../../../../types.js";
+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,19 @@
+import graphql_tag from "graphql-tag";
+const LIST_REFERENCED_MODELS = graphql_tag`
+    query ListReferencedModels {
+        listContentModels {
+            data {
+                modelId
+                name
+            }
+            error {
+                message
+                data
+                code
+            }
+        }
+    }
+`;
+export { LIST_REFERENCED_MODELS };
+
+//# sourceMappingURL=graphql.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel as BaseCmsModel, CmsModelField } from "../../../../types.js";
+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,51 @@
+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 })=>/*#__PURE__*/ react.createElement(Tag, {
+        content: model.name
+    });
+const takeBadges = 1;
+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
+    });
+    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

@@ -0,0 +1 @@
+{"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"}

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

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

package/admin/plugins/fields/ref.js

@@ -1,171 +1,109 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _hooks = require("../../hooks");
-
-var _viewsGraphql = require("../../viewsGraphql");
-
-var _validation = require("@webiny/validation");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _roundLink24px = require("./icons/round-link-24px.svg");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
-var plugin = {
-  type: "cms-editor-field-type",
-  name: "cms-editor-field-type-ref",
-  field: {
-    type: "ref",
-    validators: ["required"],
-    listValidators: ["minLength", "maxLength"],
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Reference existing content entries. For example, a book can reference one or more authors."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundLink24px.ReactComponent, null),
-    allowMultipleValues: true,
-    allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of references"]))),
-    createField: function createField() {
-      return {
-        type: this.type,
-        settings: {
-          models: []
-        },
-        validation: [],
-        renderer: {
-          name: ""
-        }
-      };
-    },
-    renderSettings: function renderSettings(_ref) {
-      var _ref$form = _ref.form,
-          Bind = _ref$form.Bind,
-          formData = _ref$form.data,
-          contentModel = _ref.contentModel;
-      var lockedFields = contentModel.lockedFields || [];
-      var fieldId = (formData || {}).fieldId || null;
-      var isFieldLocked = lockedFields.some(function (lockedField) {
-        return fieldId && lockedField.fieldId === fieldId;
-      });
-
-      var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_CONTENT_MODELS),
-          data = _useQuery.data,
-          loading = _useQuery.loading,
-          error = _useQuery.error;
-
-      var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-          showSnackbar = _useSnackbar.showSnackbar;
-
-      if (error) {
+import react, { useCallback, useMemo } from "react";
+import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql.js";
+import { ValidationError, validation } from "@webiny/validation";
+import { useSnackbar } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/link.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind } from "@webiny/form";
+import { useQuery } from "../../hooks/index.js";
+import { renderInfo } from "./ref/renderInfo.js";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { Grid, Label, MultiAutoComplete } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const RefFieldSettings = ()=>{
+    const { data, loading, error } = useQuery(LIST_CONTENT_MODELS);
+    const { showSnackbar } = useSnackbar();
+    if (error) {
         showSnackbar(error.message);
         return null;
-      } // Format options for the Autocomplete component.
-
-
-      var options = (0, _react.useMemo)(function () {
-        var models = (0, _get.default)(data, "listContentModels.data", []);
-        return models.map(function (model) {
-          return {
-            id: model.modelId,
-            name: model.name
-          };
-        });
-      }, [data]);
-      var atLeastOneItem = (0, _react.useCallback)( /*#__PURE__*/function () {
-        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return _validation.validation.validate(value, "required,minLength:1");
-
-                case 3:
-                  _context.next = 8;
-                  break;
-
-                case 5:
-                  _context.prev = 5;
-                  _context.t0 = _context["catch"](0);
-                  throw new _validation.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.default.createElement(_Grid.Grid, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }
+    const options = useMemo(()=>{
+        if (!data?.listContentModels?.data) return [];
+        const models = withoutBeingDeletedModels(data.listContentModels.data);
+        return models.filter((model)=>!model.tags?.includes(CMS_MODEL_SINGLETON_TAG)).map((model)=>({
+                value: model.modelId,
+                label: model.name
+            }));
+    }, [
+        data
+    ]);
+    const atLeastOneItem = useCallback(async (value)=>{
+        try {
+            await validation.validate(value, "required,minLength:1");
+        } catch  {
+            throw new ValidationError("Please select at least 1 item");
+        }
+    }, []);
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__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;
-          });
+    }, (bind)=>{
+        const formattedValueForAutoComplete = options.filter((option)=>bind.value.some(({ modelId })=>option.value === modelId)).map(({ value })=>value);
+        return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+            ...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: loading
         });
-        return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-          value: formattedValueForAutoComplete,
-          onChange: function onChange(values) {
-            bind.onChange(values.map(function (value) {
-              return {
-                modelId: value.id
-              };
-            }));
-          },
-          label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Content Models"]))),
-          description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
-          options: options,
-          disabled: isFieldLocked
-        }));
-      })));
-    },
-    graphql: {
-      queryField:
-      /* GraphQL */
-      "\n                {\n                    modelId\n                    id\n                }\n            "
+    })));
+};
+const ref_plugin = {
+    type: "cms-editor-field-type",
+    name: "cms-editor-field-type-ref",
+    field: {
+        type: "ref",
+        validators: [
+            "required"
+        ],
+        listValidators: [
+            "minLength",
+            "maxLength"
+        ],
+        label: t`Reference`,
+        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        allowList: true,
+        allowPredefinedValues: false,
+        listLabel: t`Use as a list of references`,
+        createField () {
+            return {
+                type: this.type,
+                settings: {
+                    models: []
+                },
+                validation: [],
+                renderer: {
+                    name: ""
+                }
+            };
+        },
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(RefFieldSettings, null);
+        },
+        graphql: {
+            queryField: `
+                {
+                    modelId
+                    id
+                }
+            `
+        },
+        renderInfo: renderInfo
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const ref = ref_plugin;
+export default ref;
+
+//# sourceMappingURL=ref.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","listValidators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","models","validation","renderer","renderSettings","form","Bind","formData","data","contentModel","lockedFields","fieldId","isFieldLocked","some","lockedField","useQuery","LIST_CONTENT_MODELS","loading","error","useSnackbar","showSnackbar","message","options","useMemo","get","map","model","id","modelId","atLeastOneItem","useCallback","value","validate","ValidationError","bind","formattedValueForAutoComplete","filter","option","values","onChange","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { useQuery } from \"../../hooks\";\nimport { LIST_CONTENT_MODELS, ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsEditorFieldTypePlugin, CmsModel } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\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({ form: { Bind, data: formData }, contentModel }) {\n            const lockedFields = contentModel.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 } =\n                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                const models = get(data, \"listContentModels.data\", []) as CmsModel[];\n                return models.map(model => {\n                    return { id: model.modelId, name: model.name };\n                });\n            }, [data]);\n\n            const atLeastOneItem = useCallback(async value => {\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                    {loading && <CircularProgress />}\n                    <Cell span={12}>\n                        <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                            {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                                // Format value prop for MultiAutoComplete component.\n                                const formattedValueForAutoComplete = options.filter(option =>\n                                    bind.value.some(({ modelId }) => option.id === modelId)\n                                );\n\n                                return (\n                                    <MultiAutoComplete\n                                        {...bind}\n                                        value={formattedValueForAutoComplete}\n                                        onChange={(values: CmsModel[]) => {\n                                            bind.onChange(\n                                                values.map(value => ({ modelId: value.id }))\n                                            );\n                                        }}\n                                        label={t`Content Models`}\n                                        description={t`Cannot be changed later`}\n                                        options={options}\n                                        disabled={isFieldLocked}\n                                    />\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"file":"admin/plugins/fields/ref.js","sources":["../../../../src/admin/plugins/fields/ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"../../viewsGraphql.js\";\nimport { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from \"../../viewsGraphql.js\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsModel, CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\nimport { renderInfo } from \"./ref/renderInfo.js\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { value: model.modelId, label: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options\n                            .filter(option =>\n                                bind.value.some(({ modelId }) => option.value === modelId)\n                            )\n                            .map(({ value }) => value);\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                size={\"lg\"}\n                                values={formattedValueForAutoComplete}\n                                onValuesChange={(values: string[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value })));\n                                }}\n                                label={\n                                    loading ? (\n                                        t`Loading models...`\n                                    ) : (\n                                        <Label\n                                            text={t`Content models`}\n                                            description={\"(cannot be changed later)\"}\n                                        />\n                                    )\n                                }\n                                options={options}\n                                disabled={loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowList: true,\n        allowPredefinedValues: false,\n        listLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","RefFieldSettings","data","loading","error","useQuery","LIST_CONTENT_MODELS","showSnackbar","useSnackbar","options","useMemo","models","withoutBeingDeletedModels","model","CMS_MODEL_SINGLETON_TAG","atLeastOneItem","useCallback","value","validation","ValidationError","Grid","Bind","bind","formattedValueForAutoComplete","option","modelId","MultiAutoComplete","values","Label","plugin","RefIcon","renderInfo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,mBAAmB;IACrB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGC,SAAqCC;IACtE,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,IAAIJ,OAAO;QACPG,aAAaH,MAAM,OAAO;QAC1B,OAAO;IACX;IAGA,MAAMK,UAAUC,QAAQ;QACpB,IAAI,CAACR,MAAM,mBAAmB,MAC1B,OAAO,EAAE;QAEb,MAAMS,SAASC,0BAA0BV,KAAK,iBAAiB,CAAC,IAAI;QACpE,OACIS,OAIK,MAAM,CAACE,CAAAA,QACG,CAACA,MAAM,IAAI,EAAE,SAASC,0BAEhC,GAAG,CAACD,CAAAA,QACM;gBAAE,OAAOA,MAAM,OAAO;gBAAE,OAAOA,MAAM,IAAI;YAAC;IAGjE,GAAG;QAACX;KAAK;IAET,MAAMa,iBAAiBC,YAAY,OAAOC;QACtC,IAAI;YACA,MAAMC,WAAW,QAAQ,CAACD,OAAO;QACrC,EAAE,OAAM;YACJ,MAAM,IAAIE,gBAAgB;QAC9B;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAmB,YAAYN;OACtC,CAACO;QAEE,MAAMC,gCAAgCd,QACjC,MAAM,CAACe,CAAAA,SACJF,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,EAAEG,OAAO,EAAE,GAAKD,OAAO,KAAK,KAAKC,UAErD,GAAG,CAAC,CAAC,EAAER,KAAK,EAAE,GAAKA;QAExB,OAAO,WAAP,GACI,oBAACS,mBAAiBA;YACb,GAAGJ,IAAI;YACR,MAAM;YACN,QAAQC;YACR,gBAAgB,CAACI;gBACbL,KAAK,QAAQ,CAACK,OAAO,GAAG,CAACV,CAAAA,QAAU;wBAAE,SAASA;oBAAM;YACxD;YACA,OACId,UACIJ,CAAC,CAAC,iBAAiB,CAAC,iBAEpB,oBAAC6B,OAAKA;gBACF,MAAM7B,CAAC,CAAC,cAAc,CAAC;gBACvB,aAAa;;YAIzB,SAASU;YACT,UAAUN;;IAGtB;AAKpB;AAEA,MAAM0B,aAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,YAAY;YAAC;SAAW;QACxB,gBAAgB;YAAC;YAAa;SAAY;QAC1C,OAAO9B,CAAC,CAAC,SAAS,CAAC;QACnB,aAAaA,CAAC,CAAC,0FAA0F,CAAC;QAC1G,MAAM,WAAN,GAAM,oBAAC+B,gBAAOA;QACd,WAAW;QACX,uBAAuB;QACvB,WAAW/B,CAAC,CAAC,2BAA2B,CAAC;QACzC;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,UAAU;oBACN,QAAQ,EAAE;gBACd;gBACA,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;YACJ;QACJ;QACA;YACI,OAAO,WAAP,GAAO,oBAACE,kBAAgBA;QAC5B;QACA,SAAS;YACL,YAA0B,CAAC;;;;;YAK3B,CAAC;QACL;QACA8B,YAAUA;IACd;AACJ;AAEA,YAAeF"}

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

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