@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Accordion","AccordionItem","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","title","label","helpText","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\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-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\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            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion>\n                                        <AccordionItem\n                                            title={field.label}\n                                            description={field.helpText}\n                                            open={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </AccordionItem>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,EAAEC,aAAa,QAAQ,sBAAsB;AAE/D,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAG9B,MAAMC,CAAC,GAAGT,IAAI,CAACU,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,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,GAAGpB,aAAa,CAACqB,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;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGtB,0BAA0B,CAACU,KAAK,CAAC;MAElD,oBACInB,KAAA,CAAAgC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNjC,KAAA,CAAAgC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBlC,KAAA,CAAAgC,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DrC,KAAA,CAAAgC,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCtC,KAAA,CAAAgC,aAAA,CAAC9B,SAAS,qBACNF,KAAA,CAAAgC,aAAA,CAAC7B,aAAa;QACVoC,KAAK,EAAEpB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BV,IAAI,EAAEA;MAAK,gBAEX/B,KAAA,CAAAgC,aAAA,CAAC5B,MAAM;QACHoB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BmB,MAAM,EAAEb,QAAQ,CAACa,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAEzB;IAAM,CAAC,EAAE;MACtB,oBAAOnB,KAAA,CAAAgC,aAAA,CAACxB,uBAAuB;QAACW,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","Accordion","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","ReactComponent","HorizontalRuleIcon","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","background","variant","Item","icon","Icon","color","label","title","defaultOpen","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport { FieldSettings } from \"./FieldSettings.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings.js\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\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-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.list;\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            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion background={\"base\"} variant={\"container\"}>\n                                        <Accordion.Item\n                                            icon={\n                                                <Accordion.Item.Icon\n                                                    color={\"accent\"}\n                                                    label=\"Accordion Item\"\n                                                    icon={<HorizontalRuleIcon />}\n                                                />\n                                            }\n                                            title={field.label}\n                                            description={field.description}\n                                            defaultOpen={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { CmsModelFieldRendererPlugin } from "../../../types.js";
+export declare const passthroughFieldRenderer: CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/passthrough.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Fields } from "@webiny/app-headless-cms-common";
+export const passthroughFieldRenderer = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-passthrough",
+  renderer: {
+    rendererName: "passthrough",
+    name: "Passthrough Renderer",
+    description: `Render child fields without any extra wrappers.`,
+    canUse() {
+      return false;
+    },
+    render({
+      field,
+      contentModel,
+      getBind
+    }) {
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Fields, {
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: field.settings?.fields ?? [],
+        layout: field.settings?.layout ?? []
+      });
+    }
+  }
+};
+
+//# sourceMappingURL=passthrough.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fields","passthroughFieldRenderer","type","name","renderer","rendererName","description","canUse","render","field","contentModel","getBind","Bind","createElement","fields","settings","layout"],"sources":["passthrough.tsx"],"sourcesContent":["import React from \"react\";\nimport { Fields } from \"@webiny/app-headless-cms-common\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const passthroughFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-passthrough\",\n    renderer: {\n        rendererName: \"passthrough\",\n        name: \"Passthrough Renderer\",\n        description: `Render child fields without any extra wrappers.`,\n        canUse() {\n            return false;\n        },\n        render({ field, contentModel, getBind }) {\n            const Bind = getBind();\n            return (\n                <Fields\n                    Bind={Bind}\n                    contentModel={contentModel}\n                    fields={field.settings?.fields ?? []}\n                    layout={field.settings?.layout ?? []}\n                />\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,iCAAiC;AAGxD,OAAO,MAAMC,wBAAqD,GAAG;EACjEC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAE,sBAAsB;IAC5BG,WAAW,EAAE,iDAAiD;IAC9DC,MAAMA,CAAA,EAAG;MACL,OAAO,KAAK;IAChB,CAAC;IACDC,MAAMA,CAAC;MAAEC,KAAK;MAAEC,YAAY;MAAEC;IAAQ,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MACtB,oBACIZ,KAAA,CAAAc,aAAA,CAACb,MAAM;QACHY,IAAI,EAAEA,IAAK;QACXF,YAAY,EAAEA,YAAa;QAC3BI,MAAM,EAAEL,KAAK,CAACM,QAAQ,EAAED,MAAM,IAAI,EAAG;QACrCE,MAAM,EAAEP,KAAK,CAACM,QAAQ,EAAEC,MAAM,IAAI;MAAG,CACxC,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}

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

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

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,6 +1,6 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { RadioGroup } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
@@ -13,7 +13,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
+      return !field.list && !!get(field, "predefinedValues.enabled");
     },
     render({
       field,
@@ -34,13 +34,15 @@ const plugin = {
         ...bind
       }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
         label: field.label,
-        description: field.helpText,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
         items: options.map(option => ({
           label: option.label,
           value: String(option.value),
           selected: option.selected
         })),
-        value: String(value),
+        value: typeof value !== "undefined" ? String(value) : undefined,
         onChange: value => {
           if (field.type === "number") {
             onChange(Number(value));

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

@@ -1 +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":[]}
+{"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","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\";\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({ 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.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;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,IAAI,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAClE,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,CAACF,WAAY;QAC/BwB,IAAI,EAAEtB,KAAK,CAACsB,IAAK;QACjBC,IAAI,EAAEvB,KAAK,CAACwB,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,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,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,eAAerB,MAAM","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
 }

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

@@ -1,27 +1,16 @@
 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 * as GQL from "../../../../../viewsGraphql.js";
+import { withoutBeingDeletedModels } from "../../../../../viewsGraphql.js";
+import { Options } from "./Options.js";
+import { useReferences } from "../hooks/useReferences.js";
+import { Entry } from "./Entry.js";
+import { ReferencesDialog } from "./ReferencesDialog.js";
+import { useModelFieldGraphqlContext, useQuery } from "../../../../../hooks/index.js";
 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`;
-  }
-};
+import { Entries } from "./Entries.js";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
+import { FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
 export const AdvancedMultipleReferenceField = props => {
   const {
     bind,
@@ -77,7 +66,6 @@ export const AdvancedMultipleReferenceField = props => {
   }, []);
   const {
     entries,
-    loading: loadingEntries,
     loadMore
   } = useReferences({
     values,
@@ -152,8 +140,6 @@ export const AdvancedMultipleReferenceField = props => {
     }
     bind.moveValueDown(index);
   }, [values]);
-  const loading = loadingEntries || loadingModels;
-  const message = getRecordCountMessage(values.length);
   const {
     validation
   } = bind;
@@ -163,17 +149,13 @@ export const AdvancedMultipleReferenceField = props => {
   } = 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"
+    className: "flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: field.label,
     invalid: invalid
-  }), /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, "(", message, ")")), /*#__PURE__*/React.createElement(Container, {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "webiny_ref-field-container"
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "md"
-  }), /*#__PURE__*/React.createElement(Entries, {
+  }, /*#__PURE__*/React.createElement(Entries, {
     entries: entries,
     loadMore: loadMore
   }, (entry, index) => {
@@ -196,6 +178,8 @@ export const AdvancedMultipleReferenceField = props => {
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
     text: validationMessage,
     invalid: invalid
+  }), values.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
   }), /*#__PURE__*/React.createElement(Options, {
     models: models,
     onNewRecord: onNewRecord,

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","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":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","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","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","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 { 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\";\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 { 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        <>\n            <div className={\"flex items-center justify-between\"}>\n                <FormComponentLabel text={field.label} invalid={invalid} />\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                                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 text={validationMessage} invalid={invalid} />\n            {values.length > 0 && <div className=\"mb-md\" />}\n\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/AdvancedSingleReferenceField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | null>;
 }

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

@@ -1,14 +1,12 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Options } from "./Options";
-import { useReferences } from "../hooks/useReferences";
-import { Entry } from "./Entry";
-import { ReferencesDialog } from "./ReferencesDialog";
-import { NoEntries } from "./NoEntries";
-import { Container } from "./Container";
-import { useQuery, useModelFieldGraphqlContext } from "../../../../../hooks";
-import * as GQL from "../../../../../viewsGraphql";
+import { Options } from "./Options.js";
+import { useReferences } from "../hooks/useReferences.js";
+import { Entry } from "./Entry.js";
+import { ReferencesDialog } from "./ReferencesDialog.js";
+import { useQuery, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import * as GQL from "../../../../../viewsGraphql.js";
 import { useSnackbar } from "@webiny/app-admin";
-import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
 import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from "@webiny/admin-ui";
 export const AdvancedSingleReferenceField = props => {
   const {
@@ -135,21 +133,21 @@ export const AdvancedSingleReferenceField = props => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: field.label,
     invalid: invalid
-  }), /*#__PURE__*/React.createElement(Container, {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "webiny_ref-field-container"
   }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
     size: "md"
-  }), initialValue ? /*#__PURE__*/React.createElement(Entry, {
+  }), initialValue && /*#__PURE__*/React.createElement(Entry, {
     model: initialValue.model,
     placement: "singleRefField",
     index: 0,
     entry: initialValue.entry,
     onRemove: onRemove
-  }) : /*#__PURE__*/React.createElement(NoEntries, {
-    text: "No record found"
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
     text: validationMessage,
     invalid: invalid
+  }), initialValue && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
   }), /*#__PURE__*/React.createElement(Options, {
     models: models,
     onNewRecord: onNewRecord,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","NoEntries","Container","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { NoEntries } from \"./NoEntries\";\nimport { Container } from \"./Container\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n    const requestContext = useModelFieldGraphqlContext();\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(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, loading: loadingEntries } = useReferences({\n        values: bind.value,\n        requestContext\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: 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                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} invalid={invalid} />\n            <Container className={\"webiny_ref-field-container\"}>\n                {loading && <OverlayLoader size={\"md\"} />}\n                {initialValue ? (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                ) : (\n                    <NoEntries text={\"No record found\"} />\n                )}\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                    multiple={false}\n                    values={bind.value ? [bind.value] : []}\n                    contentModel={linkEntryDialogModel}\n                    storeValues={storeValues}\n                    onDialogClose={onLinkEntryDialogClose}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAOxE,SAASC,OAAO;AAChB,SAASC,aAAa;AACtB,SAASC,KAAK;AACd,SAASC,gBAAgB;AACzB,SAASC,SAAS;AAClB,SAASC,SAAS;AAClB,SAASC,QAAQ,EAAEC,2BAA2B;AAE9C,OAAO,KAAKC,GAAG;AACf,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,SAASC,wBAAwB;AACjC,SAASC,yBAAyB,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,kBAAkB;AAM/F,OAAO,MAAMC,4BAA4B,GAAIC,KAAwC,IAAK;EACtF,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAC7B,MAAM;IAAEG;EAAa,CAAC,GAAGT,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACU,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGrB,QAAQ,CAAkB,IAAI,CAAC;EACvF,MAAM,CAACsB,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGvB,QAAQ,CAAkB,IAAI,CAAC;EACrF,MAAM,CAACwB,YAAY,EAAEC,eAAe,CAAC,GAAGzB,QAAQ,CAAa,EAAE,CAAC;EAChE,MAAM0B,cAAc,GAAGlB,2BAA2B,CAAC,CAAC;EAEpD,MAAM;IAAEmB,IAAI;IAAEC,OAAO,EAAEC;EAAc,CAAC,GAAGtB,QAAQ,CAC7CE,GAAG,CAACqB,mBAAmB,EACvB;IACIC,OAAO,EAAEL;EACb,CACJ,CAAC;EAED5B,SAAS,CAAC,MAAM;IACZ,IAAI+B,aAAa,IAAI,CAACF,IAAI,EAAEK,iBAAiB,EAAEL,IAAI,EAAE;MACjD;IACJ,CAAC,MAAM,IAAIA,IAAI,CAACK,iBAAiB,CAACC,KAAK,EAAE;MACrCR,eAAe,CAAC,EAAE,CAAC;MACnBN,YAAY,CAACQ,IAAI,CAACK,iBAAiB,CAACC,KAAK,CAACC,OAAO,CAAC;MAClD;IACJ;IACAT,eAAe,CAACE,IAAI,CAACK,iBAAiB,CAACL,IAAI,CAAC;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMQ,WAAW,GAAGtC,WAAW,CAC1BuC,OAAe,IAAK;IACjB,MAAMC,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IACnE,IAAI,CAACC,KAAK,EAAE;MACRE,OAAO,CAACC,GAAG,CAAC,iCAAiCJ,OAAO,IAAI,CAAC;MACzD;IACJ;IACAb,sBAAsB,CAACc,KAAK,CAAC;EACjC,CAAC,EACD,CAACb,YAAY,EAAEJ,oBAAoB,CACvC,CAAC;EAED,MAAMqB,qBAAqB,GAAG5C,WAAW,CAAC,MAAM;IAC5C0B,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,CAACH,oBAAoB,CAAC,CAAC;EAE1B,MAAMsB,gBAAgB,GAAG7C,WAAW,CAC/BuC,OAAe,IAAK;IACjB,MAAMC,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IACnE,IAAI,CAACC,KAAK,EAAE;MACRE,OAAO,CAACC,GAAG,CAAC,iCAAiCJ,OAAO,IAAI,CAAC;MACzD;IACJ;IACAf,uBAAuB,CAACgB,KAAK,CAAC;EAClC,CAAC,EACD,CAACb,YAAY,EAAEJ,oBAAoB,CACvC,CAAC;EAED,MAAMuB,sBAAsB,GAAG9C,WAAW,CAAC,MAAM;IAC7CwB,uBAAuB,CAAC,IAAI,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEuB,OAAO;IAAEhB,OAAO,EAAEiB;EAAe,CAAC,GAAG3C,aAAa,CAAC;IACvD4C,MAAM,EAAE7B,IAAI,CAAC8B,KAAK;IAClBrB;EACJ,CAAC,CAAC;EAEF,MAAMsB,QAAQ,GAAGnD,WAAW,CAAC,MAAM;IAC/BoB,IAAI,CAACgC,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,MAAMM,MAAM,GAAGnD,OAAO,CAAC,MAAM;IACzB,IAAI,CAACyB,YAAY,IAAI,CAACN,KAAK,CAACiC,QAAQ,EAAED,MAAM,EAAE;MAC1C,OAAO,EAAE;IACb;IAEA,OAAO,CAAChC,KAAK,CAACiC,QAAQ,EAAED,MAAM,IAAI,EAAE,EAC/BE,GAAG,CAAC,CAAC;MAAEhB;IAAQ,CAAC,KAAK;MAClB,OAAOZ,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IAChE,CAAC,CAAC,CACDiB,MAAM,CAACC,OAAO,CAAC;EACxB,CAAC,EAAE,CAAC9B,YAAY,EAAEoB,OAAO,CAAC,CAAC;EAE3B,MAAMhB,OAAO,GAAGiB,cAAc,IAAIhB,aAAa;EAE/C,MAAM0B,WAAW,GAAG1D,WAAW,CAC1BiD,MAA2B,IAAK;IAC7B,IAAIA,MAAM,CAACU,MAAM,GAAG,CAAC,EAAE;MACnBjB,OAAO,CAACC,GAAG,CAAC,yDAAyD,CAAC;MACtE;IACJ,CAAC,MAAM,IAAIM,MAAM,CAACU,MAAM,KAAK,CAAC,IAAI,CAACV,MAAM,CAAC,CAAC,CAAC,EAAEW,EAAE,EAAE;MAC9CxC,IAAI,CAACgC,QAAQ,CAAC,IAAI,CAAC;MACnB;IACJ;IACAhC,IAAI,CAACgC,QAAQ,CAACH,MAAM,CAAC,CAAC,CAAC,CAAC;EAC5B,CAAC,EACD,CAAC7B,IAAI,CAAC8B,KAAK,EAAE9B,IAAI,CAACgC,QAAQ,EAAEL,OAAO,CACvC,CAAC;EAED,MAAMc,gBAAgB,GAAG7D,WAAW,CAC/B8B,IAA4B,IAAK;IAC9B,IAAI,CAACA,IAAI,EAAE;MACPY,OAAO,CAACC,GAAG,CACP,wEACJ,CAAC;MACD;IACJ,CAAC,MAAM,IAAI,CAACb,IAAI,CAAC8B,EAAE,EAAE;MACjBlB,OAAO,CAACC,GAAG,CACP,uEACJ,CAAC;MACD;IACJ,CAAC,MAAM,IAAI,CAACb,IAAI,CAACS,OAAO,EAAE;MACtBG,OAAO,CAACC,GAAG,CACP,4EACJ,CAAC;MACD;IACJ;IACAe,WAAW,CAAC,CACR;MACIE,EAAE,EAAE9B,IAAI,CAAC8B,EAAE;MACXrB,OAAO,EAAET,IAAI,CAACS;IAClB,CAAC,CACJ,CAAC;EACN,CAAC,EACD,CAACmB,WAAW,CAChB,CAAC;EAED,MAAMI,YAAY,GAAG5D,OAAO,CAAC,MAAM;IAC/B,IAAI6C,OAAO,CAACY,MAAM,KAAK,CAAC,IAAIhC,YAAY,CAACgC,MAAM,KAAK,CAAC,EAAE;MACnD,OAAO,IAAI;IACf;IACA,MAAMI,KAAK,GAAGhB,OAAO,CAAC,CAAC,CAAC;IACxB,IAAI,CAACgB,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,MAAMvB,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKwB,KAAK,CAACvB,KAAK,CAACD,OAAO,CAAC;IAC/E,IAAI,CAACC,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,OAAO;MACHuB,KAAK;MACLvB;IACJ,CAAC;EACL,CAAC,EAAE,CAACO,OAAO,EAAEpB,YAAY,CAAC,CAAC;EAE3B,MAAM;IAAEqC;EAAW,CAAC,GAAG5C,IAAI;EAC3B,MAAM;IAAE6C,OAAO,EAAEC,iBAAiB;IAAE7B,OAAO,EAAE8B;EAAkB,CAAC,GAAGH,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMI,OAAO,GAAGlE,OAAO,CAAC,MAAMgE,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACInE,KAAA,CAAAsE,aAAA,CAAAtE,KAAA,CAAAuE,QAAA,qBACIvE,KAAA,CAAAsE,aAAA,CAACrD,kBAAkB;IAACuD,IAAI,EAAElD,KAAK,CAACmD,KAAM;IAACJ,OAAO,EAAEA;EAAQ,CAAE,CAAC,eAC3DrE,KAAA,CAAAsE,aAAA,CAAC5D,SAAS;IAACgE,SAAS,EAAE;EAA6B,GAC9C1C,OAAO,iBAAIhC,KAAA,CAAAsE,aAAA,CAACpD,aAAa;IAACyD,IAAI,EAAE;EAAK,CAAE,CAAC,EACxCZ,YAAY,gBACT/D,KAAA,CAAAsE,aAAA,CAAC/D,KAAK;IACFkC,KAAK,EAAEsB,YAAY,CAACtB,KAAM;IAC1BmC,SAAS,EAAC,gBAAgB;IAC1BC,KAAK,EAAE,CAAE;IACTb,KAAK,EAAED,YAAY,CAACC,KAAM;IAC1BZ,QAAQ,EAAEA;EAAS,CACtB,CAAC,gBAEFpD,KAAA,CAAAsE,aAAA,CAAC7D,SAAS;IAAC+D,IAAI,EAAE;EAAkB,CAAE,CAElC,CAAC,eACZxE,KAAA,CAAAsE,aAAA,CAACtD,yBAAyB;IAACwD,IAAI,EAAEJ,iBAAkB;IAACC,OAAO,EAAEA;EAAQ,CAAE,CAAC,eACxErE,KAAA,CAAAsE,aAAA,CAACjE,OAAO;IACJiD,MAAM,EAAEA,MAAO;IACff,WAAW,EAAEA,WAAY;IACzBuC,oBAAoB,EAAEhC;EAAiB,CAC1C,CAAC,EAEDpB,mBAAmB,iBAChB1B,KAAA,CAAAsE,aAAA,CAACvD,wBAAwB;IACrB0B,KAAK,EAAEf,mBAAoB;IAC3BqD,OAAO,EAAElC,qBAAsB;IAC/BQ,QAAQ,EAAES;EAAiB,CAC9B,CACJ,EAEAtC,oBAAoB,iBACjBxB,KAAA,CAAAsE,aAAA,CAAC9D,gBAAgB,EAAAwE,MAAA,CAAAC,MAAA,KACT7D,KAAK;IACT8D,QAAQ,EAAE,KAAM;IAChBhC,MAAM,EAAE7B,IAAI,CAAC8B,KAAK,GAAG,CAAC9B,IAAI,CAAC8B,KAAK,CAAC,GAAG,EAAG;IACvCgC,YAAY,EAAE3D,oBAAqB;IACnCmC,WAAW,EAAEA,WAAY;IACzByB,aAAa,EAAErC;EAAuB,EACzC,CAEP,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\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 { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n    const requestContext = useModelFieldGraphqlContext();\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(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, loading: loadingEntries } = useReferences({\n        values: bind.value,\n        requestContext\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: 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                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} invalid={invalid} />\n            <div className={\"webiny_ref-field-container\"}>\n                {loading && <OverlayLoader size={\"md\"} />}\n                {initialValue && (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                )}\n            </div>\n            <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            {initialValue && <div className=\"mb-md\" />}\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                    multiple={false}\n                    values={bind.value ? [bind.value] : []}\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/Container.js

@@ -6,7 +6,7 @@ const Container = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-relative", className)
+    className: cn("w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative", className)
   }), children);
 };
 export { Container };

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-relative\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,wGAAwG,EACxGG,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}
+{"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,4EAA4E,EAC5EG,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsReferenceContentEntry } from "../../components/types";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface EntriesProps {
     entries: CmsReferenceContentEntry[];
     children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;

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

@@ -1,7 +1,6 @@
 import React, { useCallback } from "react";
-import debounce from "lodash/debounce";
-import { Scrollbar } from "@webiny/admin-ui";
-import { NoEntries } from "./NoEntries";
+import debounce from "lodash/debounce.js";
+import { ScrollArea } from "@webiny/admin-ui";
 export const Entries = props => {
   const {
     entries,
@@ -14,22 +13,14 @@ export const Entries = props => {
     }
     loadMore();
   }, 500), [entries, loadMore]);
-  if (entries.length === 0) {
-    return /*#__PURE__*/React.createElement(NoEntries, {
-      text: "No records found"
-    });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: "260px"
-    },
-    className: "wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden"
-  }, /*#__PURE__*/React.createElement(Scrollbar, {
+  return /*#__PURE__*/React.createElement(ScrollArea, {
+    className: "max-h-[404px] w-full flex flex-col gap-md",
     "data-testid": "advanced-ref-field-entries",
-    onScrollFrame: loadMoreOnScroll
+    onScroll: loadMoreOnScroll
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-md"
   }, entries.map((entry, index) => {
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-mb-sm wby-w-full",
       key: `entry-${entry.id}`
     }, children(entry, index));
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","debounce","Scrollbar","NoEntries","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","length","createElement","text","style","height","className","onScrollFrame","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport type { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { NoEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NoEntries\";\n\ninterface EntriesProps {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return <NoEntries text={\"No records found\"} />;\n    }\n\n    return (\n        <div\n            style={{ height: \"260px\" }}\n            className={\"wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden\"}\n        >\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <div className={\"wby-mb-sm wby-w-full\"} key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </div>\n                    );\n                })}\n            </Scrollbar>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,iBAAiB;AAEtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,SAAS;AAQlB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGT,WAAW,CAChCC,QAAQ,CAAES,QAAwB,IAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,IAAIF,OAAO,CAACM,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,KAAA,CAAAc,aAAA,CAACV,SAAS;MAACW,IAAI,EAAE;IAAmB,CAAE,CAAC;EAClD;EAEA,oBACIf,KAAA,CAAAc,aAAA;IACIE,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAC3BC,SAAS,EAAE;EAAyD,gBAEpElB,KAAA,CAAAc,aAAA,CAACX,SAAS;IAAC,eAAY,4BAA4B;IAACgB,aAAa,EAAET;EAAiB,GAC/EH,OAAO,CAACa,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBACItB,KAAA,CAAAc,aAAA;MAAKI,SAAS,EAAE,sBAAuB;MAACK,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAC5DhB,QAAQ,CAACa,KAAK,EAAEC,KAAK,CACrB,CAAC;EAEd,CAAC,CACM,CACV,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","debounce","ScrollArea","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","createElement","className","onScroll","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\ninterface EntriesProps {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce(position => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    return (\n        <ScrollArea\n            className={\"max-h-[404px] w-full flex flex-col gap-md\"}\n            data-testid=\"advanced-ref-field-entries\"\n            onScroll={loadMoreOnScroll}\n        >\n            <div className={\"flex flex-col gap-md\"}>\n                {entries.map((entry, index) => {\n                    return <div key={`entry-${entry.id}`}>{children(entry, index)}</div>;\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,oBAAoB;AAEzC,SAASC,UAAU,QAAQ,kBAAkB;AAQ7C,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGR,WAAW,CAChCC,QAAQ,CAACQ,QAAQ,IAAI;IACjB,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPU,SAAS,EAAE,2CAA4C;IACvD,eAAY,4BAA4B;IACxCC,QAAQ,EAAEL;EAAiB,gBAE3BT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCP,OAAO,CAACS,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBAAOjB,KAAA,CAAAY,aAAA;MAAKM,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAAEZ,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAO,CAAC;EACxE,CAAC,CACA,CACG,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
-import type { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
 interface EntryProps {
     model: CmsModel;
     entry: CmsReferenceContentEntry;
@@ -23,5 +23,5 @@ interface EntryPropsWithRemove {
     selected?: never;
     placement?: string;
 }
-export declare const Entry: ({ model, entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
+export declare const Entry: ({ entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
 export {};