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

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

@@ -59,6 +59,7 @@ const RefInner = observer(({ bind, modelIds })=>{
         value: vm.value,
         options: vm.options,
         validation: bind.validation,
+        shouldFilter: false,
         onValueSearch: (query)=>presenter.search(query),
         onValueChange: (entryId)=>{
             if (!entryId) {

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

@@ -1 +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"}
+{"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            shouldFilter={false}\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,cAAc;QACd,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/admin/plugins/editor/defaultBar/Name/Name.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare global {
-    interface Window {
-        Cypress: any;
-    }
-}
 export declare const Name: () => React.JSX.Element;

package/admin/plugins/editor/defaultBar/Name/Name.js

@@ -21,11 +21,9 @@ const Name = ()=>{
             "alt+cmd+enter": ()=>setEditing(true)
         }
     });
-    const autoFocus = !window.Cypress;
     return /*#__PURE__*/ react.createElement(EditableTitle, {
         value: data.name,
         onCommit: saveName,
-        autoFocus: autoFocus,
         isEditing: editing,
         onEditingChange: setEditing,
         tooltip: /*#__PURE__*/ react.createElement("span", null, t`Rename content model`),

package/admin/plugins/editor/defaultBar/Name/Name.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/editor/defaultBar/Name/Name.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/Name/Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { EditableTitle } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [editing, setEditing] = useState<boolean>(false);\n\n    const saveName = useCallback(\n        (name: string) => {\n            setData(data => {\n                data.name = name;\n                return data;\n            });\n        },\n        [setData]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": () => setEditing(true)\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return (\n        <EditableTitle\n            value={data.name}\n            onCommit={saveName}\n            autoFocus={autoFocus}\n            isEditing={editing}\n            onEditingChange={setEditing}\n            tooltip={<span>{t`Rename content model`}</span>}\n            data-testid=\"cms-editor-model-title\"\n        />\n    );\n};\n"],"names":["t","i18n","Name","data","setData","useModelEditor","editing","setEditing","useState","saveName","useCallback","name","useHotkeys","autoFocus","window","EditableTitle"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAQlB,MAAMC,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAkB;IAEhD,MAAMC,WAAWC,YACb,CAACC;QACGP,QAAQD,CAAAA;YACJA,KAAK,IAAI,GAAGQ;YACZ,OAAOR;QACX;IACJ,GACA;QAACC;KAAQ;IAGbQ,WAAW;QACP,QAAQ;QACR,MAAM;YACF,iBAAiB,IAAML,WAAW;QACtC;IACJ;IAIA,MAAMM,YAAY,CAACC,OAAO,OAAO;IAEjC,OAAO,WAAP,GACI,oBAACC,eAAaA;QACV,OAAOZ,KAAK,IAAI;QAChB,UAAUM;QACV,WAAWI;QACX,WAAWP;QACX,iBAAiBC;QACjB,uBAAS,oBAAC,cAAMP,CAAC,CAAC,oBAAoB,CAAC;QACvC,eAAY;;AAGxB"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/Name/Name.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/Name/Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { EditableTitle } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [editing, setEditing] = useState<boolean>(false);\n\n    const saveName = useCallback(\n        (name: string) => {\n            setData(data => {\n                data.name = name;\n                return data;\n            });\n        },\n        [setData]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": () => setEditing(true)\n        }\n    });\n\n    return (\n        <EditableTitle\n            value={data.name}\n            onCommit={saveName}\n            isEditing={editing}\n            onEditingChange={setEditing}\n            tooltip={<span>{t`Rename content model`}</span>}\n            data-testid=\"cms-editor-model-title\"\n        />\n    );\n};\n"],"names":["t","i18n","Name","data","setData","useModelEditor","editing","setEditing","useState","saveName","useCallback","name","useHotkeys","EditableTitle"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAElB,MAAMC,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAkB;IAEhD,MAAMC,WAAWC,YACb,CAACC;QACGP,QAAQD,CAAAA;YACJA,KAAK,IAAI,GAAGQ;YACZ,OAAOR;QACX;IACJ,GACA;QAACC;KAAQ;IAGbQ,WAAW;QACP,QAAQ;QACR,MAAM;YACF,iBAAiB,IAAML,WAAW;QACtC;IACJ;IAEA,OAAO,WAAP,GACI,oBAACM,eAAaA;QACV,OAAOV,KAAK,IAAI;QAChB,UAAUM;QACV,WAAWH;QACX,iBAAiBC;QACjB,uBAAS,oBAAC,cAAMP,CAAC,CAAC,oBAAoB,CAAC;QACvC,eAAY;;AAGxB"}

package/features/contentEntry/feature.js

@@ -18,6 +18,7 @@ import { BulkActionFeature } from "./bulkAction/feature.js";
 import { CmsTrashBinFeature } from "./trashBin/feature.js";
 import { SearchContentEntriesFeature } from "./searchContentEntries/feature.js";
 import { GetContentEntriesFeature } from "./getContentEntries/feature.js";
+import { ReferenceTitlesFeature } from "./referenceTitles/feature.js";
 import { ValueTransformersFeature } from "./valueTransformers/feature.js";
 import { EntryGraphQLFields } from "./EntryGraphQLFields.js";
 const ContentEntryFeature = createFeature({
@@ -30,6 +31,7 @@ const ContentEntryFeature = createFeature({
         ListEntriesFeature.register(container);
         SearchContentEntriesFeature.register(container);
         GetContentEntriesFeature.register(container);
+        ReferenceTitlesFeature.register(container);
         CreateEntryFeature.register(container);
         DuplicateEntryFeature.register(container);
         UpdateEntryFeature.register(container);

package/features/contentEntry/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/contentEntry/feature.js","sources":["../../../src/features/contentEntry/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ContentEntriesCacheProvider } from \"./ContentEntriesCacheProvider.js\";\nimport { GetEntryFeature } from \"./getEntry/feature.js\";\nimport { ListEntriesFeature } from \"./listEntries/feature.js\";\nimport { CreateEntryFeature } from \"./createEntry/feature.js\";\nimport { DuplicateEntryFeature } from \"./duplicateEntry/feature.js\";\nimport { UpdateEntryFeature } from \"./updateEntry/feature.js\";\nimport { PublishEntryFeature } from \"./publishEntry/feature.js\";\nimport { UnpublishEntryFeature } from \"./unpublishEntry/feature.js\";\nimport { DeleteEntryFeature } from \"./deleteEntry/feature.js\";\nimport { DeleteEntryRevisionFeature } from \"./deleteEntryRevision/feature.js\";\nimport { CreateRevisionFromFeature } from \"./createRevisionFrom/feature.js\";\nimport { ListRevisionsFeature } from \"./listRevisions/feature.js\";\nimport { UpdateRevisionDescriptionFeature } from \"./updateRevisionDescription/feature.js\";\nimport { SingletonEntryFeature } from \"./singletonEntry/feature.js\";\nimport { MoveEntryFeature } from \"./moveEntry/feature.js\";\nimport { BulkActionFeature } from \"./bulkAction/feature.js\";\nimport { CmsTrashBinFeature } from \"./trashBin/feature.js\";\nimport { SearchContentEntriesFeature } from \"./searchContentEntries/feature.js\";\nimport { GetContentEntriesFeature } from \"./getContentEntries/feature.js\";\nimport { ValueTransformersFeature } from \"./valueTransformers/feature.js\";\nimport { EntryGraphQLFields } from \"./EntryGraphQLFields.js\";\n\nexport const ContentEntryFeature = createFeature({\n    name: \"CmsContentEntry\",\n    register(container) {\n        container.register(EntryGraphQLFields).inSingletonScope();\n        container.register(ContentEntriesCacheProvider).inSingletonScope();\n\n        ValueTransformersFeature.register(container);\n        GetEntryFeature.register(container);\n        ListEntriesFeature.register(container);\n        SearchContentEntriesFeature.register(container);\n        GetContentEntriesFeature.register(container);\n        CreateEntryFeature.register(container);\n        DuplicateEntryFeature.register(container);\n        UpdateEntryFeature.register(container);\n        PublishEntryFeature.register(container);\n        UnpublishEntryFeature.register(container);\n        DeleteEntryFeature.register(container);\n        DeleteEntryRevisionFeature.register(container);\n        CreateRevisionFromFeature.register(container);\n        ListRevisionsFeature.register(container);\n        UpdateRevisionDescriptionFeature.register(container);\n        SingletonEntryFeature.register(container);\n        MoveEntryFeature.register(container);\n        BulkActionFeature.register(container);\n        CmsTrashBinFeature.register(container);\n    }\n});\n"],"names":["ContentEntryFeature","createFeature","container","EntryGraphQLFields","ContentEntriesCacheProvider","ValueTransformersFeature","GetEntryFeature","ListEntriesFeature","SearchContentEntriesFeature","GetContentEntriesFeature","CreateEntryFeature","DuplicateEntryFeature","UpdateEntryFeature","PublishEntryFeature","UnpublishEntryFeature","DeleteEntryFeature","DeleteEntryRevisionFeature","CreateRevisionFromFeature","ListRevisionsFeature","UpdateRevisionDescriptionFeature","SingletonEntryFeature","MoveEntryFeature","BulkActionFeature","CmsTrashBinFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,oBAAoB,gBAAgB;QACvDD,UAAU,QAAQ,CAACE,6BAA6B,gBAAgB;QAEhEC,yBAAyB,QAAQ,CAACH;QAClCI,gBAAgB,QAAQ,CAACJ;QACzBK,mBAAmB,QAAQ,CAACL;QAC5BM,4BAA4B,QAAQ,CAACN;QACrCO,yBAAyB,QAAQ,CAACP;QAClCQ,mBAAmB,QAAQ,CAACR;QAC5BS,sBAAsB,QAAQ,CAACT;QAC/BU,mBAAmB,QAAQ,CAACV;QAC5BW,oBAAoB,QAAQ,CAACX;QAC7BY,sBAAsB,QAAQ,CAACZ;QAC/Ba,mBAAmB,QAAQ,CAACb;QAC5Bc,2BAA2B,QAAQ,CAACd;QACpCe,0BAA0B,QAAQ,CAACf;QACnCgB,qBAAqB,QAAQ,CAAChB;QAC9BiB,iCAAiC,QAAQ,CAACjB;QAC1CkB,sBAAsB,QAAQ,CAAClB;QAC/BmB,iBAAiB,QAAQ,CAACnB;QAC1BoB,kBAAkB,QAAQ,CAACpB;QAC3BqB,mBAAmB,QAAQ,CAACrB;IAChC;AACJ"}
+{"version":3,"file":"features/contentEntry/feature.js","sources":["../../../src/features/contentEntry/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ContentEntriesCacheProvider } from \"./ContentEntriesCacheProvider.js\";\nimport { GetEntryFeature } from \"./getEntry/feature.js\";\nimport { ListEntriesFeature } from \"./listEntries/feature.js\";\nimport { CreateEntryFeature } from \"./createEntry/feature.js\";\nimport { DuplicateEntryFeature } from \"./duplicateEntry/feature.js\";\nimport { UpdateEntryFeature } from \"./updateEntry/feature.js\";\nimport { PublishEntryFeature } from \"./publishEntry/feature.js\";\nimport { UnpublishEntryFeature } from \"./unpublishEntry/feature.js\";\nimport { DeleteEntryFeature } from \"./deleteEntry/feature.js\";\nimport { DeleteEntryRevisionFeature } from \"./deleteEntryRevision/feature.js\";\nimport { CreateRevisionFromFeature } from \"./createRevisionFrom/feature.js\";\nimport { ListRevisionsFeature } from \"./listRevisions/feature.js\";\nimport { UpdateRevisionDescriptionFeature } from \"./updateRevisionDescription/feature.js\";\nimport { SingletonEntryFeature } from \"./singletonEntry/feature.js\";\nimport { MoveEntryFeature } from \"./moveEntry/feature.js\";\nimport { BulkActionFeature } from \"./bulkAction/feature.js\";\nimport { CmsTrashBinFeature } from \"./trashBin/feature.js\";\nimport { SearchContentEntriesFeature } from \"./searchContentEntries/feature.js\";\nimport { GetContentEntriesFeature } from \"./getContentEntries/feature.js\";\nimport { ReferenceTitlesFeature } from \"./referenceTitles/feature.js\";\nimport { ValueTransformersFeature } from \"./valueTransformers/feature.js\";\nimport { EntryGraphQLFields } from \"./EntryGraphQLFields.js\";\n\nexport const ContentEntryFeature = createFeature({\n    name: \"CmsContentEntry\",\n    register(container) {\n        container.register(EntryGraphQLFields).inSingletonScope();\n        container.register(ContentEntriesCacheProvider).inSingletonScope();\n\n        ValueTransformersFeature.register(container);\n        GetEntryFeature.register(container);\n        ListEntriesFeature.register(container);\n        SearchContentEntriesFeature.register(container);\n        GetContentEntriesFeature.register(container);\n        ReferenceTitlesFeature.register(container);\n        CreateEntryFeature.register(container);\n        DuplicateEntryFeature.register(container);\n        UpdateEntryFeature.register(container);\n        PublishEntryFeature.register(container);\n        UnpublishEntryFeature.register(container);\n        DeleteEntryFeature.register(container);\n        DeleteEntryRevisionFeature.register(container);\n        CreateRevisionFromFeature.register(container);\n        ListRevisionsFeature.register(container);\n        UpdateRevisionDescriptionFeature.register(container);\n        SingletonEntryFeature.register(container);\n        MoveEntryFeature.register(container);\n        BulkActionFeature.register(container);\n        CmsTrashBinFeature.register(container);\n    }\n});\n"],"names":["ContentEntryFeature","createFeature","container","EntryGraphQLFields","ContentEntriesCacheProvider","ValueTransformersFeature","GetEntryFeature","ListEntriesFeature","SearchContentEntriesFeature","GetContentEntriesFeature","ReferenceTitlesFeature","CreateEntryFeature","DuplicateEntryFeature","UpdateEntryFeature","PublishEntryFeature","UnpublishEntryFeature","DeleteEntryFeature","DeleteEntryRevisionFeature","CreateRevisionFromFeature","ListRevisionsFeature","UpdateRevisionDescriptionFeature","SingletonEntryFeature","MoveEntryFeature","BulkActionFeature","CmsTrashBinFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,oBAAoB,gBAAgB;QACvDD,UAAU,QAAQ,CAACE,6BAA6B,gBAAgB;QAEhEC,yBAAyB,QAAQ,CAACH;QAClCI,gBAAgB,QAAQ,CAACJ;QACzBK,mBAAmB,QAAQ,CAACL;QAC5BM,4BAA4B,QAAQ,CAACN;QACrCO,yBAAyB,QAAQ,CAACP;QAClCQ,uBAAuB,QAAQ,CAACR;QAChCS,mBAAmB,QAAQ,CAACT;QAC5BU,sBAAsB,QAAQ,CAACV;QAC/BW,mBAAmB,QAAQ,CAACX;QAC5BY,oBAAoB,QAAQ,CAACZ;QAC7Ba,sBAAsB,QAAQ,CAACb;QAC/Bc,mBAAmB,QAAQ,CAACd;QAC5Be,2BAA2B,QAAQ,CAACf;QACpCgB,0BAA0B,QAAQ,CAAChB;QACnCiB,qBAAqB,QAAQ,CAACjB;QAC9BkB,iCAAiC,QAAQ,CAAClB;QAC1CmB,sBAAsB,QAAQ,CAACnB;QAC/BoB,iBAAiB,QAAQ,CAACpB;QAC1BqB,kBAAkB,QAAQ,CAACrB;QAC3BsB,mBAAmB,QAAQ,CAACtB;IAChC;AACJ"}

package/features/contentEntry/referenceTitles/ReferenceTitles.d.ts

@@ -0,0 +1,18 @@
+import { GetContentEntriesGateway } from "../getContentEntries/abstractions.js";
+import type { CmsReferenceEntry, CmsReferenceValue } from "../refTypes.js";
+import { ReferenceTitles as Abstraction } from "./abstractions.js";
+declare class ReferenceTitlesImpl implements Abstraction.Interface {
+    private gateway;
+    private readonly titles;
+    private readonly requested;
+    private queue;
+    constructor(gateway: GetContentEntriesGateway.Interface);
+    getTitle(ref: CmsReferenceValue): string | undefined;
+    remember(entries: CmsReferenceEntry[]): void;
+    private enqueue;
+    private flush;
+}
+export declare const ReferenceTitles: typeof ReferenceTitlesImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IReferenceTitles>;
+};
+export {};

package/features/contentEntry/referenceTitles/ReferenceTitles.js

@@ -0,0 +1,58 @@
+import { observable, runInAction } from "mobx";
+import { GetContentEntriesGateway } from "../getContentEntries/abstractions.js";
+import { ReferenceTitles } from "./abstractions.js";
+function toKey(modelId, id) {
+    return `${modelId}:${id.split("#")[0]}`;
+}
+class ReferenceTitlesImpl {
+    constructor(gateway){
+        this.gateway = gateway;
+        this.titles = observable.map();
+        this.requested = new Set();
+        this.queue = [];
+    }
+    getTitle(ref) {
+        const key = toKey(ref.modelId, ref.id);
+        if (!this.titles.has(key) && !this.requested.has(key)) {
+            this.requested.add(key);
+            this.enqueue(ref);
+        }
+        return this.titles.get(key);
+    }
+    remember(entries) {
+        runInAction(()=>{
+            for (const entry of entries)this.titles.set(toKey(entry.model.modelId, entry.entryId), entry.title);
+        });
+    }
+    enqueue(ref) {
+        this.queue.push(ref);
+        if (this.queue.length > 1) return;
+        setTimeout(()=>this.flush(), 0);
+    }
+    async flush() {
+        const entries = this.queue;
+        this.queue = [];
+        const keys = entries.map((ref)=>toKey(ref.modelId, ref.id));
+        try {
+            const result = await this.gateway.execute({
+                entries
+            });
+            this.remember(result.latest);
+            runInAction(()=>{
+                for (const key of keys)if (!this.titles.has(key)) this.titles.set(key, "");
+            });
+        } catch (e) {
+            for (const key of keys)this.requested.delete(key);
+            console.error(e);
+        }
+    }
+}
+const ReferenceTitles_ReferenceTitles = ReferenceTitles.createImplementation({
+    implementation: ReferenceTitlesImpl,
+    dependencies: [
+        GetContentEntriesGateway
+    ]
+});
+export { ReferenceTitles_ReferenceTitles as ReferenceTitles };
+
+//# sourceMappingURL=ReferenceTitles.js.map

package/features/contentEntry/referenceTitles/ReferenceTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/contentEntry/referenceTitles/ReferenceTitles.js","sources":["../../../../src/features/contentEntry/referenceTitles/ReferenceTitles.ts"],"sourcesContent":["import { observable, runInAction } from \"mobx\";\nimport { GetContentEntriesGateway } from \"../getContentEntries/abstractions.js\";\nimport type { CmsReferenceEntry, CmsReferenceValue } from \"../refTypes.js\";\nimport { ReferenceTitles as Abstraction } from \"./abstractions.js\";\n\n// A reference points at a revision (`entryId#0001`), but the title shown is the latest one, so\n// every revision of an entry shares a key.\nfunction toKey(modelId: string, id: string): string {\n    return `${modelId}:${id.split(\"#\")[0]}`;\n}\n\nclass ReferenceTitlesImpl implements Abstraction.Interface {\n    private readonly titles = observable.map<string, string>();\n    private readonly requested = new Set<string>();\n    private queue: CmsReferenceValue[] = [];\n\n    constructor(private gateway: GetContentEntriesGateway.Interface) {}\n\n    getTitle(ref: CmsReferenceValue): string | undefined {\n        const key = toKey(ref.modelId, ref.id);\n        if (!this.titles.has(key) && !this.requested.has(key)) {\n            this.requested.add(key);\n            this.enqueue(ref);\n        }\n        return this.titles.get(key);\n    }\n\n    remember(entries: CmsReferenceEntry[]): void {\n        runInAction(() => {\n            for (const entry of entries) {\n                this.titles.set(toKey(entry.model.modelId, entry.entryId), entry.title);\n            }\n        });\n    }\n\n    private enqueue(ref: CmsReferenceValue): void {\n        this.queue.push(ref);\n        if (this.queue.length > 1) {\n            return;\n        }\n        // Wait for the render pass to finish asking, then load everything it asked for at once.\n        setTimeout(() => this.flush(), 0);\n    }\n\n    private async flush(): Promise<void> {\n        const entries = this.queue;\n        this.queue = [];\n        const keys = entries.map(ref => toKey(ref.modelId, ref.id));\n        try {\n            const result = await this.gateway.execute({ entries });\n            this.remember(result.latest);\n            // A deleted entry has no title. Settle it as empty, so a title made of several\n            // references doesn't wait on it forever.\n            runInAction(() => {\n                for (const key of keys) {\n                    if (!this.titles.has(key)) {\n                        this.titles.set(key, \"\");\n                    }\n                }\n            });\n        } catch (e) {\n            // The title falls back to the item's default label until the next render asks again.\n            for (const key of keys) {\n                this.requested.delete(key);\n            }\n            console.error(e);\n        }\n    }\n}\n\nexport const ReferenceTitles = Abstraction.createImplementation({\n    implementation: ReferenceTitlesImpl,\n    dependencies: [GetContentEntriesGateway]\n});\n"],"names":["toKey","modelId","id","ReferenceTitlesImpl","gateway","observable","Set","ref","key","entries","runInAction","entry","setTimeout","keys","result","e","console","ReferenceTitles","Abstraction","GetContentEntriesGateway"],"mappings":";;;AAOA,SAASA,MAAMC,OAAe,EAAEC,EAAU;IACtC,OAAO,GAAGD,QAAQ,CAAC,EAAEC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;AAC3C;AAEA,MAAMC;IAKF,YAAoBC,OAA2C,CAAE;aAA7CA,OAAO,GAAPA;aAJH,MAAM,GAAGC,WAAW,GAAG;aACvB,SAAS,GAAG,IAAIC;aACzB,KAAK,GAAwB,EAAE;IAE2B;IAElE,SAASC,GAAsB,EAAsB;QACjD,MAAMC,MAAMR,MAAMO,IAAI,OAAO,EAAEA,IAAI,EAAE;QACrC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAACC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA,MAAM;YACnD,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA;YACnB,IAAI,CAAC,OAAO,CAACD;QACjB;QACA,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAACC;IAC3B;IAEA,SAASC,OAA4B,EAAQ;QACzCC,YAAY;YACR,KAAK,MAAMC,SAASF,QAChB,IAAI,CAAC,MAAM,CAAC,GAAG,CAACT,MAAMW,MAAM,KAAK,CAAC,OAAO,EAAEA,MAAM,OAAO,GAAGA,MAAM,KAAK;QAE9E;IACJ;IAEQ,QAAQJ,GAAsB,EAAQ;QAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,CAACA;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GACpB;QAGJK,WAAW,IAAM,IAAI,CAAC,KAAK,IAAI;IACnC;IAEA,MAAc,QAAuB;QACjC,MAAMH,UAAU,IAAI,CAAC,KAAK;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,MAAMI,OAAOJ,QAAQ,GAAG,CAACF,CAAAA,MAAOP,MAAMO,IAAI,OAAO,EAAEA,IAAI,EAAE;QACzD,IAAI;YACA,MAAMO,SAAS,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;gBAAEL;YAAQ;YACpD,IAAI,CAAC,QAAQ,CAACK,OAAO,MAAM;YAG3BJ,YAAY;gBACR,KAAK,MAAMF,OAAOK,KACd,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAACL,MACjB,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,KAAK;YAGjC;QACJ,EAAE,OAAOO,GAAG;YAER,KAAK,MAAMP,OAAOK,KACd,IAAI,CAAC,SAAS,CAAC,MAAM,CAACL;YAE1BQ,QAAQ,KAAK,CAACD;QAClB;IACJ;AACJ;AAEO,MAAME,kCAAkBC,gBAAAA,oBAAgC,CAAC;IAC5D,gBAAgBf;IAChB,cAAc;QAACgB;KAAyB;AAC5C"}

package/features/contentEntry/referenceTitles/ReferenceTitles.test.d.ts

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

package/features/contentEntry/referenceTitles/ReferenceTitles.test.js

@@ -0,0 +1,173 @@
+import { describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { GetContentEntriesGateway, GetContentEntriesUseCase } from "../getContentEntries/abstractions.js";
+import { SearchContentEntriesUseCase } from "../searchContentEntries/abstractions.js";
+import { ReferenceTitles } from "./abstractions.js";
+import { ReferenceTitlesFeature } from "./feature.js";
+const createEntry = (modelId, entryId, title)=>({
+        id: `${entryId}#0002`,
+        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,
+            name: modelId
+        },
+        published: null,
+        wbyAco_location: null
+    });
+const entries = [
+    createEntry("location", "baker", "Baker"),
+    createEntry("location", "lincoln", "Lincoln Park"),
+    createEntry("coach", "ana", "Ana")
+];
+const createContainer = ()=>{
+    const gateway = vi.fn(async ({ entries: refs })=>({
+            latest: entries.filter((e)=>refs.some((r)=>r.id.startsWith(e.entryId))),
+            published: []
+        }));
+    const container = new Container();
+    container.registerInstance(GetContentEntriesGateway, {
+        execute: gateway
+    });
+    container.registerInstance(GetContentEntriesUseCase, {
+        execute: async ()=>({
+                latest: [
+                    entries[0]
+                ],
+                published: []
+            })
+    });
+    container.registerInstance(SearchContentEntriesUseCase, {
+        execute: async ()=>({
+                data: [
+                    entries[1]
+                ]
+            })
+    });
+    ReferenceTitlesFeature.register(container);
+    return {
+        container,
+        gateway,
+        titles: container.resolve(ReferenceTitles)
+    };
+};
+const tick = ()=>new Promise((resolve)=>setTimeout(resolve, 0));
+describe("ReferenceTitles", ()=>{
+    it("loads every reference asked for in the same tick with one request", async ()=>{
+        const { titles, gateway } = createContainer();
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        })).toBeUndefined();
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "lincoln#0001"
+        })).toBeUndefined();
+        expect(titles.getTitle({
+            modelId: "coach",
+            id: "ana#0001"
+        })).toBeUndefined();
+        await tick();
+        await tick();
+        expect(gateway).toHaveBeenCalledTimes(1);
+        expect(gateway.mock.calls[0][0].entries).toHaveLength(3);
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        })).toBe("Baker");
+        expect(titles.getTitle({
+            modelId: "coach",
+            id: "ana#0001"
+        })).toBe("Ana");
+    });
+    it("asks for a reference once, whichever revision it points at", async ()=>{
+        const { titles, gateway } = createContainer();
+        titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        });
+        await tick();
+        await tick();
+        titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        });
+        titles.getTitle({
+            modelId: "location",
+            id: "baker#0003"
+        });
+        await tick();
+        expect(gateway).toHaveBeenCalledTimes(1);
+    });
+    it("settles a reference to a deleted entry as an empty title", async ()=>{
+        const { titles, gateway } = createContainer();
+        titles.getTitle({
+            modelId: "location",
+            id: "gone#0001"
+        });
+        await tick();
+        await tick();
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "gone#0001"
+        })).toBe("");
+        expect(gateway).toHaveBeenCalledTimes(1);
+    });
+    it("asks again after a failed request", async ()=>{
+        const { titles, gateway } = createContainer();
+        gateway.mockRejectedValueOnce(new Error("Network error"));
+        const consoleError = vi.spyOn(console, "error").mockImplementation(()=>void 0);
+        titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        });
+        await tick();
+        await tick();
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        })).toBeUndefined();
+        await tick();
+        await tick();
+        expect(gateway).toHaveBeenCalledTimes(2);
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        })).toBe("Baker");
+        consoleError.mockRestore();
+    });
+    it("keeps titles of entries the reference inputs load, without a request of its own", async ()=>{
+        const { container, titles, gateway } = createContainer();
+        await container.resolve(GetContentEntriesUseCase).execute({
+            entries: []
+        });
+        await container.resolve(SearchContentEntriesUseCase).execute({
+            modelIds: [
+                "location"
+            ]
+        });
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "baker#0001"
+        })).toBe("Baker");
+        expect(titles.getTitle({
+            modelId: "location",
+            id: "lincoln#0001"
+        })).toBe("Lincoln Park");
+        await tick();
+        expect(gateway).not.toHaveBeenCalled();
+    });
+});
+
+//# sourceMappingURL=ReferenceTitles.test.js.map

package/features/contentEntry/referenceTitles/ReferenceTitles.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/contentEntry/referenceTitles/ReferenceTitles.test.js","sources":["../../../../src/features/contentEntry/referenceTitles/ReferenceTitles.test.ts"],"sourcesContent":["import { describe, it, expect, vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport {\n    GetContentEntriesGateway,\n    GetContentEntriesUseCase\n} from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport type { CmsReferenceEntry } from \"~/features/contentEntry/refTypes.js\";\nimport { ReferenceTitles as Abstraction } from \"./abstractions.js\";\nimport { ReferenceTitlesFeature } from \"./feature.js\";\n\nconst createEntry = (modelId: string, entryId: string, title: string): CmsReferenceEntry => ({\n    id: `${entryId}#0002`,\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, name: modelId },\n    published: null,\n    wbyAco_location: null\n});\n\nconst entries = [\n    createEntry(\"location\", \"baker\", \"Baker\"),\n    createEntry(\"location\", \"lincoln\", \"Lincoln Park\"),\n    createEntry(\"coach\", \"ana\", \"Ana\")\n];\n\nconst createContainer = () => {\n    const gateway = vi.fn(async ({ entries: refs }: { entries: { id: string }[] }) => ({\n        latest: entries.filter(e => refs.some(r => r.id.startsWith(e.entryId))),\n        published: []\n    }));\n    const container = new Container();\n    container.registerInstance(GetContentEntriesGateway, { execute: gateway });\n    container.registerInstance(GetContentEntriesUseCase, {\n        execute: async () => ({ latest: [entries[0]], published: [] })\n    });\n    container.registerInstance(SearchContentEntriesUseCase, {\n        execute: async () => ({ data: [entries[1]] })\n    });\n    ReferenceTitlesFeature.register(container);\n    return { container, gateway, titles: container.resolve(Abstraction) };\n};\n\nconst tick = () => new Promise(resolve => setTimeout(resolve, 0));\n\ndescribe(\"ReferenceTitles\", () => {\n    it(\"loads every reference asked for in the same tick with one request\", async () => {\n        const { titles, gateway } = createContainer();\n\n        expect(titles.getTitle({ modelId: \"location\", id: \"baker#0001\" })).toBeUndefined();\n        expect(titles.getTitle({ modelId: \"location\", id: \"lincoln#0001\" })).toBeUndefined();\n        expect(titles.getTitle({ modelId: \"coach\", id: \"ana#0001\" })).toBeUndefined();\n        await tick();\n        await tick();\n\n        expect(gateway).toHaveBeenCalledTimes(1);\n        expect(gateway.mock.calls[0][0].entries).toHaveLength(3);\n        expect(titles.getTitle({ modelId: \"location\", id: \"baker#0001\" })).toBe(\"Baker\");\n        expect(titles.getTitle({ modelId: \"coach\", id: \"ana#0001\" })).toBe(\"Ana\");\n    });\n\n    it(\"asks for a reference once, whichever revision it points at\", async () => {\n        const { titles, gateway } = createContainer();\n\n        titles.getTitle({ modelId: \"location\", id: \"baker#0001\" });\n        await tick();\n        await tick();\n        titles.getTitle({ modelId: \"location\", id: \"baker#0001\" });\n        titles.getTitle({ modelId: \"location\", id: \"baker#0003\" });\n        await tick();\n\n        expect(gateway).toHaveBeenCalledTimes(1);\n    });\n\n    it(\"settles a reference to a deleted entry as an empty title\", async () => {\n        const { titles, gateway } = createContainer();\n\n        titles.getTitle({ modelId: \"location\", id: \"gone#0001\" });\n        await tick();\n        await tick();\n\n        expect(titles.getTitle({ modelId: \"location\", id: \"gone#0001\" })).toBe(\"\");\n        expect(gateway).toHaveBeenCalledTimes(1);\n    });\n\n    it(\"asks again after a failed request\", async () => {\n        const { titles, gateway } = createContainer();\n        gateway.mockRejectedValueOnce(new Error(\"Network error\"));\n        const consoleError = vi.spyOn(console, \"error\").mockImplementation(() => undefined);\n\n        titles.getTitle({ modelId: \"location\", id: \"baker#0001\" });\n        await tick();\n        await tick();\n        expect(titles.getTitle({ modelId: \"location\", id: \"baker#0001\" })).toBeUndefined();\n        await tick();\n        await tick();\n\n        expect(gateway).toHaveBeenCalledTimes(2);\n        expect(titles.getTitle({ modelId: \"location\", id: \"baker#0001\" })).toBe(\"Baker\");\n        consoleError.mockRestore();\n    });\n\n    it(\"keeps titles of entries the reference inputs load, without a request of its own\", async () => {\n        const { container, titles, gateway } = createContainer();\n\n        await container.resolve(GetContentEntriesUseCase).execute({ entries: [] });\n        await container.resolve(SearchContentEntriesUseCase).execute({ modelIds: [\"location\"] });\n\n        expect(titles.getTitle({ modelId: \"location\", id: \"baker#0001\" })).toBe(\"Baker\");\n        expect(titles.getTitle({ modelId: \"location\", id: \"lincoln#0001\" })).toBe(\"Lincoln Park\");\n        await tick();\n        expect(gateway).not.toHaveBeenCalled();\n    });\n});\n"],"names":["createEntry","modelId","entryId","title","entries","createContainer","gateway","vi","refs","e","r","container","Container","GetContentEntriesGateway","GetContentEntriesUseCase","SearchContentEntriesUseCase","ReferenceTitlesFeature","Abstraction","tick","Promise","resolve","setTimeout","describe","it","titles","expect","Error","consoleError","console","undefined"],"mappings":"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"}

package/features/contentEntry/referenceTitles/RememberTitlesDecorators.d.ts

@@ -0,0 +1,22 @@
+import { GetContentEntriesUseCase, type IGetContentEntriesUseCaseParams } from "../getContentEntries/abstractions.js";
+import { SearchContentEntriesUseCase, type ISearchContentEntriesUseCaseParams } from "../searchContentEntries/abstractions.js";
+import { ReferenceTitles } from "./abstractions.js";
+declare class RememberResolvedTitles implements GetContentEntriesUseCase.Interface {
+    private titles;
+    private decoratee;
+    constructor(titles: ReferenceTitles.Interface, decoratee: GetContentEntriesUseCase.Interface);
+    execute(params: IGetContentEntriesUseCaseParams): Promise<import("../getContentEntries/abstractions.js").IGetContentEntriesUseCaseResult>;
+}
+declare class RememberSearchedTitles implements SearchContentEntriesUseCase.Interface {
+    private titles;
+    private decoratee;
+    constructor(titles: ReferenceTitles.Interface, decoratee: SearchContentEntriesUseCase.Interface);
+    execute(params: ISearchContentEntriesUseCaseParams): Promise<import("../searchContentEntries/abstractions.js").ISearchContentEntriesUseCaseResult>;
+}
+export declare const RememberResolvedTitlesDecorator: typeof RememberResolvedTitles & {
+    __abstraction: import("@webiny/di").Abstraction<import("../getContentEntries/abstractions.js").IGetContentEntriesUseCase>;
+};
+export declare const RememberSearchedTitlesDecorator: typeof RememberSearchedTitles & {
+    __abstraction: import("@webiny/di").Abstraction<import("../searchContentEntries/abstractions.js").ISearchContentEntriesUseCase>;
+};
+export {};

package/features/contentEntry/referenceTitles/RememberTitlesDecorators.js

@@ -0,0 +1,40 @@
+import { GetContentEntriesUseCase } from "../getContentEntries/abstractions.js";
+import { SearchContentEntriesUseCase } from "../searchContentEntries/abstractions.js";
+import { ReferenceTitles } from "./abstractions.js";
+class RememberResolvedTitles {
+    constructor(titles, decoratee){
+        this.titles = titles;
+        this.decoratee = decoratee;
+    }
+    async execute(params) {
+        const result = await this.decoratee.execute(params);
+        this.titles.remember(result.latest);
+        return result;
+    }
+}
+class RememberSearchedTitles {
+    constructor(titles, decoratee){
+        this.titles = titles;
+        this.decoratee = decoratee;
+    }
+    async execute(params) {
+        const result = await this.decoratee.execute(params);
+        this.titles.remember(result.data);
+        return result;
+    }
+}
+const RememberResolvedTitlesDecorator = GetContentEntriesUseCase.createDecorator({
+    decorator: RememberResolvedTitles,
+    dependencies: [
+        ReferenceTitles
+    ]
+});
+const RememberSearchedTitlesDecorator = SearchContentEntriesUseCase.createDecorator({
+    decorator: RememberSearchedTitles,
+    dependencies: [
+        ReferenceTitles
+    ]
+});
+export { RememberResolvedTitlesDecorator, RememberSearchedTitlesDecorator };
+
+//# sourceMappingURL=RememberTitlesDecorators.js.map

package/features/contentEntry/referenceTitles/RememberTitlesDecorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/contentEntry/referenceTitles/RememberTitlesDecorators.js","sources":["../../../../src/features/contentEntry/referenceTitles/RememberTitlesDecorators.ts"],"sourcesContent":["import {\n    GetContentEntriesUseCase,\n    type IGetContentEntriesUseCaseParams\n} from \"../getContentEntries/abstractions.js\";\nimport {\n    SearchContentEntriesUseCase,\n    type ISearchContentEntriesUseCaseParams\n} from \"../searchContentEntries/abstractions.js\";\nimport { ReferenceTitles } from \"./abstractions.js\";\n\n// The reference inputs already load the entries they show. Keeping those titles means an\n// accordion title picks up a newly selected reference without a request of its own.\n\nclass RememberResolvedTitles implements GetContentEntriesUseCase.Interface {\n    constructor(\n        private titles: ReferenceTitles.Interface,\n        private decoratee: GetContentEntriesUseCase.Interface\n    ) {}\n\n    async execute(params: IGetContentEntriesUseCaseParams) {\n        const result = await this.decoratee.execute(params);\n        this.titles.remember(result.latest);\n        return result;\n    }\n}\n\nclass RememberSearchedTitles implements SearchContentEntriesUseCase.Interface {\n    constructor(\n        private titles: ReferenceTitles.Interface,\n        private decoratee: SearchContentEntriesUseCase.Interface\n    ) {}\n\n    async execute(params: ISearchContentEntriesUseCaseParams) {\n        const result = await this.decoratee.execute(params);\n        this.titles.remember(result.data);\n        return result;\n    }\n}\n\nexport const RememberResolvedTitlesDecorator = GetContentEntriesUseCase.createDecorator({\n    decorator: RememberResolvedTitles,\n    dependencies: [ReferenceTitles]\n});\n\nexport const RememberSearchedTitlesDecorator = SearchContentEntriesUseCase.createDecorator({\n    decorator: RememberSearchedTitles,\n    dependencies: [ReferenceTitles]\n});\n"],"names":["RememberResolvedTitles","titles","decoratee","params","result","RememberSearchedTitles","RememberResolvedTitlesDecorator","GetContentEntriesUseCase","ReferenceTitles","RememberSearchedTitlesDecorator","SearchContentEntriesUseCase"],"mappings":";;;AAaA,MAAMA;IACF,YACYC,MAAiC,EACjCC,SAA6C,CACvD;aAFUD,MAAM,GAANA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,QAAQC,MAAuC,EAAE;QACnD,MAAMC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAACD;QAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAACC,OAAO,MAAM;QAClC,OAAOA;IACX;AACJ;AAEA,MAAMC;IACF,YACYJ,MAAiC,EACjCC,SAAgD,CAC1D;aAFUD,MAAM,GAANA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,QAAQC,MAA0C,EAAE;QACtD,MAAMC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAACD;QAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAACC,OAAO,IAAI;QAChC,OAAOA;IACX;AACJ;AAEO,MAAME,kCAAkCC,yBAAyB,eAAe,CAAC;IACpF,WAAWP;IACX,cAAc;QAACQ;KAAgB;AACnC;AAEO,MAAMC,kCAAkCC,4BAA4B,eAAe,CAAC;IACvF,WAAWL;IACX,cAAc;QAACG;KAAgB;AACnC"}

package/features/contentEntry/referenceTitles/abstractions.d.ts

@@ -0,0 +1,16 @@
+import type { CmsReferenceEntry, CmsReferenceValue } from "../refTypes.js";
+export interface IReferenceTitles {
+    /**
+     * The title of the referenced entry, or `undefined` until it is known. Observable: an unknown
+     * reference is queued and loaded in one request with every other reference asked for in the
+     * same tick, so a list of fifty accordion items costs one round trip. A reference to an entry
+     * that no longer exists settles as an empty string.
+     */
+    getTitle(ref: CmsReferenceValue): string | undefined;
+    /** Record the titles of entries loaded elsewhere, so they are never fetched again. */
+    remember(entries: CmsReferenceEntry[]): void;
+}
+export declare const ReferenceTitles: import("@webiny/di").Abstraction<IReferenceTitles>;
+export declare namespace ReferenceTitles {
+    type Interface = IReferenceTitles;
+}

package/features/contentEntry/referenceTitles/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ReferenceTitles = createAbstraction("CmsReferenceTitles");
+export { ReferenceTitles };
+
+//# sourceMappingURL=abstractions.js.map

package/features/contentEntry/referenceTitles/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/contentEntry/referenceTitles/abstractions.js","sources":["../../../../src/features/contentEntry/referenceTitles/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { CmsReferenceEntry, CmsReferenceValue } from \"../refTypes.js\";\n\nexport interface IReferenceTitles {\n    /**\n     * The title of the referenced entry, or `undefined` until it is known. Observable: an unknown\n     * reference is queued and loaded in one request with every other reference asked for in the\n     * same tick, so a list of fifty accordion items costs one round trip. A reference to an entry\n     * that no longer exists settles as an empty string.\n     */\n    getTitle(ref: CmsReferenceValue): string | undefined;\n    /** Record the titles of entries loaded elsewhere, so they are never fetched again. */\n    remember(entries: CmsReferenceEntry[]): void;\n}\n\nexport const ReferenceTitles = createAbstraction<IReferenceTitles>(\"CmsReferenceTitles\");\n\nexport namespace ReferenceTitles {\n    export type Interface = IReferenceTitles;\n}\n"],"names":["ReferenceTitles","createAbstraction"],"mappings":";AAeO,MAAMA,kBAAkBC,kBAAoC"}

package/features/contentEntry/referenceTitles/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const ReferenceTitlesFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    referenceTitles: import("./abstractions.js").IReferenceTitles;
+}, []>;

package/features/contentEntry/referenceTitles/feature.js

@@ -0,0 +1,20 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ReferenceTitles } from "./abstractions.js";
+import { ReferenceTitles as external_ReferenceTitles_js_ReferenceTitles } from "./ReferenceTitles.js";
+import { RememberResolvedTitlesDecorator, RememberSearchedTitlesDecorator } from "./RememberTitlesDecorators.js";
+const ReferenceTitlesFeature = createFeature({
+    name: "CmsContentEntry/ReferenceTitles",
+    register (container) {
+        container.register(external_ReferenceTitles_js_ReferenceTitles).inSingletonScope();
+        container.registerDecorator(RememberResolvedTitlesDecorator);
+        container.registerDecorator(RememberSearchedTitlesDecorator);
+    },
+    resolve (container) {
+        return {
+            referenceTitles: container.resolve(ReferenceTitles)
+        };
+    }
+});
+export { ReferenceTitlesFeature };
+
+//# sourceMappingURL=feature.js.map

package/features/contentEntry/referenceTitles/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/contentEntry/referenceTitles/feature.js","sources":["../../../../src/features/contentEntry/referenceTitles/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ReferenceTitles as Abstraction } from \"./abstractions.js\";\nimport { ReferenceTitles } from \"./ReferenceTitles.js\";\nimport {\n    RememberResolvedTitlesDecorator,\n    RememberSearchedTitlesDecorator\n} from \"./RememberTitlesDecorators.js\";\n\nexport const ReferenceTitlesFeature = createFeature({\n    name: \"CmsContentEntry/ReferenceTitles\",\n    register(container) {\n        container.register(ReferenceTitles).inSingletonScope();\n        container.registerDecorator(RememberResolvedTitlesDecorator);\n        container.registerDecorator(RememberSearchedTitlesDecorator);\n    },\n    resolve(container) {\n        return {\n            referenceTitles: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["ReferenceTitlesFeature","createFeature","container","ReferenceTitles","RememberResolvedTitlesDecorator","RememberSearchedTitlesDecorator","Abstraction"],"mappings":";;;;AAQO,MAAMA,yBAAyBC,cAAc;IAChD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,6CAAiB,gBAAgB;QACpDD,UAAU,iBAAiB,CAACE;QAC5BF,UAAU,iBAAiB,CAACG;IAChC;IACA,SAAQH,SAAS;QACb,OAAO;YACH,iBAAiBA,UAAU,OAAO,CAACI;QACvC;IACJ;AACJ"}

package/features/formModel/CmsRefFieldValueFormatter.d.ts

@@ -0,0 +1,12 @@
+import { FieldValueFormatter, type IFieldVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { ReferenceTitles } from "../../features/contentEntry/referenceTitles/abstractions.js";
+declare class CmsRefFieldValueFormatterImpl implements FieldValueFormatter.Interface {
+    private titles;
+    readonly type = "ref";
+    constructor(titles: ReferenceTitles.Interface);
+    format(field: IFieldVM): string | undefined;
+}
+export declare const CmsRefFieldValueFormatter: typeof CmsRefFieldValueFormatterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-admin/features/formModel").IFieldValueFormatter>;
+};
+export {};

package/features/formModel/CmsRefFieldValueFormatter.js

@@ -0,0 +1,29 @@
+import { FieldValueFormatter } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { ReferenceTitles } from "../contentEntry/referenceTitles/abstractions.js";
+function isReference(value) {
+    const ref = value;
+    return "string" == typeof ref?.id && "string" == typeof ref?.modelId;
+}
+class CmsRefFieldValueFormatterImpl {
+    constructor(titles){
+        this.titles = titles;
+        this.type = "ref";
+    }
+    format(field) {
+        const values = Array.isArray(field.value) ? field.value : [
+            field.value
+        ];
+        const titles = values.filter(isReference).map((ref)=>this.titles.getTitle(ref));
+        if (titles.some((title)=>void 0 === title)) return;
+        return titles.filter(Boolean).join(", ");
+    }
+}
+const CmsRefFieldValueFormatter = FieldValueFormatter.createImplementation({
+    implementation: CmsRefFieldValueFormatterImpl,
+    dependencies: [
+        ReferenceTitles
+    ]
+});
+export { CmsRefFieldValueFormatter };
+
+//# sourceMappingURL=CmsRefFieldValueFormatter.js.map

package/features/formModel/CmsRefFieldValueFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/CmsRefFieldValueFormatter.js","sources":["../../../src/features/formModel/CmsRefFieldValueFormatter.ts"],"sourcesContent":["import {\n    FieldValueFormatter,\n    type IFieldVM\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { ReferenceTitles } from \"~/features/contentEntry/referenceTitles/abstractions.js\";\nimport type { CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\n\nfunction isReference(value: unknown): value is CmsReferenceValue {\n    const ref = value as CmsReferenceValue | null;\n    return typeof ref?.id === \"string\" && typeof ref?.modelId === \"string\";\n}\n\nclass CmsRefFieldValueFormatterImpl implements FieldValueFormatter.Interface {\n    readonly type = \"ref\";\n\n    constructor(private titles: ReferenceTitles.Interface) {}\n\n    format(field: IFieldVM): string | undefined {\n        const values = Array.isArray(field.value) ? field.value : [field.value];\n        const titles = values.filter(isReference).map(ref => this.titles.getTitle(ref));\n        // Show nothing until every title is in, rather than a list that fills in one at a time.\n        if (titles.some(title => title === undefined)) {\n            return undefined;\n        }\n        return titles.filter(Boolean).join(\", \");\n    }\n}\n\nexport const CmsRefFieldValueFormatter = FieldValueFormatter.createImplementation({\n    implementation: CmsRefFieldValueFormatterImpl,\n    dependencies: [ReferenceTitles]\n});\n"],"names":["isReference","value","ref","CmsRefFieldValueFormatterImpl","titles","field","values","Array","title","undefined","Boolean","CmsRefFieldValueFormatter","FieldValueFormatter","ReferenceTitles"],"mappings":";;AAOA,SAASA,YAAYC,KAAc;IAC/B,MAAMC,MAAMD;IACZ,OAAO,AAAmB,YAAnB,OAAOC,KAAK,MAAmB,AAAwB,YAAxB,OAAOA,KAAK;AACtD;AAEA,MAAMC;IAGF,YAAoBC,MAAiC,CAAE;aAAnCA,MAAM,GAANA;aAFX,IAAI,GAAG;IAEwC;IAExD,OAAOC,KAAe,EAAsB;QACxC,MAAMC,SAASC,MAAM,OAAO,CAACF,MAAM,KAAK,IAAIA,MAAM,KAAK,GAAG;YAACA,MAAM,KAAK;SAAC;QACvE,MAAMD,SAASE,OAAO,MAAM,CAACN,aAAa,GAAG,CAACE,CAAAA,MAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAACA;QAE1E,IAAIE,OAAO,IAAI,CAACI,CAAAA,QAASA,AAAUC,WAAVD,QACrB;QAEJ,OAAOJ,OAAO,MAAM,CAACM,SAAS,IAAI,CAAC;IACvC;AACJ;AAEO,MAAMC,4BAA4BC,oBAAoB,oBAAoB,CAAC;IAC9E,gBAAgBT;IAChB,cAAc;QAACU;KAAgB;AACnC"}

package/features/formModel/feature.js

@@ -2,11 +2,13 @@ import { createFeature } from "@webiny/feature/admin";
 import { CmsFormModelBuilder } from "./abstractions.js";
 import { CmsFormModelBuilder as external_CmsFormModelBuilder_js_CmsFormModelBuilder } from "./CmsFormModelBuilder.js";
 import { CmsRefFieldType } from "./CmsRefFieldType.js";
+import { CmsRefFieldValueFormatter } from "./CmsRefFieldValueFormatter.js";
 const CmsFormModelFeature = createFeature({
     name: "CmsFormModel",
     register (container) {
         container.register(external_CmsFormModelBuilder_js_CmsFormModelBuilder).inSingletonScope();
         container.register(CmsRefFieldType);
+        container.register(CmsRefFieldValueFormatter);
     },
     resolve (container) {
         return {

package/features/formModel/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/formModel/feature.js","sources":["../../../src/features/formModel/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { CmsFormModelBuilder as CmsFormModelBuilderAbstraction } from \"./abstractions.js\";\nimport { CmsFormModelBuilder } from \"./CmsFormModelBuilder.js\";\nimport { CmsRefFieldType } from \"./CmsRefFieldType.js\";\n\nexport const CmsFormModelFeature = createFeature({\n    name: \"CmsFormModel\",\n    register(container) {\n        container.register(CmsFormModelBuilder).inSingletonScope();\n        container.register(CmsRefFieldType);\n    },\n    resolve(container) {\n        return {\n            builder: container.resolve(CmsFormModelBuilderAbstraction)\n        };\n    }\n});\n"],"names":["CmsFormModelFeature","createFeature","container","CmsFormModelBuilder","CmsRefFieldType","CmsFormModelBuilderAbstraction"],"mappings":";;;;AAKO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,qDAAqB,gBAAgB;QACxDD,UAAU,QAAQ,CAACE;IACvB;IACA,SAAQF,SAAS;QACb,OAAO;YACH,SAASA,UAAU,OAAO,CAACG;QAC/B;IACJ;AACJ"}
+{"version":3,"file":"features/formModel/feature.js","sources":["../../../src/features/formModel/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { CmsFormModelBuilder as CmsFormModelBuilderAbstraction } from \"./abstractions.js\";\nimport { CmsFormModelBuilder } from \"./CmsFormModelBuilder.js\";\nimport { CmsRefFieldType } from \"./CmsRefFieldType.js\";\nimport { CmsRefFieldValueFormatter } from \"./CmsRefFieldValueFormatter.js\";\n\nexport const CmsFormModelFeature = createFeature({\n    name: \"CmsFormModel\",\n    register(container) {\n        container.register(CmsFormModelBuilder).inSingletonScope();\n        container.register(CmsRefFieldType);\n        container.register(CmsRefFieldValueFormatter);\n    },\n    resolve(container) {\n        return {\n            builder: container.resolve(CmsFormModelBuilderAbstraction)\n        };\n    }\n});\n"],"names":["CmsFormModelFeature","createFeature","container","CmsFormModelBuilder","CmsRefFieldType","CmsRefFieldValueFormatter","CmsFormModelBuilderAbstraction"],"mappings":";;;;;AAMO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,qDAAqB,gBAAgB;QACxDD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;IACvB;IACA,SAAQH,SAAS;QACb,OAAO;YACH,SAASA,UAAU,OAAO,CAACI;QAC/B;IACJ;AACJ"}