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

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

@@ -1,46 +1,27 @@
-"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 _i18n = require("@webiny/app/i18n");
-
-var _ContentEntriesAutocomplete = _interopRequireDefault(require("./components/ContentEntriesAutocomplete"));
-
-var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-ref",
-  renderer: {
-    rendererName: "ref-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders an auto-complete input, allowing selection of a single value."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "ref" && !field.multipleValues;
-    },
-    render: function render(props) {
-      var Bind = props.getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_useNewRefEntryDialog.NewRefEntryDialogContextProvider, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesAutocomplete.default, Object.assign({}, props, {
-          bind: bind
-        })));
-      });
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const refInput_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref",
+    renderer: {
+        rendererName: "ref-input",
+        name: t`Reference Input`,
+        description: t`Renders an auto-complete input, allowing selection of a single value.`,
+        canUse ({ field }) {
+            return "ref" === field.type && !field.list;
+        },
+        render (props) {
+            const Bind = props.getBind();
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(ContentEntriesAutocomplete, {
+                    ...props,
+                    bind: bind
+                })));
+        }
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const refInput = refInput_plugin;
+export default refInput;
+
+//# sourceMappingURL=refInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","bind"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,+BAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WADR;IAENF,IAAI,EAAEL,CAAF,kGAFE;IAGNQ,WAAW,EAAER,CAAF,0JAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,KAAf,IAAwB,CAACM,KAAK,CAACC,cAAtC;IACH,CANK;IAONC,MAPM,kBAOCC,KAPD,EAOQ;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;MACA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI;QAAA,oBACD,6BAAC,sDAAD,qBACI,6BAAC,mCAAD,oBAAgCH,KAAhC;UAAuC,IAAI,EAAEG;QAA7C,GADJ,CADC;MAAA,CADT,CADJ;IASH;EAlBK;AAH+B,CAA7C;eAyBeb,M"}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/refInput.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","props","Bind","bind","ContentEntriesAutocomplete"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,kBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,eAAe,CAAC;QACxB,aAAaA,CAAC,CAAC,qEAAqE,CAAC;QACrF,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAACA,MAAM,IAAI;QAC9C;QACA,QAAOC,KAAK;YACR,MAAMC,OAAOD,MAAM,OAAO;YAE1B,OAAO,WAAP,GACI,oBAACC,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,4BAA0BA;oBAAE,GAAGH,KAAK;oBAAE,MAAME;;QAKjE;IACJ;AACJ;AAEA,iBAAeJ"}

package/admin/plugins/fieldRenderers/ref/refInputs.d.ts

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

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

@@ -1,52 +1,31 @@
-"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 _ContentEntriesMultiAutoComplete = _interopRequireDefault(require("./components/ContentEntriesMultiAutoComplete"));
-
-var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
-var getKey = function getKey(field, bind) {
-  return bind.form.data.id + "." + field.fieldId;
-};
-
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-ref-inputs",
-  renderer: {
-    rendererName: "ref-inputs",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders an auto-complete input, allowing selection of multiple values."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "ref" && !!field.multipleValues;
-    },
-    render: function render(props) {
-      var Bind = props.getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_useNewRefEntryDialog.NewRefEntryDialogContextProvider, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
-          key: getKey(props.field, bind)
-        }, props, {
-          bind: bind
-        })));
-      });
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useForm } from "@webiny/form";
+import ContentEntriesMultiAutoComplete from "./components/ContentEntriesMultiAutoComplete.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const getKey = (field, id)=>(id || "unknown") + "." + field.fieldId;
+const refInputs_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref-inputs",
+    renderer: {
+        rendererName: "ref-inputs",
+        name: t`Reference Inputs`,
+        description: t`Renders an auto-complete input, allowing selection of multiple values.`,
+        canUse ({ field }) {
+            return "ref" === field.type && !!field.list;
+        },
+        render (props) {
+            const Bind = props.getBind();
+            const form = useForm();
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(ContentEntriesMultiAutoComplete, {
+                    key: getKey(props.field, form.data.id),
+                    ...props,
+                    bind: bind
+                })));
+        }
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const refInputs = refInputs_plugin;
+export default refInputs;
+
+//# sourceMappingURL=refInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","getKey","field","bind","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render","props","Bind","getBind"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorContentEntry, CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsEditorField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    return bind.form.data.id + \".\" + field.fieldId;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, bind as any)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CACXC,KADW,EAEXC,IAFW,EAGF;EACT,OAAOA,IAAI,CAACC,IAAL,CAAUC,IAAV,CAAeC,EAAf,GAAoB,GAApB,GAA0BJ,KAAK,CAACK,OAAvC;AACH,CALD;;AAOA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,sCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEZ,CAAF,mGAFE;IAGNe,WAAW,EAAEf,CAAF,2JAHL;IAINgB,MAJM,wBAIY;MAAA,IAATZ,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACO,IAAN,KAAe,KAAf,IAAwB,CAAC,CAACP,KAAK,CAACa,cAAvC;IACH,CANK;IAONC,MAPM,kBAOCC,KAPD,EAOQ;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;MACA,oBACI,6BAAC,IAAD,QACK,UAAAhB,IAAI;QAAA,oBACD,6BAAC,sDAAD,qBACI,6BAAC,wCAAD;UACI,GAAG,EAAEF,MAAM,CAACgB,KAAK,CAACf,KAAP,EAAcC,IAAd;QADf,GAEQc,KAFR;UAGI,IAAI,EAAEd;QAHV,GADJ,CADC;MAAA,CADT,CADJ;IAaH;EAtBK;AAH+B,CAA7C;eA6BeK,M"}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/refInputs.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","getKey","field","id","plugin","props","Bind","form","useForm","bind","ContentEntriesMultiAutocomplete"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,SAAS,CAACC,OAAsBC,KAC1BA,AAAAA,CAAAA,MAAM,SAAQ,IAAK,MAAMD,MAAM,OAAO;AAGlD,MAAME,mBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAML,CAAC,CAAC,gBAAgB,CAAC;QACzB,aAAaA,CAAC,CAAC,sEAAsE,CAAC;QACtF,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAAC,CAACA,MAAM,IAAI;QAC/C;QACA,QAAOG,KAAK;YACR,MAAMC,OAAOD,MAAM,OAAO;YAC1B,MAAME,OAAOC;YAEb,OAAO,WAAP,GACI,oBAACF,MAAAA,MACIG,CAAAA,OAAAA,WAAAA,GACG,oBAACH,KAAK,mBAAmB,sBACrB,oBAACI,iCAA+BA;oBAC5B,KAAKT,OAAOI,MAAM,KAAK,EAAEE,KAAK,IAAI,CAAC,EAAE;oBACpC,GAAGF,KAAK;oBACT,MAAMI;;QAM9B;IACJ;AACJ;AAEA,kBAAeL"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Loader: () => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import react from "react";
+import { OverlayLoader } from "@webiny/admin-ui";
+const Loader = ()=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            height: "180px"
+        },
+        className: "relative"
+    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "md",
+        text: "Loading entries..."
+    }));
+export { Loader };
+
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/Loader.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n    return (\n        <div style={{ height: \"180px\" }} className={\"relative\"}>\n            <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n        </div>\n    );\n};\n"],"names":["Loader","OverlayLoader"],"mappings":";;AAGO,MAAMA,SAAS,IACX,WAAP,GACI,oBAAC;QAAI,OAAO;YAAE,QAAQ;QAAQ;QAAG,WAAW;qBACxC,oBAACC,eAAaA;QAAC,MAAM;QAAM,MAAM"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+interface SimpleMultipleRendererProps {
+    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
+    field: CmsModelField;
+}
+export declare const SimpleMultipleRenderer: (props: SimpleMultipleRendererProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,52 @@
+import react, { useMemo } from "react";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
+import { CheckboxGroup } from "@webiny/admin-ui";
+import { Loader } from "./Loader.js";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+const SimpleMultipleRenderer = (props)=>{
+    const { bind } = props;
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const values = useMemo(()=>Array.isArray(bind.value) ? bind.value.map((item)=>item.id) : [], [
+        bind.value
+    ]);
+    const { models } = useContentModels({
+        field
+    });
+    const references = useReferences({
+        models
+    });
+    const items = useMemo(()=>{
+        if (!references.entries) return [];
+        return references.entries.map((entry)=>({
+                label: entry.title,
+                value: entry.id
+            }));
+    }, [
+        references
+    ]);
+    if (references.loading) return /*#__PURE__*/ react.createElement(Loader, null);
+    return /*#__PURE__*/ react.createElement(CheckboxGroup, {
+        ...bind,
+        disabled: disabled,
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        value: values,
+        items: items,
+        onChange: (values)=>{
+            const selectedEntryIds = values.map((value)=>value.split("#")[0]);
+            const selectedItems = references.entries.filter((entry)=>selectedEntryIds.includes(entry.entryId));
+            bind.onChange(selectedItems.map(({ id, model })=>({
+                    id,
+                    modelId: model.modelId
+                })));
+        }
+    });
+};
+export { SimpleMultipleRenderer };
+
+//# sourceMappingURL=SimpleMultipleRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"names":["SimpleMultipleRenderer","props","bind","field","useModelField","rules","useFieldEffectiveRules","disabled","values","useMemo","Array","item","models","useContentModels","references","useReferences","items","entry","Loader","CheckboxGroup","selectedEntryIds","value","selectedItems","id","model"],"mappings":";;;;;;AAcO,MAAMA,yBAAyB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,EAAEE,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,MAAMG,SAASC,QAAQ,IACZC,MAAM,OAAO,CAACR,KAAK,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,CAACS,CAAAA,OAAQA,KAAK,EAAE,IAAI,EAAE,EACxE;QAACT,KAAK,KAAK;KAAC;IAEf,MAAM,EAAEU,MAAM,EAAE,GAAGC,iBAAiB;QAChCV;IACJ;IAEA,MAAMW,aAAaC,cAAc;QAC7BH;IACJ;IAEA,MAAMI,QAAQP,QAAQ;QAClB,IAAI,CAACK,WAAW,OAAO,EACnB,OAAO,EAAE;QAGb,OAAOA,WAAW,OAAO,CAAC,GAAG,CAACG,CAAAA,QAAU;gBACpC,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,EAAE;YACnB;IACJ,GAAG;QAACH;KAAW;IAEf,IAAIA,WAAW,OAAO,EAClB,OAAO,WAAP,GAAO,oBAACI,QAAMA;IAGlB,OAAO,WAAP,GACI,oBAACC,eAAaA;QACT,GAAGjB,IAAI;QACR,UAAUK;QACV,OAAOJ,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,OAAOK;QACP,OAAOQ;QACP,UAAU,CAACR;YACP,MAAMY,mBAAmBZ,OAAO,GAAG,CAACa,CAAAA,QAASA,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE;YAChE,MAAMC,gBAAgBR,WAAW,OAAO,CAAC,MAAM,CAACG,CAAAA,QAC5CG,iBAAiB,QAAQ,CAACH,MAAM,OAAO;YAG3Cf,KAAK,QAAQ,CACToB,cAAc,GAAG,CAAC,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAM;oBAClCD;oBACA,SAASC,MAAM,OAAO;gBAC1B;QAER;;AAGZ"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+interface SimpleSingleRendererProps {
+    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;
+    field: CmsModelField;
+}
+export declare const SimpleSingleRenderer: (props: SimpleSingleRendererProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,52 @@
+import react, { useMemo } from "react";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
+import { Loader } from "./Loader.js";
+import { RadioGroup } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+const SimpleSingleRenderer = (props)=>{
+    const { bind } = props;
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const value = useMemo(()=>bind.value?.id, [
+        bind.value
+    ]);
+    const { models } = useContentModels({
+        field
+    });
+    const references = useReferences({
+        models
+    });
+    const items = useMemo(()=>{
+        if (!references.entries) return [];
+        return references.entries.map((entry)=>({
+                label: entry.title,
+                value: entry.id
+            }));
+    }, [
+        references
+    ]);
+    if (references.loading) return /*#__PURE__*/ react.createElement(Loader, null);
+    return /*#__PURE__*/ react.createElement(RadioGroup, {
+        ...bind,
+        disabled: disabled,
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        value: value,
+        items: items,
+        onChange: (value)=>{
+            const selectedItem = references.entries.find((entry)=>entry.entryId === value.split("#")[0]);
+            if (!selectedItem) return;
+            bind.onChange({
+                id: selectedItem.id,
+                modelId: selectedItem.model.modelId
+            });
+        }
+    });
+};
+export { SimpleSingleRenderer };
+
+//# sourceMappingURL=SimpleSingleRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const value = useMemo(() => {\n        return bind.value?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"names":["SimpleSingleRenderer","props","bind","field","useModelField","rules","useFieldEffectiveRules","disabled","value","useMemo","models","useContentModels","references","useReferences","items","entry","Loader","RadioGroup","selectedItem"],"mappings":";;;;;;AAcO,MAAMA,uBAAuB,CAACC;IACjC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,EAAEE,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,MAAMG,QAAQC,QAAQ,IACXP,KAAK,KAAK,EAAE,IACpB;QAACA,KAAK,KAAK;KAAC;IAEf,MAAM,EAAEQ,MAAM,EAAE,GAAGC,iBAAiB;QAChCR;IACJ;IAEA,MAAMS,aAAaC,cAAc;QAC7BH;IACJ;IAEA,MAAMI,QAAQL,QAAQ;QAClB,IAAI,CAACG,WAAW,OAAO,EACnB,OAAO,EAAE;QAGb,OAAOA,WAAW,OAAO,CAAC,GAAG,CAACG,CAAAA,QAAU;gBACpC,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,EAAE;YACnB;IACJ,GAAG;QAACH;KAAW;IAEf,IAAIA,WAAW,OAAO,EAClB,OAAO,WAAP,GAAO,oBAACI,QAAMA;IAGlB,OAAO,WAAP,GACI,oBAACC,YAAUA;QACN,GAAGf,IAAI;QACR,UAAUK;QACV,OAAOJ,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,OAAOK;QACP,OAAOM;QACP,UAAU,CAACN;YACP,MAAMU,eAAeN,WAAW,OAAO,CAAC,IAAI,CACxCG,CAAAA,QAASA,MAAM,OAAO,KAAKP,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE;YAGlD,IAAI,CAACU,cACD;YAGJhB,KAAK,QAAQ,CAAC;gBACV,IAAIgB,aAAa,EAAE;gBACnB,SAASA,aAAa,KAAK,CAAC,OAAO;YACvC;QACJ;;AAGZ"}

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

@@ -0,0 +1,8 @@
+import type { CmsModel, CmsModelField } from "../../../../../../types.js";
+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,20 @@
+import { useMemo } from "react";
+import { useContentModels } from "../../../../../hooks/index.js";
+const useContentModels_useContentModels = ({ field })=>{
+    const { models: initialModels } = useContentModels();
+    const models = useMemo(()=>{
+        if (!initialModels) return [];
+        return initialModels.filter((model)=>{
+            if (!field.settings?.models || 0 === field.settings.models.length) return false;
+            return field.settings?.models.some((fieldModel)=>model.modelId === fieldModel.modelId);
+        });
+    }, [
+        initialModels
+    ]);
+    return {
+        models
+    };
+};
+export { useContentModels_useContentModels as useContentModels };
+
+//# sourceMappingURL=useContentModels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/useContentModels.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks/index.js\";\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"],"names":["useContentModels","field","initialModels","useBaseContentModels","models","useMemo","model","fieldModel"],"mappings":";;AAOO,MAAMA,oCAAmB,CAAC,EAAEC,KAAK,EAAS;IAC7C,MAAM,EAAE,QAAQC,aAAa,EAAE,GAAGC;IAElC,MAAMC,SAASC,QAAQ;QACnB,IAAI,CAACH,eACD,OAAO,EAAE;QAEb,OAAOA,cAAc,MAAM,CAACI,CAAAA;YACxB,IAAI,CAACL,MAAM,QAAQ,EAAE,UAAUA,AAAiC,MAAjCA,MAAM,QAAQ,CAAC,MAAM,CAAC,MAAM,EACvD,OAAO;YAEX,OAAOA,MAAM,QAAQ,EAAE,OAAO,KAAKM,CAAAA,aACxBD,MAAM,OAAO,KAAKC,WAAW,OAAO;QAEnD;IACJ,GAAG;QAACL;KAAc;IAElB,OAAO;QACHE;IACJ;AACJ"}

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

@@ -0,0 +1,11 @@
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
+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,53 @@
+import { useEffect, useState } from "react";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql.js";
+const executeSearch = async (params)=>{
+    const { setLoading, setError, setEntries, client, models, requestContext = {} } = params;
+    setLoading(true);
+    try {
+        const result = await client.query({
+            query: SEARCH_CONTENT_ENTRIES,
+            variables: {
+                modelIds: models.map((model)=>model.modelId),
+                limit: 10000
+            },
+            context: requestContext
+        });
+        const error = result.data.content?.error;
+        if (error) return void setError(error.message);
+        setError(null);
+        setEntries(result.data.content.data);
+    } catch (ex) {
+        setError(ex.message);
+    } finally{
+        setLoading(false);
+    }
+};
+const useReferences = ({ models })=>{
+    const client = useApolloClient();
+    const [entries, setEntries] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const requestContext = useModelFieldGraphqlContext();
+    useEffect(()=>{
+        if (!models || 0 === models.length) return;
+        executeSearch({
+            client,
+            requestContext,
+            models,
+            setLoading,
+            setError,
+            setEntries
+        });
+    }, [
+        models
+    ]);
+    return {
+        loading,
+        entries,
+        error
+    };
+};
+export { useReferences };
+
+//# sourceMappingURL=useReferences.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/useReferences.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport type { CmsModel } from \"~/types.js\";\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    requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models, requestContext = {} } = 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            context: requestContext\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    const requestContext = useModelFieldGraphqlContext();\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"names":["executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","SEARCH_CONTENT_ENTRIES","model","error","ex","useReferences","useApolloClient","entries","useState","loading","useModelFieldGraphqlContext","useEffect"],"mappings":";;;AAoBA,MAAMA,gBAAgB,OAAOC;IACzB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,iBAAiB,CAAC,CAAC,EAAE,GAAGN;IAClFC,WAAW;IACX,IAAI;QACA,MAAMM,SAAS,MAAMH,OAAO,KAAK,CAG/B;YACE,OAAOI;YACP,WAAW;gBACP,UAAUH,OAAO,GAAG,CAACI,CAAAA,QAASA,MAAM,OAAO;gBAC3C,OAAO;YACX;YACA,SAASH;QACb;QACA,MAAMI,QAAQH,OAAO,IAAI,CAAC,OAAO,EAAE;QACnC,IAAIG,OAAO,YACPR,SAASQ,MAAM,OAAO;QAI1BR,SAAS;QACTC,WAAWI,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI;IACvC,EAAE,OAAOI,IAAI;QACTT,SAASS,GAAG,OAAO;IACvB,SAAU;QACNV,WAAW;IACf;AACJ;AAMO,MAAMW,gBAAgB,CAAC,EAAEP,MAAM,EAAuB;IACzD,MAAMD,SAASS;IACf,MAAM,CAACC,SAASX,WAAW,GAAGY,SAAqC,EAAE;IACrE,MAAM,CAACC,SAASf,WAAW,GAAGc,SAAkB;IAChD,MAAM,CAACL,OAAOR,SAAS,GAAGa,SAAoC;IAC9D,MAAMT,iBAAiBW;IAEvBC,UAAU;QACN,IAAI,CAACb,UAAUA,AAAkB,MAAlBA,OAAO,MAAM,EACxB;QAEJN,cAAc;YACVK;YACAE;YACAD;YACAJ;YACAC;YACAC;QACJ;IACJ,GAAG;QAACE;KAAO;IAEX,OAAO;QACHW;QACAF;QACAJ;IACJ;AACJ"}

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

@@ -0,0 +1 @@
+export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];

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

@@ -0,0 +1,9 @@
+import { createSimpleSingleRenderer } from "./simpleSingleRenderer.js";
+import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer.js";
+const createSimpleRefRenderer = ()=>[
+        createSimpleSingleRenderer(),
+        createSimpleMultipleRenderer()
+    ];
+export { createSimpleRefRenderer };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/index.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/simple/index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer.js\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer.js\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"names":["createSimpleRefRenderer","createSimpleSingleRenderer","createSimpleMultipleRenderer"],"mappings":";;AAGO,MAAMA,0BAA0B,IAC5B;QAACC;QAA8BC;KAA+B"}

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

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

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

@@ -0,0 +1,27 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleMultipleRenderer } from "./components/SimpleMultipleRenderer.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const createSimpleMultipleRenderer = ()=>({
+        type: "cms-editor-field-renderer",
+        name: "cms-editor-field-renderer-ref-multiple-simple",
+        renderer: {
+            rendererName: "ref-simple-multiple",
+            name: t`Checkboxes`,
+            description: t`Renders a list of checkboxes and the user can select one or more records.`,
+            canUse ({ field }) {
+                return "ref" === field.type && !!field.list;
+            },
+            render: (props)=>{
+                const { field, getBind } = props;
+                const Bind = getBind();
+                return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(SimpleMultipleRenderer, {
+                        bind: bind,
+                        field: field
+                    })));
+            }
+        }
+    });
+export { createSimpleMultipleRenderer };
+
+//# sourceMappingURL=simpleMultipleRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer.js\";\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`Checkboxes`,\n            description: t`Renders a list of checkboxes and the user can select one or more records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"names":["t","i18n","createSimpleMultipleRenderer","field","props","getBind","Bind","bind","SimpleMultipleRenderer"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,+BAA+B,IACjC;QACH,MAAM;QACN,MAAM;QACN,UAAU;YACN,cAAc;YACd,MAAMF,CAAC,CAAC,UAAU,CAAC;YACnB,aAAaA,CAAC,CAAC,yEAAyE,CAAC;YACzF,QAAO,EAAEG,KAAK,EAAE;gBACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAAC,CAACA,MAAM,IAAI;YAC/C;YACA,QAAQC,CAAAA;gBACJ,MAAM,EAAED,KAAK,EAAEE,OAAO,EAAE,GAAGD;gBAE3B,MAAME,OAAOD;gBACb,OAAO,WAAP,GACI,oBAACC,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,wBAAsBA;wBAAC,MAAMD;wBAAM,OAAOJ;;YAK/D;QACJ;IACJ"}

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

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

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

@@ -0,0 +1,27 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleSingleRenderer } from "./components/SimpleSingleRenderer.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const createSimpleSingleRenderer = ()=>({
+        type: "cms-editor-field-renderer",
+        name: "cms-editor-field-renderer-ref-single-simple",
+        renderer: {
+            rendererName: "ref-simple-single",
+            name: t`Radio buttons`,
+            description: t`Renders a list of radio buttons and the user can select one related record.`,
+            canUse ({ field }) {
+                return "ref" === field.type && !field.list;
+            },
+            render: (props)=>{
+                const { field, getBind } = props;
+                const Bind = getBind();
+                return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(SimpleSingleRenderer, {
+                        bind: bind,
+                        field: field
+                    })));
+            }
+        }
+    });
+export { createSimpleSingleRenderer };
+
+//# sourceMappingURL=simpleSingleRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer.js\";\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`Radio buttons`,\n            description: t`Renders a list of radio buttons and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleSingleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"names":["t","i18n","createSimpleSingleRenderer","field","props","getBind","Bind","bind","SimpleSingleRenderer"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,6BAA6B,IAC/B;QACH,MAAM;QACN,MAAM;QACN,UAAU;YACN,cAAc;YACd,MAAMF,CAAC,CAAC,aAAa,CAAC;YACtB,aAAaA,CAAC,CAAC,2EAA2E,CAAC;YAC3F,QAAO,EAAEG,KAAK,EAAE;gBACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAACA,MAAM,IAAI;YAC9C;YACA,QAAQC,CAAAA;gBACJ,MAAM,EAAED,KAAK,EAAEE,OAAO,EAAE,GAAGD;gBAE3B,MAAME,OAAOD;gBACb,OAAO,WAAP,GACI,oBAACC,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,sBAAoBA;wBAAC,MAAMD;wBAAM,OAAOJ;;YAK7D;QACJ;IACJ"}

package/admin/plugins/fieldRenderers/select.d.ts

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