@webiny/app-headless-cms 5.35.2 → 5.36.0-beta.0

package/admin/plugins/fieldRenderers/ref/advanced/index.d.ts

@@ -1 +1 @@
-export declare const createAdvancedRefRender: () => import("../../../../../types").CmsModelFieldRendererPlugin[];
+export declare const createAdvancedRefRenderer: () => import("../../../../../types").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/advanced/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createAdvancedRefRender = void 0;
+exports.createAdvancedRefRenderer = void 0;
 var _detailedReferenceRenderer = require("./detailedReferenceRenderer");
 var _detailedReferencesRenderer = require("./detailedReferencesRenderer");
-var createAdvancedRefRender = function createAdvancedRefRender() {
+var createAdvancedRefRenderer = function createAdvancedRefRenderer() {
   return [(0, _detailedReferenceRenderer.createAdvancedSingleRenderer)(), (0, _detailedReferencesRenderer.createAdvancedMultipleRenderer)()];
 };
-exports.createAdvancedRefRender = createAdvancedRefRender;
+exports.createAdvancedRefRenderer = createAdvancedRefRenderer;

package/admin/plugins/fieldRenderers/ref/advanced/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createAdvancedRefRender","createAdvancedSingleRenderer","createAdvancedMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer\";\n\nexport const createAdvancedRefRender = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EACzC,OAAO,CAAC,IAAAC,uDAA4B,GAAE,EAAE,IAAAC,0DAA8B,GAAE,CAAC;AAC7E,CAAC;AAAC"}
+{"version":3,"names":["createAdvancedRefRenderer","createAdvancedSingleRenderer","createAdvancedMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer\";\n\nexport const createAdvancedRefRenderer = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,GAAS;EAC3C,OAAO,CAAC,IAAAC,uDAA4B,GAAE,EAAE,IAAAC,0DAA8B,GAAE,CAAC;AAC7E,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/index.js

@@ -9,5 +9,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _refInput = _interopRequireDefault(require("./refInput"));
 var _refInputs = _interopRequireDefault(require("./refInputs"));
 var _advanced = require("./advanced");
-var _default = [].concat((0, _toConsumableArray2.default)((0, _advanced.createAdvancedRefRender)()), [_refInput.default, _refInputs.default]);
+var _simple = require("./simple");
+var _default = [].concat((0, _toConsumableArray2.default)((0, _advanced.createAdvancedRefRenderer)()), [_refInput.default, _refInputs.default], (0, _toConsumableArray2.default)((0, _simple.createSimpleRefRenderer)()));
 exports.default = _default;

package/admin/plugins/fieldRenderers/ref/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createAdvancedRefRender","refInput","refInputs"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRender } from \"~/admin/plugins/fieldRenderers/ref/advanced\";\n\nexport default [...createAdvancedRefRender(), refInput, refInputs];\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAAsF,0DAEnE,IAAAA,iCAAuB,GAAE,IAAEC,iBAAQ,EAAEC,kBAAS;AAAA"}
+{"version":3,"names":["createAdvancedRefRenderer","refInput","refInputs","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRenderer } from \"./advanced\";\nimport { createSimpleRefRenderer } from \"./simple\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAmD,0DAEhC,IAAAA,mCAAyB,GAAE,IAAEC,iBAAQ,EAAEC,kBAAS,oCAAK,IAAAC,+BAAuB,GAAE;AAAA"}

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleItems.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
+import { CmsModelField } from "../../../../../../types";
+export interface AddItemParams {
+    id: string;
+    modelId: string;
+}
+export interface RemoveItemParams {
+    entryId: string;
+    modelId: string;
+}
+interface Props {
+    multiple?: boolean;
+    field: CmsModelField;
+    items?: CmsReferenceContentEntry[];
+    values?: CmsReferenceValue[];
+    addItem: (params: AddItemParams) => void;
+    removeItem: (params: RemoveItemParams) => void;
+}
+export declare const SimpleItems: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleItems.js

@@ -0,0 +1,85 @@
+"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.SimpleItems = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Checkbox = require("@webiny/ui/Checkbox");
+var _utils = require("@webiny/utils");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Radio = require("@webiny/ui/Radio");
+var Title = /*#__PURE__*/(0, _styled.default)("h5", {
+  target: "e1t86xkg0",
+  label: "Title"
+})({
+  display: "block"
+});
+var ListItem = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1t86xkg1",
+  label: "ListItem"
+})({
+  display: "block"
+});
+var Item = function Item(props) {
+  var multiple = props.multiple,
+    value = props.value,
+    item = props.item,
+    onChange = props.onChange;
+  if (!multiple) {
+    return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+      value: value,
+      onChange: onChange,
+      label: item.title
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    value: value,
+    onChange: onChange,
+    label: item.title
+  });
+};
+var SimpleItems = function SimpleItems(props) {
+  var field = props.field,
+    items = props.items,
+    values = props.values,
+    addItem = props.addItem,
+    removeItem = props.removeItem,
+    multiple = props.multiple;
+  var onChange = (0, _react.useCallback)(function (item) {
+    return function (checked) {
+      if (checked) {
+        addItem({
+          id: item.id,
+          modelId: item.model.modelId
+        });
+        return;
+      }
+      removeItem({
+        entryId: item.entryId,
+        modelId: item.model.modelId
+      });
+    };
+  }, [addItem, removeItem, multiple, values]);
+  if (!items || items.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, null, field.label), items.map(function (item) {
+    var checked = (values || []).some(function (value) {
+      var _parseIdentifier = (0, _utils.parseIdentifier)(value.id),
+        entryId = _parseIdentifier.id;
+      return entryId === item.entryId;
+    });
+    return /*#__PURE__*/_react.default.createElement(ListItem, {
+      key: "item-".concat(item.entryId)
+    }, /*#__PURE__*/_react.default.createElement(Item, {
+      multiple: multiple,
+      value: checked ? item.entryId : null,
+      item: item,
+      onChange: onChange(item)
+    }));
+  }));
+};
+exports.SimpleItems = SimpleItems;

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Title","styled","display","ListItem","Item","props","multiple","value","item","onChange","title","SimpleItems","field","items","values","addItem","removeItem","useCallback","checked","id","modelId","model","entryId","length","label","map","some","parseIdentifier"],"sources":["SimpleItems.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport styled from \"@emotion/styled\";\nimport { CmsModelField } from \"~/types\";\nimport { Radio } from \"@webiny/ui/Radio\";\n\nconst Title = styled(\"h5\")({\n    display: \"block\"\n});\nconst ListItem = styled(\"div\")({\n    display: \"block\"\n});\n\nexport interface AddItemParams {\n    id: string;\n    modelId: string;\n}\n\nexport interface RemoveItemParams {\n    entryId: string;\n    modelId: string;\n}\n\ninterface ItemProps {\n    multiple?: boolean;\n    value?: string | null;\n    item: CmsReferenceContentEntry;\n    onChange: (checked?: boolean) => void;\n}\n\nconst Item: React.VFC<ItemProps> = props => {\n    const { multiple, value, item, onChange } = props;\n    if (!multiple) {\n        return <Radio value={value} onChange={onChange} label={item.title} />;\n    }\n    return <Checkbox value={value} onChange={onChange} label={item.title} />;\n};\n\ninterface Props {\n    multiple?: boolean;\n    field: CmsModelField;\n    items?: CmsReferenceContentEntry[];\n    values?: CmsReferenceValue[];\n    addItem: (params: AddItemParams) => void;\n    removeItem: (params: RemoveItemParams) => void;\n}\n\nexport const SimpleItems: React.VFC<Props> = props => {\n    const { field, items, values, addItem, removeItem, multiple } = props;\n\n    const onChange = useCallback(\n        (item: CmsReferenceContentEntry) => {\n            return (checked?: boolean) => {\n                if (checked) {\n                    addItem({\n                        id: item.id,\n                        modelId: item.model.modelId\n                    });\n                    return;\n                }\n                removeItem({\n                    entryId: item.entryId,\n                    modelId: item.model.modelId\n                });\n            };\n        },\n        [addItem, removeItem, multiple, values]\n    );\n\n    if (!items || items.length === 0) {\n        return null;\n    }\n    return (\n        <>\n            <Title>{field.label}</Title>\n            {items.map(item => {\n                const checked = (values || []).some(value => {\n                    const { id: entryId } = parseIdentifier(value.id);\n                    return entryId === item.entryId;\n                });\n                return (\n                    <ListItem key={`item-${item.entryId}`}>\n                        <Item\n                            multiple={multiple}\n                            value={checked ? item.entryId : null}\n                            item={item}\n                            onChange={onChange(item)}\n                        />\n                    </ListItem>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAKA;AACA;AAEA;AAEA,IAAMA,KAAK,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBC,OAAO,EAAE;AACb,CAAC,CAAC;AACF,IAAMC,QAAQ,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC3BC,OAAO,EAAE;AACb,CAAC,CAAC;AAmBF,IAAME,IAA0B,GAAG,SAA7BA,IAA0B,CAAGC,KAAK,EAAI;EACxC,IAAQC,QAAQ,GAA4BD,KAAK,CAAzCC,QAAQ;IAAEC,KAAK,GAAqBF,KAAK,CAA/BE,KAAK;IAAEC,IAAI,GAAeH,KAAK,CAAxBG,IAAI;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EACvC,IAAI,CAACH,QAAQ,EAAE;IACX,oBAAO,6BAAC,YAAK;MAAC,KAAK,EAAEC,KAAM;MAAC,QAAQ,EAAEE,QAAS;MAAC,KAAK,EAAED,IAAI,CAACE;IAAM,EAAG;EACzE;EACA,oBAAO,6BAAC,kBAAQ;IAAC,KAAK,EAAEH,KAAM;IAAC,QAAQ,EAAEE,QAAS;IAAC,KAAK,EAAED,IAAI,CAACE;EAAM,EAAG;AAC5E,CAAC;AAWM,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,CAAGN,KAAK,EAAI;EAClD,IAAQO,KAAK,GAAmDP,KAAK,CAA7DO,KAAK;IAAEC,KAAK,GAA4CR,KAAK,CAAtDQ,KAAK;IAAEC,MAAM,GAAoCT,KAAK,CAA/CS,MAAM;IAAEC,OAAO,GAA2BV,KAAK,CAAvCU,OAAO;IAAEC,UAAU,GAAeX,KAAK,CAA9BW,UAAU;IAAEV,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAE3D,IAAMG,QAAQ,GAAG,IAAAQ,kBAAW,EACxB,UAACT,IAA8B,EAAK;IAChC,OAAO,UAACU,OAAiB,EAAK;MAC1B,IAAIA,OAAO,EAAE;QACTH,OAAO,CAAC;UACJI,EAAE,EAAEX,IAAI,CAACW,EAAE;UACXC,OAAO,EAAEZ,IAAI,CAACa,KAAK,CAACD;QACxB,CAAC,CAAC;QACF;MACJ;MACAJ,UAAU,CAAC;QACPM,OAAO,EAAEd,IAAI,CAACc,OAAO;QACrBF,OAAO,EAAEZ,IAAI,CAACa,KAAK,CAACD;MACxB,CAAC,CAAC;IACN,CAAC;EACL,CAAC,EACD,CAACL,OAAO,EAAEC,UAAU,EAAEV,QAAQ,EAAEQ,MAAM,CAAC,CAC1C;EAED,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;IAC9B,OAAO,IAAI;EACf;EACA,oBACI,yEACI,6BAAC,KAAK,QAAEX,KAAK,CAACY,KAAK,CAAS,EAC3BX,KAAK,CAACY,GAAG,CAAC,UAAAjB,IAAI,EAAI;IACf,IAAMU,OAAO,GAAG,CAACJ,MAAM,IAAI,EAAE,EAAEY,IAAI,CAAC,UAAAnB,KAAK,EAAI;MACzC,uBAAwB,IAAAoB,sBAAe,EAACpB,KAAK,CAACY,EAAE,CAAC;QAArCG,OAAO,oBAAXH,EAAE;MACV,OAAOG,OAAO,KAAKd,IAAI,CAACc,OAAO;IACnC,CAAC,CAAC;IACF,oBACI,6BAAC,QAAQ;MAAC,GAAG,iBAAUd,IAAI,CAACc,OAAO;IAAG,gBAClC,6BAAC,IAAI;MACD,QAAQ,EAAEhB,QAAS;MACnB,KAAK,EAAEY,OAAO,GAAGV,IAAI,CAACc,OAAO,GAAG,IAAK;MACrC,IAAI,EAAEd,IAAK;MACX,QAAQ,EAAEC,QAAQ,CAACD,IAAI;IAAE,EAC3B,CACK;EAEnB,CAAC,CAAC,CACH;AAEX,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
+import { CmsReferenceValue } from "../../components/types";
+interface Props {
+    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
+    field: CmsModelField;
+}
+export declare const SimpleMultipleRenderer: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleMultipleRenderer = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useContentModels2 = require("./useContentModels");
+var _useReferences = require("./useReferences");
+var _SimpleItems = require("./SimpleItems");
+var SimpleMultipleRenderer = function SimpleMultipleRenderer(props) {
+  var field = props.field,
+    bind = props.bind;
+  var values = (0, _react.useMemo)(function () {
+    return Array.isArray(bind.value) ? bind.value : [];
+  }, [bind.value]);
+  var _useContentModels = (0, _useContentModels2.useContentModels)({
+      field: field
+    }),
+    models = _useContentModels.models;
+  var references = (0, _useReferences.useReferences)({
+    models: models
+  });
+  var addItem = (0, _react.useCallback)(function (params) {
+    console.log("values", values);
+    console.log("params", params);
+    bind.onChange([].concat((0, _toConsumableArray2.default)(values), [params]));
+  }, [bind, values]);
+  var removeItem = (0, _react.useCallback)(function (_ref) {
+    var entryId = _ref.entryId;
+    bind.onChange(values.filter(function (value) {
+      if (!(value !== null && value !== void 0 && value.id)) {
+        return false;
+      }
+      return value.id.substring(0, entryId.length) !== entryId;
+    }));
+  }, [bind, values]);
+  return /*#__PURE__*/_react.default.createElement(_SimpleItems.SimpleItems, {
+    multiple: true,
+    field: field,
+    values: values,
+    items: references.entries,
+    addItem: addItem,
+    removeItem: removeItem
+  });
+};
+exports.SimpleMultipleRenderer = SimpleMultipleRenderer;

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleMultipleRenderer","props","field","bind","values","useMemo","Array","isArray","value","useContentModels","models","references","useReferences","addItem","useCallback","params","console","log","onChange","removeItem","entryId","filter","id","substring","length","entries"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, RemoveItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            console.log(\"values\", values);\n            console.log(\"params\", params);\n            bind.onChange([...values, params]);\n        },\n        [bind, values]\n    );\n    const removeItem = useCallback(\n        ({ entryId }: RemoveItemParams) => {\n            bind.onChange(\n                values.filter(value => {\n                    if (!value?.id) {\n                        return false;\n                    }\n                    return value.id.substring(0, entryId.length) !== entryId;\n                })\n            );\n        },\n        [bind, values]\n    );\n\n    return (\n        <SimpleItems\n            multiple={true}\n            field={field}\n            values={values}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAGA;AACA;AACA;AAOO,IAAMA,sBAAwC,GAAG,SAA3CA,sBAAwC,CAAGC,KAAK,EAAI;EAC7D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAM;IACzB,OAAOC,KAAK,CAACC,OAAO,CAACJ,IAAI,CAACK,KAAK,CAAC,GAAGL,IAAI,CAACK,KAAK,GAAG,EAAE;EACtD,CAAC,EAAE,CAACL,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,wBAAmB,IAAAC,mCAAgB,EAAC;MAChCP,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMQ,MAAM,qBAANA,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEb,MAAM,CAAC;IAC7BY,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAC7BZ,IAAI,CAACe,QAAQ,4CAAKd,MAAM,IAAEW,MAAM,GAAE;EACtC,CAAC,EACD,CAACZ,IAAI,EAAEC,MAAM,CAAC,CACjB;EACD,IAAMe,UAAU,GAAG,IAAAL,kBAAW,EAC1B,gBAAmC;IAAA,IAAhCM,OAAO,QAAPA,OAAO;IACNjB,IAAI,CAACe,QAAQ,CACTd,MAAM,CAACiB,MAAM,CAAC,UAAAb,KAAK,EAAI;MACnB,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEc,EAAE,GAAE;QACZ,OAAO,KAAK;MAChB;MACA,OAAOd,KAAK,CAACc,EAAE,CAACC,SAAS,CAAC,CAAC,EAAEH,OAAO,CAACI,MAAM,CAAC,KAAKJ,OAAO;IAC5D,CAAC,CAAC,CACL;EACL,CAAC,EACD,CAACjB,IAAI,EAAEC,MAAM,CAAC,CACjB;EAED,oBACI,6BAAC,wBAAW;IACR,QAAQ,EAAE,IAAK;IACf,KAAK,EAAEF,KAAM;IACb,MAAM,EAAEE,MAAO;IACf,KAAK,EAAEO,UAAU,CAACc,OAAQ;IAC1B,OAAO,EAAEZ,OAAQ;IACjB,UAAU,EAAEM;EAAW,EACzB;AAEV,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
+import { CmsReferenceValue } from "../../components/types";
+interface Props {
+    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;
+    field: CmsModelField;
+}
+export declare const SimpleSingleRenderer: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleSingleRenderer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useContentModels2 = require("./useContentModels");
+var _useReferences = require("./useReferences");
+var _SimpleItems = require("./SimpleItems");
+var SimpleSingleRenderer = function SimpleSingleRenderer(props) {
+  var field = props.field,
+    bind = props.bind;
+  var value = (0, _react.useMemo)(function () {
+    return bind.value;
+  }, [bind.value]);
+  var _useContentModels = (0, _useContentModels2.useContentModels)({
+      field: field
+    }),
+    models = _useContentModels.models;
+  var references = (0, _useReferences.useReferences)({
+    models: models
+  });
+  var addItem = (0, _react.useCallback)(function (params) {
+    bind.onChange(params);
+  }, [bind, value]);
+  var removeItem = (0, _react.useCallback)(function () {
+    bind.onChange(null);
+  }, [bind, value]);
+  return /*#__PURE__*/_react.default.createElement(_SimpleItems.SimpleItems, {
+    field: field,
+    values: value ? [value] : [],
+    items: references.entries,
+    addItem: addItem,
+    removeItem: removeItem
+  });
+};
+exports.SimpleSingleRenderer = SimpleSingleRenderer;

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleSingleRenderer","props","field","bind","value","useMemo","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","removeItem","entries"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const value = useMemo(() => {\n        return bind.value;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            bind.onChange(params);\n        },\n        [bind, value]\n    );\n    const removeItem = useCallback(() => {\n        bind.onChange(null);\n    }, [bind, value]);\n\n    return (\n        <SimpleItems\n            field={field}\n            values={value ? [value] : []}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAGA;AACA;AACA;AAOO,IAAMA,oBAAsC,GAAG,SAAzCA,oBAAsC,CAAGC,KAAK,EAAI;EAC3D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,YAAM;IACxB,OAAOF,IAAI,CAACC,KAAK;EACrB,CAAC,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,wBAAmB,IAAAE,mCAAgB,EAAC;MAChCJ,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMK,MAAM,qBAANA,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBT,IAAI,CAACU,QAAQ,CAACD,MAAM,CAAC;EACzB,CAAC,EACD,CAACT,IAAI,EAAEC,KAAK,CAAC,CAChB;EACD,IAAMU,UAAU,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACjCR,IAAI,CAACU,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACV,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,oBACI,6BAAC,wBAAW;IACR,KAAK,EAAEF,KAAM;IACb,MAAM,EAAEE,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAG;IAC7B,KAAK,EAAEI,UAAU,CAACO,OAAQ;IAC1B,OAAO,EAAEL,OAAQ;IACjB,UAAU,EAAEI;EAAW,EACzB;AAEV,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.d.ts

@@ -0,0 +1,8 @@
+import { CmsModel, CmsModelField } from "../../../../../../types";
+interface Props {
+    field: CmsModelField;
+}
+export declare const useContentModels: ({ field }: Props) => {
+    models: CmsModel[];
+};
+export {};

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContentModels = void 0;
+var _react = require("react");
+var _hooks = require("../../../../../hooks");
+var useContentModels = function useContentModels(_ref) {
+  var field = _ref.field;
+  var _useBaseContentModels = (0, _hooks.useContentModels)(),
+    initialModels = _useBaseContentModels.models;
+  var models = (0, _react.useMemo)(function () {
+    if (!initialModels) {
+      return [];
+    }
+    return initialModels.filter(function (model) {
+      var _field$settings, _field$settings2;
+      if (!((_field$settings = field.settings) !== null && _field$settings !== void 0 && _field$settings.models) || field.settings.models.length === 0) {
+        return false;
+      }
+      return (_field$settings2 = field.settings) === null || _field$settings2 === void 0 ? void 0 : _field$settings2.models.some(function (fieldModel) {
+        return model.modelId === fieldModel.modelId;
+      });
+    });
+  }, [initialModels]);
+  return {
+    models: models
+  };
+};
+exports.useContentModels = useContentModels;

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContentModels","field","useBaseContentModels","initialModels","models","useMemo","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { CmsModel, CmsModelField } from \"~/types\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks\";\n\ninterface Props {\n    field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n    const { models: initialModels } = useBaseContentModels();\n\n    const models = useMemo((): CmsModel[] => {\n        if (!initialModels) {\n            return [];\n        }\n        return initialModels.filter(model => {\n            if (!field.settings?.models || field.settings.models.length === 0) {\n                return false;\n            }\n            return field.settings?.models.some(fieldModel => {\n                return model.modelId === fieldModel.modelId;\n            });\n        });\n    }, [initialModels]);\n\n    return {\n        models\n    };\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAKO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAyB;EAAA,IAAnBC,KAAK,QAALA,KAAK;EACpC,4BAAkC,IAAAC,uBAAoB,GAAE;IAAxCC,aAAa,yBAArBC,MAAM;EAEd,IAAMA,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAkB;IACrC,IAAI,CAACF,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACG,MAAM,CAAC,UAAAC,KAAK,EAAI;MAAA;MACjC,IAAI,qBAACN,KAAK,CAACO,QAAQ,4CAAd,gBAAgBJ,MAAM,KAAIH,KAAK,CAACO,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,2BAAOR,KAAK,CAACO,QAAQ,qDAAd,iBAAgBJ,MAAM,CAACM,IAAI,CAAC,UAAAC,UAAU,EAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHC,MAAM,EAANA;EACJ,CAAC;AACL,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/components/useReferences.d.ts

@@ -0,0 +1,11 @@
+import { CmsReferenceContentEntry } from "../../components/types";
+import { CmsModel } from "../../../../../../types";
+interface UseReferencesParams {
+    models?: CmsModel[];
+}
+export declare const useReferences: ({ models }: UseReferencesParams) => {
+    loading: boolean;
+    entries: CmsReferenceContentEntry[];
+    error: string | null | undefined;
+};
+export {};

package/admin/plugins/fieldRenderers/ref/simple/components/useReferences.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReferences = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _hooks = require("../../../../../hooks");
+var _graphql = require("../../components/graphql");
+var executeSearch = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+    var setLoading, setError, setEntries, client, models, _result$data$content, result, _error;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setLoading = params.setLoading, setError = params.setError, setEntries = params.setEntries, client = params.client, models = params.models;
+          setLoading(true);
+          _context.prev = 2;
+          _context.next = 5;
+          return client.query({
+            query: _graphql.SEARCH_CONTENT_ENTRIES,
+            variables: {
+              modelIds: models.map(function (model) {
+                return model.modelId;
+              }),
+              limit: 10000
+            }
+          });
+        case 5:
+          result = _context.sent;
+          _error = (_result$data$content = result.data.content) === null || _result$data$content === void 0 ? void 0 : _result$data$content.error;
+          if (!_error) {
+            _context.next = 10;
+            break;
+          }
+          setError(_error.message);
+          return _context.abrupt("return");
+        case 10:
+          setError(null);
+          setEntries(result.data.content.data);
+          _context.next = 17;
+          break;
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](2);
+          setError(_context.t0.message);
+        case 17:
+          _context.prev = 17;
+          setLoading(false);
+          return _context.finish(17);
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 14, 17, 20]]);
+  }));
+  return function executeSearch(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var useReferences = function useReferences(_ref2) {
+  var models = _ref2.models;
+  var client = (0, _hooks.useApolloClient)();
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    entries = _useState2[0],
+    setEntries = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  (0, _react.useEffect)(function () {
+    if (!models || models.length === 0) {
+      return;
+    }
+    executeSearch({
+      client: client,
+      models: models,
+      setLoading: setLoading,
+      setError: setError,
+      setEntries: setEntries
+    });
+  }, [models]);
+  return {
+    loading: loading,
+    entries: entries,
+    error: error
+  };
+};
+exports.useReferences = useReferences;

package/admin/plugins/fieldRenderers/ref/simple/components/useReferences.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["executeSearch","params","setLoading","setError","setEntries","client","models","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","result","error","data","content","message","useReferences","useApolloClient","useState","entries","loading","useEffect","length"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    SEARCH_CONTENT_ENTRIES\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { CmsModel } from \"~/types\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: CmsReferenceContentEntry[]) => void;\n    client: ApolloClient<any>;\n    models: CmsModel[];\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(model => model.modelId),\n                limit: 10000\n            }\n        });\n        const error = result.data.content?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n\n        setError(null);\n        setEntries(result.data.content.data);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface UseReferencesParams {\n    models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"mappings":";;;;;;;;;;AACA;AACA;AAEA;AAeA,IAAMA,aAAa;EAAA,kGAAG,iBAAOC,MAA2B;IAAA;IAAA;MAAA;QAAA;UAC5CC,UAAU,GAA2CD,MAAM,CAA3DC,UAAU,EAAEC,QAAQ,GAAiCF,MAAM,CAA/CE,QAAQ,EAAEC,UAAU,GAAqBH,MAAM,CAArCG,UAAU,EAAEC,MAAM,GAAaJ,MAAM,CAAzBI,MAAM,EAAEC,MAAM,GAAKL,MAAM,CAAjBK,MAAM;UACxDJ,UAAU,CAAC,IAAI,CAAC;UAAC;UAAA;UAAA,OAEQG,MAAM,CAACE,KAAK,CAG/B;YACEA,KAAK,EAAEC,+BAAsB;YAC7BC,SAAS,EAAE;cACPC,QAAQ,EAAEJ,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAK;gBAAA,OAAIA,KAAK,CAACC,OAAO;cAAA,EAAC;cAC5CC,KAAK,EAAE;YACX;UACJ,CAAC,CAAC;QAAA;UATIC,MAAM;UAUNC,MAAK,2BAAGD,MAAM,CAACE,IAAI,CAACC,OAAO,yDAAnB,qBAAqBF,KAAK;UAAA,KACpCA,MAAK;YAAA;YAAA;UAAA;UACLb,QAAQ,CAACa,MAAK,CAACG,OAAO,CAAC;UAAC;QAAA;UAI5BhB,QAAQ,CAAC,IAAI,CAAC;UACdC,UAAU,CAACW,MAAM,CAACE,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;UAAC;UAAA;QAAA;UAAA;UAAA;UAErCd,QAAQ,CAAC,YAAGgB,OAAO,CAAC;QAAC;UAAA;UAErBjB,UAAU,CAAC,KAAK,CAAC;UAAC;QAAA;QAAA;UAAA;MAAA;IAAA;EAAA,CAEzB;EAAA,gBA3BKF,aAAa;IAAA;EAAA;AAAA,GA2BlB;AAMM,IAAMoB,aAAa,GAAG,SAAhBA,aAAa,QAAwC;EAAA,IAAlCd,MAAM,SAANA,MAAM;EAClC,IAAMD,MAAM,GAAG,IAAAgB,sBAAe,GAAE;EAChC,gBAA8B,IAAAC,eAAQ,EAA6B,EAAE,CAAC;IAAA;IAA/DC,OAAO;IAAEnB,UAAU;EAC1B,iBAA8B,IAAAkB,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CE,OAAO;IAAEtB,UAAU;EAC1B,iBAA0B,IAAAoB,eAAQ,EAA4B,IAAI,CAAC;IAAA;IAA5DN,KAAK;IAAEb,QAAQ;EAEtB,IAAAsB,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACnB,MAAM,IAAIA,MAAM,CAACoB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACA1B,aAAa,CAAC;MACVK,MAAM,EAANA,MAAM;MACNC,MAAM,EAANA,MAAM;MACNJ,UAAU,EAAVA,UAAU;MACVC,QAAQ,EAARA,QAAQ;MACRC,UAAU,EAAVA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO,EAAPA,OAAO;IACPD,OAAO,EAAPA,OAAO;IACPP,KAAK,EAALA;EACJ,CAAC;AACL,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/index.d.ts

@@ -0,0 +1 @@
+export declare const createSimpleRefRenderer: () => import("../../../../../types").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/simple/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSimpleRefRenderer = void 0;
+var _simpleSingleRenderer = require("./simpleSingleRenderer");
+var _simpleMultipleRenderer = require("./simpleMultipleRenderer");
+var createSimpleRefRenderer = function createSimpleRefRenderer() {
+  return [(0, _simpleSingleRenderer.createSimpleSingleRenderer)(), (0, _simpleMultipleRenderer.createSimpleMultipleRenderer)()];
+};
+exports.createSimpleRefRenderer = createSimpleRefRenderer;

package/admin/plugins/fieldRenderers/ref/simple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSimpleRefRenderer","createSimpleSingleRenderer","createSimpleMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EACzC,OAAO,CAAC,IAAAC,gDAA0B,GAAE,EAAE,IAAAC,oDAA4B,GAAE,CAAC;AACzE,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.d.ts

@@ -0,0 +1,2 @@
+import { CmsModelFieldRendererPlugin } from "../../../../../types";
+export declare const createSimpleMultipleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSimpleMultipleRenderer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _SimpleMultipleRenderer = require("./components/SimpleMultipleRenderer");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+var createSimpleMultipleRenderer = function createSimpleMultipleRenderer() {
+  return {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref-multiple-simple",
+    renderer: {
+      rendererName: "ref-simple-multiple",
+      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Simple checkbox list"]))),
+      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a list of checkboxes and the user can select multiple related records."]))),
+      canUse: function canUse(_ref) {
+        var field = _ref.field;
+        return field.type === "ref" && !!field.multipleValues;
+      },
+      render: function render(props) {
+        var field = props.field,
+          getBind = props.getBind;
+        var Bind = getBind();
+        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+          return /*#__PURE__*/_react.default.createElement(_SimpleMultipleRenderer.SimpleMultipleRenderer, {
+            bind: bind,
+            field: field
+          });
+        });
+      }
+    }
+  };
+};
+exports.createSimpleMultipleRenderer = createSimpleMultipleRenderer;

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","bind"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleMultipleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAA6E;AAE7E,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,GAAsC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEL,CAAC,uGAAsB;MAC7BQ,WAAW,EAAER,CAAC,mKAAgF;MAC9FS,MAAM,wBAAY;QAAA,IAATC,KAAK,QAALA,KAAK;QACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,gBAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,EAAE;QACtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO,6BAAC,8CAAsB;YAAC,IAAI,EAAEA,IAAK;YAAC,KAAK,EAAEN;UAAM,EAAG;QAC/D,CAAC,CACE;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.d.ts

@@ -0,0 +1,2 @@
+import { CmsModelFieldRendererPlugin } from "../../../../../types";
+export declare const createSimpleSingleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSimpleSingleRenderer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _SimpleSingleRenderer = require("./components/SimpleSingleRenderer");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+var createSimpleSingleRenderer = function createSimpleSingleRenderer() {
+  return {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref-single-simple",
+    renderer: {
+      rendererName: "ref-simple-single",
+      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Simple checkbox list"]))),
+      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a list of checkboxes and the user can select one related record."]))),
+      canUse: function canUse(_ref) {
+        var field = _ref.field;
+        return field.type === "ref" && !field.multipleValues;
+      },
+      render: function render(props) {
+        var field = props.field,
+          getBind = props.getBind;
+        var Bind = getBind();
+        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+          return /*#__PURE__*/_react.default.createElement(_SimpleSingleRenderer.SimpleSingleRenderer, {
+            bind: bind,
+            field: field
+          });
+        });
+      }
+    }
+  };
+};
+exports.createSimpleSingleRenderer = createSimpleSingleRenderer;

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","bind"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleSingleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAAyE;AAEzE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0B,GAAsC;EACzE,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEL,CAAC,uGAAsB;MAC7BQ,WAAW,EAAER,CAAC,6JAA0E;MACxFS,MAAM,wBAAY;QAAA,IAATC,KAAK,QAALA,KAAK;QACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,gBAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,EAAE;QACtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO,6BAAC,0CAAoB;YAAC,IAAI,EAAEA,IAAK;YAAC,KAAK,EAAEN;UAAM,EAAG;QAC7D,CAAC,CACE;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAAC"}

package/admin/plugins/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsFieldValueTransformer<{
+declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: string;
@@ -26,7 +26,7 @@ declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin
         name: string;
     };
     tags?: string[] | undefined;
-}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("../../types").CmsContentDetailsPlugin[] | {
+}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/allPlugins.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: (import("./types").CmsModelFieldTypePlugin | import("./types").CmsModelFieldRendererPlugin | import("./types").CmsModelFieldRendererPlugin[] | import("./types").CmsModelFieldValidatorPlugin<any> | import("./types").CmsModelFieldRegexValidatorExpressionPlugin | (import("./types").CmsEditorFormSettingsPlugin | import("./types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("./types").CmsFieldValueTransformer<{
+declare const _default: (import("./types").CmsModelFieldTypePlugin | import("./types").CmsModelFieldRendererPlugin | import("./types").CmsModelFieldRendererPlugin[] | import("./types").CmsModelFieldValidatorPlugin<any> | import("./types").CmsModelFieldRegexValidatorExpressionPlugin | (import("./types").CmsEditorFormSettingsPlugin | import("./types").CmsIconsPlugin | import("./types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: string;
@@ -26,7 +26,7 @@ declare const _default: (import("./types").CmsModelFieldTypePlugin | import("./t
         name: string;
     };
     tags?: string[] | undefined;
-}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("./types").CmsContentDetailsPlugin[] | {
+}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("./types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "5.35.2",
+	"version": "5.36.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -27,21 +27,21 @@
 		"@material-design-icons/svg": "0.14.2",
 		"@svgr/webpack": "6.5.1",
 		"@types/react": "17.0.39",
-		"@webiny/app": "^5.35.2",
-		"@webiny/app-admin": "^5.35.2",
-		"@webiny/app-graphql-playground": "^5.35.2",
-		"@webiny/app-i18n": "^5.35.2",
-		"@webiny/app-plugin-admin-welcome-screen": "^5.35.2",
-		"@webiny/app-security": "^5.35.2",
-		"@webiny/error": "^5.35.2",
-		"@webiny/form": "^5.35.2",
-		"@webiny/plugins": "^5.35.2",
-		"@webiny/react-composition": "^5.35.2",
-		"@webiny/react-properties": "^5.35.2",
-		"@webiny/react-router": "^5.35.2",
-		"@webiny/ui": "^5.35.2",
-		"@webiny/utils": "^5.35.2",
-		"@webiny/validation": "^5.35.2",
+		"@webiny/app": "5.36.0-beta.0",
+		"@webiny/app-admin": "5.36.0-beta.0",
+		"@webiny/app-graphql-playground": "5.36.0-beta.0",
+		"@webiny/app-i18n": "5.36.0-beta.0",
+		"@webiny/app-plugin-admin-welcome-screen": "5.36.0-beta.0",
+		"@webiny/app-security": "5.36.0-beta.0",
+		"@webiny/error": "5.36.0-beta.0",
+		"@webiny/form": "5.36.0-beta.0",
+		"@webiny/plugins": "5.36.0-beta.0",
+		"@webiny/react-composition": "5.36.0-beta.0",
+		"@webiny/react-properties": "5.36.0-beta.0",
+		"@webiny/react-router": "5.36.0-beta.0",
+		"@webiny/ui": "5.36.0-beta.0",
+		"@webiny/utils": "5.36.0-beta.0",
+		"@webiny/validation": "5.36.0-beta.0",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -71,8 +71,8 @@
 		"@babel/preset-env": "7.20.2",
 		"@babel/preset-react": "7.18.6",
 		"@babel/preset-typescript": "7.18.6",
-		"@webiny/cli": "^5.35.2",
-		"@webiny/project-utils": "^5.35.2",
+		"@webiny/cli": "5.36.0-beta.0",
+		"@webiny/project-utils": "5.36.0-beta.0",
 		"babel-plugin-emotion": "9.2.11",
 		"babel-plugin-lodash": "3.3.4",
 		"babel-plugin-module-resolver": "4.1.0",
@@ -103,5 +103,5 @@
 			]
 		}
 	},
-	"gitHead": "d3f7b134892b6c5ea794e9e7dd4811b27cdf6eb1"
+	"gitHead": "c59b9cc5b96b7fd91388de93c7fff2d977d25220"
 }