@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,65 +1,51 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { RadioGroup } from "@webiny/admin-ui";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 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`Radio Buttons`,
-    description: t`Renders radio buttons, allowing selection of a single value.`,
-    canUse({
-      field
-    }) {
-      return !field.list && !!get(field, "predefinedValues.enabled");
-    },
-    render({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const disabled = !rules.canEdit || rules.disabled;
-      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, {
-        disabled: disabled,
-        label: field.label,
-        description: field.description,
-        note: field.note,
-        hint: field.help,
-        items: options.map(option => ({
-          label: option.label,
-          value: String(option.value),
-          selected: option.selected
-        })),
-        value: typeof value !== "undefined" ? String(value) : undefined,
-        onChange: value => {
-          if (field.type === "number") {
-            onChange(Number(value));
-          } else {
-            onChange(String(value));
-          }
+const radioButtons_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-radio-buttons",
+    renderer: {
+        rendererName: "radio-buttons",
+        name: t`Radio Buttons`,
+        description: t`Renders radio buttons, allowing selection of a single value.`,
+        canUse ({ field }) {
+            return !field.list && !!get(field, "predefinedValues.enabled");
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const disabled = !rules.canEdit || rules.disabled;
+            const Bind = getBind();
+            const { values: options = [] } = field.predefinedValues || {
+                options: []
+            };
+            const defaultOption = options.find((opt)=>true === opt.selected);
+            return /*#__PURE__*/ react.createElement(Bind, {
+                defaultValue: defaultOption ? defaultOption.value : void 0
+            }, ({ onChange, value, ...bind })=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(RadioGroup, {
+                    ...bind,
+                    disabled: disabled,
+                    label: field.label,
+                    description: field.description,
+                    note: field.note,
+                    hint: field.help,
+                    items: options.map((option)=>({
+                            label: option.label,
+                            value: String(option.value),
+                            selected: option.selected
+                        })),
+                    value: void 0 !== value ? String(value) : void 0,
+                    onChange: (value)=>{
+                        "number" === field.type ? onChange(Number(value)) : onChange(String(value));
+                    }
+                })));
         }
-      }))));
     }
-  }
 };
-export default plugin;
+const radioButtons = radioButtons_plugin;
+export default radioButtons;
 
 //# sourceMappingURL=radioButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","RadioGroup","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\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.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\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                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\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,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,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,IAAI,IAAI,CAAC,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAClE,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEK,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGT,KAAK,CAACU,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,UAAU,EAAAkC,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRf,QAAQ,EAAEA,QAAS;QACnBmB,KAAK,EAAExB,KAAK,CAACwB,KAAM;QACnB1B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B2B,IAAI,EAAEzB,KAAK,CAACyB,IAAK;QACjBC,IAAI,EAAE1B,KAAK,CAAC2B,IAAK;QACjBC,KAAK,EAAEnB,OAAO,CAACoB,GAAG,CAACC,MAAM,KAAK;UAC1BN,KAAK,EAAEM,MAAM,CAACN,KAAK;UACnBP,KAAK,EAAEc,MAAM,CAACD,MAAM,CAACb,KAAK,CAAC;UAC3BH,QAAQ,EAAEgB,MAAM,CAAChB;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACa,MAAM,CAACf,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACY,MAAM,CAACd,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/radioButtons.js","sources":["../../../../src/admin/plugins/fieldRenderers/radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\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.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\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                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\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"],"names":["t","i18n","plugin","field","get","getBind","useModelField","rules","useFieldEffectiveRules","disabled","Bind","options","defaultOption","opt","undefined","onChange","value","bind","RadioGroup","option","String","Number"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,sBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,aAAa,CAAC;QACtB,aAAaA,CAAC,CAAC,4DAA4D,CAAC;QAC5E,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAO,CAACA,MAAM,IAAI,IAAI,CAAC,CAACC,IAAID,OAAO;QACvC;QACA,QAAO,EAAEE,OAAO,EAAE;YACd,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;YACjD,MAAMG,OAAOL;YAEb,MAAM,EAAE,QAAQM,UAAU,EAAE,EAAE,GAAGR,MAAM,gBAAgB,IAAI;gBACvD,SAAS,EAAE;YACf;YAEA,MAAMS,gBAAgBD,QAAQ,IAAI,CAACE,CAAAA,MAAOA,AAAiB,SAAjBA,IAAI,QAAQ;YAEtD,OAAO,WAAP,GACI,oBAACH,MAAAA;gBAAK,cAAcE,gBAAgBA,cAAc,KAAK,GAAGE;eACrD,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,MAAM,iBAC1B,oBAACP,KAAK,mBAAmB,sBACrB,oBAACQ,YAAUA;oBACN,GAAGD,IAAI;oBACR,UAAUR;oBACV,OAAON,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBAChB,OAAOQ,QAAQ,GAAG,CAACQ,CAAAA,SAAW;4BAC1B,OAAOA,OAAO,KAAK;4BACnB,OAAOC,OAAOD,OAAO,KAAK;4BAC1B,UAAUA,OAAO,QAAQ;wBAC7B;oBACA,OAAO,AAAiB,WAAVH,QAAwBI,OAAOJ,SAASF;oBACtD,UAAUE,CAAAA;wBACa,aAAfb,MAAM,IAAI,GACVY,SAASM,OAAOL,UAEhBD,SAASK,OAAOJ;oBAExB;;QAMxB;IACJ;AACJ;AAEA,qBAAed"}

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

@@ -1,6 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import * as GQL from "../../../../../viewsGraphql.js";
-import { withoutBeingDeletedModels } from "../../../../../viewsGraphql.js";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
 import { Options } from "./Options.js";
 import { useReferences } from "../hooks/useReferences.js";
 import { Entry } from "./Entry.js";
@@ -12,200 +10,185 @@ import { Entries } from "./Entries.js";
 import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
 import { FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
 import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
-export const AdvancedMultipleReferenceField = props => {
-  const {
-    bind
-  } = props;
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    field
-  } = useModelField();
-  const rules = useFieldEffectiveRules(field);
-  const requestContext = useModelFieldGraphqlContext();
-  const disabled = !rules.canEdit || rules.disabled;
-  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,
-    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;
+import * as __rspack_external__viewsGraphql_js_d6457cb3 from "../../../../../viewsGraphql.js";
+const AdvancedMultipleReferenceField = (props)=>{
+    const { bind } = props;
+    const { showSnackbar } = useSnackbar();
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const requestContext = useModelFieldGraphqlContext();
+    const disabled = !rules.canEdit || rules.disabled;
+    const values = useMemo(()=>bind.value || [], [
+        bind.value
+    ]);
+    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
+    const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
+    const [loadedModels, setLoadedModels] = useState([]);
+    const { data, loading: loadingModels } = useQuery(__rspack_external__viewsGraphql_js_d6457cb3.LIST_CONTENT_MODELS, {
+        context: requestContext
     });
-    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;
+    useEffect(()=>{
+        if (loadingModels || !data?.listContentModels?.data) return;
+        if (data.listContentModels.error) {
+            setLoadedModels([]);
+            showSnackbar(data.listContentModels.error.message);
+            return;
+        }
+        setLoadedModels((0, __rspack_external__viewsGraphql_js_d6457cb3.withoutBeingDeletedModels)(data.listContentModels.data));
+    }, [
+        data
+    ]);
+    const onNewRecord = useCallback((modelId)=>{
+        const model = loadedModels.find((model)=>model.modelId === modelId);
+        if (!model) return void console.log(`Cannot find model by modelId "${modelId}".`);
+        setNewEntryDialogModel(model);
+    }, [
+        loadedModels,
+        linkEntryDialogModel
+    ]);
+    const onNewEntryDialogClose = useCallback(()=>{
+        setNewEntryDialogModel(null);
+    }, [
+        linkEntryDialogModel
+    ]);
+    const onExistingRecord = useCallback((modelId)=>{
+        const model = loadedModels.find((model)=>model.modelId === modelId);
+        if (!model) return void console.log(`Cannot find model by modelId "${modelId}".`);
+        setLinkEntryDialogModel(model);
+    }, [
+        loadedModels,
+        linkEntryDialogModel
+    ]);
+    const onLinkEntryDialogClose = useCallback(()=>{
+        setLinkEntryDialogModel(null);
     }, []);
-  }, [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 {
-    validation
-  } = bind;
-  const {
-    isValid: validationIsValid,
-    message: validationMessage
-  } = validation || {};
-  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "@container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
-    text: field.label,
-    invalid: invalid,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "webiny_ref-field-container"
-  }, /*#__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, {
-      disabled: disabled,
-      model: model,
-      placement: "multiRef",
-      key: `reference-entry-${entry.id}`,
-      index: index,
-      entry: entry,
-      onRemove: onRemove,
-      onMoveUp: !isFirst ? onMoveUp : undefined,
-      onMoveDown: !isLast ? onMoveDown : undefined
+    const { entries, loadMore } = useReferences({
+        values,
+        perPage: 10,
+        requestContext
     });
-  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-    text: validationMessage,
-    invalid: invalid,
-    disabled: disabled
-  }), values.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "mb-md"
-  }), /*#__PURE__*/React.createElement(CanEditField, null, /*#__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
-  })));
+    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);
+    }, [
+        values
+    ]);
+    const onNewEntryCreate = useCallback((data)=>{
+        if (!data) return void console.log("Could not store new entry to the reference field. Missing whole entry.");
+        if (!data.id) return void console.log('Could not store new entry to the reference field. Missing "id" value.');
+        if (!data.modelId) return void console.log('Could not store new entry to the reference field. Missing "modelId" value.');
+        storeValues(values.concat([
+            {
+                id: data.id,
+                modelId: data.modelId
+            }
+        ]));
+    }, [
+        storeValues
+    ]);
+    const onMoveUp = useCallback((index, toTop)=>{
+        if (!values?.length) return;
+        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;
+        if (true === toBottom) {
+            const arr = values.splice(index, 1);
+            bind.onChange(values.concat(arr));
+            return;
+        }
+        bind.moveValueDown(index);
+    }, [
+        values
+    ]);
+    const { validation } = bind;
+    const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const invalid = useMemo(()=>false === validationIsValid, [
+        validationIsValid
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "@container"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: field.label,
+        invalid: invalid,
+        disabled: disabled
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "webiny_ref-field-container"
+    }, /*#__PURE__*/ react.createElement(Entries, {
+        entries: entries,
+        loadMore: loadMore
+    }, (entry, index)=>{
+        const isFirst = 0 === index;
+        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, {
+            disabled: disabled,
+            model: model,
+            placement: "multiRef",
+            key: `reference-entry-${entry.id}`,
+            index: index,
+            entry: entry,
+            onRemove: onRemove,
+            onMoveUp: isFirst ? void 0 : onMoveUp,
+            onMoveDown: isLast ? void 0 : onMoveDown
+        });
+    })), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validationMessage,
+        invalid: invalid,
+        disabled: disabled
+    }), values.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "mb-md"
+    }), /*#__PURE__*/ react.createElement(CanEditField, null, /*#__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, {
+        ...props,
+        field: field,
+        multiple: true,
+        values: values,
+        contentModel: linkEntryDialogModel,
+        storeValues: storeValues,
+        onDialogClose: onLinkEntryDialogClose
+    }));
 };
+export { AdvancedMultipleReferenceField };
 
 //# sourceMappingURL=AdvancedMultipleReferenceField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","ReferencesDialog","useModelField","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","CanEditField","useFieldEffectiveRules","AdvancedMultipleReferenceField","props","bind","showSnackbar","field","rules","requestContext","disabled","canEdit","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","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","className","text","label","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 type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql.js\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModel,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useModelField, useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CanEditField, useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n    const { bind } = props;\n    const { showSnackbar } = useSnackbar();\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const requestContext = useModelFieldGraphqlContext();\n    const disabled = !rules.canEdit || rules.disabled;\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 { entries, loadMore } = 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 { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"@container\"}>\n            <div className={\"flex items-center justify-between\"}>\n                <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n            </div>\n            <div className={\"webiny_ref-field-container\"}>\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                                disabled={disabled}\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            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            {values.length > 0 && <div className=\"mb-md\" />}\n\n            <CanEditField>\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n            </CanEditField>\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        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql.js\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModel,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useModelField, useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CanEditField, useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n    const { bind } = props;\n    const { showSnackbar } = useSnackbar();\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const requestContext = useModelFieldGraphqlContext();\n    const disabled = !rules.canEdit || rules.disabled;\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 { entries, loadMore } = 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 { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"@container\"}>\n            <div className={\"flex items-center justify-between\"}>\n                <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n            </div>\n            <div className={\"webiny_ref-field-container\"}>\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                                disabled={disabled}\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            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            {values.length > 0 && <div className=\"mb-md\" />}\n\n            <CanEditField>\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n            </CanEditField>\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        </div>\n    );\n};\n"],"names":["AdvancedMultipleReferenceField","props","bind","showSnackbar","useSnackbar","field","useModelField","rules","useFieldEffectiveRules","requestContext","useModelFieldGraphqlContext","disabled","values","useMemo","linkEntryDialogModel","setLinkEntryDialogModel","useState","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loadingModels","useQuery","GQL","useEffect","withoutBeingDeletedModels","onNewRecord","useCallback","modelId","model","console","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadMore","useReferences","onRemove","id","Array","entryId","parseIdentifier","newValues","value","valueEntryId","models","collection","ref","storeValues","onNewEntryCreate","onMoveUp","index","toTop","arr","onMoveDown","toBottom","validation","validationIsValid","validationMessage","invalid","FormComponentLabel","Entries","entry","isFirst","isLast","Entry","undefined","FormComponentErrorMessage","CanEditField","Options","NewReferencedEntryDialog","ReferencesDialog"],"mappings":"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"}