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

package/admin/plugins/fieldRenderers/object/singleObjectInline.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Fields } from "../../../components/ContentEntryForm/Fields";
+import { FieldSettings } from "./FieldSettings";
+import { ParentFieldProvider } from "../../../components/ContentEntryForm/ParentValue";
+import { ParentValueIndexProvider } from "../../../components/ModelFieldProvider";
+import { fieldsGridStyle } from "./StyledComponents";
+import { FormComponentDescription, Heading } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-object",
+  renderer: {
+    rendererName: "object",
+    name: t`Inline Form`,
+    description: t`Renders a set of fields.`,
+    canUse({
+      field
+    }) {
+      return field.type === "object" && !field.multipleValues;
+    },
+    render({
+      field,
+      getBind,
+      contentModel
+    }) {
+      const Bind = getBind();
+      const fieldSettings = FieldSettings.createFrom(field);
+      if (!fieldSettings.hasFields()) {
+        fieldSettings.logMissingFields();
+        return null;
+      }
+      const settings = fieldSettings.getSettings();
+      return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentFieldProvider, {
+        value: bindProps.value,
+        path: Bind.parentName
+      }, /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
+        index: -1
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "wby-pb-sm"
+      }, /*#__PURE__*/React.createElement(Heading, {
+        level: 6,
+        className: "webiny_group-label-text"
+      }, field.label), field.helpText && /*#__PURE__*/React.createElement(FormComponentDescription, null, field.helpText)), /*#__PURE__*/React.createElement("div", {
+        className: "wby-p-md wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-md"
+      }, /*#__PURE__*/React.createElement(Fields, {
+        gridClassName: fieldsGridStyle,
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: settings.fields,
+        layout: settings.layout
+      }))))));
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=singleObjectInline.js.map

package/admin/plugins/fieldRenderers/object/singleObjectInline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","fieldsGridStyle","FormComponentDescription","Heading","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ValidationContainer","value","path","parentName","index","className","level","label","helpText","gridClassName","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { fieldsGridStyle } from \"./StyledComponents\";\nimport { FormComponentDescription, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <div className={\"wby-pb-sm\"}>\n                                        <Heading level={6} className={\"webiny_group-label-text\"}>\n                                            {field.label}\n                                        </Heading>\n                                        {field.helpText && (\n                                            <FormComponentDescription>\n                                                {field.helpText}\n                                            </FormComponentDescription>\n                                        )}\n                                    </div>\n                                    <div\n                                        className={\n                                            \"wby-p-md wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-md\"\n                                        }\n                                    >\n                                        <Fields\n                                            gridClassName={fieldsGridStyle}\n                                            Bind={Bind}\n                                            contentModel={contentModel}\n                                            fields={settings.fields}\n                                            layout={settings.layout}\n                                        />\n                                    </div>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SAASC,eAAe;AACxB,SAASC,wBAAwB,EAAEC,OAAO,QAAQ,kBAAkB;AAEpE,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,0BAA0B;IACxCQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGrB,aAAa,CAACsB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAE5C,oBACI7B,KAAA,CAAA8B,aAAA,CAACP,IAAI,QACAQ,SAAS,iBACN/B,KAAA,CAAA8B,aAAA,CAACP,IAAI,CAACS,mBAAmB,qBACrBhC,KAAA,CAAA8B,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEX,IAAI,CAACY;MAAW,gBAC/DnC,KAAA,CAAA8B,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCpC,KAAA,CAAA8B,aAAA;QAAKO,SAAS,EAAE;MAAY,gBACxBrC,KAAA,CAAA8B,aAAA,CAACtB,OAAO;QAAC8B,KAAK,EAAE,CAAE;QAACD,SAAS,EAAE;MAA0B,GACnDnB,KAAK,CAACqB,KACF,CAAC,EACTrB,KAAK,CAACsB,QAAQ,iBACXxC,KAAA,CAAA8B,aAAA,CAACvB,wBAAwB,QACpBW,KAAK,CAACsB,QACe,CAE7B,CAAC,eACNxC,KAAA,CAAA8B,aAAA;QACIO,SAAS,EACL;MACH,gBAEDrC,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;QACHuC,aAAa,EAAEnC,eAAgB;QAC/BiB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BoB,MAAM,EAAEd,QAAQ,CAACc,MAAO;QACxBC,MAAM,EAAEf,QAAQ,CAACe;MAAO,CAC3B,CACA,CACiB,CACT,CACC,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehC,MAAM","ignoreList":[]}

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

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

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,45 +1,57 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { Radio, RadioGroup } from "@webiny/ui/Radio";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import { RadioGroup } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-radio-buttons",
   renderer: {
     rendererName: "radio-buttons",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Radio Buttons"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders radio buttons, allowing selection of a single value."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return !field.multipleValues && get(field, "predefinedValues.enabled");
+    name: t`Radio Buttons`,
+    description: t`Renders radio buttons, allowing selection of a single value.`,
+    canUse({
+      field
+    }) {
+      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind;
-      var Bind = getBind();
-      var options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(RadioGroup, {
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      const {
+        values: options = []
+      } = field.predefinedValues || {
+        options: []
+      };
+      const defaultOption = options.find(opt => opt.selected === true);
+      return /*#__PURE__*/React.createElement(Bind, {
+        defaultValue: defaultOption ? defaultOption.value : undefined
+      }, ({
+        onChange,
+        value,
+        ...bind
+      }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
         label: field.label,
-        description: field.helpText
-      }, function (_ref3) {
-        var onChange = _ref3.onChange,
-            getValue = _ref3.getValue;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
-          return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
-          }, /*#__PURE__*/React.createElement(Radio, {
-            label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
-          }));
-        }));
-      }));
+        description: field.helpText,
+        items: options.map(option => ({
+          label: option.label,
+          value: String(option.value),
+          selected: option.selected
+        })),
+        value: String(value),
+        onChange: value => {
+          if (field.type === "number") {
+            onChange(Number(value));
+          } else {
+            onChange(String(value));
+          }
+        }
+      }))));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=radioButtons.js.map

package/admin/plugins/fieldRenderers/radioButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ onChange, value, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <RadioGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={String(value)}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,EAAA6B,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BC,KAAK,EAAEjB,OAAO,CAACkB,GAAG,CAACC,MAAM,KAAK;UAC1BJ,KAAK,EAAEI,MAAM,CAACJ,KAAK;UACnBP,KAAK,EAAEY,MAAM,CAACD,MAAM,CAACX,KAAK,CAAC;UAC3BH,QAAQ,EAAEc,MAAM,CAACd;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAEY,MAAM,CAACZ,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
+interface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {
+    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
+}
+export declare const AdvancedMultipleReferenceField: (props: AdvancedMultipleReferenceFieldProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js

@@ -0,0 +1,217 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import * as GQL from "../../../../../viewsGraphql";
+import { withoutBeingDeletedModels } from "../../../../../viewsGraphql";
+import { Options } from "./Options";
+import { useReferences } from "../hooks/useReferences";
+import { Entry } from "./Entry";
+import { Container } from "./Container";
+import { ReferencesDialog } from "./ReferencesDialog";
+import { useModelFieldGraphqlContext, useQuery } from "../../../../../hooks";
+import { useSnackbar } from "@webiny/app-admin";
+import { parseIdentifier } from "@webiny/utils";
+import { Entries } from "./Entries";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog";
+import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader, Text } from "@webiny/admin-ui";
+const getRecordCountMessage = count => {
+  switch (count) {
+    case 0:
+      return "no records selected";
+    case 1:
+      return "1 record selected";
+    default:
+      return `${count} records selected`;
+  }
+};
+export const AdvancedMultipleReferenceField = props => {
+  const {
+    bind,
+    field
+  } = props;
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const requestContext = useModelFieldGraphqlContext();
+  const values = useMemo(() => {
+    return bind.value || [];
+  }, [bind.value]);
+  const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
+  const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
+  const [loadedModels, setLoadedModels] = useState([]);
+  const {
+    data,
+    loading: loadingModels
+  } = useQuery(GQL.LIST_CONTENT_MODELS, {
+    context: requestContext
+  });
+  useEffect(() => {
+    if (loadingModels || !data?.listContentModels?.data) {
+      return;
+    } else if (data.listContentModels.error) {
+      setLoadedModels([]);
+      showSnackbar(data.listContentModels.error.message);
+      return;
+    }
+    setLoadedModels(withoutBeingDeletedModels(data.listContentModels.data));
+  }, [data]);
+  const onNewRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
+    if (!model) {
+      console.log(`Cannot find model by modelId "${modelId}".`);
+      return;
+    }
+    setNewEntryDialogModel(model);
+  }, [loadedModels, linkEntryDialogModel]);
+  const onNewEntryDialogClose = useCallback(() => {
+    setNewEntryDialogModel(null);
+  }, [linkEntryDialogModel]);
+  const onExistingRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
+    if (!model) {
+      console.log(`Cannot find model by modelId "${modelId}".`);
+      return;
+    }
+    setLinkEntryDialogModel(model);
+  }, [loadedModels, linkEntryDialogModel]);
+  const onLinkEntryDialogClose = useCallback(() => {
+    setLinkEntryDialogModel(null);
+  }, []);
+  const {
+    entries,
+    loading: loadingEntries,
+    loadMore
+  } = useReferences({
+    values,
+    perPage: 10,
+    requestContext
+  });
+  const onRemove = useCallback(id => {
+    if (!values || !Array.isArray(values)) {
+      return;
+    }
+    const {
+      id: entryId
+    } = parseIdentifier(id);
+    const newValues = values.filter(value => {
+      const {
+        id: valueEntryId
+      } = parseIdentifier(value.id);
+      return valueEntryId !== entryId;
+    });
+    bind.onChange(newValues.length > 0 ? newValues : null);
+  }, [entries, values]);
+  const models = useMemo(() => {
+    if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {
+      return [];
+    }
+    return field.settings.models.reduce((collection, ref) => {
+      const model = loadedModels.find(model => model.modelId === ref.modelId);
+      if (!model) {
+        return collection;
+      }
+      collection.push(model);
+      return collection;
+    }, []);
+  }, [loadedModels, entries]);
+  const storeValues = useCallback(values => {
+    bind.onChange(values?.length ? values : null);
+    return;
+  }, [values]);
+  const onNewEntryCreate = useCallback(data => {
+    if (!data) {
+      console.log(`Could not store new entry to the reference field. Missing whole entry.`);
+      return;
+    } else if (!data.id) {
+      console.log(`Could not store new entry to the reference field. Missing "id" value.`);
+      return;
+    } else if (!data.modelId) {
+      console.log(`Could not store new entry to the reference field. Missing "modelId" value.`);
+      return;
+    }
+    storeValues(values.concat([{
+      id: data.id,
+      modelId: data.modelId
+    }]));
+  }, [storeValues]);
+  const onMoveUp = useCallback((index, toTop) => {
+    if (!values?.length) {
+      return;
+    } else if (toTop) {
+      const arr = values.splice(index, 1);
+      bind.onChange(arr.concat(values));
+      return;
+    }
+    bind.moveValueUp(index);
+  }, [values]);
+  const onMoveDown = useCallback((index, toBottom) => {
+    if (!values?.length) {
+      return;
+    } else if (toBottom === true) {
+      const arr = values.splice(index, 1);
+      bind.onChange(values.concat(arr));
+      return;
+    }
+    bind.moveValueDown(index);
+  }, [values]);
+  const loading = loadingEntries || loadingModels;
+  const message = getRecordCountMessage(values.length);
+  const {
+    validation
+  } = bind;
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between"
+  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: field.label,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, "(", message, ")")), /*#__PURE__*/React.createElement(Container, {
+    className: "webiny_ref-field-container"
+  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+    size: "md"
+  }), /*#__PURE__*/React.createElement(Entries, {
+    entries: entries,
+    loadMore: loadMore
+  }, (entry, index) => {
+    const isFirst = index === 0;
+    const isLast = index >= values.length - 1;
+    const model = loadedModels.find(model => model.modelId === entry.model.modelId);
+    if (!model) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Entry, {
+      model: model,
+      placement: "multiRef",
+      key: `reference-entry-${entry.id}`,
+      index: index,
+      entry: entry,
+      onRemove: onRemove,
+      onMoveUp: !isFirst ? onMoveUp : undefined,
+      onMoveDown: !isLast ? onMoveDown : undefined
+    });
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(Options, {
+    models: models,
+    onNewRecord: onNewRecord,
+    onLinkExistingRecord: onExistingRecord
+  }), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+    model: newEntryDialogModel,
+    onClose: onNewEntryDialogClose,
+    onChange: onNewEntryCreate
+  }), linkEntryDialogModel && /*#__PURE__*/React.createElement(ReferencesDialog, Object.assign({}, props, {
+    field: field,
+    multiple: true,
+    values: values,
+    contentModel: linkEntryDialogModel,
+    storeValues: storeValues,
+    onDialogClose: onLinkEntryDialogClose
+  })));
+};
+
+//# sourceMappingURL=AdvancedMultipleReferenceField.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","Container","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","Text","getRecordCountMessage","count","AdvancedMultipleReferenceField","props","bind","field","showSnackbar","requestContext","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","size","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModel,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { Container } from \"./Container\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    OverlayLoader,\n    Text\n} from \"@webiny/admin-ui\";\n\nconst getRecordCountMessage = (count: number) => {\n    switch (count) {\n        case 0:\n            return \"no records selected\";\n        case 1:\n            return \"1 record selected\";\n        default:\n            return `${count} records selected`;\n    }\n};\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n    const requestContext = useModelFieldGraphqlContext();\n\n    const values = useMemo(() => {\n        return bind.value || [];\n    }, [bind.value]);\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(withoutBeingDeletedModels(data.listContentModels.data));\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const {\n        entries,\n        loading: loadingEntries,\n        loadMore\n    } = useReferences({\n        values,\n        perPage: 10,\n        requestContext\n    });\n\n    const onRemove = useCallback(\n        (id: string) => {\n            if (!values || !Array.isArray(values)) {\n                return;\n            }\n            const { id: entryId } = parseIdentifier(id);\n            const newValues = values.filter(value => {\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return valueEntryId !== entryId;\n            });\n            bind.onChange(newValues.length > 0 ? newValues : null);\n        },\n        [entries, values]\n    );\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {\n            return [];\n        }\n\n        return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n            const model = loadedModels.find(model => model.modelId === ref.modelId);\n            if (!model) {\n                return collection;\n            }\n            collection.push(model);\n\n            return collection;\n        }, []);\n    }, [loadedModels, entries]);\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            bind.onChange(values?.length ? values : null);\n            return;\n        },\n        [values]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: Partial<CmsContentEntry> | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues(\n                values.concat([\n                    {\n                        id: data.id,\n                        modelId: data.modelId\n                    }\n                ])\n            );\n        },\n        [storeValues]\n    );\n\n    const onMoveUp = useCallback(\n        (index: number, toTop?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toTop) {\n                const arr = values.splice(index, 1);\n                bind.onChange(arr.concat(values));\n                return;\n            }\n            bind.moveValueUp(index);\n        },\n        [values]\n    );\n    const onMoveDown = useCallback(\n        (index: number, toBottom?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toBottom === true) {\n                const arr = values.splice(index, 1);\n                bind.onChange(values.concat(arr));\n                return;\n            }\n            bind.moveValueDown(index);\n        },\n        [values]\n    );\n\n    const loading = loadingEntries || loadingModels;\n\n    const message = getRecordCountMessage(values.length);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <div className={\"wby-flex wby-items-center wby-justify-between\"}>\n                <FormComponentLabel text={field.label} invalid={invalid} />\n                <Text size={\"sm\"}>({message})</Text>\n            </div>\n            <Container className={\"webiny_ref-field-container\"}>\n                {loading && <OverlayLoader size={\"md\"} />}\n                <Entries entries={entries} loadMore={loadMore}>\n                    {(entry, index) => {\n                        const isFirst = index === 0;\n                        const isLast = index >= values.length - 1;\n                        const model = loadedModels.find(\n                            model => model.modelId === entry.model.modelId\n                        );\n                        if (!model) {\n                            return null;\n                        }\n                        return (\n                            <Entry\n                                model={model}\n                                placement=\"multiRef\"\n                                key={`reference-entry-${entry.id}`}\n                                index={index}\n                                entry={entry}\n                                onRemove={onRemove}\n                                onMoveUp={!isFirst ? onMoveUp : undefined}\n                                onMoveDown={!isLast ? onMoveDown : undefined}\n                            />\n                        );\n                    }}\n                </Entries>\n            </Container>\n            <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            <Options\n                models={models}\n                onNewRecord={onNewRecord}\n                onLinkExistingRecord={onExistingRecord}\n            />\n\n            {newEntryDialogModel && (\n                <NewReferencedEntryDialog\n                    model={newEntryDialogModel}\n                    onClose={onNewEntryDialogClose}\n                    onChange={onNewEntryCreate}\n                />\n            )}\n\n            {linkEntryDialogModel && (\n                <ReferencesDialog\n                    {...props}\n                    field={field}\n                    multiple={true}\n                    values={values}\n                    contentModel={linkEntryDialogModel}\n                    storeValues={storeValues}\n                    onDialogClose={onLinkEntryDialogClose}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface MultiRefFieldSettings {
+    newItemPosition: "first" | "last";
+}
+export declare const AdvancedMultipleReferenceSettings: () => React.JSX.Element;

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js

@@ -0,0 +1,23 @@
+import { Bind } from "@webiny/form";
+import React from "react";
+import { Grid, Select } from "@webiny/admin-ui";
+export const AdvancedMultipleReferenceSettings = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "renderer.settings.newItemPosition",
+    defaultValue: "last"
+  }, /*#__PURE__*/React.createElement(Select, {
+    label: "New item position",
+    description: "Where should the new items be added?",
+    options: [{
+      value: "first",
+      label: "Top of the list"
+    }, {
+      value: "last",
+      label: "Bottom of the list"
+    }]
+  }))));
+};
+
+//# sourceMappingURL=AdvancedMultipleReferenceSettings.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Bind","React","Grid","Select","AdvancedMultipleReferenceSettings","createElement","Fragment","Column","span","name","defaultValue","label","description","options","value"],"sources":["AdvancedMultipleReferenceSettings.tsx"],"sourcesContent":["import { Bind } from \"@webiny/form\";\nimport React from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\n\nexport interface MultiRefFieldSettings {\n    newItemPosition: \"first\" | \"last\";\n}\n\nexport const AdvancedMultipleReferenceSettings = () => {\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Bind name={\"renderer.settings.newItemPosition\"} defaultValue={\"last\"}>\n                    <Select\n                        label={\"New item position\"}\n                        description={\"Where should the new items be added?\"}\n                        options={[\n                            { value: \"first\", label: \"Top of the list\" },\n                            { value: \"last\", label: \"Bottom of the list\" }\n                        ]}\n                    />\n                </Bind>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAM/C,OAAO,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACnD,oBACIH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,qBACIL,KAAA,CAAAI,aAAA,CAACH,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACS,IAAI,EAAE,mCAAoC;IAACC,YAAY,EAAE;EAAO,gBAClET,KAAA,CAAAI,aAAA,CAACF,MAAM;IACHQ,KAAK,EAAE,mBAAoB;IAC3BC,WAAW,EAAE,sCAAuC;IACpDC,OAAO,EAAE,CACL;MAAEC,KAAK,EAAE,OAAO;MAAEH,KAAK,EAAE;IAAkB,CAAC,EAC5C;MAAEG,KAAK,EAAE,MAAM;MAAEH,KAAK,EAAE;IAAqB,CAAC;EAChD,CACL,CACC,CACG,CACf,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
+interface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {
+    bind: BindComponentRenderProp<CmsReferenceValue | null>;
+}
+export declare const AdvancedSingleReferenceField: (props: AdvancedSingleReferenceFieldProps) => React.JSX.Element;
+export {};