@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/presentation/fieldRenderers/ref/CmsRefInputsRenderer.js

@@ -0,0 +1,56 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { createFieldRenderer } from "@webiny/app-admin/features/formModel/createFieldRenderer.js";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+import { RefMultiAutocompletePresenterFeature } from "./autocomplete/multi/feature.js";
+const CmsRefInputsRenderer = createFieldRenderer(({ field })=>{
+    const parentContainer = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = parentContainer.createChildContainer();
+        RefMultiAutocompletePresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(RefInputsInner, {
+        field: field
+    }));
+});
+const RefInputsInner = observer(({ field })=>{
+    const { presenter } = useFeature(RefMultiAutocompletePresenterFeature);
+    const settings = field.rendererSettings;
+    const modelIds = (settings.models || []).map((m)=>m.modelId);
+    const values = Array.isArray(field.value) ? field.value : [];
+    useEffect(()=>{
+        presenter.init({
+            modelIds,
+            values
+        });
+    }, []);
+    const vm = presenter.vm;
+    return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        disabled: field.disabled,
+        loading: vm.loading,
+        values: vm.values,
+        options: vm.options,
+        uniqueValues: true,
+        validation: field.validation,
+        onValueSearch: (query)=>presenter.search(query),
+        onValuesChange: (entryIds)=>{
+            const refs = presenter.select(entryIds);
+            field.onChange(refs.length > 0 ? refs : null);
+        },
+        onValuesReset: ()=>{
+            presenter.clear();
+            field.onChange(null);
+        }
+    });
+});
+export { CmsRefInputsRenderer };
+
+//# sourceMappingURL=CmsRefInputsRenderer.js.map

package/presentation/fieldRenderers/ref/CmsRefInputsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/CmsRefInputsRenderer.js","sources":["../../../../src/presentation/fieldRenderers/ref/CmsRefInputsRenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefFieldRendererSettings } from \"./types.js\";\nimport { RefMultiAutocompletePresenterFeature } from \"./autocomplete/multi/feature.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        refInputs: { fieldType: \"ref\"; settings: RefFieldRendererSettings };\n    }\n}\n\nexport const CmsRefInputsRenderer = createFieldRenderer<\"refInputs\">(({ field }) => {\n    const parentContainer = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = parentContainer.createChildContainer();\n        RefMultiAutocompletePresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <RefInputsInner field={field} />\n        </DiContainerProvider>\n    );\n});\n\ninterface InnerFieldProps {\n    field: IFieldVM & { rendererSettings: RefFieldRendererSettings };\n}\n\nconst RefInputsInner = observer(({ field }: InnerFieldProps) => {\n    const { presenter } = useFeature(RefMultiAutocompletePresenterFeature);\n\n    const settings = field.rendererSettings;\n    const modelIds = (settings.models || []).map(m => m.modelId);\n    const values: CmsReferenceValue[] = Array.isArray(field.value) ? field.value : [];\n\n    useEffect(() => {\n        presenter.init({ modelIds, values });\n    }, []);\n\n    const vm = presenter.vm;\n\n    return (\n        <MultiAutoComplete\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            disabled={field.disabled}\n            loading={vm.loading}\n            values={vm.values}\n            options={vm.options}\n            uniqueValues\n            validation={field.validation}\n            onValueSearch={query => presenter.search(query)}\n            onValuesChange={entryIds => {\n                const refs = presenter.select(entryIds);\n                field.onChange(refs.length > 0 ? refs : null);\n            }}\n            onValuesReset={() => {\n                presenter.clear();\n                field.onChange(null);\n            }}\n        />\n    );\n});\n"],"names":["CmsRefInputsRenderer","createFieldRenderer","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefMultiAutocompletePresenterFeature","DiContainerProvider","RefInputsInner","observer","presenter","useFeature","settings","modelIds","m","values","Array","useEffect","vm","MultiAutoComplete","query","entryIds","refs"],"mappings":";;;;;;AAgBO,MAAMA,uBAAuBC,oBAAiC,CAAC,EAAEC,KAAK,EAAE;IAC3E,MAAMC,kBAAkBC;IAExB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,gBAAgB,oBAAoB;QAClDK,qCAAqC,QAAQ,CAACD;QAC9C,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACK,gBAAcA;QAAC,OAAOR;;AAGnC;AAMA,MAAMQ,iBAAiBC,SAAS,CAAC,EAAET,KAAK,EAAmB;IACvD,MAAM,EAAEU,SAAS,EAAE,GAAGC,WAAWL;IAEjC,MAAMM,WAAWZ,MAAM,gBAAgB;IACvC,MAAMa,WAAYD,AAAAA,CAAAA,SAAS,MAAM,IAAI,EAAC,EAAG,GAAG,CAACE,CAAAA,IAAKA,EAAE,OAAO;IAC3D,MAAMC,SAA8BC,MAAM,OAAO,CAAChB,MAAM,KAAK,IAAIA,MAAM,KAAK,GAAG,EAAE;IAEjFiB,UAAU;QACNP,UAAU,IAAI,CAAC;YAAEG;YAAUE;QAAO;IACtC,GAAG,EAAE;IAEL,MAAMG,KAAKR,UAAU,EAAE;IAEvB,OAAO,WAAP,GACI,oBAACS,mBAAiBA;QACd,OAAOnB,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,SAASkB,GAAG,OAAO;QACnB,QAAQA,GAAG,MAAM;QACjB,SAASA,GAAG,OAAO;QACnB;QACA,YAAYlB,MAAM,UAAU;QAC5B,eAAeoB,CAAAA,QAASV,UAAU,MAAM,CAACU;QACzC,gBAAgBC,CAAAA;YACZ,MAAMC,OAAOZ,UAAU,MAAM,CAACW;YAC9BrB,MAAM,QAAQ,CAACsB,KAAK,MAAM,GAAG,IAAIA,OAAO;QAC5C;QACA,eAAe;YACXZ,UAAU,KAAK;YACfV,MAAM,QAAQ,CAAC;QACnB;;AAGZ"}

package/presentation/fieldRenderers/ref/CmsRefSimpleMultipleRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { IFieldVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { RefFieldRendererSettings } from "./types.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        refSimpleMultiple: {
+            fieldType: "ref";
+            settings: RefFieldRendererSettings;
+        };
+    }
+}
+export declare const CmsRefSimpleMultipleRenderer: React.ComponentType<{
+    field: IFieldVM;
+}>;

package/presentation/fieldRenderers/ref/CmsRefSimpleMultipleRenderer.js

@@ -0,0 +1,73 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { createFieldRenderer } from "@webiny/app-admin/features/formModel/createFieldRenderer.js";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { CheckboxGroup, FormComponentDescription, FormComponentLabel, FormComponentNote, Text } from "@webiny/admin-ui";
+import { RefSimplePresenterFeature } from "./simple/feature.js";
+const CmsRefSimpleMultipleRenderer = createFieldRenderer(({ field })=>{
+    const parentContainer = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = parentContainer.createChildContainer();
+        RefSimplePresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(RefSimpleMultipleInner, {
+        field: field
+    }));
+});
+const RefSimpleMultipleInner = observer(({ field })=>{
+    const { presenter } = useFeature(RefSimplePresenterFeature);
+    const settings = field.rendererSettings;
+    const modelIds = (settings.models || []).map((m)=>m.modelId);
+    useEffect(()=>{
+        presenter.init({
+            modelIds
+        });
+    }, []);
+    const values = Array.isArray(field.value) ? field.value : [];
+    const selectedIds = values.map((v)=>v.id);
+    const items = presenter.vm.entries.map((entry)=>({
+            label: entry.title,
+            value: entry.id
+        }));
+    if (presenter.vm.loading) return null;
+    if (0 === items.length) return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: field.label,
+        hint: field.help,
+        disabled: field.disabled
+    }), field.description && /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: field.description,
+        disabled: field.disabled
+    }), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, "No entries to reference."), field.note && /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: field.note,
+        disabled: field.disabled
+    }));
+    return /*#__PURE__*/ react.createElement(CheckboxGroup, {
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        disabled: field.disabled,
+        value: selectedIds,
+        items: items,
+        onChange: (selected)=>{
+            const refs = selected.map((id)=>{
+                const entry = presenter.vm.entries.find((e)=>e.id === id);
+                if (entry) return {
+                    id: entry.id,
+                    modelId: entry.modelId
+                };
+                return null;
+            }).filter((r)=>null !== r);
+            field.onChange(refs.length > 0 ? refs : null);
+        }
+    });
+});
+export { CmsRefSimpleMultipleRenderer };
+
+//# sourceMappingURL=CmsRefSimpleMultipleRenderer.js.map

package/presentation/fieldRenderers/ref/CmsRefSimpleMultipleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/CmsRefSimpleMultipleRenderer.js","sources":["../../../../src/presentation/fieldRenderers/ref/CmsRefSimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport {\n    CheckboxGroup,\n    FormComponentDescription,\n    FormComponentLabel,\n    FormComponentNote,\n    Text\n} from \"@webiny/admin-ui\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefFieldRendererSettings } from \"./types.js\";\nimport { RefSimplePresenterFeature } from \"./simple/feature.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        refSimpleMultiple: { fieldType: \"ref\"; settings: RefFieldRendererSettings };\n    }\n}\n\nexport const CmsRefSimpleMultipleRenderer = createFieldRenderer<\"refSimpleMultiple\">(\n    ({ field }) => {\n        const parentContainer = useContainer();\n\n        const scopedContainer = useMemo(() => {\n            const child = parentContainer.createChildContainer();\n            RefSimplePresenterFeature.register(child);\n            return child;\n        }, []);\n\n        return (\n            <DiContainerProvider container={scopedContainer}>\n                <RefSimpleMultipleInner field={field} />\n            </DiContainerProvider>\n        );\n    }\n);\n\ninterface InnerFieldProps {\n    field: IFieldVM & { rendererSettings: RefFieldRendererSettings };\n}\n\nconst RefSimpleMultipleInner = observer(({ field }: InnerFieldProps) => {\n    const { presenter } = useFeature(RefSimplePresenterFeature);\n\n    const settings = field.rendererSettings;\n    const modelIds = (settings.models || []).map(m => m.modelId);\n\n    useEffect(() => {\n        presenter.init({ modelIds });\n    }, []);\n\n    const values: CmsReferenceValue[] = Array.isArray(field.value) ? field.value : [];\n    const selectedIds = values.map(v => v.id);\n\n    const items = presenter.vm.entries.map(entry => ({\n        label: entry.title,\n        value: entry.id\n    }));\n\n    if (presenter.vm.loading) {\n        return null;\n    }\n\n    if (items.length === 0) {\n        return (\n            <div>\n                <FormComponentLabel\n                    text={field.label}\n                    hint={field.help}\n                    disabled={field.disabled}\n                />\n                {field.description && (\n                    <FormComponentDescription text={field.description} disabled={field.disabled} />\n                )}\n                <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                    {\"No entries to reference.\"}\n                </Text>\n                {field.note && <FormComponentNote text={field.note} disabled={field.disabled} />}\n            </div>\n        );\n    }\n\n    return (\n        <CheckboxGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            disabled={field.disabled}\n            value={selectedIds}\n            items={items}\n            onChange={(selected: string[]) => {\n                const refs = selected\n                    .map(id => {\n                        const entry = presenter.vm.entries.find(e => e.id === id);\n                        if (entry) {\n                            return { id: entry.id, modelId: entry.modelId };\n                        }\n                        return null;\n                    })\n                    .filter((r): r is CmsReferenceValue => r !== null);\n\n                field.onChange(refs.length > 0 ? refs : null);\n            }}\n        />\n    );\n});\n"],"names":["CmsRefSimpleMultipleRenderer","createFieldRenderer","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefSimplePresenterFeature","DiContainerProvider","RefSimpleMultipleInner","observer","presenter","useFeature","settings","modelIds","m","useEffect","values","Array","selectedIds","v","items","entry","FormComponentLabel","FormComponentDescription","Text","FormComponentNote","CheckboxGroup","selected","refs","id","e","r"],"mappings":";;;;;;AAsBO,MAAMA,+BAA+BC,oBACxC,CAAC,EAAEC,KAAK,EAAE;IACN,MAAMC,kBAAkBC;IAExB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,gBAAgB,oBAAoB;QAClDK,0BAA0B,QAAQ,CAACD;QACnC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACK,wBAAsBA;QAAC,OAAOR;;AAG3C;AAOJ,MAAMQ,yBAAyBC,SAAS,CAAC,EAAET,KAAK,EAAmB;IAC/D,MAAM,EAAEU,SAAS,EAAE,GAAGC,WAAWL;IAEjC,MAAMM,WAAWZ,MAAM,gBAAgB;IACvC,MAAMa,WAAYD,AAAAA,CAAAA,SAAS,MAAM,IAAI,EAAC,EAAG,GAAG,CAACE,CAAAA,IAAKA,EAAE,OAAO;IAE3DC,UAAU;QACNL,UAAU,IAAI,CAAC;YAAEG;QAAS;IAC9B,GAAG,EAAE;IAEL,MAAMG,SAA8BC,MAAM,OAAO,CAACjB,MAAM,KAAK,IAAIA,MAAM,KAAK,GAAG,EAAE;IACjF,MAAMkB,cAAcF,OAAO,GAAG,CAACG,CAAAA,IAAKA,EAAE,EAAE;IAExC,MAAMC,QAAQV,UAAU,EAAE,CAAC,OAAO,CAAC,GAAG,CAACW,CAAAA,QAAU;YAC7C,OAAOA,MAAM,KAAK;YAClB,OAAOA,MAAM,EAAE;QACnB;IAEA,IAAIX,UAAU,EAAE,CAAC,OAAO,EACpB,OAAO;IAGX,IAAIU,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACE,oBAAkBA;QACf,MAAMtB,MAAM,KAAK;QACjB,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QAE3BA,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACuB,0BAAwBA;QAAC,MAAMvB,MAAM,WAAW;QAAE,UAAUA,MAAM,QAAQ;sBAE/E,oBAACwB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB,6BAEJxB,MAAM,IAAI,IAAI,WAAJ,GAAI,oBAACyB,mBAAiBA;QAAC,MAAMzB,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;;IAKxF,OAAO,WAAP,GACI,oBAAC0B,eAAaA;QACV,OAAO1B,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,OAAOkB;QACP,OAAOE;QACP,UAAU,CAACO;YACP,MAAMC,OAAOD,SACR,GAAG,CAACE,CAAAA;gBACD,MAAMR,QAAQX,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,CAACoB,CAAAA,IAAKA,EAAE,EAAE,KAAKD;gBACtD,IAAIR,OACA,OAAO;oBAAE,IAAIA,MAAM,EAAE;oBAAE,SAASA,MAAM,OAAO;gBAAC;gBAElD,OAAO;YACX,GACC,MAAM,CAAC,CAACU,IAA8BA,AAAM,SAANA;YAE3C/B,MAAM,QAAQ,CAAC4B,KAAK,MAAM,GAAG,IAAIA,OAAO;QAC5C;;AAGZ"}

package/presentation/fieldRenderers/ref/CmsRefSimpleSingleRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { IFieldVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { RefFieldRendererSettings } from "./types.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        refSimpleSingle: {
+            fieldType: "ref";
+            settings: RefFieldRendererSettings;
+        };
+    }
+}
+export declare const CmsRefSimpleSingleRenderer: React.ComponentType<{
+    field: IFieldVM;
+}>;

package/presentation/fieldRenderers/ref/CmsRefSimpleSingleRenderer.js

@@ -0,0 +1,68 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { createFieldRenderer } from "@webiny/app-admin/features/formModel/createFieldRenderer.js";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { FormComponentDescription, FormComponentLabel, FormComponentNote, RadioGroup, Text } from "@webiny/admin-ui";
+import { RefSimplePresenterFeature } from "./simple/feature.js";
+const CmsRefSimpleSingleRenderer = createFieldRenderer(({ field })=>{
+    const parentContainer = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = parentContainer.createChildContainer();
+        RefSimplePresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(RefSimpleSingleInner, {
+        field: field
+    }));
+});
+const RefSimpleSingleInner = observer(({ field })=>{
+    const { presenter } = useFeature(RefSimplePresenterFeature);
+    const settings = field.rendererSettings;
+    const modelIds = (settings.models || []).map((m)=>m.modelId);
+    useEffect(()=>{
+        presenter.init({
+            modelIds
+        });
+    }, []);
+    const value = field.value;
+    const items = presenter.vm.entries.map((entry)=>({
+            label: entry.title,
+            value: entry.id
+        }));
+    if (presenter.vm.loading) return null;
+    if (0 === items.length) return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: field.label,
+        hint: field.help,
+        disabled: field.disabled
+    }), field.description && /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: field.description,
+        disabled: field.disabled
+    }), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, "No entries to reference."), field.note && /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: field.note,
+        disabled: field.disabled
+    }));
+    return /*#__PURE__*/ react.createElement(RadioGroup, {
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        disabled: field.disabled,
+        value: value?.id,
+        items: items,
+        onChange: (selectedId)=>{
+            const entry = presenter.vm.entries.find((e)=>e.id === selectedId);
+            if (entry) field.onChange({
+                id: entry.id,
+                modelId: entry.modelId
+            });
+        }
+    });
+});
+export { CmsRefSimpleSingleRenderer };
+
+//# sourceMappingURL=CmsRefSimpleSingleRenderer.js.map

package/presentation/fieldRenderers/ref/CmsRefSimpleSingleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/CmsRefSimpleSingleRenderer.js","sources":["../../../../src/presentation/fieldRenderers/ref/CmsRefSimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport {\n    FormComponentDescription,\n    FormComponentLabel,\n    FormComponentNote,\n    RadioGroup,\n    Text\n} from \"@webiny/admin-ui\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefFieldRendererSettings } from \"./types.js\";\nimport { RefSimplePresenterFeature } from \"./simple/feature.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        refSimpleSingle: { fieldType: \"ref\"; settings: RefFieldRendererSettings };\n    }\n}\n\nexport const CmsRefSimpleSingleRenderer = createFieldRenderer<\"refSimpleSingle\">(({ field }) => {\n    const parentContainer = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = parentContainer.createChildContainer();\n        RefSimplePresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <RefSimpleSingleInner field={field} />\n        </DiContainerProvider>\n    );\n});\n\ninterface InnerFieldProps {\n    field: IFieldVM & { rendererSettings: RefFieldRendererSettings };\n}\n\nconst RefSimpleSingleInner = observer(({ field }: InnerFieldProps) => {\n    const { presenter } = useFeature(RefSimplePresenterFeature);\n\n    const settings = field.rendererSettings;\n    const modelIds = (settings.models || []).map(m => m.modelId);\n\n    useEffect(() => {\n        presenter.init({ modelIds });\n    }, []);\n\n    const value = field.value as CmsReferenceValue | null;\n\n    const items = presenter.vm.entries.map(entry => ({\n        label: entry.title,\n        value: entry.id\n    }));\n\n    if (presenter.vm.loading) {\n        return null;\n    }\n\n    if (items.length === 0) {\n        return (\n            <div>\n                <FormComponentLabel\n                    text={field.label}\n                    hint={field.help}\n                    disabled={field.disabled}\n                />\n                {field.description && (\n                    <FormComponentDescription text={field.description} disabled={field.disabled} />\n                )}\n                <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                    {\"No entries to reference.\"}\n                </Text>\n                {field.note && <FormComponentNote text={field.note} disabled={field.disabled} />}\n            </div>\n        );\n    }\n\n    return (\n        <RadioGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            disabled={field.disabled}\n            value={value?.id}\n            items={items}\n            onChange={(selectedId: string) => {\n                const entry = presenter.vm.entries.find(e => e.id === selectedId);\n                if (entry) {\n                    field.onChange({ id: entry.id, modelId: entry.modelId });\n                }\n            }}\n        />\n    );\n});\n"],"names":["CmsRefSimpleSingleRenderer","createFieldRenderer","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefSimplePresenterFeature","DiContainerProvider","RefSimpleSingleInner","observer","presenter","useFeature","settings","modelIds","m","useEffect","value","items","entry","FormComponentLabel","FormComponentDescription","Text","FormComponentNote","RadioGroup","selectedId","e"],"mappings":";;;;;;AAsBO,MAAMA,6BAA6BC,oBAAuC,CAAC,EAAEC,KAAK,EAAE;IACvF,MAAMC,kBAAkBC;IAExB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,gBAAgB,oBAAoB;QAClDK,0BAA0B,QAAQ,CAACD;QACnC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACK,sBAAoBA;QAAC,OAAOR;;AAGzC;AAMA,MAAMQ,uBAAuBC,SAAS,CAAC,EAAET,KAAK,EAAmB;IAC7D,MAAM,EAAEU,SAAS,EAAE,GAAGC,WAAWL;IAEjC,MAAMM,WAAWZ,MAAM,gBAAgB;IACvC,MAAMa,WAAYD,AAAAA,CAAAA,SAAS,MAAM,IAAI,EAAC,EAAG,GAAG,CAACE,CAAAA,IAAKA,EAAE,OAAO;IAE3DC,UAAU;QACNL,UAAU,IAAI,CAAC;YAAEG;QAAS;IAC9B,GAAG,EAAE;IAEL,MAAMG,QAAQhB,MAAM,KAAK;IAEzB,MAAMiB,QAAQP,UAAU,EAAE,CAAC,OAAO,CAAC,GAAG,CAACQ,CAAAA,QAAU;YAC7C,OAAOA,MAAM,KAAK;YAClB,OAAOA,MAAM,EAAE;QACnB;IAEA,IAAIR,UAAU,EAAE,CAAC,OAAO,EACpB,OAAO;IAGX,IAAIO,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACE,oBAAkBA;QACf,MAAMnB,MAAM,KAAK;QACjB,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QAE3BA,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACoB,0BAAwBA;QAAC,MAAMpB,MAAM,WAAW;QAAE,UAAUA,MAAM,QAAQ;sBAE/E,oBAACqB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB,6BAEJrB,MAAM,IAAI,IAAI,WAAJ,GAAI,oBAACsB,mBAAiBA;QAAC,MAAMtB,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;;IAKxF,OAAO,WAAP,GACI,oBAACuB,YAAUA;QACP,OAAOvB,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,OAAOgB,OAAO;QACd,OAAOC;QACP,UAAU,CAACO;YACP,MAAMN,QAAQR,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,CAACe,CAAAA,IAAKA,EAAE,EAAE,KAAKD;YACtD,IAAIN,OACAlB,MAAM,QAAQ,CAAC;gBAAE,IAAIkB,MAAM,EAAE;gBAAE,SAASA,MAAM,OAAO;YAAC;QAE9D;;AAGZ"}

package/presentation/fieldRenderers/ref/autocomplete/BaseAutocompletePresenter.d.ts

@@ -0,0 +1,22 @@
+import type { SearchContentEntriesUseCase } from "../../../../features/contentEntry/searchContentEntries/abstractions.js";
+import type { GetContentEntriesUseCase } from "../../../../features/contentEntry/getContentEntries/abstractions.js";
+import type { IRefEntryOption } from "./abstractions.js";
+export declare class BaseAutocompletePresenter {
+    private searchUseCase;
+    private getEntriesUseCase;
+    loading: boolean;
+    defaultOptions: IRefEntryOption[];
+    searchOptions: IRefEntryOption[];
+    modelIds: string[];
+    searchQuery: string;
+    private lastSearchId;
+    constructor(searchUseCase: SearchContentEntriesUseCase.Interface, getEntriesUseCase: GetContentEntriesUseCase.Interface);
+    get activeOptions(): IRefEntryOption[];
+    search(query: string): Promise<void>;
+    loadDefaults(): Promise<void>;
+    resolveEntries(values: {
+        id: string;
+        modelId: string;
+    }[]): Promise<IRefEntryOption[]>;
+    clearSearch(): void;
+}

package/presentation/fieldRenderers/ref/autocomplete/BaseAutocompletePresenter.js

@@ -0,0 +1,92 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { toOption } from "./toOption.js";
+class BaseAutocompletePresenter {
+    constructor(searchUseCase, getEntriesUseCase){
+        this.searchUseCase = searchUseCase;
+        this.getEntriesUseCase = getEntriesUseCase;
+        this.loading = false;
+        this.defaultOptions = [];
+        this.searchOptions = [];
+        this.modelIds = [];
+        this.searchQuery = "";
+        this.lastSearchId = 0;
+        makeAutoObservable(this, {
+            searchUseCase: false,
+            getEntriesUseCase: false,
+            lastSearchId: false
+        });
+    }
+    get activeOptions() {
+        return this.searchQuery ? this.searchOptions : this.defaultOptions;
+    }
+    async search(query) {
+        const searchId = ++this.lastSearchId;
+        this.searchQuery = query;
+        if (!query) {
+            this.searchOptions = [];
+            this.loading = false;
+            return;
+        }
+        this.loading = true;
+        try {
+            const result = await this.searchUseCase.execute({
+                modelIds: this.modelIds,
+                query,
+                limit: 10
+            });
+            if (searchId !== this.lastSearchId) return;
+            runInAction(()=>{
+                this.searchOptions = result.data.map(toOption);
+            });
+        } finally{
+            if (searchId === this.lastSearchId) runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async loadDefaults() {
+        this.loading = true;
+        try {
+            const result = await this.searchUseCase.execute({
+                modelIds: this.modelIds,
+                limit: 10
+            });
+            runInAction(()=>{
+                this.defaultOptions = result.data.map(toOption);
+            });
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async resolveEntries(values) {
+        this.loading = true;
+        try {
+            const result = await this.getEntriesUseCase.execute({
+                entries: values.map((v)=>({
+                        id: v.id,
+                        modelId: v.modelId
+                    }))
+            });
+            const options = result.latest.map(toOption);
+            runInAction(()=>{
+                this.loading = false;
+            });
+            return options;
+        } catch (e) {
+            runInAction(()=>{
+                this.loading = false;
+            });
+            throw e;
+        }
+    }
+    clearSearch() {
+        this.lastSearchId++;
+        this.searchQuery = "";
+        this.searchOptions = [];
+    }
+}
+export { BaseAutocompletePresenter };
+
+//# sourceMappingURL=BaseAutocompletePresenter.js.map

package/presentation/fieldRenderers/ref/autocomplete/BaseAutocompletePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/BaseAutocompletePresenter.js","sources":["../../../../../src/presentation/fieldRenderers/ref/autocomplete/BaseAutocompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport type { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { IRefEntryOption } from \"./abstractions.js\";\nimport { toOption } from \"./toOption.js\";\n\nexport class BaseAutocompletePresenter {\n    loading = false;\n    defaultOptions: IRefEntryOption[] = [];\n    searchOptions: IRefEntryOption[] = [];\n    modelIds: string[] = [];\n    searchQuery = \"\";\n    private lastSearchId = 0;\n\n    constructor(\n        private searchUseCase: SearchContentEntriesUseCase.Interface,\n        private getEntriesUseCase: GetContentEntriesUseCase.Interface\n    ) {\n        makeAutoObservable<\n            BaseAutocompletePresenter,\n            \"searchUseCase\" | \"getEntriesUseCase\" | \"lastSearchId\"\n        >(this, {\n            searchUseCase: false,\n            getEntriesUseCase: false,\n            lastSearchId: false\n        });\n    }\n\n    get activeOptions(): IRefEntryOption[] {\n        return this.searchQuery ? this.searchOptions : this.defaultOptions;\n    }\n\n    async search(query: string): Promise<void> {\n        // Every keystroke starts a search, and responses can arrive out of order.\n        // Only the latest search may write its results, or an older, shorter query overwrites them.\n        const searchId = ++this.lastSearchId;\n        this.searchQuery = query;\n        if (!query) {\n            this.searchOptions = [];\n            this.loading = false;\n            return;\n        }\n\n        this.loading = true;\n        try {\n            const result = await this.searchUseCase.execute({\n                modelIds: this.modelIds,\n                query,\n                limit: 10\n            });\n            if (searchId !== this.lastSearchId) {\n                return;\n            }\n            runInAction(() => {\n                this.searchOptions = result.data.map(toOption);\n            });\n        } finally {\n            if (searchId === this.lastSearchId) {\n                runInAction(() => {\n                    this.loading = false;\n                });\n            }\n        }\n    }\n\n    async loadDefaults(): Promise<void> {\n        this.loading = true;\n        try {\n            const result = await this.searchUseCase.execute({\n                modelIds: this.modelIds,\n                limit: 10\n            });\n            runInAction(() => {\n                this.defaultOptions = result.data.map(toOption);\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async resolveEntries(values: { id: string; modelId: string }[]): Promise<IRefEntryOption[]> {\n        this.loading = true;\n        try {\n            const result = await this.getEntriesUseCase.execute({\n                entries: values.map(v => ({ id: v.id, modelId: v.modelId }))\n            });\n            const options = result.latest.map(toOption);\n            runInAction(() => {\n                this.loading = false;\n            });\n            return options;\n        } catch (e) {\n            runInAction(() => {\n                this.loading = false;\n            });\n            throw e;\n        }\n    }\n\n    clearSearch(): void {\n        this.lastSearchId++;\n        this.searchQuery = \"\";\n        this.searchOptions = [];\n    }\n}\n"],"names":["BaseAutocompletePresenter","searchUseCase","getEntriesUseCase","makeAutoObservable","query","searchId","result","runInAction","toOption","values","v","options","e"],"mappings":";;AAMO,MAAMA;IAQT,YACYC,aAAoD,EACpDC,iBAAqD,CAC/D;aAFUD,aAAa,GAAbA;aACAC,iBAAiB,GAAjBA;aATZ,OAAO,GAAG;aACV,cAAc,GAAsB,EAAE;aACtC,aAAa,GAAsB,EAAE;aACrC,QAAQ,GAAa,EAAE;aACvB,WAAW,GAAG;aACN,YAAY,GAAG;QAMnBC,mBAGE,IAAI,EAAE;YACJ,eAAe;YACf,mBAAmB;YACnB,cAAc;QAClB;IACJ;IAEA,IAAI,gBAAmC;QACnC,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc;IACtE;IAEA,MAAM,OAAOC,KAAa,EAAiB;QAGvC,MAAMC,WAAW,EAAE,IAAI,CAAC,YAAY;QACpC,IAAI,CAAC,WAAW,GAAGD;QACnB,IAAI,CAACA,OAAO;YACR,IAAI,CAAC,aAAa,GAAG,EAAE;YACvB,IAAI,CAAC,OAAO,GAAG;YACf;QACJ;QAEA,IAAI,CAAC,OAAO,GAAG;QACf,IAAI;YACA,MAAME,SAAS,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;gBAC5C,UAAU,IAAI,CAAC,QAAQ;gBACvBF;gBACA,OAAO;YACX;YACA,IAAIC,aAAa,IAAI,CAAC,YAAY,EAC9B;YAEJE,YAAY;gBACR,IAAI,CAAC,aAAa,GAAGD,OAAO,IAAI,CAAC,GAAG,CAACE;YACzC;QACJ,SAAU;YACN,IAAIH,aAAa,IAAI,CAAC,YAAY,EAC9BE,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QAER;IACJ;IAEA,MAAM,eAA8B;QAChC,IAAI,CAAC,OAAO,GAAG;QACf,IAAI;YACA,MAAMD,SAAS,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;gBAC5C,UAAU,IAAI,CAAC,QAAQ;gBACvB,OAAO;YACX;YACAC,YAAY;gBACR,IAAI,CAAC,cAAc,GAAGD,OAAO,IAAI,CAAC,GAAG,CAACE;YAC1C;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,eAAeE,MAAyC,EAA8B;QACxF,IAAI,CAAC,OAAO,GAAG;QACf,IAAI;YACA,MAAMH,SAAS,MAAM,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;gBAChD,SAASG,OAAO,GAAG,CAACC,CAAAA,IAAM;wBAAE,IAAIA,EAAE,EAAE;wBAAE,SAASA,EAAE,OAAO;oBAAC;YAC7D;YACA,MAAMC,UAAUL,OAAO,MAAM,CAAC,GAAG,CAACE;YAClCD,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;YACA,OAAOI;QACX,EAAE,OAAOC,GAAG;YACRL,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;YACA,MAAMK;QACV;IACJ;IAEA,cAAoB;QAChB,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,aAAa,GAAG,EAAE;IAC3B;AACJ"}

package/presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.js

@@ -0,0 +1,185 @@
+import { describe, expect, it } from "vitest";
+import { Container } from "@webiny/di";
+import { SearchContentEntriesUseCase } from "../../../../features/contentEntry/searchContentEntries/abstractions.js";
+import { GetContentEntriesUseCase } from "../../../../features/contentEntry/getContentEntries/abstractions.js";
+import { RefMultiAutocompletePresenter } from "./multi/abstractions.js";
+import { RefMultiAutocompletePresenter as RefMultiAutocompletePresenter_js_RefMultiAutocompletePresenter } from "./multi/RefMultiAutocompletePresenter.js";
+import { RefSingleAutocompletePresenter } from "./single/abstractions.js";
+import { RefSingleAutocompletePresenter as RefSingleAutocompletePresenter_js_RefSingleAutocompletePresenter } from "./single/RefSingleAutocompletePresenter.js";
+const createEntry = (entryId, title)=>({
+        id: `${entryId}#0001`,
+        entryId,
+        status: "draft",
+        title,
+        description: null,
+        image: null,
+        createdOn: "2026-01-01T00:00:00.000Z",
+        savedOn: "2026-01-01T00:00:00.000Z",
+        createdBy: {
+            id: "1",
+            type: "admin",
+            displayName: "Admin"
+        },
+        modifiedBy: null,
+        model: {
+            modelId: "location",
+            name: "Location"
+        },
+        published: null,
+        wbyAco_location: null
+    });
+const defaultEntry = createEntry("first", "First");
+const searchedEntry = createEntry("second", "Second");
+const createContainer = ()=>{
+    const container = new Container();
+    container.registerInstance(SearchContentEntriesUseCase, {
+        execute: async ({ query })=>({
+                data: query ? [
+                    searchedEntry
+                ] : [
+                    defaultEntry
+                ]
+            })
+    });
+    container.registerInstance(GetContentEntriesUseCase, {
+        execute: async ()=>({
+                latest: [],
+                published: []
+            })
+    });
+    return container;
+};
+describe("RefMultiAutocompletePresenter", ()=>{
+    it("keeps an entry picked from the search results", async ()=>{
+        const container = createContainer();
+        container.register(RefMultiAutocompletePresenter_js_RefMultiAutocompletePresenter);
+        const presenter = container.resolve(RefMultiAutocompletePresenter);
+        await presenter.init({
+            modelIds: [
+                "location"
+            ]
+        });
+        await presenter.search("sec");
+        const refs = presenter.select([
+            "second"
+        ]);
+        expect(refs).toEqual([
+            {
+                id: "second#0001",
+                modelId: "location"
+            }
+        ]);
+        expect(presenter.vm.values).toEqual([
+            "second"
+        ]);
+        expect(presenter.vm.options).toContainEqual({
+            label: "Second",
+            value: "second"
+        });
+    });
+    it("keeps earlier picks when another entry is picked from the search results", async ()=>{
+        const container = createContainer();
+        container.register(RefMultiAutocompletePresenter_js_RefMultiAutocompletePresenter);
+        const presenter = container.resolve(RefMultiAutocompletePresenter);
+        await presenter.init({
+            modelIds: [
+                "location"
+            ]
+        });
+        presenter.select([
+            "first"
+        ]);
+        await presenter.search("sec");
+        const refs = presenter.select([
+            "first",
+            "second"
+        ]);
+        expect(refs).toEqual([
+            {
+                id: "first#0001",
+                modelId: "location"
+            },
+            {
+                id: "second#0001",
+                modelId: "location"
+            }
+        ]);
+        expect(presenter.vm.values).toEqual([
+            "first",
+            "second"
+        ]);
+    });
+    it("ignores a search response that arrives after a newer one", async ()=>{
+        const boulder = createEntry("boulder", "Boulder");
+        const baker = createEntry("baker", "Baker");
+        let resolveSlow = ()=>{};
+        const slow = new Promise((resolve)=>{
+            resolveSlow = resolve;
+        });
+        const container = new Container();
+        container.registerInstance(SearchContentEntriesUseCase, {
+            execute: async ({ query })=>{
+                if ("B" === query) {
+                    await slow;
+                    return {
+                        data: [
+                            baker
+                        ]
+                    };
+                }
+                return {
+                    data: query ? [
+                        boulder
+                    ] : [
+                        defaultEntry
+                    ]
+                };
+            }
+        });
+        container.registerInstance(GetContentEntriesUseCase, {
+            execute: async ()=>({
+                    latest: [],
+                    published: []
+                })
+        });
+        container.register(RefMultiAutocompletePresenter_js_RefMultiAutocompletePresenter);
+        const presenter = container.resolve(RefMultiAutocompletePresenter);
+        await presenter.init({
+            modelIds: [
+                "location"
+            ]
+        });
+        const first = presenter.search("B");
+        await presenter.search("Boulder");
+        resolveSlow();
+        await first;
+        expect(presenter.vm.options).toEqual([
+            {
+                label: "Boulder",
+                value: "boulder"
+            }
+        ]);
+        expect(presenter.vm.loading).toBe(false);
+    });
+});
+describe("RefSingleAutocompletePresenter", ()=>{
+    it("keeps an entry picked from the search results", async ()=>{
+        const container = createContainer();
+        container.register(RefSingleAutocompletePresenter_js_RefSingleAutocompletePresenter);
+        const presenter = container.resolve(RefSingleAutocompletePresenter);
+        await presenter.init({
+            modelIds: [
+                "location"
+            ]
+        });
+        await presenter.search("sec");
+        const ref = presenter.select("second");
+        expect(ref).toEqual({
+            id: "second#0001",
+            modelId: "location"
+        });
+        expect(presenter.vm.value).toBe("second");
+    });
+});
+
+//# sourceMappingURL=RefAutocompletePresenters.test.js.map

package/presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.js","sources":["../../../../../src/presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceEntry } from \"~/features/contentEntry/refTypes.js\";\nimport { RefMultiAutocompletePresenter as MultiAbstraction } from \"./multi/abstractions.js\";\nimport { RefMultiAutocompletePresenter } from \"./multi/RefMultiAutocompletePresenter.js\";\nimport { RefSingleAutocompletePresenter as SingleAbstraction } from \"./single/abstractions.js\";\nimport { RefSingleAutocompletePresenter } from \"./single/RefSingleAutocompletePresenter.js\";\n\nconst createEntry = (entryId: string, title: string): CmsReferenceEntry => ({\n    id: `${entryId}#0001`,\n    entryId,\n    status: \"draft\",\n    title,\n    description: null,\n    image: null,\n    createdOn: \"2026-01-01T00:00:00.000Z\",\n    savedOn: \"2026-01-01T00:00:00.000Z\",\n    createdBy: { id: \"1\", type: \"admin\", displayName: \"Admin\" },\n    modifiedBy: null,\n    model: { modelId: \"location\", name: \"Location\" },\n    published: null,\n    wbyAco_location: null\n});\n\n// The default list holds only the first entry, so the second one can only be found by searching.\nconst defaultEntry = createEntry(\"first\", \"First\");\nconst searchedEntry = createEntry(\"second\", \"Second\");\n\nconst createContainer = () => {\n    const container = new Container();\n    container.registerInstance(SearchContentEntriesUseCase, {\n        execute: async ({ query }) => ({ data: query ? [searchedEntry] : [defaultEntry] })\n    });\n    container.registerInstance(GetContentEntriesUseCase, {\n        execute: async () => ({ latest: [], published: [] })\n    });\n    return container;\n};\n\ndescribe(\"RefMultiAutocompletePresenter\", () => {\n    it(\"keeps an entry picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefMultiAutocompletePresenter);\n        const presenter = container.resolve(MultiAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        await presenter.search(\"sec\");\n\n        const refs = presenter.select([\"second\"]);\n\n        expect(refs).toEqual([{ id: \"second#0001\", modelId: \"location\" }]);\n        expect(presenter.vm.values).toEqual([\"second\"]);\n        expect(presenter.vm.options).toContainEqual({ label: \"Second\", value: \"second\" });\n    });\n\n    it(\"keeps earlier picks when another entry is picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefMultiAutocompletePresenter);\n        const presenter = container.resolve(MultiAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        presenter.select([\"first\"]);\n        await presenter.search(\"sec\");\n\n        const refs = presenter.select([\"first\", \"second\"]);\n\n        expect(refs).toEqual([\n            { id: \"first#0001\", modelId: \"location\" },\n            { id: \"second#0001\", modelId: \"location\" }\n        ]);\n        expect(presenter.vm.values).toEqual([\"first\", \"second\"]);\n    });\n\n    it(\"ignores a search response that arrives after a newer one\", async () => {\n        const boulder = createEntry(\"boulder\", \"Boulder\");\n        const baker = createEntry(\"baker\", \"Baker\");\n        // The \"B\" request is slower than the \"Boulder\" one, and its first page does not hold Boulder.\n        let resolveSlow: () => void = () => {};\n        const slow = new Promise<void>(resolve => {\n            resolveSlow = resolve;\n        });\n\n        const container = new Container();\n        container.registerInstance(SearchContentEntriesUseCase, {\n            execute: async ({ query }) => {\n                if (query === \"B\") {\n                    await slow;\n                    return { data: [baker] };\n                }\n                return { data: query ? [boulder] : [defaultEntry] };\n            }\n        });\n        container.registerInstance(GetContentEntriesUseCase, {\n            execute: async () => ({ latest: [], published: [] })\n        });\n        container.register(RefMultiAutocompletePresenter);\n        const presenter = container.resolve(MultiAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        const first = presenter.search(\"B\");\n        await presenter.search(\"Boulder\");\n        resolveSlow();\n        await first;\n\n        expect(presenter.vm.options).toEqual([{ label: \"Boulder\", value: \"boulder\" }]);\n        expect(presenter.vm.loading).toBe(false);\n    });\n});\n\ndescribe(\"RefSingleAutocompletePresenter\", () => {\n    it(\"keeps an entry picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefSingleAutocompletePresenter);\n        const presenter = container.resolve(SingleAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        await presenter.search(\"sec\");\n\n        const ref = presenter.select(\"second\");\n\n        expect(ref).toEqual({ id: \"second#0001\", modelId: \"location\" });\n        expect(presenter.vm.value).toBe(\"second\");\n    });\n});\n"],"names":["createEntry","entryId","title","defaultEntry","searchedEntry","createContainer","container","Container","SearchContentEntriesUseCase","query","GetContentEntriesUseCase","describe","it","RefMultiAutocompletePresenter","presenter","MultiAbstraction","refs","expect","boulder","baker","resolveSlow","slow","Promise","resolve","first","RefSingleAutocompletePresenter","SingleAbstraction","ref"],"mappings":"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"}

package/presentation/fieldRenderers/ref/autocomplete/abstractions.d.ts

@@ -0,0 +1,13 @@
+export interface IRefEntryOption {
+    id: string;
+    entryId: string;
+    modelId: string;
+    modelName: string;
+    name: string;
+    status: string;
+    published: boolean;
+}
+export interface IDropdownOption {
+    label: string;
+    value: string;
+}

package/presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.d.ts

@@ -0,0 +1,21 @@
+import { SearchContentEntriesUseCase } from "../../../../../features/contentEntry/searchContentEntries/abstractions.js";
+import { GetContentEntriesUseCase } from "../../../../../features/contentEntry/getContentEntries/abstractions.js";
+import type { CmsReferenceValue } from "../../../../../features/contentEntry/refTypes.js";
+import { RefMultiAutocompletePresenter as Abstraction, type IRefMultiAutocompleteInitConfig, type IRefMultiAutocompleteViewModel } from "./abstractions.js";
+declare class RefMultiAutocompletePresenterImpl implements Abstraction.Interface {
+    private base;
+    private resolved;
+    constructor(searchUseCase: SearchContentEntriesUseCase.Interface, getEntriesUseCase: GetContentEntriesUseCase.Interface);
+    get vm(): IRefMultiAutocompleteViewModel;
+    init(config: IRefMultiAutocompleteInitConfig): Promise<void>;
+    search(query: string): Promise<void>;
+    select(entryIds: string[]): CmsReferenceValue[];
+    clear(): void;
+    dispose(): void;
+    private resolve;
+    private getAllKnownOptions;
+}
+export declare const RefMultiAutocompletePresenter: typeof RefMultiAutocompletePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IRefMultiAutocompletePresenter>;
+};
+export {};