@webiny/app-headless-cms 6.5.0-beta.1 → 6.5.0-beta.10

package/presentation/contentModels/abstractions.d.ts

@@ -1,20 +1,25 @@
 import type { IListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
-import type { CmsModel } from "../../types.js";
+import type { CmsGroup, CmsModel } from "../../types.js";
 import type { DeleteModelResult } from "../../features/model/deleteModel/abstractions.js";
 export interface IContentModelsPresenterViewModel {
     loading: boolean;
     models: CmsModel[];
 }
+export interface IContentModelsPresenterExportModelsResponse {
+    groups: CmsGroup[];
+    models: CmsModel[];
+}
 export interface IContentModelsPresenter {
     readonly vm: IContentModelsPresenterViewModel;
     readonly list: IListPresenter<CmsModel>;
     init(): void;
     deleteModel(modelId: string, confirmation: string): Promise<DeleteModelResult>;
     cancelDelete(modelId: string): Promise<void>;
-    exportModels(modelIds?: string[]): Promise<any>;
+    exportModels(modelIds?: string[]): Promise<IContentModelsPresenterExportModelsResponse | null>;
 }
 export declare const ContentModelsPresenter: import("@webiny/di").Abstraction<IContentModelsPresenter>;
 export declare namespace ContentModelsPresenter {
     type Interface = IContentModelsPresenter;
     type ViewModel = IContentModelsPresenterViewModel;
+    type ExportModelResponse = IContentModelsPresenterExportModelsResponse;
 }

package/presentation/contentModels/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentModels/abstractions.js","sources":["../../../src/presentation/contentModels/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { DeleteModelResult } from \"~/features/model/deleteModel/abstractions.js\";\n\nexport interface IContentModelsPresenterViewModel {\n    loading: boolean;\n    models: CmsModel[];\n}\n\nexport interface IContentModelsPresenter {\n    readonly vm: IContentModelsPresenterViewModel;\n    readonly list: IListPresenter<CmsModel>;\n    init(): void;\n    deleteModel(modelId: string, confirmation: string): Promise<DeleteModelResult>;\n    cancelDelete(modelId: string): Promise<void>;\n    exportModels(modelIds?: string[]): Promise<any>;\n}\n\nexport const ContentModelsPresenter = createAbstraction<IContentModelsPresenter>(\n    \"CmsContentModels/Presenter\"\n);\n\nexport namespace ContentModelsPresenter {\n    export type Interface = IContentModelsPresenter;\n    export type ViewModel = IContentModelsPresenterViewModel;\n}\n"],"names":["ContentModelsPresenter","createAbstraction"],"mappings":";AAmBO,MAAMA,yBAAyBC,kBAClC"}
+{"version":3,"file":"presentation/contentModels/abstractions.js","sources":["../../../src/presentation/contentModels/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { CmsGroup, CmsModel } from \"~/types.js\";\nimport type { DeleteModelResult } from \"~/features/model/deleteModel/abstractions.js\";\n\nexport interface IContentModelsPresenterViewModel {\n    loading: boolean;\n    models: CmsModel[];\n}\n\nexport interface IContentModelsPresenterExportModelsResponse {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\nexport interface IContentModelsPresenter {\n    readonly vm: IContentModelsPresenterViewModel;\n    readonly list: IListPresenter<CmsModel>;\n    init(): void;\n    deleteModel(modelId: string, confirmation: string): Promise<DeleteModelResult>;\n    cancelDelete(modelId: string): Promise<void>;\n    exportModels(modelIds?: string[]): Promise<IContentModelsPresenterExportModelsResponse | null>;\n}\n\nexport const ContentModelsPresenter = createAbstraction<IContentModelsPresenter>(\n    \"CmsContentModels/Presenter\"\n);\n\nexport namespace ContentModelsPresenter {\n    export type Interface = IContentModelsPresenter;\n    export type ViewModel = IContentModelsPresenterViewModel;\n    export type ExportModelResponse = IContentModelsPresenterExportModelsResponse;\n}\n"],"names":["ContentModelsPresenter","createAbstraction"],"mappings":";AAwBO,MAAMA,yBAAyBC,kBAClC"}

package/presentation/contentModels/components/CloneContentModelDialog.d.ts

@@ -5,7 +5,7 @@ interface CloneContentModelDialogProps {
     contentModel: CmsModel;
     closeModal: () => void;
 }
-export declare const CloneContentModelDialog: (({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const CloneContentModelDialog: (({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element) & React.NamedExoticComponent<CloneContentModelDialogProps> & {
+    readonly type: ({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element;
 };
 export {};

package/presentation/contentModels/components/ContentModels.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const ContentModels: (() => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModels: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };
 export default ContentModels;

package/presentation/contentModels/components/ContentModelsDataList.d.ts

@@ -6,7 +6,7 @@ interface ContentModelsDataListProps {
     onClone: (contentModel: CmsModel) => void;
     showImportModelModal: () => void;
 }
-declare const ContentModelsDataList: (({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModelsDataList: (({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element) & React.NamedExoticComponent<ContentModelsDataListProps> & {
+    readonly type: ({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element;
 };
 export default ContentModelsDataList;

package/presentation/contentModels/components/ContentModelsDataList.js

@@ -48,7 +48,8 @@ const deserializeSorters = (data)=>{
     ];
 };
 const DisplayIcon = ({ model })=>{
-    if (!model.icon) return null;
+    const icon = normalizeIcon(model.icon);
+    if (!icon) return null;
     return /*#__PURE__*/ react.createElement("div", {
         className: "text-neutral-muted"
     }, /*#__PURE__*/ react.createElement(Icon, {
@@ -56,7 +57,7 @@ const DisplayIcon = ({ model })=>{
         color: "inherit",
         label: "Content model icon",
         icon: /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
-            icon: normalizeIcon(model.icon)
+            icon: icon
         })
     }));
 };
@@ -104,10 +105,10 @@ const ContentModelsDataList = observer(({ canCreate, onCreate, onClone, showImpo
         (async ()=>{
             try {
                 const data = await presenter.exportModels(modelIds);
-                if (!data || !data.models || 0 === data.models.length) return void showSnackbar("No data returned from the export query.");
+                if (!data?.models?.length) return void showSnackbar("No data returned from the export query.");
                 download(data);
-            } catch (e) {
-                showSnackbar(e.message);
+            } catch (ex) {
+                showSnackbar(ex.message);
             }
         })();
     }, [

package/presentation/contentModels/components/ContentModelsDataList.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentModels/components/ContentModelsDataList.js","sources":["../../../../src/presentation/contentModels/components/ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { SearchUI, useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    ReactComponent as DownloadFileIcon,\n    ReactComponent as ExportIcon\n} from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { DataList, DataListModal, List } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ModelIsBeingDeleted } from \"./fullDelete/ModelIsBeingDeleted.js\";\nimport { FullyDeleteModelDialog } from \"./fullDelete/FullyDeleteModelDialog.js\";\nimport { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Routes } from \"~/routes.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\nimport { useContentModelsPresenter } from \"../useContentModelsPresenter.js\";\nimport { download } from \"../utils/download.js\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\nconst SORTERS = [\n    { label: \"Newest to oldest\", sorter: \"savedOn_DESC\" },\n    { label: \"Oldest to newest\", sorter: \"savedOn_ASC\" },\n    { label: \"Name A-Z\", sorter: \"name_ASC\" },\n    { label: \"Name Z-A\", sorter: \"name_DESC\" }\n];\n\nconst deserializeSorters = (data: string): [string, \"asc\" | \"desc\"] => {\n    const [field, order] = data.split(\"_\");\n    return [field, order.toLowerCase() === \"asc\" ? \"asc\" : \"desc\"];\n};\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsModel) => void;\n    showImportModelModal: () => void;\n}\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n    if (!model.icon) {\n        return null;\n    }\n    return (\n        <div className={\"text-neutral-muted\"}>\n            <Icon\n                size={\"lg\"}\n                color={\"inherit\"}\n                label={\"Content model icon\"}\n                icon={<FontAwesomeIcon icon={normalizeIcon(model.icon) as IconProp} />}\n            />\n        </div>\n    );\n};\n\nconst ContentModelsDataList = observer(\n    ({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => {\n        const presenter = useContentModelsPresenter();\n        const { goToRoute } = useRouter();\n        const { showSnackbar } = useSnackbar();\n        const { canDelete, canEdit } = usePermission();\n\n        const [filter, setFilter] = useState(\"\");\n        const [sort, setSort] = useState(SORTERS[0].sorter);\n        const [modelToBeDeleted, setModelToBeDeleted] = useState<CmsModel | null>(null);\n\n        const models = presenter.vm.models;\n        const loading = presenter.vm.loading;\n\n        const filteredData = useMemo(() => {\n            if (filter === \"\") {\n                return models;\n            }\n            const lc = filter.toLowerCase();\n            return models.filter((m: CmsModel) => m.name.toLowerCase().includes(lc));\n        }, [models, filter]);\n\n        const sortedData = useMemo(() => {\n            if (!sort) {\n                return filteredData;\n            }\n            const [key, order] = deserializeSorters(sort);\n            return orderBy(filteredData, [key], [order]);\n        }, [filteredData, sort]);\n\n        const editRecord = (contentModel: CmsModel): void => {\n            goToRoute(Routes.ContentModels.Editor, { modelId: contentModel.modelId });\n        };\n\n        const viewContentEntries = useCallback((contentModel: Pick<CmsModel, \"modelId\">) => {\n            return () => {\n                goToRoute(Routes.ContentEntries.List, { modelId: contentModel.modelId });\n            };\n        }, []);\n\n        const handleModelsExport = useCallback(\n            (modelIds?: string[]) => {\n                (async () => {\n                    try {\n                        const data = await presenter.exportModels(modelIds);\n                        if (!data || !data.models || data.models.length === 0) {\n                            showSnackbar(\"No data returned from the export query.\");\n                            return;\n                        }\n                        download(data);\n                    } catch (e: any) {\n                        showSnackbar(e.message);\n                    }\n                })();\n            },\n            [presenter]\n        );\n\n        const handleModelExport = useCallback(\n            (model: CmsModel) => {\n                return () => {\n                    handleModelsExport([model.modelId]);\n                };\n            },\n            [handleModelsExport]\n        );\n\n        return (\n            <>\n                <DataList\n                    loading={loading}\n                    data={sortedData}\n                    title={t`Content Models`}\n                    actions={\n                        <div className={\"flex items-center justify-end gap-xs\"}>\n                            <Tooltip\n                                content={\"Export all models\"}\n                                trigger={\n                                    <IconButton\n                                        icon={<DownloadFileIcon />}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                        onClick={() => handleModelsExport()}\n                                    />\n                                }\n                            />\n                            <Tooltip\n                                content={\"Import models\"}\n                                trigger={\n                                    <IconButton\n                                        icon={<UploadFileIcon />}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                        onClick={() => showImportModelModal()}\n                                    />\n                                }\n                            />\n                            {canCreate ? (\n                                <Button\n                                    data-testid=\"new-record-button\"\n                                    onClick={onCreate}\n                                    text={t`New`}\n                                    icon={<AddIcon />}\n                                    size={\"sm\"}\n                                    className={\"ml-xs\"}\n                                />\n                            ) : null}\n                        </div>\n                    }\n                    search={\n                        <SearchUI\n                            value={filter}\n                            onChange={setFilter}\n                            inputPlaceholder={t`Search content model...`}\n                        />\n                    }\n                    modalOverlay={\n                        <DataListModal.Content>\n                            <Select\n                                value={sort}\n                                onChange={setSort}\n                                label={t`Sort by`}\n                                options={SORTERS.map(({ label, sorter: value }) => ({\n                                    label,\n                                    value\n                                }))}\n                            />\n                        </DataListModal.Content>\n                    }\n                    modalOverlayAction={\n                        <DataListModal.Trigger data-testid={\"default-data-list.filter\"} />\n                    }\n                    refresh={null}\n                >\n                    {({ data = [] }: { data: CmsModel[] }) => {\n                        return (\n                            <List data-testid=\"default-data-list\">\n                                {data.map(contentModel => {\n                                    const disableViewContent = contentModel.fields.length === 0;\n                                    const getMessage = () => {\n                                        if (disableViewContent) {\n                                            return \"To view the entries, you first need to add a field and save the model\";\n                                        }\n                                        if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n                                            return \"View\";\n                                        }\n                                        return \"View entries\";\n                                    };\n\n                                    const canDeleteModel = canDelete(\n                                        contentModel,\n                                        \"cms.contentModel\"\n                                    );\n                                    const canEditModel = canEdit(contentModel, \"cms.contentModel\");\n\n                                    return (\n                                        <List.Item\n                                            key={contentModel.modelId}\n                                            className={\"group/item\"}\n                                            icon={<DisplayIcon model={contentModel} />}\n                                            title={contentModel.name}\n                                            description={t`Last modified: {time}.`({\n                                                time: contentModel.savedOn ? (\n                                                    <TimeAgo datetime={contentModel.savedOn} />\n                                                ) : (\n                                                    \"N/A\"\n                                                )\n                                            })}\n                                            actions={\n                                                <>\n                                                    <ModelIsBeingDeleted model={contentModel}>\n                                                        <span\n                                                            className={\n                                                                \"invisible group-hover/item:visible\"\n                                                            }\n                                                        >\n                                                            <Tooltip\n                                                                side={\"top\"}\n                                                                content={getMessage()}\n                                                                trigger={\n                                                                    <Button\n                                                                        text={\"View entries\"}\n                                                                        icon={<ListIcon />}\n                                                                        variant={\"secondary\"}\n                                                                        size={\"sm\"}\n                                                                        data-testid={\n                                                                            \"cms-view-content-model-button\"\n                                                                        }\n                                                                        onClick={viewContentEntries(\n                                                                            contentModel\n                                                                        )}\n                                                                        disabled={\n                                                                            disableViewContent\n                                                                        }\n                                                                    />\n                                                                }\n                                                            />\n                                                        </span>\n\n                                                        {canEditModel && (\n                                                            <span\n                                                                className={\n                                                                    \"invisible group-hover/item:visible\"\n                                                                }\n                                                            >\n                                                                <Tooltip\n                                                                    side={\"top\"}\n                                                                    content={\n                                                                        contentModel.plugin\n                                                                            ? t`Content model is registered via a plugin.`\n                                                                            : t`Edit content model`\n                                                                    }\n                                                                    trigger={\n                                                                        <Button\n                                                                            text={\"Edit\"}\n                                                                            icon={<EditIcon />}\n                                                                            variant={\"secondary\"}\n                                                                            size={\"sm\"}\n                                                                            disabled={\n                                                                                contentModel.plugin\n                                                                            }\n                                                                            onClick={() =>\n                                                                                editRecord(\n                                                                                    contentModel\n                                                                                )\n                                                                            }\n                                                                            data-testid={\n                                                                                \"cms-edit-content-model-button\"\n                                                                            }\n                                                                        />\n                                                                    }\n                                                                />\n                                                            </span>\n                                                        )}\n\n                                                        <DropdownMenu\n                                                            trigger={\n                                                                <IconButton\n                                                                    icon={<MoreVertIcon />}\n                                                                    size={\"sm\"}\n                                                                    variant={\"ghost\"}\n                                                                />\n                                                            }\n                                                        >\n                                                            {canEditModel && (\n                                                                <DropdownMenu.Item\n                                                                    text={\"Clone\"}\n                                                                    icon={\n                                                                        <DropdownMenu.Item.Icon\n                                                                            label={\"Clone\"}\n                                                                            element={<CloneIcon />}\n                                                                        />\n                                                                    }\n                                                                    data-testid={\n                                                                        \"cms-clone-content-model-button\"\n                                                                    }\n                                                                    onClick={() =>\n                                                                        onClone(contentModel)\n                                                                    }\n                                                                />\n                                                            )}\n\n                                                            <DropdownMenu.Item\n                                                                text={\"Export\"}\n                                                                icon={\n                                                                    <DropdownMenu.Item.Icon\n                                                                        label={\"Export\"}\n                                                                        element={<ExportIcon />}\n                                                                    />\n                                                                }\n                                                                data-testid={\n                                                                    \"cms-export-content-model-button\"\n                                                                }\n                                                                onClick={handleModelExport(\n                                                                    contentModel\n                                                                )}\n                                                            />\n\n                                                            {canDeleteModel && (\n                                                                <DropdownMenu.Item\n                                                                    text={\"Delete\"}\n                                                                    icon={\n                                                                        <DropdownMenu.Item.Icon\n                                                                            label={\"Delete\"}\n                                                                            element={<DeleteIcon />}\n                                                                        />\n                                                                    }\n                                                                    onClick={() => {\n                                                                        setModelToBeDeleted(\n                                                                            contentModel\n                                                                        );\n                                                                    }}\n                                                                    data-testid={\n                                                                        \"cms-delete-content-model-button\"\n                                                                    }\n                                                                    className={\n                                                                        \"text-destructive-primary! [&_svg]:fill-destructive\"\n                                                                    }\n                                                                />\n                                                            )}\n                                                        </DropdownMenu>\n                                                    </ModelIsBeingDeleted>\n                                                </>\n                                            }\n                                        />\n                                    );\n                                })}\n                            </List>\n                        );\n                    }}\n                </DataList>\n                {modelToBeDeleted ? (\n                    <FullyDeleteModelDialog\n                        model={modelToBeDeleted}\n                        onClose={() => {\n                            setModelToBeDeleted(null);\n                        }}\n                    />\n                ) : null}\n            </>\n        );\n    }\n);\n\nexport default ContentModelsDataList;\n"],"names":["t","i18n","SORTERS","deserializeSorters","data","field","order","DisplayIcon","model","Icon","FontAwesomeIcon","normalizeIcon","ContentModelsDataList","observer","canCreate","onCreate","onClone","showImportModelModal","presenter","useContentModelsPresenter","goToRoute","useRouter","showSnackbar","useSnackbar","canDelete","canEdit","usePermission","filter","setFilter","useState","sort","setSort","modelToBeDeleted","setModelToBeDeleted","models","loading","filteredData","useMemo","lc","m","sortedData","key","orderBy","editRecord","contentModel","Routes","viewContentEntries","useCallback","handleModelsExport","modelIds","download","e","handleModelExport","DataList","Tooltip","IconButton","DownloadFileIcon","UploadFileIcon","Button","AddIcon","SearchUI","DataListModal","Select","label","value","List","disableViewContent","getMessage","CMS_MODEL_SINGLETON_TAG","canDeleteModel","canEditModel","TimeAgo","ModelIsBeingDeleted","ListIcon","EditIcon","DropdownMenu","MoreVertIcon","CloneIcon","ExportIcon","DeleteIcon","FullyDeleteModelDialog"],"mappings":"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"}
+{"version":3,"file":"presentation/contentModels/components/ContentModelsDataList.js","sources":["../../../../src/presentation/contentModels/components/ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { SearchUI, useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    ReactComponent as DownloadFileIcon,\n    ReactComponent as ExportIcon\n} from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { DataList, DataListModal, List } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { ModelIsBeingDeleted } from \"./fullDelete/ModelIsBeingDeleted.js\";\nimport { FullyDeleteModelDialog } from \"./fullDelete/FullyDeleteModelDialog.js\";\nimport { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Routes } from \"~/routes.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\nimport { useContentModelsPresenter } from \"../useContentModelsPresenter.js\";\nimport { download } from \"../utils/download.js\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\nconst SORTERS = [\n    { label: \"Newest to oldest\", sorter: \"savedOn_DESC\" },\n    { label: \"Oldest to newest\", sorter: \"savedOn_ASC\" },\n    { label: \"Name A-Z\", sorter: \"name_ASC\" },\n    { label: \"Name Z-A\", sorter: \"name_DESC\" }\n];\n\nconst deserializeSorters = (data: string): [string, \"asc\" | \"desc\"] => {\n    const [field, order] = data.split(\"_\");\n    return [field, order.toLowerCase() === \"asc\" ? \"asc\" : \"desc\"];\n};\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsModel) => void;\n    showImportModelModal: () => void;\n}\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n    const icon = normalizeIcon(model.icon);\n    if (!icon) {\n        return null;\n    }\n    return (\n        <div className={\"text-neutral-muted\"}>\n            <Icon\n                size={\"lg\"}\n                color={\"inherit\"}\n                label={\"Content model icon\"}\n                icon={<FontAwesomeIcon icon={icon} />}\n            />\n        </div>\n    );\n};\n\nconst ContentModelsDataList = observer(\n    ({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => {\n        const presenter = useContentModelsPresenter();\n        const { goToRoute } = useRouter();\n        const { showSnackbar } = useSnackbar();\n        const { canDelete, canEdit } = usePermission();\n\n        const [filter, setFilter] = useState(\"\");\n        const [sort, setSort] = useState(SORTERS[0].sorter);\n        const [modelToBeDeleted, setModelToBeDeleted] = useState<CmsModel | null>(null);\n\n        const models = presenter.vm.models;\n        const loading = presenter.vm.loading;\n\n        const filteredData = useMemo(() => {\n            if (filter === \"\") {\n                return models;\n            }\n            const lc = filter.toLowerCase();\n            return models.filter((m: CmsModel) => m.name.toLowerCase().includes(lc));\n        }, [models, filter]);\n\n        const sortedData = useMemo(() => {\n            if (!sort) {\n                return filteredData;\n            }\n            const [key, order] = deserializeSorters(sort);\n            return orderBy(filteredData, [key], [order]);\n        }, [filteredData, sort]);\n\n        const editRecord = (contentModel: CmsModel): void => {\n            goToRoute(Routes.ContentModels.Editor, { modelId: contentModel.modelId });\n        };\n\n        const viewContentEntries = useCallback((contentModel: Pick<CmsModel, \"modelId\">) => {\n            return () => {\n                goToRoute(Routes.ContentEntries.List, { modelId: contentModel.modelId });\n            };\n        }, []);\n\n        const handleModelsExport = useCallback(\n            (modelIds?: string[]) => {\n                (async () => {\n                    try {\n                        const data = await presenter.exportModels(modelIds);\n                        if (!data?.models?.length) {\n                            showSnackbar(\"No data returned from the export query.\");\n                            return;\n                        }\n                        download(data);\n                    } catch (ex: any) {\n                        showSnackbar(ex.message);\n                    }\n                })();\n            },\n            [presenter]\n        );\n\n        const handleModelExport = useCallback(\n            (model: CmsModel) => {\n                return () => {\n                    handleModelsExport([model.modelId]);\n                };\n            },\n            [handleModelsExport]\n        );\n\n        return (\n            <>\n                <DataList\n                    loading={loading}\n                    data={sortedData}\n                    title={t`Content Models`}\n                    actions={\n                        <div className={\"flex items-center justify-end gap-xs\"}>\n                            <Tooltip\n                                content={\"Export all models\"}\n                                trigger={\n                                    <IconButton\n                                        icon={<DownloadFileIcon />}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                        onClick={() => handleModelsExport()}\n                                    />\n                                }\n                            />\n                            <Tooltip\n                                content={\"Import models\"}\n                                trigger={\n                                    <IconButton\n                                        icon={<UploadFileIcon />}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                        onClick={() => showImportModelModal()}\n                                    />\n                                }\n                            />\n                            {canCreate ? (\n                                <Button\n                                    data-testid=\"new-record-button\"\n                                    onClick={onCreate}\n                                    text={t`New`}\n                                    icon={<AddIcon />}\n                                    size={\"sm\"}\n                                    className={\"ml-xs\"}\n                                />\n                            ) : null}\n                        </div>\n                    }\n                    search={\n                        <SearchUI\n                            value={filter}\n                            onChange={setFilter}\n                            inputPlaceholder={t`Search content model...`}\n                        />\n                    }\n                    modalOverlay={\n                        <DataListModal.Content>\n                            <Select\n                                value={sort}\n                                onChange={setSort}\n                                label={t`Sort by`}\n                                options={SORTERS.map(({ label, sorter: value }) => ({\n                                    label,\n                                    value\n                                }))}\n                            />\n                        </DataListModal.Content>\n                    }\n                    modalOverlayAction={\n                        <DataListModal.Trigger data-testid={\"default-data-list.filter\"} />\n                    }\n                    refresh={null}\n                >\n                    {({ data = [] }: { data: CmsModel[] }) => {\n                        return (\n                            <List data-testid=\"default-data-list\">\n                                {data.map(contentModel => {\n                                    const disableViewContent = contentModel.fields.length === 0;\n                                    const getMessage = () => {\n                                        if (disableViewContent) {\n                                            return \"To view the entries, you first need to add a field and save the model\";\n                                        }\n                                        if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n                                            return \"View\";\n                                        }\n                                        return \"View entries\";\n                                    };\n\n                                    const canDeleteModel = canDelete(\n                                        contentModel,\n                                        \"cms.contentModel\"\n                                    );\n                                    const canEditModel = canEdit(contentModel, \"cms.contentModel\");\n\n                                    return (\n                                        <List.Item\n                                            key={contentModel.modelId}\n                                            className={\"group/item\"}\n                                            icon={<DisplayIcon model={contentModel} />}\n                                            title={contentModel.name}\n                                            description={t`Last modified: {time}.`({\n                                                time: contentModel.savedOn ? (\n                                                    <TimeAgo datetime={contentModel.savedOn} />\n                                                ) : (\n                                                    \"N/A\"\n                                                )\n                                            })}\n                                            actions={\n                                                <>\n                                                    <ModelIsBeingDeleted model={contentModel}>\n                                                        <span\n                                                            className={\n                                                                \"invisible group-hover/item:visible\"\n                                                            }\n                                                        >\n                                                            <Tooltip\n                                                                side={\"top\"}\n                                                                content={getMessage()}\n                                                                trigger={\n                                                                    <Button\n                                                                        text={\"View entries\"}\n                                                                        icon={<ListIcon />}\n                                                                        variant={\"secondary\"}\n                                                                        size={\"sm\"}\n                                                                        data-testid={\n                                                                            \"cms-view-content-model-button\"\n                                                                        }\n                                                                        onClick={viewContentEntries(\n                                                                            contentModel\n                                                                        )}\n                                                                        disabled={\n                                                                            disableViewContent\n                                                                        }\n                                                                    />\n                                                                }\n                                                            />\n                                                        </span>\n\n                                                        {canEditModel && (\n                                                            <span\n                                                                className={\n                                                                    \"invisible group-hover/item:visible\"\n                                                                }\n                                                            >\n                                                                <Tooltip\n                                                                    side={\"top\"}\n                                                                    content={\n                                                                        contentModel.plugin\n                                                                            ? t`Content model is registered via a plugin.`\n                                                                            : t`Edit content model`\n                                                                    }\n                                                                    trigger={\n                                                                        <Button\n                                                                            text={\"Edit\"}\n                                                                            icon={<EditIcon />}\n                                                                            variant={\"secondary\"}\n                                                                            size={\"sm\"}\n                                                                            disabled={\n                                                                                contentModel.plugin\n                                                                            }\n                                                                            onClick={() =>\n                                                                                editRecord(\n                                                                                    contentModel\n                                                                                )\n                                                                            }\n                                                                            data-testid={\n                                                                                \"cms-edit-content-model-button\"\n                                                                            }\n                                                                        />\n                                                                    }\n                                                                />\n                                                            </span>\n                                                        )}\n\n                                                        <DropdownMenu\n                                                            trigger={\n                                                                <IconButton\n                                                                    icon={<MoreVertIcon />}\n                                                                    size={\"sm\"}\n                                                                    variant={\"ghost\"}\n                                                                />\n                                                            }\n                                                        >\n                                                            {canEditModel && (\n                                                                <DropdownMenu.Item\n                                                                    text={\"Clone\"}\n                                                                    icon={\n                                                                        <DropdownMenu.Item.Icon\n                                                                            label={\"Clone\"}\n                                                                            element={<CloneIcon />}\n                                                                        />\n                                                                    }\n                                                                    data-testid={\n                                                                        \"cms-clone-content-model-button\"\n                                                                    }\n                                                                    onClick={() =>\n                                                                        onClone(contentModel)\n                                                                    }\n                                                                />\n                                                            )}\n\n                                                            <DropdownMenu.Item\n                                                                text={\"Export\"}\n                                                                icon={\n                                                                    <DropdownMenu.Item.Icon\n                                                                        label={\"Export\"}\n                                                                        element={<ExportIcon />}\n                                                                    />\n                                                                }\n                                                                data-testid={\n                                                                    \"cms-export-content-model-button\"\n                                                                }\n                                                                onClick={handleModelExport(\n                                                                    contentModel\n                                                                )}\n                                                            />\n\n                                                            {canDeleteModel && (\n                                                                <DropdownMenu.Item\n                                                                    text={\"Delete\"}\n                                                                    icon={\n                                                                        <DropdownMenu.Item.Icon\n                                                                            label={\"Delete\"}\n                                                                            element={<DeleteIcon />}\n                                                                        />\n                                                                    }\n                                                                    onClick={() => {\n                                                                        setModelToBeDeleted(\n                                                                            contentModel\n                                                                        );\n                                                                    }}\n                                                                    data-testid={\n                                                                        \"cms-delete-content-model-button\"\n                                                                    }\n                                                                    className={\n                                                                        \"text-destructive-primary! [&_svg]:fill-destructive\"\n                                                                    }\n                                                                />\n                                                            )}\n                                                        </DropdownMenu>\n                                                    </ModelIsBeingDeleted>\n                                                </>\n                                            }\n                                        />\n                                    );\n                                })}\n                            </List>\n                        );\n                    }}\n                </DataList>\n                {modelToBeDeleted ? (\n                    <FullyDeleteModelDialog\n                        model={modelToBeDeleted}\n                        onClose={() => {\n                            setModelToBeDeleted(null);\n                        }}\n                    />\n                ) : null}\n            </>\n        );\n    }\n);\n\nexport default ContentModelsDataList;\n"],"names":["t","i18n","SORTERS","deserializeSorters","data","field","order","DisplayIcon","model","icon","normalizeIcon","Icon","FontAwesomeIcon","ContentModelsDataList","observer","canCreate","onCreate","onClone","showImportModelModal","presenter","useContentModelsPresenter","goToRoute","useRouter","showSnackbar","useSnackbar","canDelete","canEdit","usePermission","filter","setFilter","useState","sort","setSort","modelToBeDeleted","setModelToBeDeleted","models","loading","filteredData","useMemo","lc","m","sortedData","key","orderBy","editRecord","contentModel","Routes","viewContentEntries","useCallback","handleModelsExport","modelIds","download","ex","handleModelExport","DataList","Tooltip","IconButton","DownloadFileIcon","UploadFileIcon","Button","AddIcon","SearchUI","DataListModal","Select","label","value","List","disableViewContent","getMessage","CMS_MODEL_SINGLETON_TAG","canDeleteModel","canEditModel","TimeAgo","ModelIsBeingDeleted","ListIcon","EditIcon","DropdownMenu","MoreVertIcon","CloneIcon","ExportIcon","DeleteIcon","FullyDeleteModelDialog"],"mappings":"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"}

package/presentation/contentModels/components/NewContentModelDialog.d.ts

@@ -4,7 +4,7 @@ export interface NewContentModelDialogProps {
     open: boolean;
     onClose: DialogProps["onClose"];
 }
-declare const NewContentModelDialog: (({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element) & {
-    displayName: string;
+declare const NewContentModelDialog: (({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element) & React.NamedExoticComponent<NewContentModelDialogProps> & {
+    readonly type: ({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element;
 };
 export default NewContentModelDialog;

package/presentation/contentModels/components/fullDelete/dialog/Content.js

@@ -6,10 +6,10 @@ import { OverlayLoader } from "@webiny/admin-ui";
 import { Processed } from "./Processed.js";
 const Content = ({ confirmation, setConfirmation, error, model, status })=>{
     if (!model) return /*#__PURE__*/ react.createElement("p", null, "Model not found.");
-    if (status === FullyDeleteModelStateStatus.NONE) return /*#__PURE__*/ react.createElement(Information, {
+    else if (status === FullyDeleteModelStateStatus.NONE) return /*#__PURE__*/ react.createElement(Information, {
         model: model
     });
-    if (status === FullyDeleteModelStateStatus.PROCESSED) return /*#__PURE__*/ react.createElement(Processed, {
+    else if (status === FullyDeleteModelStateStatus.PROCESSED) return /*#__PURE__*/ react.createElement(Processed, {
         model: model
     });
     return /*#__PURE__*/ react.createElement(react.Fragment, null, status === FullyDeleteModelStateStatus.CONFIRMED && /*#__PURE__*/ react.createElement(OverlayLoader, {

package/presentation/contentModels/components/fullDelete/dialog/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentModels/components/fullDelete/dialog/Content.js","sources":["../../../../../../src/presentation/contentModels/components/fullDelete/dialog/Content.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport { FullyDeleteModelStateStatus } from \"../types.js\";\nimport { Information } from \"./Information.js\";\nimport { Confirmation } from \"./Confirmation.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { Processed } from \"./Processed.js\";\n\nexport interface IContentProps {\n    model: CmsModel | null;\n    confirmation: string;\n    setConfirmation: (value: string) => void;\n    error: CmsErrorResponse | null;\n    status: FullyDeleteModelStateStatus;\n}\n\nexport const Content = ({ confirmation, setConfirmation, error, model, status }: IContentProps) => {\n    if (!model) {\n        return <p>Model not found.</p>;\n    } else if (status === FullyDeleteModelStateStatus.NONE) {\n        return <Information model={model} />;\n    } else if (status === FullyDeleteModelStateStatus.PROCESSED) {\n        return <Processed model={model} />;\n    }\n\n    return (\n        <>\n            {status === FullyDeleteModelStateStatus.CONFIRMED && (\n                <OverlayLoader text={\"Starting the deletion process...\"} />\n            )}\n            <Confirmation\n                model={model}\n                setConfirmation={setConfirmation}\n                confirmation={confirmation}\n                error={error}\n            />\n        </>\n    );\n};\n"],"names":["Content","confirmation","setConfirmation","error","model","status","FullyDeleteModelStateStatus","Information","Processed","OverlayLoader","Confirmation"],"mappings":";;;;;;AAgBO,MAAMA,UAAU,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,EAAiB;IAC1F,IAAI,CAACD,OACD,OAAO,WAAP,GAAO,oBAAC,WAAE;IACP,IAAIC,WAAWC,4BAA4B,IAAI,EAClD,OAAO,WAAP,GAAO,oBAACC,aAAWA;QAAC,OAAOH;;IACxB,IAAIC,WAAWC,4BAA4B,SAAS,EACvD,OAAO,WAAP,GAAO,oBAACE,WAASA;QAAC,OAAOJ;;IAG7B,OAAO,WAAP,GACI,0CACKC,WAAWC,4BAA4B,SAAS,IAAI,WAAJ,GAC7C,oBAACG,eAAaA;QAAC,MAAM;sBAEzB,oBAACC,cAAYA;QACT,OAAON;QACP,iBAAiBF;QACjB,cAAcD;QACd,OAAOE;;AAIvB"}
+{"version":3,"file":"presentation/contentModels/components/fullDelete/dialog/Content.js","sources":["../../../../../../src/presentation/contentModels/components/fullDelete/dialog/Content.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport { FullyDeleteModelStateStatus } from \"../types.js\";\nimport { Information } from \"./Information.js\";\nimport { Confirmation } from \"./Confirmation.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { Processed } from \"./Processed.js\";\n\nexport interface IContentProps {\n    model: CmsModel | null;\n    confirmation: string;\n    setConfirmation: (value: string) => void;\n    error: CmsErrorResponse | null;\n    status: FullyDeleteModelStateStatus;\n}\n\nexport const Content = ({ confirmation, setConfirmation, error, model, status }: IContentProps) => {\n    if (!model) {\n        return <p>Model not found.</p>;\n    } else if (status === FullyDeleteModelStateStatus.NONE) {\n        return <Information model={model} />;\n    } else if (status === FullyDeleteModelStateStatus.PROCESSED) {\n        return <Processed model={model} />;\n    }\n\n    return (\n        <>\n            {status === FullyDeleteModelStateStatus.CONFIRMED && (\n                <OverlayLoader text={\"Starting the deletion process...\"} />\n            )}\n            <Confirmation\n                model={model}\n                setConfirmation={setConfirmation}\n                confirmation={confirmation}\n                error={error}\n            />\n        </>\n    );\n};\n"],"names":["Content","confirmation","setConfirmation","error","model","status","FullyDeleteModelStateStatus","Information","Processed","OverlayLoader","Confirmation"],"mappings":";;;;;;AAgBO,MAAMA,UAAU,CAAC,EAAEC,YAAY,EAAEC,eAAe,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,EAAiB;IAC1F,IAAI,CAACD,OACD,OAAO,WAAP,GAAO,oBAAC,WAAE;SACP,IAAIC,WAAWC,4BAA4B,IAAI,EAClD,OAAO,WAAP,GAAO,oBAACC,aAAWA;QAAC,OAAOH;;SACxB,IAAIC,WAAWC,4BAA4B,SAAS,EACvD,OAAO,WAAP,GAAO,oBAACE,WAASA;QAAC,OAAOJ;;IAG7B,OAAO,WAAP,GACI,0CACKC,WAAWC,4BAA4B,SAAS,IAAI,WAAJ,GAC7C,oBAACG,eAAaA;QAAC,MAAM;sBAEzB,oBAACC,cAAYA;QACT,OAAON;QACP,iBAAiBF;QACjB,cAAcD;QACd,OAAOE;;AAIvB"}

package/presentation/contentModels/components/fullDelete/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentModels/components/fullDelete/types.js","sources":["../../../../../src/presentation/contentModels/components/fullDelete/types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n    NONE = 0,\n    UNDERSTOOD = 1,\n    CONFIRMED = 2,\n    PROCESSED = 3,\n    ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n    status: FullyDeleteModelStateStatus;\n    confirmation: string;\n    model: CmsModel;\n    error: CmsErrorResponse | null;\n    task: IDeleteCmsModelTask | null;\n}\n"],"names":["FullyDeleteModelStateStatus"],"mappings":"AAGO,IAAKA,oCAA2BA,WAAAA,GAAAA,SAA3BA,2BAA2B;;;;;;WAA3BA"}
+{"version":3,"file":"presentation/contentModels/components/fullDelete/types.js","sources":["../../../../../src/presentation/contentModels/components/fullDelete/types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n    NONE = 0,\n    UNDERSTOOD = 1,\n    CONFIRMED = 2,\n    PROCESSED = 3,\n    ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n    status: FullyDeleteModelStateStatus;\n    confirmation: string;\n    model: CmsModel;\n    error: CmsErrorResponse | null;\n    task: IDeleteCmsModelTask | null;\n}\n"],"names":["FullyDeleteModelStateStatus"],"mappings":"AAGO,IAAKA,oCAA2BA,WAAAA,GAAAA,SAA3BA,2BAA2B;sEAC5B;4EACM;2EACD;2EACA;uEACJ;WALAA"}

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

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

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

@@ -0,0 +1,133 @@
+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"
+        ]);
+    });
+});
+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\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","RefSingleAutocompletePresenter","SingleAbstraction","ref"],"mappings":";;;;;;;;AAUA,MAAMA,cAAc,CAACC,SAAiBC,QAAsC;QACxE,IAAI,GAAGD,QAAQ,KAAK,CAAC;QACrBA;QACA,QAAQ;QACRC;QACA,aAAa;QACb,OAAO;QACP,WAAW;QACX,SAAS;QACT,WAAW;YAAE,IAAI;YAAK,MAAM;YAAS,aAAa;QAAQ;QAC1D,YAAY;QACZ,OAAO;YAAE,SAAS;YAAY,MAAM;QAAW;QAC/C,WAAW;QACX,iBAAiB;IACrB;AAGA,MAAMC,eAAeH,YAAY,SAAS;AAC1C,MAAMI,gBAAgBJ,YAAY,UAAU;AAE5C,MAAMK,kBAAkB;IACpB,MAAMC,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,6BAA6B;QACpD,SAAS,OAAO,EAAEC,KAAK,EAAE,GAAM;gBAAE,MAAMA,QAAQ;oBAACL;iBAAc,GAAG;oBAACD;iBAAa;YAAC;IACpF;IACAG,UAAU,gBAAgB,CAACI,0BAA0B;QACjD,SAAS,UAAa;gBAAE,QAAQ,EAAE;gBAAE,WAAW,EAAE;YAAC;IACtD;IACA,OAAOJ;AACX;AAEAK,SAAS,iCAAiC;IACtCC,GAAG,iDAAiD;QAChD,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACO;QACnB,MAAMC,YAAYR,UAAU,OAAO,CAACS;QAEpC,MAAMD,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9C,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAME,OAAOF,UAAU,MAAM,CAAC;YAAC;SAAS;QAExCG,OAAOD,MAAM,OAAO,CAAC;YAAC;gBAAE,IAAI;gBAAe,SAAS;YAAW;SAAE;QACjEC,OAAOH,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAAC;SAAS;QAC9CG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC;YAAE,OAAO;YAAU,OAAO;QAAS;IACnF;IAEAF,GAAG,4EAA4E;QAC3E,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACO;QACnB,MAAMC,YAAYR,UAAU,OAAO,CAACS;QAEpC,MAAMD,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9CA,UAAU,MAAM,CAAC;YAAC;SAAQ;QAC1B,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAME,OAAOF,UAAU,MAAM,CAAC;YAAC;YAAS;SAAS;QAEjDG,OAAOD,MAAM,OAAO,CAAC;YACjB;gBAAE,IAAI;gBAAc,SAAS;YAAW;YACxC;gBAAE,IAAI;gBAAe,SAAS;YAAW;SAC5C;QACDC,OAAOH,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAAC;YAAS;SAAS;IAC3D;AACJ;AAEAH,SAAS,kCAAkC;IACvCC,GAAG,iDAAiD;QAChD,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACY;QACnB,MAAMJ,YAAYR,UAAU,OAAO,CAACa;QAEpC,MAAML,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9C,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAMM,MAAMN,UAAU,MAAM,CAAC;QAE7BG,OAAOG,KAAK,OAAO,CAAC;YAAE,IAAI;YAAe,SAAS;QAAW;QAC7DH,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;IACpC;AACJ"}

package/presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.js

@@ -47,9 +47,9 @@ class RefMultiAutocompletePresenterImpl {
         await this.base.search(query);
     }
     select(entryIds) {
-        this.base.clearSearch();
         const allOptions = this.getAllKnownOptions();
         const selected = entryIds.map((entryId)=>allOptions.find((o)=>o.entryId === entryId)).filter((o)=>null != o);
+        this.base.clearSearch();
         this.resolved = selected;
         return selected.map((opt)=>({
                 id: opt.id,

package/presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.js","sources":["../../../../../../src/presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { IRefEntryOption, IDropdownOption } from \"../abstractions.js\";\nimport { BaseAutocompletePresenter } from \"../BaseAutocompletePresenter.js\";\nimport {\n    RefMultiAutocompletePresenter as Abstraction,\n    type IRefMultiAutocompleteInitConfig,\n    type IRefMultiAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass RefMultiAutocompletePresenterImpl implements Abstraction.Interface {\n    private base: BaseAutocompletePresenter;\n    private resolved: IRefEntryOption[] = [];\n\n    constructor(\n        searchUseCase: SearchContentEntriesUseCase.Interface,\n        getEntriesUseCase: GetContentEntriesUseCase.Interface\n    ) {\n        this.base = new BaseAutocompletePresenter(searchUseCase, getEntriesUseCase);\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IRefMultiAutocompleteViewModel {\n        const baseOptions = this.base.activeOptions;\n\n        const seen = new Set<string>();\n        const merged: IDropdownOption[] = [];\n\n        for (const opt of this.resolved) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        for (const opt of baseOptions) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        const values = this.resolved.map(v => v.entryId);\n        const ready = this.resolved.length > 0;\n\n        return {\n            loading: this.base.loading,\n            options: merged,\n            values: ready ? values : [],\n            ready\n        };\n    }\n\n    async init(config: IRefMultiAutocompleteInitConfig): Promise<void> {\n        this.base.modelIds = config.modelIds;\n        await this.base.loadDefaults();\n\n        if (config.values && config.values.length > 0) {\n            await this.resolve(config.values);\n        }\n    }\n\n    async search(query: string): Promise<void> {\n        await this.base.search(query);\n    }\n\n    select(entryIds: string[]): CmsReferenceValue[] {\n        this.base.clearSearch();\n\n        const allOptions = this.getAllKnownOptions();\n        const selected = entryIds\n            .map(entryId => allOptions.find(o => o.entryId === entryId))\n            .filter((o): o is IRefEntryOption => o != null);\n\n        this.resolved = selected;\n        return selected.map(opt => ({ id: opt.id, modelId: opt.modelId }));\n    }\n\n    clear(): void {\n        this.base.clearSearch();\n        this.resolved = [];\n    }\n\n    dispose(): void {}\n\n    private async resolve(values: CmsReferenceValue[]): Promise<void> {\n        const options = await this.base.resolveEntries(values);\n        runInAction(() => {\n            this.resolved = options;\n        });\n    }\n\n    private getAllKnownOptions(): IRefEntryOption[] {\n        const seen = new Set<string>();\n        const result: IRefEntryOption[] = [];\n\n        for (const source of [this.resolved, this.base.searchOptions, this.base.defaultOptions]) {\n            for (const opt of source) {\n                if (!seen.has(opt.entryId)) {\n                    seen.add(opt.entryId);\n                    result.push(opt);\n                }\n            }\n        }\n\n        return result;\n    }\n}\n\nexport const RefMultiAutocompletePresenter = Abstraction.createImplementation({\n    implementation: RefMultiAutocompletePresenterImpl,\n    dependencies: [SearchContentEntriesUseCase, GetContentEntriesUseCase]\n});\n"],"names":["RefMultiAutocompletePresenterImpl","searchUseCase","getEntriesUseCase","BaseAutocompletePresenter","makeAutoObservable","computed","baseOptions","seen","Set","merged","opt","values","v","ready","config","query","entryIds","allOptions","selected","entryId","o","options","runInAction","result","source","RefMultiAutocompletePresenter","Abstraction","SearchContentEntriesUseCase","GetContentEntriesUseCase"],"mappings":"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"}
+{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.js","sources":["../../../../../../src/presentation/fieldRenderers/ref/autocomplete/multi/RefMultiAutocompletePresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { IRefEntryOption, IDropdownOption } from \"../abstractions.js\";\nimport { BaseAutocompletePresenter } from \"../BaseAutocompletePresenter.js\";\nimport {\n    RefMultiAutocompletePresenter as Abstraction,\n    type IRefMultiAutocompleteInitConfig,\n    type IRefMultiAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass RefMultiAutocompletePresenterImpl implements Abstraction.Interface {\n    private base: BaseAutocompletePresenter;\n    private resolved: IRefEntryOption[] = [];\n\n    constructor(\n        searchUseCase: SearchContentEntriesUseCase.Interface,\n        getEntriesUseCase: GetContentEntriesUseCase.Interface\n    ) {\n        this.base = new BaseAutocompletePresenter(searchUseCase, getEntriesUseCase);\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IRefMultiAutocompleteViewModel {\n        const baseOptions = this.base.activeOptions;\n\n        const seen = new Set<string>();\n        const merged: IDropdownOption[] = [];\n\n        for (const opt of this.resolved) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        for (const opt of baseOptions) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        const values = this.resolved.map(v => v.entryId);\n        const ready = this.resolved.length > 0;\n\n        return {\n            loading: this.base.loading,\n            options: merged,\n            values: ready ? values : [],\n            ready\n        };\n    }\n\n    async init(config: IRefMultiAutocompleteInitConfig): Promise<void> {\n        this.base.modelIds = config.modelIds;\n        await this.base.loadDefaults();\n\n        if (config.values && config.values.length > 0) {\n            await this.resolve(config.values);\n        }\n    }\n\n    async search(query: string): Promise<void> {\n        await this.base.search(query);\n    }\n\n    select(entryIds: string[]): CmsReferenceValue[] {\n        // Look the entries up before clearing the search, or one picked from the search results is lost.\n        const allOptions = this.getAllKnownOptions();\n        const selected = entryIds\n            .map(entryId => allOptions.find(o => o.entryId === entryId))\n            .filter((o): o is IRefEntryOption => o != null);\n\n        this.base.clearSearch();\n        this.resolved = selected;\n        return selected.map(opt => ({ id: opt.id, modelId: opt.modelId }));\n    }\n\n    clear(): void {\n        this.base.clearSearch();\n        this.resolved = [];\n    }\n\n    dispose(): void {}\n\n    private async resolve(values: CmsReferenceValue[]): Promise<void> {\n        const options = await this.base.resolveEntries(values);\n        runInAction(() => {\n            this.resolved = options;\n        });\n    }\n\n    private getAllKnownOptions(): IRefEntryOption[] {\n        const seen = new Set<string>();\n        const result: IRefEntryOption[] = [];\n\n        for (const source of [this.resolved, this.base.searchOptions, this.base.defaultOptions]) {\n            for (const opt of source) {\n                if (!seen.has(opt.entryId)) {\n                    seen.add(opt.entryId);\n                    result.push(opt);\n                }\n            }\n        }\n\n        return result;\n    }\n}\n\nexport const RefMultiAutocompletePresenter = Abstraction.createImplementation({\n    implementation: RefMultiAutocompletePresenterImpl,\n    dependencies: [SearchContentEntriesUseCase, GetContentEntriesUseCase]\n});\n"],"names":["RefMultiAutocompletePresenterImpl","searchUseCase","getEntriesUseCase","BaseAutocompletePresenter","makeAutoObservable","computed","baseOptions","seen","Set","merged","opt","values","v","ready","config","query","entryIds","allOptions","selected","entryId","o","options","runInAction","result","source","RefMultiAutocompletePresenter","Abstraction","SearchContentEntriesUseCase","GetContentEntriesUseCase"],"mappings":"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"}

package/presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.js

@@ -45,8 +45,8 @@ class RefSingleAutocompletePresenterImpl {
         await this.base.search(query);
     }
     select(entryId) {
-        this.base.clearSearch();
         const opt = this.findOption(entryId);
+        this.base.clearSearch();
         if (!opt) return null;
         this.resolved = opt;
         return {

package/presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.js","sources":["../../../../../../src/presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { IRefEntryOption, IDropdownOption } from \"../abstractions.js\";\nimport { BaseAutocompletePresenter } from \"../BaseAutocompletePresenter.js\";\nimport {\n    RefSingleAutocompletePresenter as Abstraction,\n    type IRefSingleAutocompleteInitConfig,\n    type IRefSingleAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass RefSingleAutocompletePresenterImpl implements Abstraction.Interface {\n    private base: BaseAutocompletePresenter;\n    private resolved: IRefEntryOption | null = null;\n\n    constructor(\n        searchUseCase: SearchContentEntriesUseCase.Interface,\n        getEntriesUseCase: GetContentEntriesUseCase.Interface\n    ) {\n        this.base = new BaseAutocompletePresenter(searchUseCase, getEntriesUseCase);\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IRefSingleAutocompleteViewModel {\n        const baseOptions = this.base.activeOptions;\n\n        const seen = new Set<string>();\n        const merged: IDropdownOption[] = [];\n\n        if (this.resolved) {\n            seen.add(this.resolved.entryId);\n            merged.push({ label: this.resolved.name, value: this.resolved.entryId });\n        }\n\n        for (const opt of baseOptions) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        return {\n            loading: this.base.loading,\n            options: merged,\n            value: this.resolved ? this.resolved.entryId : undefined,\n            canReset: this.resolved !== null\n        };\n    }\n\n    async init(config: IRefSingleAutocompleteInitConfig): Promise<void> {\n        this.base.modelIds = config.modelIds;\n        await this.base.loadDefaults();\n\n        if (config.value) {\n            await this.resolve(config.value);\n        }\n    }\n\n    async search(query: string): Promise<void> {\n        await this.base.search(query);\n    }\n\n    select(entryId: string): CmsReferenceValue | null {\n        this.base.clearSearch();\n\n        const opt = this.findOption(entryId);\n        if (!opt) {\n            return null;\n        }\n        this.resolved = opt;\n        return { id: opt.id, modelId: opt.modelId };\n    }\n\n    clear(): void {\n        this.base.clearSearch();\n        this.resolved = null;\n    }\n\n    dispose(): void {}\n\n    private async resolve(value: CmsReferenceValue): Promise<void> {\n        const options = await this.base.resolveEntries([value]);\n        runInAction(() => {\n            this.resolved = options[0] ?? null;\n        });\n    }\n\n    private findOption(entryId: string): IRefEntryOption | undefined {\n        const sources = [\n            this.resolved ? [this.resolved] : [],\n            this.base.searchOptions,\n            this.base.defaultOptions\n        ];\n        for (const source of sources) {\n            const found = source.find(o => o.entryId === entryId);\n            if (found) {\n                return found;\n            }\n        }\n        return undefined;\n    }\n}\n\nexport const RefSingleAutocompletePresenter = Abstraction.createImplementation({\n    implementation: RefSingleAutocompletePresenterImpl,\n    dependencies: [SearchContentEntriesUseCase, GetContentEntriesUseCase]\n});\n"],"names":["RefSingleAutocompletePresenterImpl","searchUseCase","getEntriesUseCase","BaseAutocompletePresenter","makeAutoObservable","computed","baseOptions","seen","Set","merged","opt","undefined","config","query","entryId","value","options","runInAction","sources","source","found","o","RefSingleAutocompletePresenter","Abstraction","SearchContentEntriesUseCase","GetContentEntriesUseCase"],"mappings":";;;;;AAYA,MAAMA;IAIF,YACIC,aAAoD,EACpDC,iBAAqD,CACvD;aALM,QAAQ,GAA2B;QAMvC,IAAI,CAAC,IAAI,GAAG,IAAIC,0BAA0BF,eAAeC;QACzDE,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAAsC;QACtC,MAAMC,cAAc,IAAI,CAAC,IAAI,CAAC,aAAa;QAE3C,MAAMC,OAAO,IAAIC;QACjB,MAAMC,SAA4B,EAAE;QAEpC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACfF,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAC9BE,OAAO,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAC;QAC1E;QAEA,KAAK,MAAMC,OAAOJ,YACd,IAAI,CAACC,KAAK,GAAG,CAACG,IAAI,OAAO,GAAG;YACxBH,KAAK,GAAG,CAACG,IAAI,OAAO;YACpBD,OAAO,IAAI,CAAC;gBAAE,OAAOC,IAAI,IAAI;gBAAE,OAAOA,IAAI,OAAO;YAAC;QACtD;QAGJ,OAAO;YACH,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;YAC1B,SAASD;YACT,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAGE;YAC/C,UAAU,AAAkB,SAAlB,IAAI,CAAC,QAAQ;QAC3B;IACJ;IAEA,MAAM,KAAKC,MAAwC,EAAiB;QAChE,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAGA,OAAO,QAAQ;QACpC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY;QAE5B,IAAIA,OAAO,KAAK,EACZ,MAAM,IAAI,CAAC,OAAO,CAACA,OAAO,KAAK;IAEvC;IAEA,MAAM,OAAOC,KAAa,EAAiB;QACvC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAACA;IAC3B;IAEA,OAAOC,OAAe,EAA4B;QAC9C,IAAI,CAAC,IAAI,CAAC,WAAW;QAErB,MAAMJ,MAAM,IAAI,CAAC,UAAU,CAACI;QAC5B,IAAI,CAACJ,KACD,OAAO;QAEX,IAAI,CAAC,QAAQ,GAAGA;QAChB,OAAO;YAAE,IAAIA,IAAI,EAAE;YAAE,SAASA,IAAI,OAAO;QAAC;IAC9C;IAEA,QAAc;QACV,IAAI,CAAC,IAAI,CAAC,WAAW;QACrB,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,UAAgB,CAAC;IAEjB,MAAc,QAAQK,KAAwB,EAAiB;QAC3D,MAAMC,UAAU,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;YAACD;SAAM;QACtDE,YAAY;YACR,IAAI,CAAC,QAAQ,GAAGD,OAAO,CAAC,EAAE,IAAI;QAClC;IACJ;IAEQ,WAAWF,OAAe,EAA+B;QAC7D,MAAMI,UAAU;YACZ,IAAI,CAAC,QAAQ,GAAG;gBAAC,IAAI,CAAC,QAAQ;aAAC,GAAG,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,aAAa;YACvB,IAAI,CAAC,IAAI,CAAC,cAAc;SAC3B;QACD,KAAK,MAAMC,UAAUD,QAAS;YAC1B,MAAME,QAAQD,OAAO,IAAI,CAACE,CAAAA,IAAKA,EAAE,OAAO,KAAKP;YAC7C,IAAIM,OACA,OAAOA;QAEf;IAEJ;AACJ;AAEO,MAAME,gEAAiCC,+BAAAA,oBAAgC,CAAC;IAC3E,gBAAgBvB;IAChB,cAAc;QAACwB;QAA6BC;KAAyB;AACzE"}
+{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.js","sources":["../../../../../../src/presentation/fieldRenderers/ref/autocomplete/single/RefSingleAutocompletePresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { IRefEntryOption, IDropdownOption } from \"../abstractions.js\";\nimport { BaseAutocompletePresenter } from \"../BaseAutocompletePresenter.js\";\nimport {\n    RefSingleAutocompletePresenter as Abstraction,\n    type IRefSingleAutocompleteInitConfig,\n    type IRefSingleAutocompleteViewModel\n} from \"./abstractions.js\";\n\nclass RefSingleAutocompletePresenterImpl implements Abstraction.Interface {\n    private base: BaseAutocompletePresenter;\n    private resolved: IRefEntryOption | null = null;\n\n    constructor(\n        searchUseCase: SearchContentEntriesUseCase.Interface,\n        getEntriesUseCase: GetContentEntriesUseCase.Interface\n    ) {\n        this.base = new BaseAutocompletePresenter(searchUseCase, getEntriesUseCase);\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IRefSingleAutocompleteViewModel {\n        const baseOptions = this.base.activeOptions;\n\n        const seen = new Set<string>();\n        const merged: IDropdownOption[] = [];\n\n        if (this.resolved) {\n            seen.add(this.resolved.entryId);\n            merged.push({ label: this.resolved.name, value: this.resolved.entryId });\n        }\n\n        for (const opt of baseOptions) {\n            if (!seen.has(opt.entryId)) {\n                seen.add(opt.entryId);\n                merged.push({ label: opt.name, value: opt.entryId });\n            }\n        }\n\n        return {\n            loading: this.base.loading,\n            options: merged,\n            value: this.resolved ? this.resolved.entryId : undefined,\n            canReset: this.resolved !== null\n        };\n    }\n\n    async init(config: IRefSingleAutocompleteInitConfig): Promise<void> {\n        this.base.modelIds = config.modelIds;\n        await this.base.loadDefaults();\n\n        if (config.value) {\n            await this.resolve(config.value);\n        }\n    }\n\n    async search(query: string): Promise<void> {\n        await this.base.search(query);\n    }\n\n    select(entryId: string): CmsReferenceValue | null {\n        // Look the entry up before clearing the search, or one picked from the search results is lost.\n        const opt = this.findOption(entryId);\n        this.base.clearSearch();\n        if (!opt) {\n            return null;\n        }\n        this.resolved = opt;\n        return { id: opt.id, modelId: opt.modelId };\n    }\n\n    clear(): void {\n        this.base.clearSearch();\n        this.resolved = null;\n    }\n\n    dispose(): void {}\n\n    private async resolve(value: CmsReferenceValue): Promise<void> {\n        const options = await this.base.resolveEntries([value]);\n        runInAction(() => {\n            this.resolved = options[0] ?? null;\n        });\n    }\n\n    private findOption(entryId: string): IRefEntryOption | undefined {\n        const sources = [\n            this.resolved ? [this.resolved] : [],\n            this.base.searchOptions,\n            this.base.defaultOptions\n        ];\n        for (const source of sources) {\n            const found = source.find(o => o.entryId === entryId);\n            if (found) {\n                return found;\n            }\n        }\n        return undefined;\n    }\n}\n\nexport const RefSingleAutocompletePresenter = Abstraction.createImplementation({\n    implementation: RefSingleAutocompletePresenterImpl,\n    dependencies: [SearchContentEntriesUseCase, GetContentEntriesUseCase]\n});\n"],"names":["RefSingleAutocompletePresenterImpl","searchUseCase","getEntriesUseCase","BaseAutocompletePresenter","makeAutoObservable","computed","baseOptions","seen","Set","merged","opt","undefined","config","query","entryId","value","options","runInAction","sources","source","found","o","RefSingleAutocompletePresenter","Abstraction","SearchContentEntriesUseCase","GetContentEntriesUseCase"],"mappings":";;;;;AAYA,MAAMA;IAIF,YACIC,aAAoD,EACpDC,iBAAqD,CACvD;aALM,QAAQ,GAA2B;QAMvC,IAAI,CAAC,IAAI,GAAG,IAAIC,0BAA0BF,eAAeC;QACzDE,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAAsC;QACtC,MAAMC,cAAc,IAAI,CAAC,IAAI,CAAC,aAAa;QAE3C,MAAMC,OAAO,IAAIC;QACjB,MAAMC,SAA4B,EAAE;QAEpC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACfF,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAC9BE,OAAO,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAC;QAC1E;QAEA,KAAK,MAAMC,OAAOJ,YACd,IAAI,CAACC,KAAK,GAAG,CAACG,IAAI,OAAO,GAAG;YACxBH,KAAK,GAAG,CAACG,IAAI,OAAO;YACpBD,OAAO,IAAI,CAAC;gBAAE,OAAOC,IAAI,IAAI;gBAAE,OAAOA,IAAI,OAAO;YAAC;QACtD;QAGJ,OAAO;YACH,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;YAC1B,SAASD;YACT,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAGE;YAC/C,UAAU,AAAkB,SAAlB,IAAI,CAAC,QAAQ;QAC3B;IACJ;IAEA,MAAM,KAAKC,MAAwC,EAAiB;QAChE,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAGA,OAAO,QAAQ;QACpC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY;QAE5B,IAAIA,OAAO,KAAK,EACZ,MAAM,IAAI,CAAC,OAAO,CAACA,OAAO,KAAK;IAEvC;IAEA,MAAM,OAAOC,KAAa,EAAiB;QACvC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAACA;IAC3B;IAEA,OAAOC,OAAe,EAA4B;QAE9C,MAAMJ,MAAM,IAAI,CAAC,UAAU,CAACI;QAC5B,IAAI,CAAC,IAAI,CAAC,WAAW;QACrB,IAAI,CAACJ,KACD,OAAO;QAEX,IAAI,CAAC,QAAQ,GAAGA;QAChB,OAAO;YAAE,IAAIA,IAAI,EAAE;YAAE,SAASA,IAAI,OAAO;QAAC;IAC9C;IAEA,QAAc;QACV,IAAI,CAAC,IAAI,CAAC,WAAW;QACrB,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,UAAgB,CAAC;IAEjB,MAAc,QAAQK,KAAwB,EAAiB;QAC3D,MAAMC,UAAU,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;YAACD;SAAM;QACtDE,YAAY;YACR,IAAI,CAAC,QAAQ,GAAGD,OAAO,CAAC,EAAE,IAAI;QAClC;IACJ;IAEQ,WAAWF,OAAe,EAA+B;QAC7D,MAAMI,UAAU;YACZ,IAAI,CAAC,QAAQ,GAAG;gBAAC,IAAI,CAAC,QAAQ;aAAC,GAAG,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,aAAa;YACvB,IAAI,CAAC,IAAI,CAAC,cAAc;SAC3B;QACD,KAAK,MAAMC,UAAUD,QAAS;YAC1B,MAAME,QAAQD,OAAO,IAAI,CAACE,CAAAA,IAAKA,EAAE,OAAO,KAAKP;YAC7C,IAAIM,OACA,OAAOA;QAEf;IAEJ;AACJ;AAEO,MAAME,gEAAiCC,+BAAAA,oBAAgC,CAAC;IAC3E,gBAAgBvB;IAChB,cAAc;QAACwB;QAA6BC;KAAyB;AACzE"}

package/presentation/fieldRenderers/ref/components/RefFieldOptions.d.ts

@@ -5,7 +5,7 @@ interface RefFieldOptionsProps {
     onNewRecord: (modelId: string) => void;
     onLinkExistingRecord: (modelId: string) => void;
 }
-export declare const RefFieldOptions: (({ models, onNewRecord, onLinkExistingRecord }: RefFieldOptionsProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const RefFieldOptions: (({ models, onNewRecord, onLinkExistingRecord }: RefFieldOptionsProps) => React.JSX.Element) & React.NamedExoticComponent<RefFieldOptionsProps> & {
+    readonly type: ({ models, onNewRecord, onLinkExistingRecord }: RefFieldOptionsProps) => React.JSX.Element;
 };
 export {};

package/presentation/fieldRenderers/ref/components/RefFieldOptions.js

@@ -11,9 +11,10 @@ const ModelListItem = ({ model, onClick: originalOnClick })=>{
     }, [
         originalOnClick
     ]);
-    const icon = model.icon ? /*#__PURE__*/ react.createElement(Icon, {
+    const faIcon = normalizeIcon(model.icon);
+    const icon = faIcon ? /*#__PURE__*/ react.createElement(Icon, {
         icon: /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
-            icon: normalizeIcon(model.icon)
+            icon: faIcon
         }),
         label: "Model icon",
         size: "lg",