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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.js","sources":["../../../../../src/presentation/fieldRenderers/ref/autocomplete/RefAutocompletePresenters.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { SearchContentEntriesUseCase } from \"~/features/contentEntry/searchContentEntries/abstractions.js\";\nimport { GetContentEntriesUseCase } from \"~/features/contentEntry/getContentEntries/abstractions.js\";\nimport type { CmsReferenceEntry } from \"~/features/contentEntry/refTypes.js\";\nimport { RefMultiAutocompletePresenter as MultiAbstraction } from \"./multi/abstractions.js\";\nimport { RefMultiAutocompletePresenter } from \"./multi/RefMultiAutocompletePresenter.js\";\nimport { RefSingleAutocompletePresenter as SingleAbstraction } from \"./single/abstractions.js\";\nimport { RefSingleAutocompletePresenter } from \"./single/RefSingleAutocompletePresenter.js\";\n\nconst createEntry = (entryId: string, title: string): CmsReferenceEntry => ({\n    id: `${entryId}#0001`,\n    entryId,\n    status: \"draft\",\n    title,\n    description: null,\n    image: null,\n    createdOn: \"2026-01-01T00:00:00.000Z\",\n    savedOn: \"2026-01-01T00:00:00.000Z\",\n    createdBy: { id: \"1\", type: \"admin\", displayName: \"Admin\" },\n    modifiedBy: null,\n    model: { modelId: \"location\", name: \"Location\" },\n    published: null,\n    wbyAco_location: null\n});\n\n// The default list holds only the first entry, so the second one can only be found by searching.\nconst defaultEntry = createEntry(\"first\", \"First\");\nconst searchedEntry = createEntry(\"second\", \"Second\");\n\nconst createContainer = () => {\n    const container = new Container();\n    container.registerInstance(SearchContentEntriesUseCase, {\n        execute: async ({ query }) => ({ data: query ? [searchedEntry] : [defaultEntry] })\n    });\n    container.registerInstance(GetContentEntriesUseCase, {\n        execute: async () => ({ latest: [], published: [] })\n    });\n    return container;\n};\n\ndescribe(\"RefMultiAutocompletePresenter\", () => {\n    it(\"keeps an entry picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefMultiAutocompletePresenter);\n        const presenter = container.resolve(MultiAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        await presenter.search(\"sec\");\n\n        const refs = presenter.select([\"second\"]);\n\n        expect(refs).toEqual([{ id: \"second#0001\", modelId: \"location\" }]);\n        expect(presenter.vm.values).toEqual([\"second\"]);\n        expect(presenter.vm.options).toContainEqual({ label: \"Second\", value: \"second\" });\n    });\n\n    it(\"keeps earlier picks when another entry is picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefMultiAutocompletePresenter);\n        const presenter = container.resolve(MultiAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        presenter.select([\"first\"]);\n        await presenter.search(\"sec\");\n\n        const refs = presenter.select([\"first\", \"second\"]);\n\n        expect(refs).toEqual([\n            { id: \"first#0001\", modelId: \"location\" },\n            { id: \"second#0001\", modelId: \"location\" }\n        ]);\n        expect(presenter.vm.values).toEqual([\"first\", \"second\"]);\n    });\n});\n\ndescribe(\"RefSingleAutocompletePresenter\", () => {\n    it(\"keeps an entry picked from the search results\", async () => {\n        const container = createContainer();\n        container.register(RefSingleAutocompletePresenter);\n        const presenter = container.resolve(SingleAbstraction);\n\n        await presenter.init({ modelIds: [\"location\"] });\n        await presenter.search(\"sec\");\n\n        const ref = presenter.select(\"second\");\n\n        expect(ref).toEqual({ id: \"second#0001\", modelId: \"location\" });\n        expect(presenter.vm.value).toBe(\"second\");\n    });\n});\n"],"names":["createEntry","entryId","title","defaultEntry","searchedEntry","createContainer","container","Container","SearchContentEntriesUseCase","query","GetContentEntriesUseCase","describe","it","RefMultiAutocompletePresenter","presenter","MultiAbstraction","refs","expect","RefSingleAutocompletePresenter","SingleAbstraction","ref"],"mappings":";;;;;;;;AAUA,MAAMA,cAAc,CAACC,SAAiBC,QAAsC;QACxE,IAAI,GAAGD,QAAQ,KAAK,CAAC;QACrBA;QACA,QAAQ;QACRC;QACA,aAAa;QACb,OAAO;QACP,WAAW;QACX,SAAS;QACT,WAAW;YAAE,IAAI;YAAK,MAAM;YAAS,aAAa;QAAQ;QAC1D,YAAY;QACZ,OAAO;YAAE,SAAS;YAAY,MAAM;QAAW;QAC/C,WAAW;QACX,iBAAiB;IACrB;AAGA,MAAMC,eAAeH,YAAY,SAAS;AAC1C,MAAMI,gBAAgBJ,YAAY,UAAU;AAE5C,MAAMK,kBAAkB;IACpB,MAAMC,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,6BAA6B;QACpD,SAAS,OAAO,EAAEC,KAAK,EAAE,GAAM;gBAAE,MAAMA,QAAQ;oBAACL;iBAAc,GAAG;oBAACD;iBAAa;YAAC;IACpF;IACAG,UAAU,gBAAgB,CAACI,0BAA0B;QACjD,SAAS,UAAa;gBAAE,QAAQ,EAAE;gBAAE,WAAW,EAAE;YAAC;IACtD;IACA,OAAOJ;AACX;AAEAK,SAAS,iCAAiC;IACtCC,GAAG,iDAAiD;QAChD,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACO;QACnB,MAAMC,YAAYR,UAAU,OAAO,CAACS;QAEpC,MAAMD,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9C,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAME,OAAOF,UAAU,MAAM,CAAC;YAAC;SAAS;QAExCG,OAAOD,MAAM,OAAO,CAAC;YAAC;gBAAE,IAAI;gBAAe,SAAS;YAAW;SAAE;QACjEC,OAAOH,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAAC;SAAS;QAC9CG,OAAOH,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC;YAAE,OAAO;YAAU,OAAO;QAAS;IACnF;IAEAF,GAAG,4EAA4E;QAC3E,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACO;QACnB,MAAMC,YAAYR,UAAU,OAAO,CAACS;QAEpC,MAAMD,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9CA,UAAU,MAAM,CAAC;YAAC;SAAQ;QAC1B,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAME,OAAOF,UAAU,MAAM,CAAC;YAAC;YAAS;SAAS;QAEjDG,OAAOD,MAAM,OAAO,CAAC;YACjB;gBAAE,IAAI;gBAAc,SAAS;YAAW;YACxC;gBAAE,IAAI;gBAAe,SAAS;YAAW;SAC5C;QACDC,OAAOH,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAAC;YAAS;SAAS;IAC3D;AACJ;AAEAH,SAAS,kCAAkC;IACvCC,GAAG,iDAAiD;QAChD,MAAMN,YAAYD;QAClBC,UAAU,QAAQ,CAACY;QACnB,MAAMJ,YAAYR,UAAU,OAAO,CAACa;QAEpC,MAAML,UAAU,IAAI,CAAC;YAAE,UAAU;gBAAC;aAAW;QAAC;QAC9C,MAAMA,UAAU,MAAM,CAAC;QAEvB,MAAMM,MAAMN,UAAU,MAAM,CAAC;QAE7BG,OAAOG,KAAK,OAAO,CAAC;YAAE,IAAI;YAAe,SAAS;QAAW;QAC7DH,OAAOH,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;IACpC;AACJ"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"presentation/fieldRenderers/ref/components/RefFieldOptions.js","sources":["../../../../../src/presentation/fieldRenderers/ref/components/RefFieldOptions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, DropdownMenu, Text, Icon } from \"@webiny/admin-ui\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface ModelListItemProps {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nconst ModelListItem = ({ model, onClick: originalOnClick }: ModelListItemProps) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n\n    const icon = model.icon ? (\n        <Icon\n            icon={<FontAwesomeIcon icon={normalizeIcon(model.icon) as IconProp} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"text-neutral-strong\"}\n        />\n    ) : undefined;\n\n    return (\n        <DropdownMenu.Item\n            onClick={onClick}\n            icon={icon}\n            text={\n                <div>\n                    <Text as={\"div\"}>{model.name}</Text>\n                    <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {model.description}\n                    </Text>\n                </div>\n            }\n        />\n    );\n};\n\ninterface RefFieldOptionsProps {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\n\nexport const RefFieldOptions = observer(\n    ({ models, onNewRecord, onLinkExistingRecord }: RefFieldOptionsProps) => {\n        const hasMultipleModels = models.length > 1;\n\n        const onSingleNewRecord = useCallback(() => {\n            if (models.length === 0 || hasMultipleModels) {\n                return;\n            }\n            onNewRecord(models[0].modelId);\n        }, [models]);\n\n        const onSingleExistingRecord = useCallback(() => {\n            if (models.length === 0 || hasMultipleModels) {\n                return;\n            }\n            onLinkExistingRecord(models[0].modelId);\n        }, [models]);\n\n        if (hasMultipleModels) {\n            return (\n                <div className={\"flex flex-wrap gap-sm\"}>\n                    <DropdownMenu\n                        trigger={\n                            <Button\n                                variant={\"tertiary\"}\n                                text=\"Create a new record\"\n                                icon={<AddIcon />}\n                            />\n                        }\n                    >\n                        {models.map(model => (\n                            <ModelListItem\n                                key={model.modelId}\n                                onClick={onNewRecord}\n                                model={model}\n                            />\n                        ))}\n                    </DropdownMenu>\n                    <DropdownMenu\n                        trigger={\n                            <Button\n                                variant={\"tertiary\"}\n                                text=\"Select an existing record\"\n                                icon={<LinkIcon />}\n                            />\n                        }\n                    >\n                        {models.map(model => (\n                            <ModelListItem\n                                key={model.modelId}\n                                onClick={onLinkExistingRecord}\n                                model={model}\n                            />\n                        ))}\n                    </DropdownMenu>\n                </div>\n            );\n        }\n\n        return (\n            <div className={\"flex flex-wrap gap-sm\"}>\n                <Button\n                    variant={\"tertiary\"}\n                    text=\"Create a new record\"\n                    icon={<AddIcon />}\n                    onClick={onSingleNewRecord}\n                />\n                <Button\n                    variant={\"tertiary\"}\n                    text=\"Select an existing record\"\n                    icon={<LinkIcon />}\n                    onClick={onSingleExistingRecord}\n                />\n            </div>\n        );\n    }\n);\n"],"names":["ModelListItem","model","originalOnClick","onClick","useCallback","icon","Icon","FontAwesomeIcon","normalizeIcon","undefined","DropdownMenu","Text","RefFieldOptions","observer","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","onSingleNewRecord","onSingleExistingRecord","Button","AddIcon","LinkIcon"],"mappings":";;;;;;;AAeA,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAE,SAASC,eAAe,EAAsB;IAC1E,MAAMC,UAAUC,YAAY;QACxBF,gBAAgBD,MAAM,OAAO;IACjC,GAAG;QAACC;KAAgB;IAEpB,MAAMG,OAAOJ,MAAM,IAAI,GAAG,WAAH,GACnB,oBAACK,MAAIA;QACD,oBAAM,oBAACC,iBAAeA;YAAC,MAAMC,cAAcP,MAAM,IAAI;;QACrD,OAAO;QACP,MAAM;QACN,WAAW;SAEfQ;IAEJ,OAAO,WAAP,GACI,oBAACC,aAAa,IAAI;QACd,SAASP;QACT,MAAME;QACN,oBACI,oBAAC,2BACG,oBAACM,MAAIA;YAAC,IAAI;WAAQV,MAAM,IAAI,iBAC5B,oBAACU,MAAIA;YAAC,IAAI;YAAO,MAAM;YAAM,WAAW;WACnCV,MAAM,WAAW;;AAM1C;AAQO,MAAMW,kBAAkBC,SAC3B,CAAC,EAAEC,MAAM,EAAEC,WAAW,EAAEC,oBAAoB,EAAwB;IAChE,MAAMC,oBAAoBH,OAAO,MAAM,GAAG;IAE1C,MAAMI,oBAAoBd,YAAY;QAClC,IAAIU,AAAkB,MAAlBA,OAAO,MAAM,IAAUG,mBACvB;QAEJF,YAAYD,MAAM,CAAC,EAAE,CAAC,OAAO;IACjC,GAAG;QAACA;KAAO;IAEX,MAAMK,yBAAyBf,YAAY;QACvC,IAAIU,AAAkB,MAAlBA,OAAO,MAAM,IAAUG,mBACvB;QAEJD,qBAAqBF,MAAM,CAAC,EAAE,CAAC,OAAO;IAC1C,GAAG;QAACA;KAAO;IAEX,IAAIG,mBACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACP,cAAYA;QACT,uBACI,oBAACU,QAAMA;YACH,SAAS;YACT,MAAK;YACL,oBAAM,oBAACC,gBAAOA;;OAIrBP,OAAO,GAAG,CAACb,CAAAA,QAAAA,WAAAA,GACR,oBAACD,eAAaA;YACV,KAAKC,MAAM,OAAO;YAClB,SAASc;YACT,OAAOd;4BAInB,oBAACS,cAAYA;QACT,uBACI,oBAACU,QAAMA;YACH,SAAS;YACT,MAAK;YACL,oBAAM,oBAACE,yBAAQA;;OAItBR,OAAO,GAAG,CAACb,CAAAA,QAAAA,WAAAA,GACR,oBAACD,eAAaA;YACV,KAAKC,MAAM,OAAO;YAClB,SAASe;YACT,OAAOf;;IAQ/B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACmB,QAAMA;QACH,SAAS;QACT,MAAK;QACL,oBAAM,oBAACC,gBAAOA;QACd,SAASH;sBAEb,oBAACE,QAAMA;QACH,SAAS;QACT,MAAK;QACL,oBAAM,oBAACE,yBAAQA;QACf,SAASH;;AAIzB"}
+{"version":3,"file":"presentation/fieldRenderers/ref/components/RefFieldOptions.js","sources":["../../../../../src/presentation/fieldRenderers/ref/components/RefFieldOptions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, DropdownMenu, Text, Icon } from \"@webiny/admin-ui\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface ModelListItemProps {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nconst ModelListItem = ({ model, onClick: originalOnClick }: ModelListItemProps) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n\n    const faIcon = normalizeIcon(model.icon);\n    const icon = faIcon ? (\n        <Icon\n            icon={<FontAwesomeIcon icon={faIcon} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"text-neutral-strong\"}\n        />\n    ) : undefined;\n\n    return (\n        <DropdownMenu.Item\n            onClick={onClick}\n            icon={icon}\n            text={\n                <div>\n                    <Text as={\"div\"}>{model.name}</Text>\n                    <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {model.description}\n                    </Text>\n                </div>\n            }\n        />\n    );\n};\n\ninterface RefFieldOptionsProps {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\n\nexport const RefFieldOptions = observer(\n    ({ models, onNewRecord, onLinkExistingRecord }: RefFieldOptionsProps) => {\n        const hasMultipleModels = models.length > 1;\n\n        const onSingleNewRecord = useCallback(() => {\n            if (models.length === 0 || hasMultipleModels) {\n                return;\n            }\n            onNewRecord(models[0].modelId);\n        }, [models]);\n\n        const onSingleExistingRecord = useCallback(() => {\n            if (models.length === 0 || hasMultipleModels) {\n                return;\n            }\n            onLinkExistingRecord(models[0].modelId);\n        }, [models]);\n\n        if (hasMultipleModels) {\n            return (\n                <div className={\"flex flex-wrap gap-sm\"}>\n                    <DropdownMenu\n                        trigger={\n                            <Button\n                                variant={\"tertiary\"}\n                                text=\"Create a new record\"\n                                icon={<AddIcon />}\n                            />\n                        }\n                    >\n                        {models.map(model => (\n                            <ModelListItem\n                                key={model.modelId}\n                                onClick={onNewRecord}\n                                model={model}\n                            />\n                        ))}\n                    </DropdownMenu>\n                    <DropdownMenu\n                        trigger={\n                            <Button\n                                variant={\"tertiary\"}\n                                text=\"Select an existing record\"\n                                icon={<LinkIcon />}\n                            />\n                        }\n                    >\n                        {models.map(model => (\n                            <ModelListItem\n                                key={model.modelId}\n                                onClick={onLinkExistingRecord}\n                                model={model}\n                            />\n                        ))}\n                    </DropdownMenu>\n                </div>\n            );\n        }\n\n        return (\n            <div className={\"flex flex-wrap gap-sm\"}>\n                <Button\n                    variant={\"tertiary\"}\n                    text=\"Create a new record\"\n                    icon={<AddIcon />}\n                    onClick={onSingleNewRecord}\n                />\n                <Button\n                    variant={\"tertiary\"}\n                    text=\"Select an existing record\"\n                    icon={<LinkIcon />}\n                    onClick={onSingleExistingRecord}\n                />\n            </div>\n        );\n    }\n);\n"],"names":["ModelListItem","model","originalOnClick","onClick","useCallback","faIcon","normalizeIcon","icon","Icon","FontAwesomeIcon","undefined","DropdownMenu","Text","RefFieldOptions","observer","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","onSingleNewRecord","onSingleExistingRecord","Button","AddIcon","LinkIcon"],"mappings":";;;;;;;AAcA,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAE,SAASC,eAAe,EAAsB;IAC1E,MAAMC,UAAUC,YAAY;QACxBF,gBAAgBD,MAAM,OAAO;IACjC,GAAG;QAACC;KAAgB;IAEpB,MAAMG,SAASC,cAAcL,MAAM,IAAI;IACvC,MAAMM,OAAOF,SAAS,WAATA,GACT,oBAACG,MAAIA;QACD,oBAAM,oBAACC,iBAAeA;YAAC,MAAMJ;;QAC7B,OAAO;QACP,MAAM;QACN,WAAW;SAEfK;IAEJ,OAAO,WAAP,GACI,oBAACC,aAAa,IAAI;QACd,SAASR;QACT,MAAMI;QACN,oBACI,oBAAC,2BACG,oBAACK,MAAIA;YAAC,IAAI;WAAQX,MAAM,IAAI,iBAC5B,oBAACW,MAAIA;YAAC,IAAI;YAAO,MAAM;YAAM,WAAW;WACnCX,MAAM,WAAW;;AAM1C;AAQO,MAAMY,kBAAkBC,SAC3B,CAAC,EAAEC,MAAM,EAAEC,WAAW,EAAEC,oBAAoB,EAAwB;IAChE,MAAMC,oBAAoBH,OAAO,MAAM,GAAG;IAE1C,MAAMI,oBAAoBf,YAAY;QAClC,IAAIW,AAAkB,MAAlBA,OAAO,MAAM,IAAUG,mBACvB;QAEJF,YAAYD,MAAM,CAAC,EAAE,CAAC,OAAO;IACjC,GAAG;QAACA;KAAO;IAEX,MAAMK,yBAAyBhB,YAAY;QACvC,IAAIW,AAAkB,MAAlBA,OAAO,MAAM,IAAUG,mBACvB;QAEJD,qBAAqBF,MAAM,CAAC,EAAE,CAAC,OAAO;IAC1C,GAAG;QAACA;KAAO;IAEX,IAAIG,mBACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACP,cAAYA;QACT,uBACI,oBAACU,QAAMA;YACH,SAAS;YACT,MAAK;YACL,oBAAM,oBAACC,gBAAOA;;OAIrBP,OAAO,GAAG,CAACd,CAAAA,QAAAA,WAAAA,GACR,oBAACD,eAAaA;YACV,KAAKC,MAAM,OAAO;YAClB,SAASe;YACT,OAAOf;4BAInB,oBAACU,cAAYA;QACT,uBACI,oBAACU,QAAMA;YACH,SAAS;YACT,MAAK;YACL,oBAAM,oBAACE,yBAAQA;;OAItBR,OAAO,GAAG,CAACd,CAAAA,QAAAA,WAAAA,GACR,oBAACD,eAAaA;YACV,KAAKC,MAAM,OAAO;YAClB,SAASgB;YACT,OAAOhB;;IAQ/B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACoB,QAAMA;QACH,SAAS;QACT,MAAK;QACL,oBAAM,oBAACC,gBAAOA;QACd,SAASH;sBAEb,oBAACE,QAAMA;QACH,SAAS;QACT,MAAK;QACL,oBAAM,oBAACE,yBAAQA;QACf,SAASH;;AAIzB"}

package/presentation/importContentModels/ImportContentModelsDialog.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 export interface ImportContentModelsDialogProps {
     onClose: () => void;
 }
-export declare const ImportContentModelsDialog: ((props: ImportContentModelsDialogProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const ImportContentModelsDialog: ((props: ImportContentModelsDialogProps) => React.JSX.Element) & React.NamedExoticComponent<ImportContentModelsDialogProps> & {
+    readonly type: (props: ImportContentModelsDialogProps) => React.JSX.Element;
 };

package/presentation/importContentModels/ImportContentModelsPresenter.js

@@ -9,7 +9,7 @@ const createSelected = (params)=>{
     for (const id of item.related){
         const model = models.find((model)=>model.id === id);
         if (!model) continue;
-        if (selected.has(model.id) || model.imported) continue;
+        else if (selected.has(model.id) || model.imported) continue;
         const related = createSelected({
             previous: selected,
             models,

package/presentation/importContentModels/ImportContentModelsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/importContentModels/ImportContentModelsPresenter.js","sources":["../../../src/presentation/importContentModels/ImportContentModelsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"./types.js\";\nimport { ImportAction } from \"./types.js\";\nimport type { ImportStructureVariablesGroup, ImportStructureVariablesModel } from \"./graphql.js\";\nimport { ValidateImportUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport { ImportModelsUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport {\n    ImportContentModelsPresenter as Abstraction,\n    type IImportContentModelsPresenter,\n    type IImportContentModelsPresenterViewModel\n} from \"./abstractions.js\";\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nclass ImportContentModelsPresenterImpl implements IImportContentModelsPresenter {\n    private data: Data | null = null;\n    private loading = false;\n    private groups: ImportGroupData[] = [];\n    private models: ImportModelData[] = [];\n    private file: File | null = null;\n    private errors: string[] = [];\n    private validated = false;\n    private selected: Selected = new Map();\n\n    constructor(\n        private validateUseCase: ValidateImportUseCase.Interface,\n        private importUseCase: ImportModelsUseCase.Interface\n    ) {\n        makeAutoObservable<ImportContentModelsPresenterImpl, \"validateUseCase\" | \"importUseCase\">(\n            this,\n            {\n                validateUseCase: false,\n                importUseCase: false\n            }\n        );\n    }\n\n    get vm(): IImportContentModelsPresenterViewModel {\n        return {\n            data: this.data,\n            loading: this.loading,\n            groups: this.groups,\n            models: this.models,\n            file: this.file,\n            errors: this.errors,\n            validated: this.validated\n        };\n    }\n\n    hasSelected(): boolean {\n        return this.selected.size > 0;\n    }\n\n    isModelSelected(item: Pick<ImportModelData, \"id\">): boolean {\n        return this.selected.has(item.id);\n    }\n\n    isModelRelated({ id: target }: Pick<ImportModelData, \"id\">): boolean {\n        for (const id of this.selected.keys()) {\n            if (id === target) {\n                continue;\n            }\n            const related = this.selected.get(id);\n            if (related && related.includes(target)) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    onFile(file: File): void {\n        const reader = new FileReader();\n        reader.addEventListener(\"load\", event => {\n            try {\n                const data = this.parseFileContent(event.target?.result);\n                runInAction(() => {\n                    this.models = [];\n                    this.groups = [];\n                    this.selected = new Map();\n                    this.errors = [];\n                    this.validated = false;\n                    this.file = file;\n                    this.data = data;\n                });\n            } catch (ex: any) {\n                runInAction(() => {\n                    this.file = file;\n                    this.selected = new Map();\n                    this.validated = false;\n                    this.groups = [];\n                    this.models = [];\n                    this.data = null;\n                    this.errors = [ex.message];\n                });\n            }\n        });\n        reader.readAsText(file);\n    }\n\n    onFileError(error: string): void {\n        this.file = null;\n        this.errors = [error];\n    }\n\n    toggleModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            this.removeModel(item);\n        } else {\n            this.addModel(item);\n        }\n    }\n\n    async handleModelsValidation(): Promise<void> {\n        if (!this.data) {\n            return;\n        }\n\n        this.loading = true;\n\n        try {\n            const data = await this.validateUseCase.execute(this.data as any);\n\n            runInAction(() => {\n                this.loading = false;\n                this.groups = data.groups.map(group => ({\n                    id: group.group.id,\n                    name: group.group.name,\n                    slug: group.group.slug,\n                    error: group.error,\n                    action: group.action\n                }));\n                this.models = data.models.map(model => ({\n                    id: model.model.modelId,\n                    name: model.model.name,\n                    group: model.model.group,\n                    related: model.related || [],\n                    error: model.error,\n                    action: model.action\n                }));\n                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    async handleModelsImport(): Promise<void> {\n        if (!this.data || !this.groups.length || !this.models.length || !this.selected.size) {\n            return;\n        }\n\n        this.loading = true;\n\n        const dataToImport = this.getDataToImport();\n\n        try {\n            const data = await this.importUseCase.execute(dataToImport);\n\n            runInAction(() => {\n                this.loading = false;\n                this.selected = new Map();\n                this.groups = this.groups.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        slug: result?.group.slug || group.slug,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                });\n                this.models = this.models.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                });\n                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    reset(): void {\n        this.data = null;\n        this.loading = false;\n        this.groups = [];\n        this.models = [];\n        this.file = null;\n        this.errors = [];\n        this.validated = false;\n        this.selected = new Map();\n    }\n\n    private addModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            return;\n        }\n        this.selected = createSelected({\n            previous: this.selected,\n            models: this.models,\n            item\n        });\n    }\n\n    private removeModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelRelated(item)) {\n            return;\n        }\n        const selected = new Map(this.selected);\n        selected.delete(item.id);\n        this.selected = selected;\n    }\n\n    private getDataToImport(): DataToImportResult {\n        const selected = Array.from(this.selected.keys());\n        const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n        const models: Map<string, ImportStructureVariablesModel> = new Map();\n        const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n        for (const id of selected) {\n            const validatedModel = this.models.find(model => model.id === id);\n            if (\n                !validatedModel?.action ||\n                validatedModel.error ||\n                noAction.includes(validatedModel.action)\n            ) {\n                continue;\n            }\n            const validatedGroup = this.groups.find(group => group.slug === validatedModel.group);\n            if (!validatedGroup?.action || validatedGroup.error) {\n                continue;\n            }\n\n            const model = this.data?.models?.find(model => model.modelId === id);\n            if (!model) {\n                continue;\n            }\n            models.set(id, {\n                ...model,\n                layout: model.layout || [],\n                titleFieldId: model.titleFieldId || \"id\",\n                descriptionFieldId: model.descriptionFieldId || \"\",\n                imageFieldId: model.imageFieldId || \"\",\n                group: validatedModel.group\n            });\n\n            if (noAction.includes(validatedGroup.action)) {\n                continue;\n            }\n\n            const group = this.data?.groups?.find(group => group.slug === validatedModel.group);\n            if (!group) {\n                continue;\n            }\n            groups.set(group.id, group);\n        }\n\n        return {\n            groups: Array.from(groups.values()),\n            models: Array.from(models.values())\n        };\n    }\n\n    private parseFileContent(content?: string | ArrayBuffer | null): Data {\n        if (!content) {\n            throw new Error(\"Missing data in uploaded file.\");\n        }\n        const raw =\n            content instanceof ArrayBuffer ? Buffer.from(content).toString(\"utf8\") : content;\n\n        let data: Record<string, any> = {};\n        try {\n            data = JSON.parse(raw);\n        } catch {\n            throw new Error(\"Could not parse the uploaded file. Make sure it's a valid JSON file.\");\n        }\n        if (!data.groups?.length && !data.models?.length) {\n            throw new Error(\"No groups and models in the uploaded file.\");\n        } else if (data.groups.length === 0) {\n            throw new Error(\"No groups in the uploaded file. There must be at least one group.\");\n        }\n        return {\n            groups: data.groups,\n            models: data.models\n        };\n    }\n}\n\nexport const ImportContentModelsPresenter = Abstraction.createImplementation({\n    implementation: ImportContentModelsPresenterImpl,\n    dependencies: [ValidateImportUseCase, ImportModelsUseCase]\n});\n"],"names":["createSelected","params","previous","models","item","selected","Map","id","model","related","ImportContentModelsPresenterImpl","validateUseCase","importUseCase","makeAutoObservable","target","file","reader","FileReader","event","data","runInAction","ex","error","group","dataToImport","result","Array","groups","noAction","ImportAction","validatedModel","validatedGroup","content","Error","raw","ArrayBuffer","Buffer","JSON","ImportContentModelsPresenter","Abstraction","ValidateImportUseCase","ImportModelsUseCase"],"mappings":"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"}
+{"version":3,"file":"presentation/importContentModels/ImportContentModelsPresenter.js","sources":["../../../src/presentation/importContentModels/ImportContentModelsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"./types.js\";\nimport { ImportAction } from \"./types.js\";\nimport type { ImportStructureVariablesGroup, ImportStructureVariablesModel } from \"./graphql.js\";\nimport { ValidateImportUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport { ImportModelsUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport {\n    ImportContentModelsPresenter as Abstraction,\n    type IImportContentModelsPresenter,\n    type IImportContentModelsPresenterViewModel\n} from \"./abstractions.js\";\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nclass ImportContentModelsPresenterImpl implements IImportContentModelsPresenter {\n    private data: Data | null = null;\n    private loading = false;\n    private groups: ImportGroupData[] = [];\n    private models: ImportModelData[] = [];\n    private file: File | null = null;\n    private errors: string[] = [];\n    private validated = false;\n    private selected: Selected = new Map();\n\n    constructor(\n        private validateUseCase: ValidateImportUseCase.Interface,\n        private importUseCase: ImportModelsUseCase.Interface\n    ) {\n        makeAutoObservable<ImportContentModelsPresenterImpl, \"validateUseCase\" | \"importUseCase\">(\n            this,\n            {\n                validateUseCase: false,\n                importUseCase: false\n            }\n        );\n    }\n\n    get vm(): IImportContentModelsPresenterViewModel {\n        return {\n            data: this.data,\n            loading: this.loading,\n            groups: this.groups,\n            models: this.models,\n            file: this.file,\n            errors: this.errors,\n            validated: this.validated\n        };\n    }\n\n    hasSelected(): boolean {\n        return this.selected.size > 0;\n    }\n\n    isModelSelected(item: Pick<ImportModelData, \"id\">): boolean {\n        return this.selected.has(item.id);\n    }\n\n    isModelRelated({ id: target }: Pick<ImportModelData, \"id\">): boolean {\n        for (const id of this.selected.keys()) {\n            if (id === target) {\n                continue;\n            }\n            const related = this.selected.get(id);\n            if (related && related.includes(target)) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    onFile(file: File): void {\n        const reader = new FileReader();\n        reader.addEventListener(\"load\", event => {\n            try {\n                const data = this.parseFileContent(event.target?.result);\n                runInAction(() => {\n                    this.models = [];\n                    this.groups = [];\n                    this.selected = new Map();\n                    this.errors = [];\n                    this.validated = false;\n                    this.file = file;\n                    this.data = data;\n                });\n            } catch (ex: any) {\n                runInAction(() => {\n                    this.file = file;\n                    this.selected = new Map();\n                    this.validated = false;\n                    this.groups = [];\n                    this.models = [];\n                    this.data = null;\n                    this.errors = [ex.message];\n                });\n            }\n        });\n        reader.readAsText(file);\n    }\n\n    onFileError(error: string): void {\n        this.file = null;\n        this.errors = [error];\n    }\n\n    toggleModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            this.removeModel(item);\n        } else {\n            this.addModel(item);\n        }\n    }\n\n    async handleModelsValidation(): Promise<void> {\n        if (!this.data) {\n            return;\n        }\n\n        this.loading = true;\n\n        try {\n            const data = await this.validateUseCase.execute(this.data as any);\n\n            runInAction(() => {\n                this.loading = false;\n                this.groups = data.groups.map(group => ({\n                    id: group.group.id,\n                    name: group.group.name,\n                    slug: group.group.slug,\n                    error: group.error,\n                    action: group.action\n                }));\n                this.models = data.models.map(model => ({\n                    id: model.model.modelId,\n                    name: model.model.name,\n                    group: model.model.group,\n                    related: model.related || [],\n                    error: model.error,\n                    action: model.action\n                }));\n                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    async handleModelsImport(): Promise<void> {\n        if (!this.data || !this.groups.length || !this.models.length || !this.selected.size) {\n            return;\n        }\n\n        this.loading = true;\n\n        const dataToImport = this.getDataToImport();\n\n        try {\n            const data = await this.importUseCase.execute(dataToImport);\n\n            runInAction(() => {\n                this.loading = false;\n                this.selected = new Map();\n                this.groups = this.groups.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        slug: result?.group.slug || group.slug,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                });\n                this.models = this.models.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                });\n                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    reset(): void {\n        this.data = null;\n        this.loading = false;\n        this.groups = [];\n        this.models = [];\n        this.file = null;\n        this.errors = [];\n        this.validated = false;\n        this.selected = new Map();\n    }\n\n    private addModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            return;\n        }\n        this.selected = createSelected({\n            previous: this.selected,\n            models: this.models,\n            item\n        });\n    }\n\n    private removeModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelRelated(item)) {\n            return;\n        }\n        const selected = new Map(this.selected);\n        selected.delete(item.id);\n        this.selected = selected;\n    }\n\n    private getDataToImport(): DataToImportResult {\n        const selected = Array.from(this.selected.keys());\n        const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n        const models: Map<string, ImportStructureVariablesModel> = new Map();\n        const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n        for (const id of selected) {\n            const validatedModel = this.models.find(model => model.id === id);\n            if (\n                !validatedModel?.action ||\n                validatedModel.error ||\n                noAction.includes(validatedModel.action)\n            ) {\n                continue;\n            }\n            const validatedGroup = this.groups.find(group => group.slug === validatedModel.group);\n            if (!validatedGroup?.action || validatedGroup.error) {\n                continue;\n            }\n\n            const model = this.data?.models?.find(model => model.modelId === id);\n            if (!model) {\n                continue;\n            }\n            models.set(id, {\n                ...model,\n                layout: model.layout || [],\n                titleFieldId: model.titleFieldId || \"id\",\n                descriptionFieldId: model.descriptionFieldId || \"\",\n                imageFieldId: model.imageFieldId || \"\",\n                group: validatedModel.group\n            });\n\n            if (noAction.includes(validatedGroup.action)) {\n                continue;\n            }\n\n            const group = this.data?.groups?.find(group => group.slug === validatedModel.group);\n            if (!group) {\n                continue;\n            }\n            groups.set(group.id, group);\n        }\n\n        return {\n            groups: Array.from(groups.values()),\n            models: Array.from(models.values())\n        };\n    }\n\n    private parseFileContent(content?: string | ArrayBuffer | null): Data {\n        if (!content) {\n            throw new Error(\"Missing data in uploaded file.\");\n        }\n        const raw =\n            content instanceof ArrayBuffer ? Buffer.from(content).toString(\"utf8\") : content;\n\n        let data: Record<string, any> = {};\n        try {\n            data = JSON.parse(raw);\n        } catch {\n            throw new Error(\"Could not parse the uploaded file. Make sure it's a valid JSON file.\");\n        }\n        if (!data.groups?.length && !data.models?.length) {\n            throw new Error(\"No groups and models in the uploaded file.\");\n        } else if (data.groups.length === 0) {\n            throw new Error(\"No groups in the uploaded file. There must be at least one group.\");\n        }\n        return {\n            groups: data.groups,\n            models: data.models\n        };\n    }\n}\n\nexport const ImportContentModelsPresenter = Abstraction.createImplementation({\n    implementation: ImportContentModelsPresenterImpl,\n    dependencies: [ValidateImportUseCase, ImportModelsUseCase]\n});\n"],"names":["createSelected","params","previous","models","item","selected","Map","id","model","related","ImportContentModelsPresenterImpl","validateUseCase","importUseCase","makeAutoObservable","target","file","reader","FileReader","event","data","runInAction","ex","error","group","dataToImport","result","Array","groups","noAction","ImportAction","validatedModel","validatedGroup","content","Error","raw","ArrayBuffer","Buffer","JSON","ImportContentModelsPresenter","Abstraction","ValidateImportUseCase","ImportModelsUseCase"],"mappings":"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"}

package/presentation/importContentModels/components/DataList.d.ts

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

package/presentation/importContentModels/components/FileUpload.d.ts

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

package/presentation/importContentModels/components/FileUpload.js

@@ -13,7 +13,7 @@ const FileUpload = observer(()=>{
         accept: [
             "application/json"
         ],
-        maxSize: "5mb",
+        maxSize: "10mb",
         onSuccess: (files)=>{
             const file = files.find((f)=>f.src.file);
             const uploadedFile = file?.src?.file;

package/presentation/importContentModels/components/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/importContentModels/components/FileUpload.js","sources":["../../../../src/presentation/importContentModels/components/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport { BrowserFilePicker } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { getError } from \"./Errors.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useImportContentModelsPresenter } from \"../useImportContentModelsPresenter.js\";\n\nexport const FileUpload = observer(() => {\n    const presenter = useImportContentModelsPresenter();\n    const onFile = (file: File) => presenter.onFile(file);\n    const onFileError = (error: string) => presenter.onFileError(error);\n    const fileName = presenter.vm.file?.name;\n\n    return (\n        <BrowserFilePicker\n            accept={[\"application/json\"]}\n            maxSize={\"5mb\"}\n            onSuccess={files => {\n                const file = files.find(f => f.src.file);\n                const uploadedFile = file?.src?.file;\n                if (!uploadedFile) {\n                    onFileError(\n                        \"File is not valid. Please make sure you are uploading a valid JSON file.\"\n                    );\n                    return;\n                }\n                onFile(uploadedFile);\n            }}\n            onError={err => {\n                const errors = err.map(er => {\n                    return getError(er);\n                });\n                if (errors.length === 0) {\n                    return;\n                }\n                onFileError(errors[0]);\n            }}\n            multiple={false}\n        >\n            {({ browseFiles, getDropZoneProps }) => {\n                return (\n                    <>\n                        <div\n                            className={\n                                \"w-full mx-auto my-0 border-sm border-dashed cursor-pointer border-neutral-muted bg-neutral-base text-center p-md \"\n                            }\n                            onClick={() => browseFiles()}\n                            {...getDropZoneProps()}\n                        >\n                            <Text>{fileName || \"Drop a file here, or click to select one.\"}</Text>\n                        </div>\n                    </>\n                );\n            }}\n        </BrowserFilePicker>\n    );\n});\n"],"names":["FileUpload","observer","presenter","useImportContentModelsPresenter","onFile","file","onFileError","error","fileName","BrowserFilePicker","files","f","uploadedFile","err","errors","er","getError","browseFiles","getDropZoneProps","Text"],"mappings":";;;;;;AAOO,MAAMA,aAAaC,SAAS;IAC/B,MAAMC,YAAYC;IAClB,MAAMC,SAAS,CAACC,OAAeH,UAAU,MAAM,CAACG;IAChD,MAAMC,cAAc,CAACC,QAAkBL,UAAU,WAAW,CAACK;IAC7D,MAAMC,WAAWN,UAAU,EAAE,CAAC,IAAI,EAAE;IAEpC,OAAO,WAAP,GACI,oBAACO,mBAAiBA;QACd,QAAQ;YAAC;SAAmB;QAC5B,SAAS;QACT,WAAWC,CAAAA;YACP,MAAML,OAAOK,MAAM,IAAI,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,IAAI;YACvC,MAAMC,eAAeP,MAAM,KAAK;YAChC,IAAI,CAACO,cAAc,YACfN,YACI;YAIRF,OAAOQ;QACX;QACA,SAASC,CAAAA;YACL,MAAMC,SAASD,IAAI,GAAG,CAACE,CAAAA,KACZC,SAASD;YAEpB,IAAID,AAAkB,MAAlBA,OAAO,MAAM,EACb;YAEJR,YAAYQ,MAAM,CAAC,EAAE;QACzB;QACA,UAAU;OAET,CAAC,EAAEG,WAAW,EAAEC,gBAAgB,EAAE,GACxB,WAAP,GACI,wDACI,oBAAC;YACG,WACI;YAEJ,SAAS,IAAMD;YACd,GAAGC,kBAAkB;yBAEtB,oBAACC,MAAIA,MAAEX,YAAY;AAO/C"}
+{"version":3,"file":"presentation/importContentModels/components/FileUpload.js","sources":["../../../../src/presentation/importContentModels/components/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport { BrowserFilePicker } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { getError } from \"./Errors.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useImportContentModelsPresenter } from \"../useImportContentModelsPresenter.js\";\n\nexport const FileUpload = observer(() => {\n    const presenter = useImportContentModelsPresenter();\n    const onFile = (file: File) => presenter.onFile(file);\n    const onFileError = (error: string) => presenter.onFileError(error);\n    const fileName = presenter.vm.file?.name;\n\n    return (\n        <BrowserFilePicker\n            accept={[\"application/json\"]}\n            maxSize={\"10mb\"}\n            onSuccess={files => {\n                const file = files.find(f => f.src.file);\n                const uploadedFile = file?.src?.file;\n                if (!uploadedFile) {\n                    onFileError(\n                        \"File is not valid. Please make sure you are uploading a valid JSON file.\"\n                    );\n                    return;\n                }\n                onFile(uploadedFile);\n            }}\n            onError={err => {\n                const errors = err.map(er => {\n                    return getError(er);\n                });\n                if (errors.length === 0) {\n                    return;\n                }\n                onFileError(errors[0]);\n            }}\n            multiple={false}\n        >\n            {({ browseFiles, getDropZoneProps }) => {\n                return (\n                    <>\n                        <div\n                            className={\n                                \"w-full mx-auto my-0 border-sm border-dashed cursor-pointer border-neutral-muted bg-neutral-base text-center p-md \"\n                            }\n                            onClick={() => browseFiles()}\n                            {...getDropZoneProps()}\n                        >\n                            <Text>{fileName || \"Drop a file here, or click to select one.\"}</Text>\n                        </div>\n                    </>\n                );\n            }}\n        </BrowserFilePicker>\n    );\n});\n"],"names":["FileUpload","observer","presenter","useImportContentModelsPresenter","onFile","file","onFileError","error","fileName","BrowserFilePicker","files","f","uploadedFile","err","errors","er","getError","browseFiles","getDropZoneProps","Text"],"mappings":";;;;;;AAOO,MAAMA,aAAaC,SAAS;IAC/B,MAAMC,YAAYC;IAClB,MAAMC,SAAS,CAACC,OAAeH,UAAU,MAAM,CAACG;IAChD,MAAMC,cAAc,CAACC,QAAkBL,UAAU,WAAW,CAACK;IAC7D,MAAMC,WAAWN,UAAU,EAAE,CAAC,IAAI,EAAE;IAEpC,OAAO,WAAP,GACI,oBAACO,mBAAiBA;QACd,QAAQ;YAAC;SAAmB;QAC5B,SAAS;QACT,WAAWC,CAAAA;YACP,MAAML,OAAOK,MAAM,IAAI,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,IAAI;YACvC,MAAMC,eAAeP,MAAM,KAAK;YAChC,IAAI,CAACO,cAAc,YACfN,YACI;YAIRF,OAAOQ;QACX;QACA,SAASC,CAAAA;YACL,MAAMC,SAASD,IAAI,GAAG,CAACE,CAAAA,KACZC,SAASD;YAEpB,IAAID,AAAkB,MAAlBA,OAAO,MAAM,EACb;YAEJR,YAAYQ,MAAM,CAAC,EAAE;QACzB;QACA,UAAU;OAET,CAAC,EAAEG,WAAW,EAAEC,gBAAgB,EAAE,GACxB,WAAP,GACI,wDACI,oBAAC;YACG,WACI;YAEJ,SAAS,IAAMD;YACd,GAAGC,kBAAkB;yBAEtB,oBAACC,MAAIA,MAAEX,YAAY;AAO/C"}

package/presentation/importContentModels/components/Model/DataListModelItem.js

@@ -72,9 +72,9 @@ const Checkbox = ({ model, toggle, selected })=>{
 };
 const Container = ({ model, children })=>{
     if (model.imported) return /*#__PURE__*/ react.createElement(ContainerImported, null, children);
-    if ("create" === model.action) return /*#__PURE__*/ react.createElement(ContainerCreate, null, children);
-    if ("update" === model.action) return /*#__PURE__*/ react.createElement(ContainerUpdate, null, children);
-    if (model.error) return /*#__PURE__*/ react.createElement(ContainerError, null, children);
+    else if ("create" === model.action) return /*#__PURE__*/ react.createElement(ContainerCreate, null, children);
+    else if ("update" === model.action) return /*#__PURE__*/ react.createElement(ContainerUpdate, null, children);
+    else if (model.error) return /*#__PURE__*/ react.createElement(ContainerError, null, children);
     return /*#__PURE__*/ react.createElement(ContainerBase, null, children);
 };
 const DataListModelItem = ({ model, toggle, selected })=>/*#__PURE__*/ react.createElement(Container, {

package/presentation/importContentModels/components/Model/DataListModelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItem.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\nimport { DataListModelItemError } from \"./DataListModelItemError.js\";\nimport { DataListModelItemInfo } from \"./DataListModelItemInfo.js\";\n\ntype ToggleModelCb = (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">) => void;\n\nconst ContainerBase = styled(\"div\")(() => {\n    return {\n        width: \"100%\",\n        padding: \"0px 5px 15px 5px\",\n        margin: \"0\",\n        boxSizing: \"border-box\" as const,\n        \"&:last-child\": {\n            paddingBottom: \"2px\"\n        }\n    };\n});\nconst ContainerCreate = styled(ContainerBase)(() => {\n    return {\n        // backgroundColor: \"var(--mdc-theme-secondary)\"\n    };\n});\nconst ContainerImported = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerUpdate = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerError = styled(ContainerBase)(() => {\n    return {};\n});\n\nconst ModelContainer = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n});\nconst Name = styled(\"h4\")({\n    fontSize: \"12px\",\n    flex: \"1 0 auto\",\n    lineHeight: \"18px\"\n});\nconst CheckboxContainer = styled(\"div\")({\n    width: \"120px\",\n    textAlign: \"right\",\n    verticalAlign: \"middle\"\n});\n\nconst Button = styled(\"button\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    cursor: \"pointer\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.selected\": {\n        border: \"1px solid var(--mdc-theme-secondary)\"\n    }\n});\n\nconst ImportedText = styled(\"div\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Imported = () => {\n    return (\n        <CheckboxContainer>\n            <ImportedText>Imported.</ImportedText>\n        </CheckboxContainer>\n    );\n};\n\ninterface CheckboxProps {\n    model: Pick<ImportModelData, \"id\" | \"name\" | \"error\" | \"related\">;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nconst Checkbox = ({ model, toggle, selected }: CheckboxProps) => {\n    const onClick = useCallback(() => {\n        toggle(model);\n    }, [toggle]);\n    if (model.error) {\n        return null;\n    }\n    return (\n        <CheckboxContainer>\n            <Button onClick={onClick} className={selected ? \"selected\" : \"\"}>\n                {selected ? \"Model will be imported\" : \"Model will be skipped\"}\n            </Button>\n        </CheckboxContainer>\n    );\n};\n\ninterface ContainerProps {\n    model: Pick<ImportModelData, \"action\" | \"error\" | \"imported\">;\n    children: React.ReactNode;\n}\n\nconst Container = ({ model, children }: ContainerProps) => {\n    if (model.imported) {\n        return <ContainerImported>{children}</ContainerImported>;\n    } else if (model.action === \"create\") {\n        return <ContainerCreate>{children}</ContainerCreate>;\n    } else if (model.action === \"update\") {\n        return <ContainerUpdate>{children}</ContainerUpdate>;\n    } else if (model.error) {\n        return <ContainerError>{children}</ContainerError>;\n    }\n    return <ContainerBase>{children}</ContainerBase>;\n};\n\ninterface DataListModelItemProps {\n    model: ImportModelData;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nexport const DataListModelItem = ({ model, toggle, selected }: DataListModelItemProps) => {\n    return (\n        <Container model={model}>\n            <ModelContainer>\n                <div>\n                    <Name>{model.name || model.id}</Name>\n                    {model.error ? (\n                        <DataListModelItemError error={model.error} />\n                    ) : (\n                        <DataListModelItemInfo model={model} />\n                    )}\n                </div>\n                {model.imported ? (\n                    <Imported />\n                ) : (\n                    <Checkbox model={model} toggle={toggle} selected={selected} />\n                )}\n            </ModelContainer>\n        </Container>\n    );\n};\n"],"names":["ContainerBase","styled","ContainerCreate","ContainerImported","ContainerUpdate","ContainerError","ModelContainer","Name","CheckboxContainer","Button","ImportedText","Imported","Checkbox","model","toggle","selected","onClick","useCallback","Container","children","DataListModelItem","DataListModelItemError","DataListModelItemInfo"],"mappings":";;;;AAQA,MAAMA,gBAAgBC,OAAO,OAAO,IACzB;QACH,OAAO;QACP,SAAS;QACT,QAAQ;QACR,WAAW;QACX,gBAAgB;YACZ,eAAe;QACnB;IACJ;AAEJ,MAAMC,kBAAkBD,OAAOD,eAAe,IACnC,EAEP;AAEJ,MAAMG,oBAAoBF,OAAOD,eAAe,IACrC,EAAC;AAEZ,MAAMI,kBAAkBH,OAAOD,eAAe,IACnC,EAAC;AAEZ,MAAMK,iBAAiBJ,OAAOD,eAAe,IAClC,EAAC;AAGZ,MAAMM,iBAAiBL,OAAO,OAAO;IACjC,SAAS;IACT,OAAO;IACP,eAAe;IACf,YAAY;IACZ,gBAAgB;AACpB;AACA,MAAMM,OAAON,OAAO,MAAM;IACtB,UAAU;IACV,MAAM;IACN,YAAY;AAChB;AACA,MAAMO,oBAAoBP,OAAO,OAAO;IACpC,OAAO;IACP,WAAW;IACX,eAAe;AACnB;AAEA,MAAMQ,SAASR,OAAO,UAAU;IAC5B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,iBAAiB;IACjB,cAAc;QACV,QAAQ;IACZ;AACJ;AAEA,MAAMS,eAAeT,OAAO,OAAO;IAC/B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,SAAS;IACT,iBAAiB;IACjB,OAAO;AACX;AAEA,MAAMU,WAAW,IACN,WAAP,GACI,oBAACH,mBAAiBA,MAAAA,WAAAA,GACd,oBAACE,cAAYA,MAAC;AAW1B,MAAME,WAAW,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAiB;IACxD,MAAMC,UAAUC,YAAY;QACxBH,OAAOD;IACX,GAAG;QAACC;KAAO;IACX,IAAID,MAAM,KAAK,EACX,OAAO;IAEX,OAAO,WAAP,GACI,oBAACL,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,QAAMA;QAAC,SAASO;QAAS,WAAWD,WAAW,aAAa;OACxDA,WAAW,2BAA2B;AAIvD;AAOA,MAAMG,YAAY,CAAC,EAAEL,KAAK,EAAEM,QAAQ,EAAkB;IAClD,IAAIN,MAAM,QAAQ,EACd,OAAO,WAAP,GAAO,oBAACV,mBAAiBA,MAAEgB;IACxB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACX,iBAAeA,MAAEiB;IACtB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACT,iBAAeA,MAAEe;IACtB,IAAIN,MAAM,KAAK,EAClB,OAAO,WAAP,GAAO,oBAACR,gBAAcA,MAAEc;IAE5B,OAAO,WAAP,GAAO,oBAACnB,eAAaA,MAAEmB;AAC3B;AAQO,MAAMC,oBAAoB,CAAC,EAAEP,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAA0B,GAC1E,WAAP,GACI,oBAACG,WAASA;QAAC,OAAOL;qBACd,oBAACP,gBAAcA,MAAAA,WAAAA,GACX,oBAAC,2BACG,oBAACC,MAAIA,MAAEM,MAAM,IAAI,IAAIA,MAAM,EAAE,GAC5BA,MAAM,KAAK,GAAG,WAAH,GACR,oBAACQ,wBAAsBA;QAAC,OAAOR,MAAM,KAAK;uBAE1C,oBAACS,uBAAqBA;QAAC,OAAOT;SAGrCA,MAAM,QAAQ,GAAG,WAAH,GACX,oBAACF,UAAQA,QAAAA,WAAAA,GAET,oBAACC,UAAQA;QAAC,OAAOC;QAAO,QAAQC;QAAQ,UAAUC"}
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItem.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\nimport { DataListModelItemError } from \"./DataListModelItemError.js\";\nimport { DataListModelItemInfo } from \"./DataListModelItemInfo.js\";\n\ntype ToggleModelCb = (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">) => void;\n\nconst ContainerBase = styled(\"div\")(() => {\n    return {\n        width: \"100%\",\n        padding: \"0px 5px 15px 5px\",\n        margin: \"0\",\n        boxSizing: \"border-box\" as const,\n        \"&:last-child\": {\n            paddingBottom: \"2px\"\n        }\n    };\n});\nconst ContainerCreate = styled(ContainerBase)(() => {\n    return {\n        // backgroundColor: \"var(--mdc-theme-secondary)\"\n    };\n});\nconst ContainerImported = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerUpdate = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerError = styled(ContainerBase)(() => {\n    return {};\n});\n\nconst ModelContainer = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n});\nconst Name = styled(\"h4\")({\n    fontSize: \"12px\",\n    flex: \"1 0 auto\",\n    lineHeight: \"18px\"\n});\nconst CheckboxContainer = styled(\"div\")({\n    width: \"120px\",\n    textAlign: \"right\",\n    verticalAlign: \"middle\"\n});\n\nconst Button = styled(\"button\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    cursor: \"pointer\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.selected\": {\n        border: \"1px solid var(--mdc-theme-secondary)\"\n    }\n});\n\nconst ImportedText = styled(\"div\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Imported = () => {\n    return (\n        <CheckboxContainer>\n            <ImportedText>Imported.</ImportedText>\n        </CheckboxContainer>\n    );\n};\n\ninterface CheckboxProps {\n    model: Pick<ImportModelData, \"id\" | \"name\" | \"error\" | \"related\">;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nconst Checkbox = ({ model, toggle, selected }: CheckboxProps) => {\n    const onClick = useCallback(() => {\n        toggle(model);\n    }, [toggle]);\n    if (model.error) {\n        return null;\n    }\n    return (\n        <CheckboxContainer>\n            <Button onClick={onClick} className={selected ? \"selected\" : \"\"}>\n                {selected ? \"Model will be imported\" : \"Model will be skipped\"}\n            </Button>\n        </CheckboxContainer>\n    );\n};\n\ninterface ContainerProps {\n    model: Pick<ImportModelData, \"action\" | \"error\" | \"imported\">;\n    children: React.ReactNode;\n}\n\nconst Container = ({ model, children }: ContainerProps) => {\n    if (model.imported) {\n        return <ContainerImported>{children}</ContainerImported>;\n    } else if (model.action === \"create\") {\n        return <ContainerCreate>{children}</ContainerCreate>;\n    } else if (model.action === \"update\") {\n        return <ContainerUpdate>{children}</ContainerUpdate>;\n    } else if (model.error) {\n        return <ContainerError>{children}</ContainerError>;\n    }\n    return <ContainerBase>{children}</ContainerBase>;\n};\n\ninterface DataListModelItemProps {\n    model: ImportModelData;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nexport const DataListModelItem = ({ model, toggle, selected }: DataListModelItemProps) => {\n    return (\n        <Container model={model}>\n            <ModelContainer>\n                <div>\n                    <Name>{model.name || model.id}</Name>\n                    {model.error ? (\n                        <DataListModelItemError error={model.error} />\n                    ) : (\n                        <DataListModelItemInfo model={model} />\n                    )}\n                </div>\n                {model.imported ? (\n                    <Imported />\n                ) : (\n                    <Checkbox model={model} toggle={toggle} selected={selected} />\n                )}\n            </ModelContainer>\n        </Container>\n    );\n};\n"],"names":["ContainerBase","styled","ContainerCreate","ContainerImported","ContainerUpdate","ContainerError","ModelContainer","Name","CheckboxContainer","Button","ImportedText","Imported","Checkbox","model","toggle","selected","onClick","useCallback","Container","children","DataListModelItem","DataListModelItemError","DataListModelItemInfo"],"mappings":";;;;AAQA,MAAMA,gBAAgBC,OAAO,OAAO,IACzB;QACH,OAAO;QACP,SAAS;QACT,QAAQ;QACR,WAAW;QACX,gBAAgB;YACZ,eAAe;QACnB;IACJ;AAEJ,MAAMC,kBAAkBD,OAAOD,eAAe,IACnC,EAEP;AAEJ,MAAMG,oBAAoBF,OAAOD,eAAe,IACrC,EAAC;AAEZ,MAAMI,kBAAkBH,OAAOD,eAAe,IACnC,EAAC;AAEZ,MAAMK,iBAAiBJ,OAAOD,eAAe,IAClC,EAAC;AAGZ,MAAMM,iBAAiBL,OAAO,OAAO;IACjC,SAAS;IACT,OAAO;IACP,eAAe;IACf,YAAY;IACZ,gBAAgB;AACpB;AACA,MAAMM,OAAON,OAAO,MAAM;IACtB,UAAU;IACV,MAAM;IACN,YAAY;AAChB;AACA,MAAMO,oBAAoBP,OAAO,OAAO;IACpC,OAAO;IACP,WAAW;IACX,eAAe;AACnB;AAEA,MAAMQ,SAASR,OAAO,UAAU;IAC5B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,iBAAiB;IACjB,cAAc;QACV,QAAQ;IACZ;AACJ;AAEA,MAAMS,eAAeT,OAAO,OAAO;IAC/B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,SAAS;IACT,iBAAiB;IACjB,OAAO;AACX;AAEA,MAAMU,WAAW,IACN,WAAP,GACI,oBAACH,mBAAiBA,MAAAA,WAAAA,GACd,oBAACE,cAAYA,MAAC;AAW1B,MAAME,WAAW,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAiB;IACxD,MAAMC,UAAUC,YAAY;QACxBH,OAAOD;IACX,GAAG;QAACC;KAAO;IACX,IAAID,MAAM,KAAK,EACX,OAAO;IAEX,OAAO,WAAP,GACI,oBAACL,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,QAAMA;QAAC,SAASO;QAAS,WAAWD,WAAW,aAAa;OACxDA,WAAW,2BAA2B;AAIvD;AAOA,MAAMG,YAAY,CAAC,EAAEL,KAAK,EAAEM,QAAQ,EAAkB;IAClD,IAAIN,MAAM,QAAQ,EACd,OAAO,WAAP,GAAO,oBAACV,mBAAiBA,MAAEgB;SACxB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACX,iBAAeA,MAAEiB;SACtB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACT,iBAAeA,MAAEe;SACtB,IAAIN,MAAM,KAAK,EAClB,OAAO,WAAP,GAAO,oBAACR,gBAAcA,MAAEc;IAE5B,OAAO,WAAP,GAAO,oBAACnB,eAAaA,MAAEmB;AAC3B;AAQO,MAAMC,oBAAoB,CAAC,EAAEP,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAA0B,GAC1E,WAAP,GACI,oBAACG,WAASA;QAAC,OAAOL;qBACd,oBAACP,gBAAcA,MAAAA,WAAAA,GACX,oBAAC,2BACG,oBAACC,MAAIA,MAAEM,MAAM,IAAI,IAAIA,MAAM,EAAE,GAC5BA,MAAM,KAAK,GAAG,WAAH,GACR,oBAACQ,wBAAsBA;QAAC,OAAOR,MAAM,KAAK;uBAE1C,oBAACS,uBAAqBA;QAAC,OAAOT;SAGrCA,MAAM,QAAQ,GAAG,WAAH,GACX,oBAACF,UAAQA,QAAAA,WAAAA,GAET,oBAACC,UAAQA;QAAC,OAAOC;QAAO,QAAQC;QAAQ,UAAUC"}

package/presentation/importContentModels/components/Model/DataListModelItemInfo.js

@@ -9,8 +9,8 @@ const Text = styled("p")({
 });
 const getText = (action)=>{
     if ("create" === action) return "Model will be created.";
-    if ("update" === action) return "Model will be updated.";
-    if ("code" === action) return "Model cannot be updated because it was created via code.";
+    else if ("update" === action) return "Model will be updated.";
+    else if ("code" === action) return "Model cannot be updated because it was created via code.";
     return `Unknown action: ${action}`;
 };
 const DataListModelItemInfo = ({ model })=>{

package/presentation/importContentModels/components/Model/DataListModelItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItemInfo.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItemInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\n\nconst Text = styled(\"p\")({\n    fontSize: \"9px\",\n    lineHeight: \"10px\",\n    display: \"block\",\n    padding: \"0\",\n    margin: \"0\"\n});\n\nconst getText = (action?: string | null) => {\n    if (action === \"create\") {\n        return `Model will be created.`;\n    } else if (action === \"update\") {\n        return `Model will be updated.`;\n    } else if (action === \"code\") {\n        return \"Model cannot be updated because it was created via code.\";\n    }\n    return `Unknown action: ${action}`;\n};\n\ninterface DataListModelItemInfoProps {\n    model: ImportModelData;\n}\n\nexport const DataListModelItemInfo = ({ model }: DataListModelItemInfoProps) => {\n    const { action } = model;\n\n    return <Text>{getText(action)}</Text>;\n};\n"],"names":["Text","styled","getText","action","DataListModelItemInfo","model"],"mappings":";;AAIA,MAAMA,OAAOC,OAAO,KAAK;IACrB,UAAU;IACV,YAAY;IACZ,SAAS;IACT,SAAS;IACT,QAAQ;AACZ;AAEA,MAAMC,UAAU,CAACC;IACb,IAAIA,AAAW,aAAXA,QACA,OAAO;IACJ,IAAIA,AAAW,aAAXA,QACP,OAAO;IACJ,IAAIA,AAAW,WAAXA,QACP,OAAO;IAEX,OAAO,CAAC,gBAAgB,EAAEA,QAAQ;AACtC;AAMO,MAAMC,wBAAwB,CAAC,EAAEC,KAAK,EAA8B;IACvE,MAAM,EAAEF,MAAM,EAAE,GAAGE;IAEnB,OAAO,WAAP,GAAO,oBAACL,MAAIA,MAAEE,QAAQC;AAC1B"}
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItemInfo.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItemInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\n\nconst Text = styled(\"p\")({\n    fontSize: \"9px\",\n    lineHeight: \"10px\",\n    display: \"block\",\n    padding: \"0\",\n    margin: \"0\"\n});\n\nconst getText = (action?: string | null) => {\n    if (action === \"create\") {\n        return `Model will be created.`;\n    } else if (action === \"update\") {\n        return `Model will be updated.`;\n    } else if (action === \"code\") {\n        return \"Model cannot be updated because it was created via code.\";\n    }\n    return `Unknown action: ${action}`;\n};\n\ninterface DataListModelItemInfoProps {\n    model: ImportModelData;\n}\n\nexport const DataListModelItemInfo = ({ model }: DataListModelItemInfoProps) => {\n    const { action } = model;\n\n    return <Text>{getText(action)}</Text>;\n};\n"],"names":["Text","styled","getText","action","DataListModelItemInfo","model"],"mappings":";;AAIA,MAAMA,OAAOC,OAAO,KAAK;IACrB,UAAU;IACV,YAAY;IACZ,SAAS;IACT,SAAS;IACT,QAAQ;AACZ;AAEA,MAAMC,UAAU,CAACC;IACb,IAAIA,AAAW,aAAXA,QACA,OAAO;SACJ,IAAIA,AAAW,aAAXA,QACP,OAAO;SACJ,IAAIA,AAAW,WAAXA,QACP,OAAO;IAEX,OAAO,CAAC,gBAAgB,EAAEA,QAAQ;AACtC;AAMO,MAAMC,wBAAwB,CAAC,EAAEC,KAAK,EAA8B;IACvE,MAAM,EAAEF,MAAM,EAAE,GAAGE;IAEnB,OAAO,WAAP,GAAO,oBAACL,MAAIA,MAAEE,QAAQC;AAC1B"}

package/presentation/importContentModels/components/Model/DataListModels.d.ts

@@ -3,7 +3,7 @@ import type { ImportModelData } from "../../types.js";
 interface DataListModelsProps {
     models: ImportModelData[];
 }
-export declare const DataListModels: (({ models }: DataListModelsProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const DataListModels: (({ models }: DataListModelsProps) => React.JSX.Element) & React.NamedExoticComponent<DataListModelsProps> & {
+    readonly type: ({ models }: DataListModelsProps) => React.JSX.Element;
 };
 export {};

package/presentation/menus/ContentGroupsMenuItems.d.ts

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

package/presentation/modelGroup/ModelGroupPresenter.js

@@ -133,8 +133,7 @@ class ModelGroupPresenterImpl {
                     this.selectedGroup = group;
                 });
                 return group;
-            }
-            {
+            } else {
                 const group = await this.createModelGroupUseCase.execute({
                     name: data.name,
                     slug: data.slug,