@webiny/app-headless-cms 6.5.0-beta.7 → 6.5.0-beta.9

package/ContentEntriesModule.js

@@ -9,6 +9,7 @@ import { ChangeEntryStatus, DeleteEntry, DuplicateEntry, EditEntry, MoveEntry }
 import { CellActions, CellAuthor, CellCreated, CellLive, CellModified, CellName, CellStatus } from "./admin/components/ContentEntries/Table/Cells/index.js";
 import { IsModelPublishable } from "./admin/components/IsModelPublishable.js";
 import { FilterByStatus } from "./admin/components/ContentEntries/FilterByStatus.js";
+import { Ref } from "./admin/components/ContentEntries/Filters/RefFieldRenderer.js";
 import { CmsTrashBin } from "./presentation/contentEntries/trashBin/CmsTrashBin.js";
 import { TrashEntryConfirmDialog } from "./admin/components/Dialogs/TrashEntryConfirmDialog.js";
 import { PublishEntryConfirmDialog } from "./admin/components/Dialogs/PublishEntryConfirmDialog.js";
@@ -129,6 +130,10 @@ const ContentEntriesModule = ()=>/*#__PURE__*/ react.createElement(react.Fragmen
         hideable: false,
         truncate: false,
         className: "flex justify-center"
+    }), /*#__PURE__*/ react.createElement(Browser.AdvancedSearch.FieldRenderer, {
+        name: "ref",
+        type: Browser.AdvancedSearch.FieldRenderer.FieldType.REF,
+        element: /*#__PURE__*/ react.createElement(Ref, null)
     })), /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
         name: "revisionSelector",
         element: /*#__PURE__*/ react.createElement(RevisionSelector, null)

package/ContentEntriesModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEntriesModule.js","sources":["../src/ContentEntriesModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { AdvancedSearchConfigs } from \"@webiny/app-aco/components/AdvancedSearch/AdvancedSearchConfigs\";\nimport {\n    InternalContentEntryEditorConfig,\n    InternalContentEntryListConfig\n} from \"~/admin/config/contentEntries/index.js\";\n\nimport {\n    ActionDelete,\n    ActionMove,\n    ActionPublish,\n    ActionUnpublish\n} from \"~/admin/components/ContentEntries/BulkActions/index.js\";\n\nimport {\n    TRASH_ENTRY_DIALOG,\n    PUBLISH_ENTRY_DIALOG,\n    UNPUBLISH_ENTRY_DIALOG,\n    DUPLICATE_ENTRY_DIALOG\n} from \"~/presentation/contentEntries/list/ContentEntriesPresenter.js\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    ChangeEntryStatus,\n    DeleteEntry,\n    DuplicateEntry,\n    EditEntry,\n    MoveEntry\n} from \"~/admin/components/ContentEntries/Table/Actions/index.js\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellLive,\n    CellModified,\n    CellName,\n    CellStatus\n} from \"~/admin/components/ContentEntries/Table/Cells/index.js\";\nimport { IsModelPublishable } from \"~/admin/components/IsModelPublishable.js\";\nimport { FilterByStatus } from \"~/admin/components/ContentEntries/FilterByStatus.js\";\nimport { CmsTrashBin } from \"~/presentation/contentEntries/trashBin/CmsTrashBin.js\";\nimport { TrashEntryConfirmDialog } from \"~/admin/components/Dialogs/TrashEntryConfirmDialog.js\";\nimport { PublishEntryConfirmDialog } from \"~/admin/components/Dialogs/PublishEntryConfirmDialog.js\";\nimport { UnpublishEntryConfirmDialog } from \"~/admin/components/Dialogs/UnpublishEntryConfirmDialog.js\";\nimport { DuplicateEntryConfirmDialog } from \"~/admin/components/Dialogs/DuplicateEntryConfirmDialog.js\";\nimport { DeleteRevisionConfirmDialog } from \"~/admin/components/Dialogs/DeleteRevisionConfirmDialog.js\";\nimport { EditRevisionNoteDialog } from \"~/admin/components/Dialogs/EditRevisionNoteDialog.js\";\nimport {\n    DELETE_REVISION_DIALOG,\n    EDIT_REVISION_NOTE_DIALOG\n} from \"~/presentation/contentEntries/revisionsList/RevisionsListPresenter.js\";\nimport { RevisionSelector } from \"~/presentation/contentEntries/views/actions/RevisionSelector.js\";\nimport { ContentFormOptionsMenu } from \"~/presentation/contentEntries/views/actions/ContentFormOptionsMenu.js\";\nimport { SaveContentButton } from \"~/presentation/contentEntries/views/actions/SaveContentButton.js\";\nimport { SaveAndPublishButton } from \"~/presentation/contentEntries/views/actions/SaveAndPublishButton.js\";\nimport { DeleteEntryMenuItem } from \"~/presentation/contentEntries/views/actions/DeleteEntryMenuItem.js\";\nimport { ShowRevisionListMenuItem } from \"~/presentation/contentEntries/views/actions/ShowRevisionListMenuItem.js\";\nimport { CreateNewRevisionButton } from \"~/presentation/contentEntries/views/actions/CreateNewRevisionButton.js\";\nimport { PublishOnlyButton } from \"~/presentation/contentEntries/views/actions/PublishOnlyButton.js\";\n\nconst { Browser } = InternalContentEntryListConfig;\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const ContentEntriesModule = () => {\n    return (\n        <>\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={TRASH_ENTRY_DIALOG}\n                    element={<TrashEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={PUBLISH_ENTRY_DIALOG}\n                    element={<PublishEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={UNPUBLISH_ENTRY_DIALOG}\n                    element={<UnpublishEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={DUPLICATE_ENTRY_DIALOG}\n                    element={<DuplicateEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={DELETE_REVISION_DIALOG}\n                    element={<DeleteRevisionConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={EDIT_REVISION_NOTE_DIALOG}\n                    element={<EditRevisionNoteDialog />}\n                />\n            </AdminConfig>\n            <InternalContentEntryListConfig>\n                <AdvancedSearchConfigs />\n                <IsModelPublishable>\n                    <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n                    <Browser.BulkAction name={\"publish\"} element={<ActionPublish />} />\n                    <Browser.BulkAction name={\"unpublish\"} element={<ActionUnpublish />} />\n                </IsModelPublishable>\n                <Browser.Sidebar.Footer name={\"trashBin\"} element={<CmsTrashBin />} />\n                <Browser.BulkAction name={\"move\"} element={<ActionMove />} />\n                <Browser.BulkAction name={\"delete\"} element={<ActionDelete />} />\n                <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n                <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.Entry.Action name={\"edit\"} element={<EditEntry />} />\n                <IsModelPublishable>\n                    <Browser.Entry.Action name={\"status\"} element={<ChangeEntryStatus />} />\n                </IsModelPublishable>\n                <Browser.Entry.Action name={\"move\"} element={<MoveEntry />} />\n                <Browser.Entry.Action name={\"duplicate\"} element={<DuplicateEntry />} />\n                <Browser.Entry.Action name={\"delete\"} element={<DeleteEntry />} after={\"$last\"} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <IsModelPublishable>\n                    <Browser.Table.Column\n                        name={\"status\"}\n                        header={\"Status\"}\n                        cell={<CellStatus />}\n                        truncate={false}\n                    />\n                    <Browser.Table.Column\n                        name={\"live\"}\n                        header={\"Live\"}\n                        truncate={false}\n                        sortable={true}\n                        cell={<CellLive />}\n                    />\n                </IsModelPublishable>\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    resizable={false}\n                    hideable={false}\n                    truncate={false}\n                    className={\"flex justify-center\"}\n                />\n            </InternalContentEntryListConfig>\n            <InternalContentEntryEditorConfig>\n                <IsModelPublishable>\n                    <Actions.ButtonAction\n                        name={\"revisionSelector\"}\n                        element={<RevisionSelector />}\n                    />\n                </IsModelPublishable>\n                <Actions.ButtonAction name={\"optionsMenu\"} element={<ContentFormOptionsMenu />} />\n                <Actions.ButtonAction name={\"save\"} element={<SaveContentButton />} />\n                <IsModelPublishable>\n                    <Actions.ButtonAction\n                        name={\"cms/createNewRevision\"}\n                        element={<CreateNewRevisionButton />}\n                    />\n                    <Actions.ButtonAction name={\"publish\"} element={<SaveAndPublishButton />} />\n                    <Actions.ButtonAction name={\"publishOnly\"} element={<PublishOnlyButton />} />\n                </IsModelPublishable>\n                <Actions.MenuItemAction\n                    name={\"delete\"}\n                    element={<DeleteEntryMenuItem />}\n                    after={\"$last\"}\n                />\n                <IsModelPublishable>\n                    <Actions.MenuItemAction\n                        name={\"showRevisionsList\"}\n                        element={<ShowRevisionListMenuItem />}\n                    />\n                </IsModelPublishable>\n            </InternalContentEntryEditorConfig>\n        </>\n    );\n};\n"],"names":["Browser","InternalContentEntryListConfig","Actions","InternalContentEntryEditorConfig","ContentEntriesModule","AdminConfig","TRASH_ENTRY_DIALOG","TrashEntryConfirmDialog","PUBLISH_ENTRY_DIALOG","PublishEntryConfirmDialog","UNPUBLISH_ENTRY_DIALOG","UnpublishEntryConfirmDialog","DUPLICATE_ENTRY_DIALOG","DuplicateEntryConfirmDialog","DELETE_REVISION_DIALOG","DeleteRevisionConfirmDialog","EDIT_REVISION_NOTE_DIALOG","EditRevisionNoteDialog","AdvancedSearchConfigs","IsModelPublishable","FilterByStatus","ActionPublish","ActionUnpublish","CmsTrashBin","ActionMove","ActionDelete","EditFolder","SetFolderPermissions","DeleteFolder","EditEntry","ChangeEntryStatus","MoveEntry","DuplicateEntry","DeleteEntry","CellName","CellAuthor","CellCreated","CellModified","CellStatus","CellLive","CellActions","RevisionSelector","ContentFormOptionsMenu","SaveContentButton","CreateNewRevisionButton","SaveAndPublishButton","PublishOnlyButton","DeleteEntryMenuItem","ShowRevisionListMenuItem"],"mappings":"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"}
+{"version":3,"file":"ContentEntriesModule.js","sources":["../src/ContentEntriesModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { AdvancedSearchConfigs } from \"@webiny/app-aco/components/AdvancedSearch/AdvancedSearchConfigs\";\nimport {\n    InternalContentEntryEditorConfig,\n    InternalContentEntryListConfig\n} from \"~/admin/config/contentEntries/index.js\";\n\nimport {\n    ActionDelete,\n    ActionMove,\n    ActionPublish,\n    ActionUnpublish\n} from \"~/admin/components/ContentEntries/BulkActions/index.js\";\n\nimport {\n    TRASH_ENTRY_DIALOG,\n    PUBLISH_ENTRY_DIALOG,\n    UNPUBLISH_ENTRY_DIALOG,\n    DUPLICATE_ENTRY_DIALOG\n} from \"~/presentation/contentEntries/list/ContentEntriesPresenter.js\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    ChangeEntryStatus,\n    DeleteEntry,\n    DuplicateEntry,\n    EditEntry,\n    MoveEntry\n} from \"~/admin/components/ContentEntries/Table/Actions/index.js\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellLive,\n    CellModified,\n    CellName,\n    CellStatus\n} from \"~/admin/components/ContentEntries/Table/Cells/index.js\";\nimport { IsModelPublishable } from \"~/admin/components/IsModelPublishable.js\";\nimport { FilterByStatus } from \"~/admin/components/ContentEntries/FilterByStatus.js\";\nimport { Ref } from \"~/admin/components/ContentEntries/Filters/RefFieldRenderer.js\";\nimport { CmsTrashBin } from \"~/presentation/contentEntries/trashBin/CmsTrashBin.js\";\nimport { TrashEntryConfirmDialog } from \"~/admin/components/Dialogs/TrashEntryConfirmDialog.js\";\nimport { PublishEntryConfirmDialog } from \"~/admin/components/Dialogs/PublishEntryConfirmDialog.js\";\nimport { UnpublishEntryConfirmDialog } from \"~/admin/components/Dialogs/UnpublishEntryConfirmDialog.js\";\nimport { DuplicateEntryConfirmDialog } from \"~/admin/components/Dialogs/DuplicateEntryConfirmDialog.js\";\nimport { DeleteRevisionConfirmDialog } from \"~/admin/components/Dialogs/DeleteRevisionConfirmDialog.js\";\nimport { EditRevisionNoteDialog } from \"~/admin/components/Dialogs/EditRevisionNoteDialog.js\";\nimport {\n    DELETE_REVISION_DIALOG,\n    EDIT_REVISION_NOTE_DIALOG\n} from \"~/presentation/contentEntries/revisionsList/RevisionsListPresenter.js\";\nimport { RevisionSelector } from \"~/presentation/contentEntries/views/actions/RevisionSelector.js\";\nimport { ContentFormOptionsMenu } from \"~/presentation/contentEntries/views/actions/ContentFormOptionsMenu.js\";\nimport { SaveContentButton } from \"~/presentation/contentEntries/views/actions/SaveContentButton.js\";\nimport { SaveAndPublishButton } from \"~/presentation/contentEntries/views/actions/SaveAndPublishButton.js\";\nimport { DeleteEntryMenuItem } from \"~/presentation/contentEntries/views/actions/DeleteEntryMenuItem.js\";\nimport { ShowRevisionListMenuItem } from \"~/presentation/contentEntries/views/actions/ShowRevisionListMenuItem.js\";\nimport { CreateNewRevisionButton } from \"~/presentation/contentEntries/views/actions/CreateNewRevisionButton.js\";\nimport { PublishOnlyButton } from \"~/presentation/contentEntries/views/actions/PublishOnlyButton.js\";\n\nconst { Browser } = InternalContentEntryListConfig;\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const ContentEntriesModule = () => {\n    return (\n        <>\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={TRASH_ENTRY_DIALOG}\n                    element={<TrashEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={PUBLISH_ENTRY_DIALOG}\n                    element={<PublishEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={UNPUBLISH_ENTRY_DIALOG}\n                    element={<UnpublishEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={DUPLICATE_ENTRY_DIALOG}\n                    element={<DuplicateEntryConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={DELETE_REVISION_DIALOG}\n                    element={<DeleteRevisionConfirmDialog />}\n                />\n                <AdminConfig.Dialog\n                    name={EDIT_REVISION_NOTE_DIALOG}\n                    element={<EditRevisionNoteDialog />}\n                />\n            </AdminConfig>\n            <InternalContentEntryListConfig>\n                <AdvancedSearchConfigs />\n                <IsModelPublishable>\n                    <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n                    <Browser.BulkAction name={\"publish\"} element={<ActionPublish />} />\n                    <Browser.BulkAction name={\"unpublish\"} element={<ActionUnpublish />} />\n                </IsModelPublishable>\n                <Browser.Sidebar.Footer name={\"trashBin\"} element={<CmsTrashBin />} />\n                <Browser.BulkAction name={\"move\"} element={<ActionMove />} />\n                <Browser.BulkAction name={\"delete\"} element={<ActionDelete />} />\n                <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n                <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.Entry.Action name={\"edit\"} element={<EditEntry />} />\n                <IsModelPublishable>\n                    <Browser.Entry.Action name={\"status\"} element={<ChangeEntryStatus />} />\n                </IsModelPublishable>\n                <Browser.Entry.Action name={\"move\"} element={<MoveEntry />} />\n                <Browser.Entry.Action name={\"duplicate\"} element={<DuplicateEntry />} />\n                <Browser.Entry.Action name={\"delete\"} element={<DeleteEntry />} after={\"$last\"} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <IsModelPublishable>\n                    <Browser.Table.Column\n                        name={\"status\"}\n                        header={\"Status\"}\n                        cell={<CellStatus />}\n                        truncate={false}\n                    />\n                    <Browser.Table.Column\n                        name={\"live\"}\n                        header={\"Live\"}\n                        truncate={false}\n                        sortable={true}\n                        cell={<CellLive />}\n                    />\n                </IsModelPublishable>\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    resizable={false}\n                    hideable={false}\n                    truncate={false}\n                    className={\"flex justify-center\"}\n                />\n                <Browser.AdvancedSearch.FieldRenderer\n                    name={\"ref\"}\n                    type={Browser.AdvancedSearch.FieldRenderer.FieldType.REF}\n                    element={<Ref />}\n                />\n            </InternalContentEntryListConfig>\n            <InternalContentEntryEditorConfig>\n                <IsModelPublishable>\n                    <Actions.ButtonAction\n                        name={\"revisionSelector\"}\n                        element={<RevisionSelector />}\n                    />\n                </IsModelPublishable>\n                <Actions.ButtonAction name={\"optionsMenu\"} element={<ContentFormOptionsMenu />} />\n                <Actions.ButtonAction name={\"save\"} element={<SaveContentButton />} />\n                <IsModelPublishable>\n                    <Actions.ButtonAction\n                        name={\"cms/createNewRevision\"}\n                        element={<CreateNewRevisionButton />}\n                    />\n                    <Actions.ButtonAction name={\"publish\"} element={<SaveAndPublishButton />} />\n                    <Actions.ButtonAction name={\"publishOnly\"} element={<PublishOnlyButton />} />\n                </IsModelPublishable>\n                <Actions.MenuItemAction\n                    name={\"delete\"}\n                    element={<DeleteEntryMenuItem />}\n                    after={\"$last\"}\n                />\n                <IsModelPublishable>\n                    <Actions.MenuItemAction\n                        name={\"showRevisionsList\"}\n                        element={<ShowRevisionListMenuItem />}\n                    />\n                </IsModelPublishable>\n            </InternalContentEntryEditorConfig>\n        </>\n    );\n};\n"],"names":["Browser","InternalContentEntryListConfig","Actions","InternalContentEntryEditorConfig","ContentEntriesModule","AdminConfig","TRASH_ENTRY_DIALOG","TrashEntryConfirmDialog","PUBLISH_ENTRY_DIALOG","PublishEntryConfirmDialog","UNPUBLISH_ENTRY_DIALOG","UnpublishEntryConfirmDialog","DUPLICATE_ENTRY_DIALOG","DuplicateEntryConfirmDialog","DELETE_REVISION_DIALOG","DeleteRevisionConfirmDialog","EDIT_REVISION_NOTE_DIALOG","EditRevisionNoteDialog","AdvancedSearchConfigs","IsModelPublishable","FilterByStatus","ActionPublish","ActionUnpublish","CmsTrashBin","ActionMove","ActionDelete","EditFolder","SetFolderPermissions","DeleteFolder","EditEntry","ChangeEntryStatus","MoveEntry","DuplicateEntry","DeleteEntry","CellName","CellAuthor","CellCreated","CellModified","CellStatus","CellLive","CellActions","Ref","RevisionSelector","ContentFormOptionsMenu","SaveContentButton","CreateNewRevisionButton","SaveAndPublishButton","PublishOnlyButton","DeleteEntryMenuItem","ShowRevisionListMenuItem"],"mappings":"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"}

package/admin/components/ContentEntries/Filters/RefFieldRenderer.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Ref: () => React.JSX.Element;

package/admin/components/ContentEntries/Filters/RefFieldRenderer.js

@@ -0,0 +1,84 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Bind } from "@webiny/form";
+import { AutoComplete } from "@webiny/admin-ui";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { RefSingleAutocompletePresenterFeature } from "../../../../presentation/fieldRenderers/ref/autocomplete/single/feature.js";
+const { useInputField: useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;
+const parseValue = (value)=>{
+    if ("string" != typeof value || !value) return null;
+    try {
+        const parsed = JSON.parse(value);
+        if (!parsed?.entryId || !parsed?.modelId) return null;
+        return {
+            entryId: parsed.entryId,
+            modelId: parsed.modelId
+        };
+    } catch  {
+        return null;
+    }
+};
+const Ref = ()=>{
+    const { name, field } = useInputField();
+    const parentContainer = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = parentContainer.createChildContainer();
+        RefSingleAutocompletePresenterFeature.register(child);
+        return child;
+    }, [
+        field.value
+    ]);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer,
+        key: field.value
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: name
+    }, (bind)=>/*#__PURE__*/ react.createElement(RefInner, {
+            bind: bind,
+            modelIds: field.settings.modelIds
+        })));
+};
+const RefInner = observer(({ bind, modelIds })=>{
+    const { presenter } = useFeature(RefSingleAutocompletePresenterFeature);
+    useEffect(()=>{
+        const value = parseValue(bind.value);
+        presenter.init({
+            modelIds,
+            value: value ? {
+                id: value.entryId,
+                modelId: value.modelId
+            } : null
+        });
+    }, []);
+    const vm = presenter.vm;
+    return /*#__PURE__*/ react.createElement(AutoComplete, {
+        label: "Value",
+        size: "lg",
+        loading: vm.loading,
+        value: vm.value,
+        options: vm.options,
+        validation: bind.validation,
+        onValueSearch: (query)=>presenter.search(query),
+        onValueChange: (entryId)=>{
+            if (!entryId) {
+                presenter.clear();
+                bind.onChange("");
+                return;
+            }
+            const ref = presenter.select(entryId);
+            if (ref) bind.onChange(JSON.stringify({
+                entryId,
+                modelId: ref.modelId
+            }));
+        },
+        onValueReset: ()=>{
+            presenter.clear();
+            bind.onChange("");
+        },
+        displayResetAction: vm.canReset
+    });
+});
+export { Ref };
+
+//# sourceMappingURL=RefFieldRenderer.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer.js","sources":["../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Bind } from \"@webiny/form\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { RefSingleAutocompletePresenterFeature } from \"~/presentation/fieldRenderers/ref/autocomplete/single/feature.js\";\n\nconst { useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;\n\n/**\n * The advanced search filter stores the selected reference as a JSON string\n * `{ entryId, modelId }`. `GraphQLInputMapper` reads `entryId` from it to build the\n * `<fieldId>.entryId` where condition, and `modelId` is used to load the label back\n * when a saved filter is opened.\n */\ninterface RefFilterValue {\n    entryId: string;\n    modelId: string;\n}\n\nconst parseValue = (value: unknown): RefFilterValue | null => {\n    if (typeof value !== \"string\" || !value) {\n        return null;\n    }\n    try {\n        const parsed = JSON.parse(value);\n        if (!parsed?.entryId || !parsed?.modelId) {\n            return null;\n        }\n        return { entryId: parsed.entryId, modelId: parsed.modelId };\n    } catch {\n        return null;\n    }\n};\n\nexport const Ref = () => {\n    const { name, field } = useInputField();\n    const parentContainer = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = parentContainer.createChildContainer();\n        RefSingleAutocompletePresenterFeature.register(child);\n        return child;\n    }, [field.value]);\n\n    return (\n        <DiContainerProvider container={scopedContainer} key={field.value}>\n            <Bind name={name}>\n                {bind => <RefInner bind={bind} modelIds={field.settings.modelIds} />}\n            </Bind>\n        </DiContainerProvider>\n    );\n};\n\ninterface RefInnerProps {\n    bind: BindComponentRenderProp;\n    modelIds: string[];\n}\n\nconst RefInner = observer(({ bind, modelIds }: RefInnerProps) => {\n    const { presenter } = useFeature(RefSingleAutocompletePresenterFeature);\n\n    useEffect(() => {\n        const value = parseValue(bind.value);\n        presenter.init({\n            modelIds,\n            value: value ? { id: value.entryId, modelId: value.modelId } : null\n        });\n    }, []);\n\n    const vm = presenter.vm;\n\n    return (\n        <AutoComplete\n            label={\"Value\"}\n            size={\"lg\"}\n            loading={vm.loading}\n            value={vm.value}\n            options={vm.options}\n            validation={bind.validation}\n            onValueSearch={query => presenter.search(query)}\n            onValueChange={entryId => {\n                if (!entryId) {\n                    presenter.clear();\n                    bind.onChange(\"\");\n                    return;\n                }\n                const ref = presenter.select(entryId);\n                if (ref) {\n                    bind.onChange(JSON.stringify({ entryId, modelId: ref.modelId }));\n                }\n            }}\n            onValueReset={() => {\n                presenter.clear();\n                bind.onChange(\"\");\n            }}\n            displayResetAction={vm.canReset}\n        />\n    );\n});\n"],"names":["useInputField","ContentEntryListConfig","parseValue","value","parsed","JSON","Ref","name","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefSingleAutocompletePresenterFeature","DiContainerProvider","Bind","bind","RefInner","observer","modelIds","presenter","useFeature","useEffect","vm","AutoComplete","query","entryId","ref"],"mappings":";;;;;;;AASA,MAAM,EAAEA,eAAAA,aAAa,EAAE,GAAGC,uBAAuB,OAAO,CAAC,cAAc,CAAC,aAAa;AAarF,MAAMC,aAAa,CAACC;IAChB,IAAI,AAAiB,YAAjB,OAAOA,SAAsB,CAACA,OAC9B,OAAO;IAEX,IAAI;QACA,MAAMC,SAASC,KAAK,KAAK,CAACF;QAC1B,IAAI,CAACC,QAAQ,WAAW,CAACA,QAAQ,SAC7B,OAAO;QAEX,OAAO;YAAE,SAASA,OAAO,OAAO;YAAE,SAASA,OAAO,OAAO;QAAC;IAC9D,EAAE,OAAM;QACJ,OAAO;IACX;AACJ;AAEO,MAAME,MAAM;IACf,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGR;IACxB,MAAMS,kBAAkBC;IAExB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,gBAAgB,oBAAoB;QAClDK,sCAAsC,QAAQ,CAACD;QAC/C,OAAOA;IACX,GAAG;QAACL,MAAM,KAAK;KAAC;IAEhB,OAAO,WAAP,GACI,oBAACO,qBAAmBA;QAAC,WAAWJ;QAAiB,KAAKH,MAAM,KAAK;qBAC7D,oBAACQ,MAAIA;QAAC,MAAMT;OACPU,CAAAA,OAAAA,WAAAA,GAAQ,oBAACC,UAAQA;YAAC,MAAMD;YAAM,UAAUT,MAAM,QAAQ,CAAC,QAAQ;;AAIhF;AAOA,MAAMU,WAAWC,SAAS,CAAC,EAAEF,IAAI,EAAEG,QAAQ,EAAiB;IACxD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWR;IAEjCS,UAAU;QACN,MAAMpB,QAAQD,WAAWe,KAAK,KAAK;QACnCI,UAAU,IAAI,CAAC;YACXD;YACA,OAAOjB,QAAQ;gBAAE,IAAIA,MAAM,OAAO;gBAAE,SAASA,MAAM,OAAO;YAAC,IAAI;QACnE;IACJ,GAAG,EAAE;IAEL,MAAMqB,KAAKH,UAAU,EAAE;IAEvB,OAAO,WAAP,GACI,oBAACI,cAAYA;QACT,OAAO;QACP,MAAM;QACN,SAASD,GAAG,OAAO;QACnB,OAAOA,GAAG,KAAK;QACf,SAASA,GAAG,OAAO;QACnB,YAAYP,KAAK,UAAU;QAC3B,eAAeS,CAAAA,QAASL,UAAU,MAAM,CAACK;QACzC,eAAeC,CAAAA;YACX,IAAI,CAACA,SAAS;gBACVN,UAAU,KAAK;gBACfJ,KAAK,QAAQ,CAAC;gBACd;YACJ;YACA,MAAMW,MAAMP,UAAU,MAAM,CAACM;YAC7B,IAAIC,KACAX,KAAK,QAAQ,CAACZ,KAAK,SAAS,CAAC;gBAAEsB;gBAAS,SAASC,IAAI,OAAO;YAAC;QAErE;QACA,cAAc;YACVP,UAAU,KAAK;YACfJ,KAAK,QAAQ,CAAC;QAClB;QACA,oBAAoBO,GAAG,QAAQ;;AAG3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "6.5.0-beta.7",
+	"version": "6.5.0-beta.9",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -26,32 +26,32 @@
 		"@fortawesome/free-regular-svg-icons": "7.3.1",
 		"@fortawesome/free-solid-svg-icons": "7.3.1",
 		"@fortawesome/react-fontawesome": "3.5.0",
-		"@lexical/utils": "0.51.0",
+		"@lexical/utils": "0.52.0",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.5.0-beta.7",
-		"@webiny/app": "6.5.0-beta.7",
-		"@webiny/app-aco": "6.5.0-beta.7",
-		"@webiny/app-admin": "6.5.0-beta.7",
-		"@webiny/app-graphql-playground": "6.5.0-beta.7",
-		"@webiny/app-headless-cms-common": "6.5.0-beta.7",
-		"@webiny/cms-sdk": "6.5.0-beta.7",
+		"@webiny/admin-ui": "6.5.0-beta.9",
+		"@webiny/app": "6.5.0-beta.9",
+		"@webiny/app-aco": "6.5.0-beta.9",
+		"@webiny/app-admin": "6.5.0-beta.9",
+		"@webiny/app-graphql-playground": "6.5.0-beta.9",
+		"@webiny/app-headless-cms-common": "6.5.0-beta.9",
+		"@webiny/cms-sdk": "6.5.0-beta.9",
 		"@webiny/di": "1.1.0",
-		"@webiny/feature": "6.5.0-beta.7",
-		"@webiny/form": "6.5.0-beta.7",
-		"@webiny/frontend-settings": "6.5.0-beta.7",
-		"@webiny/icons": "6.5.0-beta.7",
-		"@webiny/lexical-editor": "6.5.0-beta.7",
-		"@webiny/lexical-nodes": "6.5.0-beta.7",
-		"@webiny/plugins": "6.5.0-beta.7",
-		"@webiny/react-composition": "6.5.0-beta.7",
-		"@webiny/react-properties": "6.5.0-beta.7",
-		"@webiny/utils": "6.5.0-beta.7",
-		"@webiny/validation": "6.5.0-beta.7",
+		"@webiny/feature": "6.5.0-beta.9",
+		"@webiny/form": "6.5.0-beta.9",
+		"@webiny/frontend-settings": "6.5.0-beta.9",
+		"@webiny/icons": "6.5.0-beta.9",
+		"@webiny/lexical-editor": "6.5.0-beta.9",
+		"@webiny/lexical-nodes": "6.5.0-beta.9",
+		"@webiny/plugins": "6.5.0-beta.9",
+		"@webiny/react-composition": "6.5.0-beta.9",
+		"@webiny/react-properties": "6.5.0-beta.9",
+		"@webiny/utils": "6.5.0-beta.9",
+		"@webiny/validation": "6.5.0-beta.9",
 		"dot-prop-immutable": "2.1.1",
 		"graphql": "16.14.2",
 		"graphql-tag": "2.12.7",
 		"lodash": "4.18.1",
-		"mobx": "7.0.5",
+		"mobx": "7.0.6",
 		"mobx-react-lite": "5.1.0",
 		"react": "18.3.1",
 		"react-dnd": "16.0.1",
@@ -63,10 +63,10 @@
 		"zod": "4.6.5"
 	},
 	"devDependencies": {
-		"@webiny/build-tools": "6.5.0-beta.7",
+		"@webiny/build-tools": "6.5.0-beta.9",
 		"rimraf": "6.1.3",
 		"typescript": "7.0.2",
-		"vitest": "5.0.2"
+		"vitest": "5.0.3"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/contentEntries/preview/LivePreviewPresenter.d.ts

@@ -1,12 +1,23 @@
+import { GetModelUseCase } from "../../../features/model/getModel/abstractions.js";
+import { GetEntryUseCase } from "../../../features/contentEntry/getEntry/abstractions.js";
+import type { CmsReferenceValue } from "../../../features/contentEntry/refTypes.js";
 import { type ILivePreviewPresenter, type PreviewComponent } from "./abstractions.js";
+import type { RefValuesMap } from "./resolvePreviewUrl.js";
 declare class LivePreviewPresenterImpl implements ILivePreviewPresenter {
+    private readonly getModelUseCase;
+    private readonly getEntryUseCase;
     private components;
-    constructor();
+    private refValues;
+    private requestedRefs;
+    constructor(getModelUseCase: GetModelUseCase.Interface, getEntryUseCase: GetEntryUseCase.Interface);
     get vm(): {
         components: PreviewComponent[];
+        refValues: RefValuesMap;
     };
     addComponent(component: PreviewComponent): void;
     clearComponents(): void;
+    loadRefValues(refs: CmsReferenceValue[]): void;
+    private loadRef;
 }
 export declare const LivePreviewPresenter: typeof LivePreviewPresenterImpl & {
     __abstraction: import("@webiny/di").Abstraction<ILivePreviewPresenter>;

package/presentation/contentEntries/preview/LivePreviewPresenter.js

@@ -1,15 +1,25 @@
-import { computed, makeAutoObservable } from "mobx";
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { GetModelUseCase } from "../../../features/model/getModel/abstractions.js";
+import { GetEntryUseCase } from "../../../features/contentEntry/getEntry/abstractions.js";
 import { LivePreviewPresenter } from "./abstractions.js";
 class LivePreviewPresenterImpl {
-    constructor(){
+    constructor(getModelUseCase, getEntryUseCase){
+        this.getModelUseCase = getModelUseCase;
+        this.getEntryUseCase = getEntryUseCase;
         this.components = [];
+        this.refValues = {};
+        this.requestedRefs = new Set();
         makeAutoObservable(this, {
-            vm: computed
+            vm: computed,
+            getModelUseCase: false,
+            getEntryUseCase: false,
+            requestedRefs: false
         });
     }
     get vm() {
         return {
-            components: this.components
+            components: this.components,
+            refValues: this.refValues
         };
     }
     addComponent(component) {
@@ -23,10 +33,43 @@ class LivePreviewPresenterImpl {
     clearComponents() {
         this.components = [];
     }
+    loadRefValues(refs) {
+        for (const ref of refs)if (!this.requestedRefs.has(ref.id)) {
+            this.requestedRefs.add(ref.id);
+            this.loadRef(ref);
+        }
+    }
+    async loadRef(ref) {
+        try {
+            const model = await this.getModelUseCase.execute({
+                modelId: ref.modelId
+            });
+            const entry = await this.getEntryUseCase.execute({
+                model,
+                id: ref.id
+            });
+            runInAction(()=>{
+                this.refValues = {
+                    ...this.refValues,
+                    [ref.id]: entry.values ?? {}
+                };
+            });
+        } catch  {
+            runInAction(()=>{
+                this.refValues = {
+                    ...this.refValues,
+                    [ref.id]: null
+                };
+            });
+        }
+    }
 }
 const LivePreviewPresenter_LivePreviewPresenter = LivePreviewPresenter.createImplementation({
     implementation: LivePreviewPresenterImpl,
-    dependencies: []
+    dependencies: [
+        GetModelUseCase,
+        GetEntryUseCase
+    ]
 });
 export { LivePreviewPresenter_LivePreviewPresenter as LivePreviewPresenter };
 

package/presentation/contentEntries/preview/LivePreviewPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentEntries/preview/LivePreviewPresenter.js","sources":["../../../../src/presentation/contentEntries/preview/LivePreviewPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport {\n    LivePreviewPresenter as Abstraction,\n    type ILivePreviewPresenter,\n    type PreviewComponent\n} from \"./abstractions.js\";\n\nclass LivePreviewPresenterImpl implements ILivePreviewPresenter {\n    private components: PreviewComponent[] = [];\n\n    constructor() {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm() {\n        return {\n            components: this.components\n        };\n    }\n\n    addComponent(component: PreviewComponent): void {\n        const exists = this.components.some(c => c.name === component.name);\n        if (exists) {\n            this.components = this.components.map(c => (c.name === component.name ? component : c));\n        } else {\n            this.components = [...this.components, component];\n        }\n    }\n\n    clearComponents(): void {\n        this.components = [];\n    }\n}\n\nexport const LivePreviewPresenter = Abstraction.createImplementation({\n    implementation: LivePreviewPresenterImpl,\n    dependencies: []\n});\n"],"names":["LivePreviewPresenterImpl","makeAutoObservable","computed","component","exists","c","LivePreviewPresenter","Abstraction"],"mappings":";;AAOA,MAAMA;IAGF,aAAc;aAFN,UAAU,GAAuB,EAAE;QAGvCC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAAK;QACL,OAAO;YACH,YAAY,IAAI,CAAC,UAAU;QAC/B;IACJ;IAEA,aAAaC,SAA2B,EAAQ;QAC5C,MAAMC,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKF,UAAU,IAAI;QAClE,IAAIC,QACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAACC,CAAAA,IAAMA,EAAE,IAAI,KAAKF,UAAU,IAAI,GAAGA,YAAYE;aAEpF,IAAI,CAAC,UAAU,GAAG;eAAI,IAAI,CAAC,UAAU;YAAEF;SAAU;IAEzD;IAEA,kBAAwB;QACpB,IAAI,CAAC,UAAU,GAAG,EAAE;IACxB;AACJ;AAEO,MAAMG,4CAAuBC,qBAAAA,oBAAgC,CAAC;IACjE,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}
+{"version":3,"file":"presentation/contentEntries/preview/LivePreviewPresenter.js","sources":["../../../../src/presentation/contentEntries/preview/LivePreviewPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { GetModelUseCase } from \"~/features/model/getModel/abstractions.js\";\nimport { GetEntryUseCase } from \"~/features/contentEntry/getEntry/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport {\n    LivePreviewPresenter as Abstraction,\n    type ILivePreviewPresenter,\n    type PreviewComponent\n} from \"./abstractions.js\";\nimport type { RefValuesMap } from \"./resolvePreviewUrl.js\";\n\nclass LivePreviewPresenterImpl implements ILivePreviewPresenter {\n    private components: PreviewComponent[] = [];\n    private refValues: RefValuesMap = {};\n    private requestedRefs = new Set<string>();\n\n    constructor(\n        private readonly getModelUseCase: GetModelUseCase.Interface,\n        private readonly getEntryUseCase: GetEntryUseCase.Interface\n    ) {\n        makeAutoObservable<\n            LivePreviewPresenterImpl,\n            \"getModelUseCase\" | \"getEntryUseCase\" | \"requestedRefs\"\n        >(this, {\n            vm: computed,\n            getModelUseCase: false,\n            getEntryUseCase: false,\n            requestedRefs: false\n        });\n    }\n\n    get vm() {\n        return {\n            components: this.components,\n            refValues: this.refValues\n        };\n    }\n\n    addComponent(component: PreviewComponent): void {\n        const exists = this.components.some(c => c.name === component.name);\n        if (exists) {\n            this.components = this.components.map(c => (c.name === component.name ? component : c));\n        } else {\n            this.components = [...this.components, component];\n        }\n    }\n\n    clearComponents(): void {\n        this.components = [];\n    }\n\n    loadRefValues(refs: CmsReferenceValue[]): void {\n        for (const ref of refs) {\n            if (this.requestedRefs.has(ref.id)) {\n                continue;\n            }\n            this.requestedRefs.add(ref.id);\n            void this.loadRef(ref);\n        }\n    }\n\n    private async loadRef(ref: CmsReferenceValue): Promise<void> {\n        try {\n            const model = await this.getModelUseCase.execute({ modelId: ref.modelId });\n            const entry = await this.getEntryUseCase.execute({ model, id: ref.id });\n            runInAction(() => {\n                this.refValues = { ...this.refValues, [ref.id]: entry.values ?? {} };\n            });\n        } catch {\n            runInAction(() => {\n                this.refValues = { ...this.refValues, [ref.id]: null };\n            });\n        }\n    }\n}\n\nexport const LivePreviewPresenter = Abstraction.createImplementation({\n    implementation: LivePreviewPresenterImpl,\n    dependencies: [GetModelUseCase, GetEntryUseCase]\n});\n"],"names":["LivePreviewPresenterImpl","getModelUseCase","getEntryUseCase","Set","makeAutoObservable","computed","component","exists","c","refs","ref","model","entry","runInAction","LivePreviewPresenter","Abstraction","GetModelUseCase","GetEntryUseCase"],"mappings":";;;;AAWA,MAAMA;IAKF,YACqBC,eAA0C,EAC1CC,eAA0C,CAC7D;aAFmBD,eAAe,GAAfA;aACAC,eAAe,GAAfA;aANb,UAAU,GAAuB,EAAE;aACnC,SAAS,GAAiB,CAAC;aAC3B,aAAa,GAAG,IAAIC;QAMxBC,mBAGE,IAAI,EAAE;YACJ,IAAIC;YACJ,iBAAiB;YACjB,iBAAiB;YACjB,eAAe;QACnB;IACJ;IAEA,IAAI,KAAK;QACL,OAAO;YACH,YAAY,IAAI,CAAC,UAAU;YAC3B,WAAW,IAAI,CAAC,SAAS;QAC7B;IACJ;IAEA,aAAaC,SAA2B,EAAQ;QAC5C,MAAMC,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKF,UAAU,IAAI;QAClE,IAAIC,QACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAACC,CAAAA,IAAMA,EAAE,IAAI,KAAKF,UAAU,IAAI,GAAGA,YAAYE;aAEpF,IAAI,CAAC,UAAU,GAAG;eAAI,IAAI,CAAC,UAAU;YAAEF;SAAU;IAEzD;IAEA,kBAAwB;QACpB,IAAI,CAAC,UAAU,GAAG,EAAE;IACxB;IAEA,cAAcG,IAAyB,EAAQ;QAC3C,KAAK,MAAMC,OAAOD,KACd,KAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAACC,IAAI,EAAE;YAGjC,IAAI,CAAC,aAAa,CAAC,GAAG,CAACA,IAAI,EAAE;YACxB,IAAI,CAAC,OAAO,CAACA;;IAE1B;IAEA,MAAc,QAAQA,GAAsB,EAAiB;QACzD,IAAI;YACA,MAAMC,QAAQ,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;gBAAE,SAASD,IAAI,OAAO;YAAC;YACxE,MAAME,QAAQ,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;gBAAED;gBAAO,IAAID,IAAI,EAAE;YAAC;YACrEG,YAAY;gBACR,IAAI,CAAC,SAAS,GAAG;oBAAE,GAAG,IAAI,CAAC,SAAS;oBAAE,CAACH,IAAI,EAAE,CAAC,EAAEE,MAAM,MAAM,IAAI,CAAC;gBAAE;YACvE;QACJ,EAAE,OAAM;YACJC,YAAY;gBACR,IAAI,CAAC,SAAS,GAAG;oBAAE,GAAG,IAAI,CAAC,SAAS;oBAAE,CAACH,IAAI,EAAE,CAAC,EAAE;gBAAK;YACzD;QACJ;IACJ;AACJ;AAEO,MAAMI,4CAAuBC,qBAAAA,oBAAgC,CAAC;IACjE,gBAAgBf;IAChB,cAAc;QAACgB;QAAiBC;KAAgB;AACpD"}

package/presentation/contentEntries/preview/LivePreviewPresenter.test.d.ts

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

package/presentation/contentEntries/preview/LivePreviewPresenter.test.js

@@ -0,0 +1,81 @@
+import { describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { GetModelUseCase } from "../../../features/model/getModel/abstractions.js";
+import { GetEntryUseCase } from "../../../features/contentEntry/getEntry/abstractions.js";
+import { LivePreviewPresenter } from "./abstractions.js";
+import { LivePreviewPresenter as external_LivePreviewPresenter_js_LivePreviewPresenter } from "./LivePreviewPresenter.js";
+const setup = ()=>{
+    const getModel = vi.fn(async ({ modelId })=>({
+            modelId,
+            fields: []
+        }));
+    const getEntry = vi.fn(async ({ id })=>{
+        if ("missing#0001" === id) throw new Error("Entry not found.");
+        return {
+            id,
+            values: {
+                slug: "baker"
+            }
+        };
+    });
+    const container = new Container();
+    container.registerInstance(GetModelUseCase, {
+        execute: getModel
+    });
+    container.registerInstance(GetEntryUseCase, {
+        execute: getEntry
+    });
+    container.register(external_LivePreviewPresenter_js_LivePreviewPresenter);
+    return {
+        presenter: container.resolve(LivePreviewPresenter),
+        getModel,
+        getEntry
+    };
+};
+describe("LivePreviewPresenter", ()=>{
+    it("should load each referenced entry once and expose its values", async ()=>{
+        const { presenter, getEntry } = setup();
+        const ref = {
+            id: "loc1#0001",
+            modelId: "location"
+        };
+        presenter.loadRefValues([
+            ref
+        ]);
+        presenter.loadRefValues([
+            ref
+        ]);
+        await vi.waitFor(()=>{
+            expect(presenter.vm.refValues[ref.id]).toEqual({
+                slug: "baker"
+            });
+        });
+        expect(getEntry).toHaveBeenCalledTimes(1);
+        expect(getEntry).toHaveBeenCalledWith({
+            model: {
+                modelId: "location",
+                fields: []
+            },
+            id: ref.id
+        });
+    });
+    it("should mark a ref that fails to load and not request it again", async ()=>{
+        const { presenter, getEntry } = setup();
+        const ref = {
+            id: "missing#0001",
+            modelId: "location"
+        };
+        presenter.loadRefValues([
+            ref
+        ]);
+        await vi.waitFor(()=>{
+            expect(presenter.vm.refValues[ref.id]).toBeNull();
+        });
+        presenter.loadRefValues([
+            ref
+        ]);
+        expect(getEntry).toHaveBeenCalledTimes(1);
+    });
+});
+
+//# sourceMappingURL=LivePreviewPresenter.test.js.map

package/presentation/contentEntries/preview/LivePreviewPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/LivePreviewPresenter.test.js","sources":["../../../../src/presentation/contentEntries/preview/LivePreviewPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { GetModelUseCase } from \"~/features/model/getModel/abstractions.js\";\nimport { GetEntryUseCase } from \"~/features/contentEntry/getEntry/abstractions.js\";\nimport { LivePreviewPresenter as Abstraction } from \"./abstractions.js\";\nimport { LivePreviewPresenter } from \"./LivePreviewPresenter.js\";\n\nconst setup = () => {\n    const getModel = vi.fn(async ({ modelId }: { modelId: string }) => ({ modelId, fields: [] }));\n    const getEntry = vi.fn(async ({ id }: { id: string }) => {\n        if (id === \"missing#0001\") {\n            throw new Error(\"Entry not found.\");\n        }\n        return { id, values: { slug: \"baker\" } };\n    });\n\n    const container = new Container();\n    container.registerInstance(GetModelUseCase, {\n        execute: getModel\n    } as unknown as GetModelUseCase.Interface);\n    container.registerInstance(GetEntryUseCase, {\n        execute: getEntry\n    } as unknown as GetEntryUseCase.Interface);\n    container.register(LivePreviewPresenter);\n\n    return { presenter: container.resolve(Abstraction), getModel, getEntry };\n};\n\ndescribe(\"LivePreviewPresenter\", () => {\n    it(\"should load each referenced entry once and expose its values\", async () => {\n        const { presenter, getEntry } = setup();\n        const ref = { id: \"loc1#0001\", modelId: \"location\" };\n\n        presenter.loadRefValues([ref]);\n        presenter.loadRefValues([ref]);\n\n        await vi.waitFor(() => {\n            expect(presenter.vm.refValues[ref.id]).toEqual({ slug: \"baker\" });\n        });\n        expect(getEntry).toHaveBeenCalledTimes(1);\n        expect(getEntry).toHaveBeenCalledWith({\n            model: { modelId: \"location\", fields: [] },\n            id: ref.id\n        });\n    });\n\n    it(\"should mark a ref that fails to load and not request it again\", async () => {\n        const { presenter, getEntry } = setup();\n        const ref = { id: \"missing#0001\", modelId: \"location\" };\n\n        presenter.loadRefValues([ref]);\n\n        await vi.waitFor(() => {\n            expect(presenter.vm.refValues[ref.id]).toBeNull();\n        });\n\n        presenter.loadRefValues([ref]);\n        expect(getEntry).toHaveBeenCalledTimes(1);\n    });\n});\n"],"names":["setup","getModel","vi","modelId","getEntry","id","Error","container","Container","GetModelUseCase","GetEntryUseCase","LivePreviewPresenter","Abstraction","describe","it","presenter","ref","expect"],"mappings":";;;;;;AAOA,MAAMA,QAAQ;IACV,MAAMC,WAAWC,GAAG,EAAE,CAAC,OAAO,EAAEC,OAAO,EAAuB,GAAM;YAAEA;YAAS,QAAQ,EAAE;QAAC;IAC1F,MAAMC,WAAWF,GAAG,EAAE,CAAC,OAAO,EAAEG,EAAE,EAAkB;QAChD,IAAIA,AAAO,mBAAPA,IACA,MAAM,IAAIC,MAAM;QAEpB,OAAO;YAAED;YAAI,QAAQ;gBAAE,MAAM;YAAQ;QAAE;IAC3C;IAEA,MAAME,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,iBAAiB;QACxC,SAASR;IACb;IACAM,UAAU,gBAAgB,CAACG,iBAAiB;QACxC,SAASN;IACb;IACAG,UAAU,QAAQ,CAACI;IAEnB,OAAO;QAAE,WAAWJ,UAAU,OAAO,CAACK;QAAcX;QAAUG;IAAS;AAC3E;AAEAS,SAAS,wBAAwB;IAC7BC,GAAG,gEAAgE;QAC/D,MAAM,EAAEC,SAAS,EAAEX,QAAQ,EAAE,GAAGJ;QAChC,MAAMgB,MAAM;YAAE,IAAI;YAAa,SAAS;QAAW;QAEnDD,UAAU,aAAa,CAAC;YAACC;SAAI;QAC7BD,UAAU,aAAa,CAAC;YAACC;SAAI;QAE7B,MAAMd,GAAG,OAAO,CAAC;YACbe,OAAOF,UAAU,EAAE,CAAC,SAAS,CAACC,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC;gBAAE,MAAM;YAAQ;QACnE;QACAC,OAAOb,UAAU,qBAAqB,CAAC;QACvCa,OAAOb,UAAU,oBAAoB,CAAC;YAClC,OAAO;gBAAE,SAAS;gBAAY,QAAQ,EAAE;YAAC;YACzC,IAAIY,IAAI,EAAE;QACd;IACJ;IAEAF,GAAG,iEAAiE;QAChE,MAAM,EAAEC,SAAS,EAAEX,QAAQ,EAAE,GAAGJ;QAChC,MAAMgB,MAAM;YAAE,IAAI;YAAgB,SAAS;QAAW;QAEtDD,UAAU,aAAa,CAAC;YAACC;SAAI;QAE7B,MAAMd,GAAG,OAAO,CAAC;YACbe,OAAOF,UAAU,EAAE,CAAC,SAAS,CAACC,IAAI,EAAE,CAAC,EAAE,QAAQ;QACnD;QAEAD,UAAU,aAAa,CAAC;YAACC;SAAI;QAC7BC,OAAOb,UAAU,qBAAqB,CAAC;IAC3C;AACJ"}

package/presentation/contentEntries/preview/PreviewDecorator.js

@@ -1,16 +1,18 @@
-import react from "react";
+import react, { useEffect } from "react";
 import { createReactiveComponent } from "@webiny/app-admin";
 import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView/SplitView.js";
 import { usePreviewDomain } from "@webiny/frontend-settings/exports/admin.js";
 import { ContentEntryFormContent } from "../views/layout/ContentEntryFormContent.js";
 import { useContentEntryFormPresenter } from "../form/useContentEntryFormPresenter.js";
 import { PreviewPane } from "./PreviewPane.js";
+import { useLivePreviewPresenter } from "./useLivePreviewPresenter.js";
+import { getPatternRefFieldIds, getRefValues, withRefValues } from "./resolvePreviewUrl.js";
 const PreviewDecorator = ContentEntryFormContent.createDecorator((Original)=>createReactiveComponent((props)=>{
         const presenter = useContentEntryFormPresenter();
+        const livePreview = useLivePreviewPresenter();
         const model = presenter.vm.model;
         const previewPath = model?.settings?.previewPath;
         const { previewDomain } = usePreviewDomain();
-        if (!previewPath) return /*#__PURE__*/ react.createElement(Original, props);
         const form = presenter.vm.form;
         const entry = presenter.vm.entry;
         const formValues = form ? form.getData() : null;
@@ -18,6 +20,16 @@ const PreviewDecorator = ContentEntryFormContent.createDecorator((Original)=>cre
             ...entry,
             values: formValues
         } : null;
+        const refFieldIds = previewPath && model ? getPatternRefFieldIds(previewPath, model.fields) : [];
+        const refs = formValues ? getRefValues(formValues, refFieldIds) : [];
+        const refsKey = refs.map((ref)=>ref.id).join(",");
+        useEffect(()=>{
+            if (refs.length > 0) livePreview.loadRefValues(refs);
+        }, [
+            refsKey
+        ]);
+        if (!previewPath) return /*#__PURE__*/ react.createElement(Original, props);
+        const urlEntryData = entryData ? withRefValues(entryData, refFieldIds, livePreview.vm.refValues) : null;
         const entryId = entry?.id || "new";
         return /*#__PURE__*/ react.createElement(SplitView, {
             namespace: "cms-live-preview",
@@ -41,7 +53,8 @@ const PreviewDecorator = ContentEntryFormContent.createDecorator((Original)=>cre
             domain: previewDomain,
             previewPath: previewPath,
             entryId: entryId,
-            entryData: entryData
+            entryData: entryData,
+            urlEntryData: urlEntryData
         })));
     }));
 export { PreviewDecorator };

package/presentation/contentEntries/preview/PreviewDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentEntries/preview/PreviewDecorator.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel\n} from \"@webiny/app-admin/components/SplitView/SplitView.js\";\nimport { usePreviewDomain } from \"@webiny/frontend-settings/exports/admin.js\";\nimport { ContentEntryFormContent } from \"~/presentation/contentEntries/views/layout/ContentEntryFormContent.js\";\nimport { useContentEntryFormPresenter } from \"~/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { PreviewPane } from \"./PreviewPane.js\";\n\nexport const PreviewDecorator = ContentEntryFormContent.createDecorator(Original => {\n    return createReactiveComponent(\n        (props: React.HTMLAttributes<HTMLDivElement> & { width?: string }) => {\n            const presenter = useContentEntryFormPresenter();\n            const model = presenter.vm.model;\n            const previewPath = model?.settings?.previewPath as string | undefined;\n            const { previewDomain } = usePreviewDomain();\n\n            if (!previewPath) {\n                return <Original {...props} />;\n            }\n\n            const form = presenter.vm.form;\n            const entry = presenter.vm.entry;\n            const formValues = form ? form.getData() : null;\n            const entryData = formValues\n                ? { ...entry, values: formValues as Record<string, unknown> }\n                : null;\n\n            const entryId = entry?.id || \"new\";\n\n            return (\n                <SplitView namespace={\"cms-live-preview\"} className=\"h-full\">\n                    <LeftPanel span={5} minSize={20} className=\"bg-white overflow-y-auto\">\n                        <Original\n                            {...props}\n                            width={\"100%\"}\n                            className={\"!pt-0 [&>div]:!rounded-none\"}\n                        />\n                    </LeftPanel>\n                    <RightPanel\n                        span={7}\n                        minSize={20}\n                        className=\"overflow-hidden p-md\"\n                        style={{ overflowY: \"hidden\" }}\n                    >\n                        <PreviewPane\n                            domain={previewDomain}\n                            previewPath={previewPath}\n                            entryId={entryId}\n                            entryData={entryData}\n                        />\n                    </RightPanel>\n                </SplitView>\n            );\n        }\n    );\n});\n"],"names":["PreviewDecorator","ContentEntryFormContent","Original","createReactiveComponent","props","presenter","useContentEntryFormPresenter","model","previewPath","previewDomain","usePreviewDomain","form","entry","formValues","entryData","entryId","SplitView","LeftPanel","RightPanel","PreviewPane"],"mappings":";;;;;;;AAYO,MAAMA,mBAAmBC,wBAAwB,eAAe,CAACC,CAAAA,WAC7DC,wBACH,CAACC;QACG,MAAMC,YAAYC;QAClB,MAAMC,QAAQF,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMG,cAAcD,OAAO,UAAU;QACrC,MAAM,EAAEE,aAAa,EAAE,GAAGC;QAE1B,IAAI,CAACF,aACD,OAAO,WAAP,GAAO,oBAACN,UAAaE;QAGzB,MAAMO,OAAON,UAAU,EAAE,CAAC,IAAI;QAC9B,MAAMO,QAAQP,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMQ,aAAaF,OAAOA,KAAK,OAAO,KAAK;QAC3C,MAAMG,YAAYD,aACZ;YAAE,GAAGD,KAAK;YAAE,QAAQC;QAAsC,IAC1D;QAEN,MAAME,UAAUH,OAAO,MAAM;QAE7B,OAAO,WAAP,GACI,oBAACI,WAASA;YAAC,WAAW;YAAoB,WAAU;yBAChD,oBAACC,WAASA;YAAC,MAAM;YAAG,SAAS;YAAI,WAAU;yBACvC,oBAACf,UAAAA;YACI,GAAGE,KAAK;YACT,OAAO;YACP,WAAW;2BAGnB,oBAACc,YAAUA;YACP,MAAM;YACN,SAAS;YACT,WAAU;YACV,OAAO;gBAAE,WAAW;YAAS;yBAE7B,oBAACC,aAAWA;YACR,QAAQV;YACR,aAAaD;YACb,SAASO;YACT,WAAWD;;IAK/B"}
+{"version":3,"file":"presentation/contentEntries/preview/PreviewDecorator.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewDecorator.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel\n} from \"@webiny/app-admin/components/SplitView/SplitView.js\";\nimport { usePreviewDomain } from \"@webiny/frontend-settings/exports/admin.js\";\nimport { ContentEntryFormContent } from \"~/presentation/contentEntries/views/layout/ContentEntryFormContent.js\";\nimport { useContentEntryFormPresenter } from \"~/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { PreviewPane } from \"./PreviewPane.js\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\nimport { getPatternRefFieldIds, getRefValues, withRefValues } from \"./resolvePreviewUrl.js\";\n\nexport const PreviewDecorator = ContentEntryFormContent.createDecorator(Original => {\n    return createReactiveComponent(\n        (props: React.HTMLAttributes<HTMLDivElement> & { width?: string }) => {\n            const presenter = useContentEntryFormPresenter();\n            const livePreview = useLivePreviewPresenter();\n            const model = presenter.vm.model;\n            const previewPath = model?.settings?.previewPath as string | undefined;\n            const { previewDomain } = usePreviewDomain();\n\n            const form = presenter.vm.form;\n            const entry = presenter.vm.entry;\n            const formValues = form ? (form.getData() as Record<string, unknown>) : null;\n            const entryData = formValues ? { ...entry, values: formValues } : null;\n\n            const refFieldIds =\n                previewPath && model ? getPatternRefFieldIds(previewPath, model.fields) : [];\n            const refs = formValues ? getRefValues(formValues, refFieldIds) : [];\n            const refsKey = refs.map(ref => ref.id).join(\",\");\n\n            useEffect(() => {\n                if (refs.length > 0) {\n                    livePreview.loadRefValues(refs);\n                }\n            }, [refsKey]);\n\n            if (!previewPath) {\n                return <Original {...props} />;\n            }\n\n            // Only the preview URL gets the referenced values; the iframe receives the raw form data.\n            const urlEntryData = entryData\n                ? withRefValues(entryData, refFieldIds, livePreview.vm.refValues)\n                : null;\n\n            const entryId = entry?.id || \"new\";\n\n            return (\n                <SplitView namespace={\"cms-live-preview\"} className=\"h-full\">\n                    <LeftPanel span={5} minSize={20} className=\"bg-white overflow-y-auto\">\n                        <Original\n                            {...props}\n                            width={\"100%\"}\n                            className={\"!pt-0 [&>div]:!rounded-none\"}\n                        />\n                    </LeftPanel>\n                    <RightPanel\n                        span={7}\n                        minSize={20}\n                        className=\"overflow-hidden p-md\"\n                        style={{ overflowY: \"hidden\" }}\n                    >\n                        <PreviewPane\n                            domain={previewDomain}\n                            previewPath={previewPath}\n                            entryId={entryId}\n                            entryData={entryData}\n                            urlEntryData={urlEntryData}\n                        />\n                    </RightPanel>\n                </SplitView>\n            );\n        }\n    );\n});\n"],"names":["PreviewDecorator","ContentEntryFormContent","Original","createReactiveComponent","props","presenter","useContentEntryFormPresenter","livePreview","useLivePreviewPresenter","model","previewPath","previewDomain","usePreviewDomain","form","entry","formValues","entryData","refFieldIds","getPatternRefFieldIds","refs","getRefValues","refsKey","ref","useEffect","urlEntryData","withRefValues","entryId","SplitView","LeftPanel","RightPanel","PreviewPane"],"mappings":";;;;;;;;;AAcO,MAAMA,mBAAmBC,wBAAwB,eAAe,CAACC,CAAAA,WAC7DC,wBACH,CAACC;QACG,MAAMC,YAAYC;QAClB,MAAMC,cAAcC;QACpB,MAAMC,QAAQJ,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMK,cAAcD,OAAO,UAAU;QACrC,MAAM,EAAEE,aAAa,EAAE,GAAGC;QAE1B,MAAMC,OAAOR,UAAU,EAAE,CAAC,IAAI;QAC9B,MAAMS,QAAQT,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMU,aAAaF,OAAQA,KAAK,OAAO,KAAiC;QACxE,MAAMG,YAAYD,aAAa;YAAE,GAAGD,KAAK;YAAE,QAAQC;QAAW,IAAI;QAElE,MAAME,cACFP,eAAeD,QAAQS,sBAAsBR,aAAaD,MAAM,MAAM,IAAI,EAAE;QAChF,MAAMU,OAAOJ,aAAaK,aAAaL,YAAYE,eAAe,EAAE;QACpE,MAAMI,UAAUF,KAAK,GAAG,CAACG,CAAAA,MAAOA,IAAI,EAAE,EAAE,IAAI,CAAC;QAE7CC,UAAU;YACN,IAAIJ,KAAK,MAAM,GAAG,GACdZ,YAAY,aAAa,CAACY;QAElC,GAAG;YAACE;SAAQ;QAEZ,IAAI,CAACX,aACD,OAAO,WAAP,GAAO,oBAACR,UAAaE;QAIzB,MAAMoB,eAAeR,YACfS,cAAcT,WAAWC,aAAaV,YAAY,EAAE,CAAC,SAAS,IAC9D;QAEN,MAAMmB,UAAUZ,OAAO,MAAM;QAE7B,OAAO,WAAP,GACI,oBAACa,WAASA;YAAC,WAAW;YAAoB,WAAU;yBAChD,oBAACC,WAASA;YAAC,MAAM;YAAG,SAAS;YAAI,WAAU;yBACvC,oBAAC1B,UAAAA;YACI,GAAGE,KAAK;YACT,OAAO;YACP,WAAW;2BAGnB,oBAACyB,YAAUA;YACP,MAAM;YACN,SAAS;YACT,WAAU;YACV,OAAO;gBAAE,WAAW;YAAS;yBAE7B,oBAACC,aAAWA;YACR,QAAQnB;YACR,aAAaD;YACb,SAASgB;YACT,WAAWV;YACX,cAAcQ;;IAKlC"}

package/presentation/contentEntries/preview/PreviewPane.d.ts

@@ -4,6 +4,10 @@ interface PreviewPaneProps {
     previewPath: string;
     entryId: string;
     entryData: Record<string, unknown> | null;
+    /**
+     * Entry data used to resolve the preview path, with referenced entries' values filled in.
+     */
+    urlEntryData: Record<string, unknown> | null;
 }
-export declare const PreviewPane: ({ domain, previewPath, entryId, entryData }: PreviewPaneProps) => React.JSX.Element;
+export declare const PreviewPane: ({ domain, previewPath, entryId, entryData, urlEntryData }: PreviewPaneProps) => React.JSX.Element;
 export {};

package/presentation/contentEntries/preview/PreviewPane.js

@@ -9,7 +9,7 @@ import { ReactComponent as smartphone_svg_ReactComponent } from "@webiny/icons/s
 import { ReactComponent as open_in_new_svg_ReactComponent } from "@webiny/icons/open_in_new.svg";
 import { useLivePreviewPresenter } from "./useLivePreviewPresenter.js";
 import { buildDisplayUrl, buildEditorUrl } from "./resolvePreviewUrl.js";
-const PreviewPane = ({ domain, previewPath, entryId, entryData })=>{
+const PreviewPane = ({ domain, previewPath, entryId, entryData, urlEntryData })=>{
     const iframeRef = useRef(null);
     const messengerRef = useRef(null);
     const entryDataRef = useRef(entryData);
@@ -20,7 +20,7 @@ const PreviewPane = ({ domain, previewPath, entryId, entryData })=>{
     const [viewport, setViewport] = useState("desktop");
     const presenter = useLivePreviewPresenter();
     entryDataRef.current = entryData;
-    const displayUrl = buildDisplayUrl(domain, previewPath, entryData || {});
+    const displayUrl = buildDisplayUrl(domain, previewPath, urlEntryData || {});
     const [address, setAddress] = useState(displayUrl);
     useEffect(()=>{
         setAddress(displayUrl);

package/presentation/contentEntries/preview/PreviewPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentEntries/preview/PreviewPane.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewPane.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback, useState } from \"react\";\nimport { Messenger, MessageOrigin } from \"@webiny/cms-sdk/messenger\";\nimport { jsonPatch } from \"@webiny/cms-sdk\";\nimport { IconButton, Input, OverlayLoader, SegmentedControl } from \"@webiny/admin-ui\";\nimport { ReactComponent as RefreshIcon } from \"@webiny/icons/refresh.svg\";\nimport { ReactComponent as ContentCopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as LaptopIcon } from \"@webiny/icons/laptop.svg\";\nimport { ReactComponent as SmartphoneIcon } from \"@webiny/icons/smartphone.svg\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\nimport { buildEditorUrl, buildDisplayUrl } from \"./resolvePreviewUrl.js\";\n\ninterface PreviewPaneProps {\n    domain: string;\n    previewPath: string;\n    entryId: string;\n    entryData: Record<string, unknown> | null;\n}\n\ntype ViewportMode = \"desktop\" | \"mobile\";\n\nexport const PreviewPane = ({ domain, previewPath, entryId, entryData }: PreviewPaneProps) => {\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const messengerRef = useRef<Messenger | null>(null);\n    const entryDataRef = useRef(entryData);\n    const lastSentDataRef = useRef<Record<string, unknown> | null>(null);\n    const [ready, setReady] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [iframeKey, setIframeKey] = useState(0);\n    const [viewport, setViewport] = useState<ViewportMode>(\"desktop\");\n    const presenter = useLivePreviewPresenter();\n\n    entryDataRef.current = entryData;\n\n    const displayUrl = buildDisplayUrl(\n        domain,\n        previewPath,\n        (entryData as Record<string, unknown>) || {}\n    );\n\n    const [address, setAddress] = useState(displayUrl);\n\n    useEffect(() => {\n        setAddress(displayUrl);\n    }, [displayUrl]);\n\n    const iframeSrc = (() => {\n        const editorPath = buildEditorUrl(domain, previewPath);\n        const url = new URL(editorPath);\n        url.searchParams.set(\"wb.editing\", \"true\");\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.id\", entryId);\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.referrer\", window.location.origin);\n        return url.toString();\n    })();\n\n    const sendEntryData = useCallback(() => {\n        const data = entryDataRef.current;\n        if (!data || !messengerRef.current) {\n            return;\n        }\n\n        const serialized = JSON.parse(JSON.stringify(data));\n        messengerRef.current.send(\"document.set\", serialized);\n        lastSentDataRef.current = serialized;\n    }, []);\n\n    useEffect(() => {\n        const iframe = iframeRef.current;\n        if (!iframe || !iframe.contentWindow) {\n            return;\n        }\n\n        const targetOrigin = new URL(iframe.src).origin;\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(() => iframe.contentWindow!, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        messenger.on(\"preview.ready\", () => {\n            setReady(true);\n            setLoading(false);\n            sendEntryData();\n        });\n\n        messenger.on(\n            \"preview.component.register\",\n            (manifest: { name: string; label: string; description: string }) => {\n                presenter.addComponent(manifest);\n            }\n        );\n\n        return () => {\n            messenger.dispose();\n            messengerRef.current = null;\n            lastSentDataRef.current = null;\n            setReady(false);\n        };\n    }, [iframeSrc, presenter, iframeKey, sendEntryData]);\n\n    useEffect(() => {\n        if (!ready || !entryData || !messengerRef.current) {\n            return;\n        }\n\n        const current = JSON.parse(JSON.stringify(entryData));\n        const previous = lastSentDataRef.current;\n\n        if (previous) {\n            const patch = jsonPatch.compare(previous, current);\n            if (patch.length > 0) {\n                messengerRef.current.send(\"document.patch\", patch);\n            }\n        } else {\n            messengerRef.current.send(\"document.set\", current);\n        }\n\n        lastSentDataRef.current = current;\n    }, [ready, entryData]);\n\n    const reload = useCallback(() => {\n        setLoading(true);\n        setReady(false);\n        lastSentDataRef.current = null;\n        setIframeKey(prev => prev + 1);\n    }, []);\n\n    const getDraftUrl = useCallback(() => {\n        const url = new URL(displayUrl);\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.preview\", \"true\");\n        url.searchParams.set(\"wb.id\", entryId);\n        return url.toString();\n    }, [displayUrl, entryId]);\n\n    const copyUrl = useCallback(() => {\n        navigator.clipboard.writeText(getDraftUrl());\n    }, [getDraftUrl]);\n\n    const openInNewTab = useCallback(() => {\n        window.open(getDraftUrl(), \"_blank\");\n    }, [getDraftUrl]);\n\n    return (\n        <div className=\"relative border border-neutral-dimmed rounded-t-lg flex flex-col flex-1 h-full overflow-hidden\">\n            <div className=\"flex p-md items-center bg-white border-b border-neutral-dimmed\">\n                <div className=\"w-full\">\n                    <Input\n                        value={address}\n                        onChange={setAddress}\n                        readOnly\n                        size=\"md\"\n                        variant={\"secondary\"}\n                        className=\"bg-gray-100\"\n                    />\n                </div>\n\n                <div className=\"flex items-center gap-xxs ml-sm\">\n                    <IconButton\n                        onClick={openInNewTab}\n                        icon={<OpenInNewIcon />}\n                        variant=\"ghost\"\n                        size=\"md\"\n                    />\n                    <IconButton\n                        onClick={copyUrl}\n                        icon={<ContentCopyIcon />}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                    />\n                    <IconButton onClick={reload} icon={<RefreshIcon />} variant=\"ghost\" size=\"sm\" />\n                    <SegmentedControl\n                        value={viewport}\n                        onChange={(value: string) => setViewport(value as ViewportMode)}\n                        items={[\n                            { value: \"desktop\", label: \"\", icon: <LaptopIcon /> },\n                            { value: \"mobile\", label: \"\", icon: <SmartphoneIcon /> }\n                        ]}\n                    />\n                </div>\n            </div>\n\n            <div className=\"block box-border h-full w-full overflow-auto fill-grid\">\n                {loading ? <OverlayLoader text=\"Connecting to Live Preview...\" /> : null}\n                <div\n                    className={`mx-auto h-full transition-all duration-300 ${viewport === \"mobile\" ? \"p-md\" : \"\"}`}\n                    style={{ width: viewport === \"mobile\" ? \"375px\" : \"100%\" }}\n                >\n                    <iframe\n                        key={iframeKey}\n                        ref={iframeRef}\n                        src={iframeSrc}\n                        width=\"100%\"\n                        height=\"100%\"\n                        className=\"h-full\"\n                        sandbox=\"allow-same-origin allow-scripts allow-forms\"\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["PreviewPane","domain","previewPath","entryId","entryData","iframeRef","useRef","messengerRef","entryDataRef","lastSentDataRef","ready","setReady","useState","loading","setLoading","iframeKey","setIframeKey","viewport","setViewport","presenter","useLivePreviewPresenter","displayUrl","buildDisplayUrl","address","setAddress","useEffect","iframeSrc","editorPath","buildEditorUrl","url","URL","window","sendEntryData","useCallback","data","serialized","JSON","iframe","targetOrigin","editorOrigin","MessageOrigin","previewTarget","messenger","Messenger","manifest","current","previous","patch","jsonPatch","reload","prev","getDraftUrl","copyUrl","navigator","openInNewTab","Input","IconButton","OpenInNewIcon","ContentCopyIcon","RefreshIcon","SegmentedControl","value","LaptopIcon","SmartphoneIcon","OverlayLoader"],"mappings":"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"}
+{"version":3,"file":"presentation/contentEntries/preview/PreviewPane.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewPane.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback, useState } from \"react\";\nimport { Messenger, MessageOrigin } from \"@webiny/cms-sdk/messenger\";\nimport { jsonPatch } from \"@webiny/cms-sdk\";\nimport { IconButton, Input, OverlayLoader, SegmentedControl } from \"@webiny/admin-ui\";\nimport { ReactComponent as RefreshIcon } from \"@webiny/icons/refresh.svg\";\nimport { ReactComponent as ContentCopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as LaptopIcon } from \"@webiny/icons/laptop.svg\";\nimport { ReactComponent as SmartphoneIcon } from \"@webiny/icons/smartphone.svg\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\nimport { buildEditorUrl, buildDisplayUrl } from \"./resolvePreviewUrl.js\";\n\ninterface PreviewPaneProps {\n    domain: string;\n    previewPath: string;\n    entryId: string;\n    entryData: Record<string, unknown> | null;\n    /**\n     * Entry data used to resolve the preview path, with referenced entries' values filled in.\n     */\n    urlEntryData: Record<string, unknown> | null;\n}\n\ntype ViewportMode = \"desktop\" | \"mobile\";\n\nexport const PreviewPane = ({\n    domain,\n    previewPath,\n    entryId,\n    entryData,\n    urlEntryData\n}: PreviewPaneProps) => {\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const messengerRef = useRef<Messenger | null>(null);\n    const entryDataRef = useRef(entryData);\n    const lastSentDataRef = useRef<Record<string, unknown> | null>(null);\n    const [ready, setReady] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [iframeKey, setIframeKey] = useState(0);\n    const [viewport, setViewport] = useState<ViewportMode>(\"desktop\");\n    const presenter = useLivePreviewPresenter();\n\n    entryDataRef.current = entryData;\n\n    const displayUrl = buildDisplayUrl(domain, previewPath, urlEntryData || {});\n\n    const [address, setAddress] = useState(displayUrl);\n\n    useEffect(() => {\n        setAddress(displayUrl);\n    }, [displayUrl]);\n\n    const iframeSrc = (() => {\n        const editorPath = buildEditorUrl(domain, previewPath);\n        const url = new URL(editorPath);\n        url.searchParams.set(\"wb.editing\", \"true\");\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.id\", entryId);\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.referrer\", window.location.origin);\n        return url.toString();\n    })();\n\n    const sendEntryData = useCallback(() => {\n        const data = entryDataRef.current;\n        if (!data || !messengerRef.current) {\n            return;\n        }\n\n        const serialized = JSON.parse(JSON.stringify(data));\n        messengerRef.current.send(\"document.set\", serialized);\n        lastSentDataRef.current = serialized;\n    }, []);\n\n    useEffect(() => {\n        const iframe = iframeRef.current;\n        if (!iframe || !iframe.contentWindow) {\n            return;\n        }\n\n        const targetOrigin = new URL(iframe.src).origin;\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(() => iframe.contentWindow!, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        messenger.on(\"preview.ready\", () => {\n            setReady(true);\n            setLoading(false);\n            sendEntryData();\n        });\n\n        messenger.on(\n            \"preview.component.register\",\n            (manifest: { name: string; label: string; description: string }) => {\n                presenter.addComponent(manifest);\n            }\n        );\n\n        return () => {\n            messenger.dispose();\n            messengerRef.current = null;\n            lastSentDataRef.current = null;\n            setReady(false);\n        };\n    }, [iframeSrc, presenter, iframeKey, sendEntryData]);\n\n    useEffect(() => {\n        if (!ready || !entryData || !messengerRef.current) {\n            return;\n        }\n\n        const current = JSON.parse(JSON.stringify(entryData));\n        const previous = lastSentDataRef.current;\n\n        if (previous) {\n            const patch = jsonPatch.compare(previous, current);\n            if (patch.length > 0) {\n                messengerRef.current.send(\"document.patch\", patch);\n            }\n        } else {\n            messengerRef.current.send(\"document.set\", current);\n        }\n\n        lastSentDataRef.current = current;\n    }, [ready, entryData]);\n\n    const reload = useCallback(() => {\n        setLoading(true);\n        setReady(false);\n        lastSentDataRef.current = null;\n        setIframeKey(prev => prev + 1);\n    }, []);\n\n    const getDraftUrl = useCallback(() => {\n        const url = new URL(displayUrl);\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.preview\", \"true\");\n        url.searchParams.set(\"wb.id\", entryId);\n        return url.toString();\n    }, [displayUrl, entryId]);\n\n    const copyUrl = useCallback(() => {\n        navigator.clipboard.writeText(getDraftUrl());\n    }, [getDraftUrl]);\n\n    const openInNewTab = useCallback(() => {\n        window.open(getDraftUrl(), \"_blank\");\n    }, [getDraftUrl]);\n\n    return (\n        <div className=\"relative border border-neutral-dimmed rounded-t-lg flex flex-col flex-1 h-full overflow-hidden\">\n            <div className=\"flex p-md items-center bg-white border-b border-neutral-dimmed\">\n                <div className=\"w-full\">\n                    <Input\n                        value={address}\n                        onChange={setAddress}\n                        readOnly\n                        size=\"md\"\n                        variant={\"secondary\"}\n                        className=\"bg-gray-100\"\n                    />\n                </div>\n\n                <div className=\"flex items-center gap-xxs ml-sm\">\n                    <IconButton\n                        onClick={openInNewTab}\n                        icon={<OpenInNewIcon />}\n                        variant=\"ghost\"\n                        size=\"md\"\n                    />\n                    <IconButton\n                        onClick={copyUrl}\n                        icon={<ContentCopyIcon />}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                    />\n                    <IconButton onClick={reload} icon={<RefreshIcon />} variant=\"ghost\" size=\"sm\" />\n                    <SegmentedControl\n                        value={viewport}\n                        onChange={(value: string) => setViewport(value as ViewportMode)}\n                        items={[\n                            { value: \"desktop\", label: \"\", icon: <LaptopIcon /> },\n                            { value: \"mobile\", label: \"\", icon: <SmartphoneIcon /> }\n                        ]}\n                    />\n                </div>\n            </div>\n\n            <div className=\"block box-border h-full w-full overflow-auto fill-grid\">\n                {loading ? <OverlayLoader text=\"Connecting to Live Preview...\" /> : null}\n                <div\n                    className={`mx-auto h-full transition-all duration-300 ${viewport === \"mobile\" ? \"p-md\" : \"\"}`}\n                    style={{ width: viewport === \"mobile\" ? \"375px\" : \"100%\" }}\n                >\n                    <iframe\n                        key={iframeKey}\n                        ref={iframeRef}\n                        src={iframeSrc}\n                        width=\"100%\"\n                        height=\"100%\"\n                        className=\"h-full\"\n                        sandbox=\"allow-same-origin allow-scripts allow-forms\"\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["PreviewPane","domain","previewPath","entryId","entryData","urlEntryData","iframeRef","useRef","messengerRef","entryDataRef","lastSentDataRef","ready","setReady","useState","loading","setLoading","iframeKey","setIframeKey","viewport","setViewport","presenter","useLivePreviewPresenter","displayUrl","buildDisplayUrl","address","setAddress","useEffect","iframeSrc","editorPath","buildEditorUrl","url","URL","window","sendEntryData","useCallback","data","serialized","JSON","iframe","targetOrigin","editorOrigin","MessageOrigin","previewTarget","messenger","Messenger","manifest","current","previous","patch","jsonPatch","reload","prev","getDraftUrl","copyUrl","navigator","openInNewTab","Input","IconButton","OpenInNewIcon","ContentCopyIcon","RefreshIcon","SegmentedControl","value","LaptopIcon","SmartphoneIcon","OverlayLoader"],"mappings":"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"}

package/presentation/contentEntries/preview/abstractions.d.ts

@@ -1,3 +1,5 @@
+import type { CmsReferenceValue } from "../../../features/contentEntry/refTypes.js";
+import type { RefValuesMap } from "./resolvePreviewUrl.js";
 export interface PreviewComponent {
     name: string;
     label: string;
@@ -6,9 +8,15 @@ export interface PreviewComponent {
 export interface ILivePreviewPresenter {
     vm: {
         components: PreviewComponent[];
+        refValues: RefValuesMap;
     };
     addComponent(component: PreviewComponent): void;
     clearComponents(): void;
+    /**
+     * Loads referenced entries that the preview path reads through, e.g. `{values.location.slug}`.
+     * Each ref is requested once; results land in `vm.refValues`.
+     */
+    loadRefValues(refs: CmsReferenceValue[]): void;
 }
 export declare const LivePreviewPresenter: import("@webiny/di").Abstraction<ILivePreviewPresenter>;
 export declare namespace LivePreviewPresenter {

package/presentation/contentEntries/preview/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentEntries/preview/abstractions.js","sources":["../../../../src/presentation/contentEntries/preview/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface PreviewComponent {\n    name: string;\n    label: string;\n    description: string;\n}\n\nexport interface ILivePreviewPresenter {\n    vm: {\n        components: PreviewComponent[];\n    };\n    addComponent(component: PreviewComponent): void;\n    clearComponents(): void;\n}\n\nexport const LivePreviewPresenter = createAbstraction<ILivePreviewPresenter>(\n    \"CmsContentEntries/LivePreviewPresenter\"\n);\n\nexport namespace LivePreviewPresenter {\n    export type Interface = ILivePreviewPresenter;\n}\n"],"names":["LivePreviewPresenter","createAbstraction"],"mappings":";AAgBO,MAAMA,uBAAuBC,kBAChC"}
+{"version":3,"file":"presentation/contentEntries/preview/abstractions.js","sources":["../../../../src/presentation/contentEntries/preview/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefValuesMap } from \"./resolvePreviewUrl.js\";\n\nexport interface PreviewComponent {\n    name: string;\n    label: string;\n    description: string;\n}\n\nexport interface ILivePreviewPresenter {\n    vm: {\n        components: PreviewComponent[];\n        refValues: RefValuesMap;\n    };\n    addComponent(component: PreviewComponent): void;\n    clearComponents(): void;\n    /**\n     * Loads referenced entries that the preview path reads through, e.g. `{values.location.slug}`.\n     * Each ref is requested once; results land in `vm.refValues`.\n     */\n    loadRefValues(refs: CmsReferenceValue[]): void;\n}\n\nexport const LivePreviewPresenter = createAbstraction<ILivePreviewPresenter>(\n    \"CmsContentEntries/LivePreviewPresenter\"\n);\n\nexport namespace LivePreviewPresenter {\n    export type Interface = ILivePreviewPresenter;\n}\n"],"names":["LivePreviewPresenter","createAbstraction"],"mappings":";AAwBO,MAAMA,uBAAuBC,kBAChC"}

package/presentation/contentEntries/preview/resolvePreviewUrl.d.ts

@@ -1,4 +1,25 @@
+import type { CmsModelField } from "../../../types.js";
+import type { CmsReferenceValue } from "../../../features/contentEntry/refTypes.js";
 type EntryData = Record<string, unknown>;
+/**
+ * Values of loaded referenced entries, keyed by the ref `id`.
+ * `null` marks a ref that failed to load, so it isn't requested again.
+ */
+export type RefValuesMap = Record<string, Record<string, unknown> | null>;
+/**
+ * Returns the ids of ref fields that the pattern reads through,
+ * e.g. `location` for `/{values.location.slug}/{values.slug}`.
+ */
+export declare function getPatternRefFieldIds(pattern: string, fields: Pick<CmsModelField, "fieldId" | "type">[]): string[];
+/**
+ * Collects the ref values held by the given fields, for both single and multiple-value fields.
+ */
+export declare function getRefValues(values: EntryData, refFieldIds: string[]): CmsReferenceValue[];
+/**
+ * Spreads loaded referenced entry values into the ref values, so `{values.location.slug}`
+ * resolves against the referenced entry. Refs that aren't loaded yet are left as they are.
+ */
+export declare function withRefValues(entry: EntryData, refFieldIds: string[], refValues: RefValuesMap): EntryData;
 export declare function resolveSlugPattern(pattern: string, entry: EntryData): string;
 export declare function buildEditorUrl(domain: string, previewPath: string): string;
 export declare function buildDisplayUrl(domain: string, path: string, entry: EntryData): string;

package/presentation/contentEntries/preview/resolvePreviewUrl.js

@@ -1,3 +1,52 @@
+function isRefValue(value) {
+    if (!value || "object" != typeof value) return false;
+    const ref = value;
+    return "string" == typeof ref.id && "string" == typeof ref.modelId;
+}
+function getPatternRefFieldIds(pattern, fields) {
+    const refFieldIds = new Set(fields.filter((f)=>"ref" === f.type).map((f)=>f.fieldId));
+    const result = new Set();
+    for (const [, path] of pattern.matchAll(/\{([^}]+)\}/g)){
+        const [root, fieldId, ...rest] = path.split(".");
+        if ("values" === root && rest.length > 0 && refFieldIds.has(fieldId)) result.add(fieldId);
+    }
+    return [
+        ...result
+    ];
+}
+function getRefValues(values, refFieldIds) {
+    const refs = [];
+    for (const fieldId of refFieldIds){
+        const value = values[fieldId];
+        const items = Array.isArray(value) ? value : [
+            value
+        ];
+        refs.push(...items.filter(isRefValue));
+    }
+    return refs;
+}
+function withRefValues(entry, refFieldIds, refValues) {
+    const values = entry.values;
+    if (!values || 0 === refFieldIds.length) return entry;
+    const expand = (value)=>{
+        if (!isRefValue(value) || !refValues[value.id]) return value;
+        return {
+            ...refValues[value.id],
+            ...value
+        };
+    };
+    const expanded = {
+        ...values
+    };
+    for (const fieldId of refFieldIds){
+        const value = values[fieldId];
+        expanded[fieldId] = Array.isArray(value) ? value.map(expand) : expand(value);
+    }
+    return {
+        ...entry,
+        values: expanded
+    };
+}
 function getNestedValue(obj, path) {
     const parts = path.split(".");
     let current = obj;
@@ -27,6 +76,6 @@ function buildDisplayUrl(domain, path, entry) {
     const normalizedPath = resolvedPath.startsWith("/") ? resolvedPath : `/${resolvedPath}`;
     return `${base}${normalizedPath}`;
 }
-export { buildDisplayUrl, buildEditorUrl, resolveSlugPattern };
+export { buildDisplayUrl, buildEditorUrl, getPatternRefFieldIds, getRefValues, resolveSlugPattern, withRefValues };
 
 //# sourceMappingURL=resolvePreviewUrl.js.map

package/presentation/contentEntries/preview/resolvePreviewUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/contentEntries/preview/resolvePreviewUrl.js","sources":["../../../../src/presentation/contentEntries/preview/resolvePreviewUrl.ts"],"sourcesContent":["type EntryData = Record<string, unknown>;\n\nfunction getNestedValue(obj: EntryData, path: string): unknown {\n    const parts = path.split(\".\");\n    let current: unknown = obj;\n    for (const part of parts) {\n        if (current === null || current === undefined || typeof current !== \"object\") {\n            return undefined;\n        }\n        current = (current as Record<string, unknown>)[part];\n    }\n    return current;\n}\n\nexport function resolveSlugPattern(pattern: string, entry: EntryData): string {\n    return pattern.replace(/\\{([^}]+)\\}/g, (_match, path: string) => {\n        const value = getNestedValue(entry, path);\n        if (value !== null && value !== undefined && value !== \"\") {\n            return String(value);\n        }\n        return \"new\";\n    });\n}\n\nexport function buildEditorUrl(domain: string, previewPath: string): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const bracketIndex = previewPath.indexOf(\"{\");\n    const staticPrefix = bracketIndex >= 0 ? previewPath.substring(0, bracketIndex) : previewPath;\n    const trimmed = staticPrefix.endsWith(\"/\") ? staticPrefix.slice(0, -1) : staticPrefix;\n    return `${base}${trimmed}/preview`;\n}\n\nexport function buildDisplayUrl(domain: string, path: string, entry: EntryData): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const resolvedPath = resolveSlugPattern(path, entry);\n    const normalizedPath = resolvedPath.startsWith(\"/\") ? resolvedPath : `/${resolvedPath}`;\n    return `${base}${normalizedPath}`;\n}\n"],"names":["getNestedValue","obj","path","parts","current","part","resolveSlugPattern","pattern","entry","_match","value","String","buildEditorUrl","domain","previewPath","base","bracketIndex","staticPrefix","trimmed","buildDisplayUrl","resolvedPath","normalizedPath"],"mappings":"AAEA,SAASA,eAAeC,GAAc,EAAEC,IAAY;IAChD,MAAMC,QAAQD,KAAK,KAAK,CAAC;IACzB,IAAIE,UAAmBH;IACvB,KAAK,MAAMI,QAAQF,MAAO;QACtB,IAAIC,QAAAA,WAA6C,AAAmB,YAAnB,OAAOA,SACpD;QAEJA,UAAWA,OAAmC,CAACC,KAAK;IACxD;IACA,OAAOD;AACX;AAEO,SAASE,mBAAmBC,OAAe,EAAEC,KAAgB;IAChE,OAAOD,QAAQ,OAAO,CAAC,gBAAgB,CAACE,QAAQP;QAC5C,MAAMQ,QAAQV,eAAeQ,OAAON;QACpC,IAAIQ,QAAAA,SAAyCA,AAAU,OAAVA,OACzC,OAAOC,OAAOD;QAElB,OAAO;IACX;AACJ;AAEO,SAASE,eAAeC,MAAc,EAAEC,WAAmB;IAC9D,MAAMC,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMG,eAAeF,YAAY,OAAO,CAAC;IACzC,MAAMG,eAAeD,gBAAgB,IAAIF,YAAY,SAAS,CAAC,GAAGE,gBAAgBF;IAClF,MAAMI,UAAUD,aAAa,QAAQ,CAAC,OAAOA,aAAa,KAAK,CAAC,GAAG,MAAMA;IACzE,OAAO,GAAGF,OAAOG,QAAQ,QAAQ,CAAC;AACtC;AAEO,SAASC,gBAAgBN,MAAc,EAAEX,IAAY,EAAEM,KAAgB;IAC1E,MAAMO,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMO,eAAed,mBAAmBJ,MAAMM;IAC9C,MAAMa,iBAAiBD,aAAa,UAAU,CAAC,OAAOA,eAAe,CAAC,CAAC,EAAEA,cAAc;IACvF,OAAO,GAAGL,OAAOM,gBAAgB;AACrC"}
+{"version":3,"file":"presentation/contentEntries/preview/resolvePreviewUrl.js","sources":["../../../../src/presentation/contentEntries/preview/resolvePreviewUrl.ts"],"sourcesContent":["import type { CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\n\ntype EntryData = Record<string, unknown>;\n\n/**\n * Values of loaded referenced entries, keyed by the ref `id`.\n * `null` marks a ref that failed to load, so it isn't requested again.\n */\nexport type RefValuesMap = Record<string, Record<string, unknown> | null>;\n\nfunction isRefValue(value: unknown): value is CmsReferenceValue {\n    if (!value || typeof value !== \"object\") {\n        return false;\n    }\n    const ref = value as Partial<CmsReferenceValue>;\n    return typeof ref.id === \"string\" && typeof ref.modelId === \"string\";\n}\n\n/**\n * Returns the ids of ref fields that the pattern reads through,\n * e.g. `location` for `/{values.location.slug}/{values.slug}`.\n */\nexport function getPatternRefFieldIds(\n    pattern: string,\n    fields: Pick<CmsModelField, \"fieldId\" | \"type\">[]\n): string[] {\n    const refFieldIds = new Set(fields.filter(f => f.type === \"ref\").map(f => f.fieldId));\n    const result = new Set<string>();\n    for (const [, path] of pattern.matchAll(/\\{([^}]+)\\}/g)) {\n        const [root, fieldId, ...rest] = path.split(\".\");\n        if (root === \"values\" && rest.length > 0 && refFieldIds.has(fieldId)) {\n            result.add(fieldId);\n        }\n    }\n    return [...result];\n}\n\n/**\n * Collects the ref values held by the given fields, for both single and multiple-value fields.\n */\nexport function getRefValues(values: EntryData, refFieldIds: string[]): CmsReferenceValue[] {\n    const refs: CmsReferenceValue[] = [];\n    for (const fieldId of refFieldIds) {\n        const value = values[fieldId];\n        const items = Array.isArray(value) ? value : [value];\n        refs.push(...items.filter(isRefValue));\n    }\n    return refs;\n}\n\n/**\n * Spreads loaded referenced entry values into the ref values, so `{values.location.slug}`\n * resolves against the referenced entry. Refs that aren't loaded yet are left as they are.\n */\nexport function withRefValues(\n    entry: EntryData,\n    refFieldIds: string[],\n    refValues: RefValuesMap\n): EntryData {\n    const values = entry.values as EntryData | undefined;\n    if (!values || refFieldIds.length === 0) {\n        return entry;\n    }\n\n    const expand = (value: unknown) => {\n        if (!isRefValue(value) || !refValues[value.id]) {\n            return value;\n        }\n        return { ...refValues[value.id], ...value };\n    };\n\n    const expanded = { ...values };\n    for (const fieldId of refFieldIds) {\n        const value = values[fieldId];\n        expanded[fieldId] = Array.isArray(value) ? value.map(expand) : expand(value);\n    }\n    return { ...entry, values: expanded };\n}\n\nfunction getNestedValue(obj: EntryData, path: string): unknown {\n    const parts = path.split(\".\");\n    let current: unknown = obj;\n    for (const part of parts) {\n        if (current === null || current === undefined || typeof current !== \"object\") {\n            return undefined;\n        }\n        current = (current as Record<string, unknown>)[part];\n    }\n    return current;\n}\n\nexport function resolveSlugPattern(pattern: string, entry: EntryData): string {\n    return pattern.replace(/\\{([^}]+)\\}/g, (_match, path: string) => {\n        const value = getNestedValue(entry, path);\n        if (value !== null && value !== undefined && value !== \"\") {\n            return String(value);\n        }\n        return \"new\";\n    });\n}\n\nexport function buildEditorUrl(domain: string, previewPath: string): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const bracketIndex = previewPath.indexOf(\"{\");\n    const staticPrefix = bracketIndex >= 0 ? previewPath.substring(0, bracketIndex) : previewPath;\n    const trimmed = staticPrefix.endsWith(\"/\") ? staticPrefix.slice(0, -1) : staticPrefix;\n    return `${base}${trimmed}/preview`;\n}\n\nexport function buildDisplayUrl(domain: string, path: string, entry: EntryData): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const resolvedPath = resolveSlugPattern(path, entry);\n    const normalizedPath = resolvedPath.startsWith(\"/\") ? resolvedPath : `/${resolvedPath}`;\n    return `${base}${normalizedPath}`;\n}\n"],"names":["isRefValue","value","ref","getPatternRefFieldIds","pattern","fields","refFieldIds","Set","f","result","path","root","fieldId","rest","getRefValues","values","refs","items","Array","withRefValues","entry","refValues","expand","expanded","getNestedValue","obj","parts","current","part","resolveSlugPattern","_match","String","buildEditorUrl","domain","previewPath","base","bracketIndex","staticPrefix","trimmed","buildDisplayUrl","resolvedPath","normalizedPath"],"mappings":"AAWA,SAASA,WAAWC,KAAc;IAC9B,IAAI,CAACA,SAAS,AAAiB,YAAjB,OAAOA,OACjB,OAAO;IAEX,MAAMC,MAAMD;IACZ,OAAO,AAAkB,YAAlB,OAAOC,IAAI,EAAE,IAAiB,AAAuB,YAAvB,OAAOA,IAAI,OAAO;AAC3D;AAMO,SAASC,sBACZC,OAAe,EACfC,MAAiD;IAEjD,MAAMC,cAAc,IAAIC,IAAIF,OAAO,MAAM,CAACG,CAAAA,IAAKA,AAAW,UAAXA,EAAE,IAAI,EAAY,GAAG,CAACA,CAAAA,IAAKA,EAAE,OAAO;IACnF,MAAMC,SAAS,IAAIF;IACnB,KAAK,MAAM,GAAGG,KAAK,IAAIN,QAAQ,QAAQ,CAAC,gBAAiB;QACrD,MAAM,CAACO,MAAMC,SAAS,GAAGC,KAAK,GAAGH,KAAK,KAAK,CAAC;QAC5C,IAAIC,AAAS,aAATA,QAAqBE,KAAK,MAAM,GAAG,KAAKP,YAAY,GAAG,CAACM,UACxDH,OAAO,GAAG,CAACG;IAEnB;IACA,OAAO;WAAIH;KAAO;AACtB;AAKO,SAASK,aAAaC,MAAiB,EAAET,WAAqB;IACjE,MAAMU,OAA4B,EAAE;IACpC,KAAK,MAAMJ,WAAWN,YAAa;QAC/B,MAAML,QAAQc,MAAM,CAACH,QAAQ;QAC7B,MAAMK,QAAQC,MAAM,OAAO,CAACjB,SAASA,QAAQ;YAACA;SAAM;QACpDe,KAAK,IAAI,IAAIC,MAAM,MAAM,CAACjB;IAC9B;IACA,OAAOgB;AACX;AAMO,SAASG,cACZC,KAAgB,EAChBd,WAAqB,EACrBe,SAAuB;IAEvB,MAAMN,SAASK,MAAM,MAAM;IAC3B,IAAI,CAACL,UAAUT,AAAuB,MAAvBA,YAAY,MAAM,EAC7B,OAAOc;IAGX,MAAME,SAAS,CAACrB;QACZ,IAAI,CAACD,WAAWC,UAAU,CAACoB,SAAS,CAACpB,MAAM,EAAE,CAAC,EAC1C,OAAOA;QAEX,OAAO;YAAE,GAAGoB,SAAS,CAACpB,MAAM,EAAE,CAAC;YAAE,GAAGA,KAAK;QAAC;IAC9C;IAEA,MAAMsB,WAAW;QAAE,GAAGR,MAAM;IAAC;IAC7B,KAAK,MAAMH,WAAWN,YAAa;QAC/B,MAAML,QAAQc,MAAM,CAACH,QAAQ;QAC7BW,QAAQ,CAACX,QAAQ,GAAGM,MAAM,OAAO,CAACjB,SAASA,MAAM,GAAG,CAACqB,UAAUA,OAAOrB;IAC1E;IACA,OAAO;QAAE,GAAGmB,KAAK;QAAE,QAAQG;IAAS;AACxC;AAEA,SAASC,eAAeC,GAAc,EAAEf,IAAY;IAChD,MAAMgB,QAAQhB,KAAK,KAAK,CAAC;IACzB,IAAIiB,UAAmBF;IACvB,KAAK,MAAMG,QAAQF,MAAO;QACtB,IAAIC,QAAAA,WAA6C,AAAmB,YAAnB,OAAOA,SACpD;QAEJA,UAAWA,OAAmC,CAACC,KAAK;IACxD;IACA,OAAOD;AACX;AAEO,SAASE,mBAAmBzB,OAAe,EAAEgB,KAAgB;IAChE,OAAOhB,QAAQ,OAAO,CAAC,gBAAgB,CAAC0B,QAAQpB;QAC5C,MAAMT,QAAQuB,eAAeJ,OAAOV;QACpC,IAAIT,QAAAA,SAAyCA,AAAU,OAAVA,OACzC,OAAO8B,OAAO9B;QAElB,OAAO;IACX;AACJ;AAEO,SAAS+B,eAAeC,MAAc,EAAEC,WAAmB;IAC9D,MAAMC,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMG,eAAeF,YAAY,OAAO,CAAC;IACzC,MAAMG,eAAeD,gBAAgB,IAAIF,YAAY,SAAS,CAAC,GAAGE,gBAAgBF;IAClF,MAAMI,UAAUD,aAAa,QAAQ,CAAC,OAAOA,aAAa,KAAK,CAAC,GAAG,MAAMA;IACzE,OAAO,GAAGF,OAAOG,QAAQ,QAAQ,CAAC;AACtC;AAEO,SAASC,gBAAgBN,MAAc,EAAEvB,IAAY,EAAEU,KAAgB;IAC1E,MAAMe,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMO,eAAeX,mBAAmBnB,MAAMU;IAC9C,MAAMqB,iBAAiBD,aAAa,UAAU,CAAC,OAAOA,eAAe,CAAC,CAAC,EAAEA,cAAc;IACvF,OAAO,GAAGL,OAAOM,gBAAgB;AACrC"}

package/presentation/contentEntries/preview/resolvePreviewUrl.test.d.ts

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

package/presentation/contentEntries/preview/resolvePreviewUrl.test.js

@@ -0,0 +1,127 @@
+import { describe, expect, it } from "vitest";
+import { buildDisplayUrl, buildEditorUrl, getPatternRefFieldIds, getRefValues, resolveSlugPattern, withRefValues } from "./resolvePreviewUrl.js";
+const fields = [
+    {
+        fieldId: "slug",
+        type: "text"
+    },
+    {
+        fieldId: "location",
+        type: "ref"
+    },
+    {
+        fieldId: "tags",
+        type: "ref"
+    }
+];
+const resolvePreviewUrl_test_location = {
+    id: "loc1#0001",
+    modelId: "location"
+};
+describe("resolvePreviewUrl", ()=>{
+    it("should resolve plain values and fall back to `new` for missing ones", ()=>{
+        expect(resolveSlugPattern("/articles/{values.slug}", {
+            values: {
+                slug: "hello"
+            }
+        })).toBe("/articles/hello");
+        expect(resolveSlugPattern("/articles/{values.slug}", {
+            values: {}
+        })).toBe("/articles/new");
+    });
+    it("should build the iframe url from the static prefix only", ()=>{
+        expect(buildEditorUrl("https://site.com/", "/articles/{values.slug}")).toBe("https://site.com/articles/preview");
+        expect(buildEditorUrl("https://site.com", "/{values.location.slug}/{values.slug}")).toBe("https://site.com/preview");
+    });
+    it("should find ref fields the pattern reads through", ()=>{
+        expect(getPatternRefFieldIds("/{values.location.slug}/{values.slug}/{values.tags}", fields)).toEqual([
+            "location"
+        ]);
+        expect(getPatternRefFieldIds("/articles/{values.slug}", fields)).toEqual([]);
+    });
+    it("should collect ref values from single and multiple-value fields", ()=>{
+        const tag = {
+            id: "tag1#0001",
+            modelId: "tag"
+        };
+        expect(getRefValues({
+            location: resolvePreviewUrl_test_location,
+            tags: [
+                tag,
+                null
+            ],
+            slug: "x"
+        }, [
+            "location",
+            "tags"
+        ])).toEqual([
+            resolvePreviewUrl_test_location,
+            tag
+        ]);
+        expect(getRefValues({
+            location: null
+        }, [
+            "location"
+        ])).toEqual([]);
+    });
+    it("should resolve a ref field value once the referenced entry is loaded", ()=>{
+        const entry = {
+            id: "page1#0001",
+            values: {
+                slug: "climbing",
+                location: resolvePreviewUrl_test_location
+            }
+        };
+        const pattern = "/{values.location.slug}/{values.slug}";
+        const notLoaded = withRefValues(entry, [
+            "location"
+        ], {});
+        expect(buildDisplayUrl("https://site.com", pattern, notLoaded)).toBe("https://site.com/new/climbing");
+        const loaded = withRefValues(entry, [
+            "location"
+        ], {
+            [resolvePreviewUrl_test_location.id]: {
+                slug: "baker",
+                id: "should-not-win"
+            }
+        });
+        expect(buildDisplayUrl("https://site.com", pattern, loaded)).toBe("https://site.com/baker/climbing");
+        expect(loaded.values.location.id).toBe(resolvePreviewUrl_test_location.id);
+    });
+    it("should support indexing into multiple-value ref fields", ()=>{
+        const tag = {
+            id: "tag1#0001",
+            modelId: "tag"
+        };
+        const entry = {
+            values: {
+                tags: [
+                    tag
+                ]
+            }
+        };
+        const resolved = withRefValues(entry, [
+            "tags"
+        ], {
+            [tag.id]: {
+                slug: "news"
+            }
+        });
+        expect(resolveSlugPattern("/{values.tags.0.slug}", resolved)).toBe("/news");
+    });
+    it("should leave the entry untouched when there are no ref fields to fill in", ()=>{
+        const entry = {
+            values: {
+                slug: "x",
+                location: resolvePreviewUrl_test_location
+            }
+        };
+        expect(withRefValues(entry, [], {
+            [resolvePreviewUrl_test_location.id]: {
+                slug: "baker"
+            }
+        })).toBe(entry);
+    });
+});
+
+//# sourceMappingURL=resolvePreviewUrl.test.js.map

package/presentation/contentEntries/preview/resolvePreviewUrl.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/resolvePreviewUrl.test.js","sources":["../../../../src/presentation/contentEntries/preview/resolvePreviewUrl.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport {\n    buildDisplayUrl,\n    buildEditorUrl,\n    getPatternRefFieldIds,\n    getRefValues,\n    resolveSlugPattern,\n    withRefValues\n} from \"./resolvePreviewUrl.js\";\n\nconst fields = [\n    { fieldId: \"slug\", type: \"text\" },\n    { fieldId: \"location\", type: \"ref\" },\n    { fieldId: \"tags\", type: \"ref\" }\n];\n\nconst location = { id: \"loc1#0001\", modelId: \"location\" };\n\ndescribe(\"resolvePreviewUrl\", () => {\n    it(\"should resolve plain values and fall back to `new` for missing ones\", () => {\n        expect(resolveSlugPattern(\"/articles/{values.slug}\", { values: { slug: \"hello\" } })).toBe(\n            \"/articles/hello\"\n        );\n        expect(resolveSlugPattern(\"/articles/{values.slug}\", { values: {} })).toBe(\"/articles/new\");\n    });\n\n    it(\"should build the iframe url from the static prefix only\", () => {\n        expect(buildEditorUrl(\"https://site.com/\", \"/articles/{values.slug}\")).toBe(\n            \"https://site.com/articles/preview\"\n        );\n        expect(buildEditorUrl(\"https://site.com\", \"/{values.location.slug}/{values.slug}\")).toBe(\n            \"https://site.com/preview\"\n        );\n    });\n\n    it(\"should find ref fields the pattern reads through\", () => {\n        expect(\n            getPatternRefFieldIds(\"/{values.location.slug}/{values.slug}/{values.tags}\", fields)\n        ).toEqual([\"location\"]);\n        expect(getPatternRefFieldIds(\"/articles/{values.slug}\", fields)).toEqual([]);\n    });\n\n    it(\"should collect ref values from single and multiple-value fields\", () => {\n        const tag = { id: \"tag1#0001\", modelId: \"tag\" };\n        expect(\n            getRefValues({ location, tags: [tag, null], slug: \"x\" }, [\"location\", \"tags\"])\n        ).toEqual([location, tag]);\n        expect(getRefValues({ location: null }, [\"location\"])).toEqual([]);\n    });\n\n    it(\"should resolve a ref field value once the referenced entry is loaded\", () => {\n        const entry = { id: \"page1#0001\", values: { slug: \"climbing\", location } };\n        const pattern = \"/{values.location.slug}/{values.slug}\";\n\n        const notLoaded = withRefValues(entry, [\"location\"], {});\n        expect(buildDisplayUrl(\"https://site.com\", pattern, notLoaded)).toBe(\n            \"https://site.com/new/climbing\"\n        );\n\n        const loaded = withRefValues(entry, [\"location\"], {\n            [location.id]: { slug: \"baker\", id: \"should-not-win\" }\n        });\n        expect(buildDisplayUrl(\"https://site.com\", pattern, loaded)).toBe(\n            \"https://site.com/baker/climbing\"\n        );\n        expect((loaded.values as any).location.id).toBe(location.id);\n    });\n\n    it(\"should support indexing into multiple-value ref fields\", () => {\n        const tag = { id: \"tag1#0001\", modelId: \"tag\" };\n        const entry = { values: { tags: [tag] } };\n        const resolved = withRefValues(entry, [\"tags\"], { [tag.id]: { slug: \"news\" } });\n        expect(resolveSlugPattern(\"/{values.tags.0.slug}\", resolved)).toBe(\"/news\");\n    });\n\n    it(\"should leave the entry untouched when there are no ref fields to fill in\", () => {\n        const entry = { values: { slug: \"x\", location } };\n        expect(withRefValues(entry, [], { [location.id]: { slug: \"baker\" } })).toBe(entry);\n    });\n});\n"],"names":["fields","location","describe","it","expect","resolveSlugPattern","buildEditorUrl","getPatternRefFieldIds","tag","getRefValues","entry","pattern","notLoaded","withRefValues","buildDisplayUrl","loaded","resolved"],"mappings":";;AAUA,MAAMA,SAAS;IACX;QAAE,SAAS;QAAQ,MAAM;IAAO;IAChC;QAAE,SAAS;QAAY,MAAM;IAAM;IACnC;QAAE,SAAS;QAAQ,MAAM;IAAM;CAClC;AAED,MAAMC,kCAAW;IAAE,IAAI;IAAa,SAAS;AAAW;AAExDC,SAAS,qBAAqB;IAC1BC,GAAG,uEAAuE;QACtEC,OAAOC,mBAAmB,2BAA2B;YAAE,QAAQ;gBAAE,MAAM;YAAQ;QAAE,IAAI,IAAI,CACrF;QAEJD,OAAOC,mBAAmB,2BAA2B;YAAE,QAAQ,CAAC;QAAE,IAAI,IAAI,CAAC;IAC/E;IAEAF,GAAG,2DAA2D;QAC1DC,OAAOE,eAAe,qBAAqB,4BAA4B,IAAI,CACvE;QAEJF,OAAOE,eAAe,oBAAoB,0CAA0C,IAAI,CACpF;IAER;IAEAH,GAAG,oDAAoD;QACnDC,OACIG,sBAAsB,uDAAuDP,SAC/E,OAAO,CAAC;YAAC;SAAW;QACtBI,OAAOG,sBAAsB,2BAA2BP,SAAS,OAAO,CAAC,EAAE;IAC/E;IAEAG,GAAG,mEAAmE;QAClE,MAAMK,MAAM;YAAE,IAAI;YAAa,SAAS;QAAM;QAC9CJ,OACIK,aAAa;YAAER,UAAAA;YAAU,MAAM;gBAACO;gBAAK;aAAK;YAAE,MAAM;QAAI,GAAG;YAAC;YAAY;SAAO,GAC/E,OAAO,CAAC;YAACP;YAAUO;SAAI;QACzBJ,OAAOK,aAAa;YAAE,UAAU;QAAK,GAAG;YAAC;SAAW,GAAG,OAAO,CAAC,EAAE;IACrE;IAEAN,GAAG,wEAAwE;QACvE,MAAMO,QAAQ;YAAE,IAAI;YAAc,QAAQ;gBAAE,MAAM;gBAAYT,UAAAA;YAAS;QAAE;QACzE,MAAMU,UAAU;QAEhB,MAAMC,YAAYC,cAAcH,OAAO;YAAC;SAAW,EAAE,CAAC;QACtDN,OAAOU,gBAAgB,oBAAoBH,SAASC,YAAY,IAAI,CAChE;QAGJ,MAAMG,SAASF,cAAcH,OAAO;YAAC;SAAW,EAAE;YAC9C,CAACT,gCAAS,EAAE,CAAC,EAAE;gBAAE,MAAM;gBAAS,IAAI;YAAiB;QACzD;QACAG,OAAOU,gBAAgB,oBAAoBH,SAASI,SAAS,IAAI,CAC7D;QAEJX,OAAQW,OAAO,MAAM,CAAS,QAAQ,CAAC,EAAE,EAAE,IAAI,CAACd,gCAAS,EAAE;IAC/D;IAEAE,GAAG,0DAA0D;QACzD,MAAMK,MAAM;YAAE,IAAI;YAAa,SAAS;QAAM;QAC9C,MAAME,QAAQ;YAAE,QAAQ;gBAAE,MAAM;oBAACF;iBAAI;YAAC;QAAE;QACxC,MAAMQ,WAAWH,cAAcH,OAAO;YAAC;SAAO,EAAE;YAAE,CAACF,IAAI,EAAE,CAAC,EAAE;gBAAE,MAAM;YAAO;QAAE;QAC7EJ,OAAOC,mBAAmB,yBAAyBW,WAAW,IAAI,CAAC;IACvE;IAEAb,GAAG,4EAA4E;QAC3E,MAAMO,QAAQ;YAAE,QAAQ;gBAAE,MAAM;gBAAKT,UAAAA;YAAS;QAAE;QAChDG,OAAOS,cAAcH,OAAO,EAAE,EAAE;YAAE,CAACT,gCAAS,EAAE,CAAC,EAAE;gBAAE,MAAM;YAAQ;QAAE,IAAI,IAAI,CAACS;IAChF;AACJ"}

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

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

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

@@ -0,0 +1,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"}