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

package/presentation/contentEntries/singleEntry/SingleEntryPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/singleEntry/SingleEntryPresenter.test.js","sources":["../../../../src/presentation/contentEntries/singleEntry/SingleEntryPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { CmsFormModelBuilder } from \"~/features/formModel/abstractions.js\";\nimport { CmsModelContext } from \"~/features/contentEntry/abstractions.js\";\nimport {\n    GetSingletonEntryUseCase,\n    UpdateSingletonEntryUseCase\n} from \"~/features/contentEntry/singletonEntry/abstractions.js\";\nimport { SingleEntryPresenter as Abstraction } from \"./abstractions.js\";\nimport { SingleEntryPresenter } from \"./SingleEntryPresenter.js\";\n\nconst createFakeForm = () => ({\n    vm: {},\n    isDirty: false,\n    submit: vi.fn(async () => ({ title: \"Draft\" })),\n    setData: vi.fn(),\n    reset: vi.fn(),\n    setErrors: vi.fn()\n});\n\n/** A promise the test settles by hand, so it can act while a save is still in flight. */\nconst deferred = <T>() => {\n    let resolve!: (value: T) => void;\n    let reject!: (reason: unknown) => void;\n    const promise = new Promise<T>((res, rej) => {\n        resolve = res;\n        reject = rej;\n    });\n    return { promise, resolve, reject };\n};\n\nconst setup = () => {\n    const forms: ReturnType<typeof createFakeForm>[] = [];\n    let pendingUpdate = deferred<any>();\n\n    const container = new Container();\n    container.registerInstance(FormModelFactory, {\n        create: () => {\n            const form = createFakeForm();\n            forms.push(form);\n            return form;\n        }\n    } as unknown as FormModelFactory.Interface);\n    container.registerInstance(CmsFormModelBuilder, {\n        build: () => ({})\n    } as unknown as CmsFormModelBuilder.Interface);\n    container.registerInstance(CmsModelContext, {\n        getModel: () => ({ modelId: \"settings\", fields: [] })\n    } as unknown as CmsModelContext.Interface);\n    container.registerInstance(GetSingletonEntryUseCase, {\n        execute: async () => ({ id: \"settings#0001\", values: { title: \"Saved\" } })\n    } as unknown as GetSingletonEntryUseCase.Interface);\n    container.registerInstance(UpdateSingletonEntryUseCase, {\n        execute: () => pendingUpdate.promise\n    } as unknown as UpdateSingletonEntryUseCase.Interface);\n    container.register(SingleEntryPresenter);\n\n    return {\n        presenter: container.resolve(Abstraction),\n        forms,\n        nextUpdate: () => {\n            pendingUpdate = deferred<any>();\n            return pendingUpdate;\n        }\n    };\n};\n\ndescribe(\"SingleEntryPresenter.save\", () => {\n    it(\"puts a rejected save's errors on the form\", async () => {\n        const { presenter, forms, nextUpdate } = setup();\n        await presenter.init();\n        const update = nextUpdate();\n\n        const saving = presenter.save();\n        update.reject(new Error(\"Value must be unique.\"));\n\n        await expect(saving).resolves.toBe(false);\n        expect(forms[0].setErrors).toHaveBeenCalledTimes(1);\n    });\n\n    it(\"returns false instead of throwing when the form was disposed mid-save\", async () => {\n        const { presenter, nextUpdate } = setup();\n        await presenter.init();\n        const update = nextUpdate();\n\n        const saving = presenter.save();\n        presenter.dispose();\n        update.reject(new Error(\"Value must be unique.\"));\n\n        await expect(saving).resolves.toBe(false);\n    });\n\n    it(\"doesn't put a rejected save's errors on a form built after it started\", async () => {\n        const { presenter, forms, nextUpdate } = setup();\n        await presenter.init();\n        const update = nextUpdate();\n\n        const saving = presenter.save();\n        await presenter.init();\n        update.reject(new Error(\"Value must be unique.\"));\n\n        await expect(saving).resolves.toBe(false);\n        expect(forms).toHaveLength(2);\n        expect(forms[0].setErrors).not.toHaveBeenCalled();\n        expect(forms[1].setErrors).not.toHaveBeenCalled();\n    });\n\n    it(\"doesn't overwrite a form built after a successful save started\", async () => {\n        const { presenter, forms, nextUpdate } = setup();\n        await presenter.init();\n        const update = nextUpdate();\n\n        const saving = presenter.save();\n        await presenter.init();\n        const setDataCallsBefore = forms[1].setData.mock.calls.length;\n        update.resolve({ id: \"settings#0002\", values: { title: \"From the old save\" } });\n\n        await expect(saving).resolves.toBe(true);\n        expect(forms[1].setData).toHaveBeenCalledTimes(setDataCallsBefore);\n    });\n});\n"],"names":["createFakeForm","vi","deferred","resolve","reject","promise","Promise","res","rej","setup","forms","pendingUpdate","container","Container","FormModelFactory","form","CmsFormModelBuilder","CmsModelContext","GetSingletonEntryUseCase","UpdateSingletonEntryUseCase","SingleEntryPresenter","Abstraction","describe","it","presenter","nextUpdate","update","saving","Error","expect","setDataCallsBefore"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { CmsContentEntry } from "../../../types.js";
+export interface ISingleEntryViewModel {
+    loading: string | null;
+    entry: CmsContentEntry | null;
+    form: IFormVM | null;
+    canSave: boolean;
+    isDirty: boolean;
+}
+export interface ISingleEntryPresenter {
+    vm: ISingleEntryViewModel;
+    save(): Promise<boolean>;
+    init(): Promise<void>;
+    dispose(): void;
+}
+export declare const SingleEntryPresenter: import("@webiny/di").Abstraction<ISingleEntryPresenter>;
+export declare namespace SingleEntryPresenter {
+    type Interface = ISingleEntryPresenter;
+    type ViewModel = ISingleEntryViewModel;
+}

package/presentation/contentEntries/singleEntry/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/singleEntry/abstractions.js","sources":["../../../../src/presentation/contentEntries/singleEntry/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { CmsContentEntry } from \"~/types.js\";\n\nexport interface ISingleEntryViewModel {\n    loading: string | null;\n    entry: CmsContentEntry | null;\n    form: IFormVM | null;\n    canSave: boolean;\n    isDirty: boolean;\n}\n\nexport interface ISingleEntryPresenter {\n    vm: ISingleEntryViewModel;\n    save(): Promise<boolean>;\n    init(): Promise<void>;\n    dispose(): void;\n}\n\nexport const SingleEntryPresenter =\n    createAbstraction<ISingleEntryPresenter>(\"SingleEntryPresenter\");\n\nexport namespace SingleEntryPresenter {\n    export type Interface = ISingleEntryPresenter;\n    export type ViewModel = ISingleEntryViewModel;\n}\n"],"names":["SingleEntryPresenter","createAbstraction"],"mappings":";AAmBO,MAAMA,uBACTC,kBAAyC"}

package/presentation/contentEntries/singleEntry/feature.d.ts

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

package/presentation/contentEntries/singleEntry/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { SingleEntryPresenter } from "./abstractions.js";
+import { SingleEntryPresenter as external_SingleEntryPresenter_js_SingleEntryPresenter } from "./SingleEntryPresenter.js";
+const SingleEntryPresenterFeature = createFeature({
+    name: "CmsContentEntries/SingleEntryPresenter",
+    register (container) {
+        container.register(external_SingleEntryPresenter_js_SingleEntryPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(SingleEntryPresenter)
+        };
+    }
+});
+export { SingleEntryPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/contentEntries/singleEntry/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/singleEntry/feature.js","sources":["../../../../src/presentation/contentEntries/singleEntry/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { SingleEntryPresenter as Abstraction } from \"./abstractions.js\";\nimport { SingleEntryPresenter } from \"./SingleEntryPresenter.js\";\n\nexport const SingleEntryPresenterFeature = createFeature({\n    name: \"CmsContentEntries/SingleEntryPresenter\",\n    register(container) {\n        container.register(SingleEntryPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["SingleEntryPresenterFeature","createFeature","container","SingleEntryPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,8BAA8BC,cAAc;IACrD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,uDAAsB,gBAAgB;IAC7D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/contentEntries/trashBin/CmsTrashBin.d.ts

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

package/presentation/contentEntries/trashBin/CmsTrashBin.js

@@ -0,0 +1,45 @@
+import react, { useCallback, useState } from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { TrashBinFeature } from "@webiny/app-admin/presentation/trashBin/feature.js";
+import { TrashBinOverlay } from "@webiny/app-admin/presentation/trashBin/components/TrashBinOverlay.js";
+import { Sidebar } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { useModel } from "../../../admin/components/ModelProvider/index.js";
+const CmsTrashBin = observer(()=>{
+    const [open, setOpen] = useState(false);
+    const { model } = useModel();
+    const { presenter } = useFeature(TrashBinFeature);
+    const handleOpen = useCallback(()=>{
+        presenter.init({
+            nameColumnId: model.titleFieldId || "id"
+        });
+        setOpen(true);
+    }, [
+        model,
+        presenter
+    ]);
+    const handleClose = useCallback(async ()=>{
+        setOpen(false);
+        presenter.dispose();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "list-none"
+    }, /*#__PURE__*/ react.createElement(Sidebar.Item, {
+        onClick: handleOpen,
+        text: "Trash",
+        icon: /*#__PURE__*/ react.createElement(Sidebar.Item.Icon, {
+            element: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Delete"
+        })
+    })), open ? /*#__PURE__*/ react.createElement(TrashBinOverlay, {
+        presenter: presenter,
+        title: `Trash - ${model.name}`,
+        onExited: handleClose
+    }) : null);
+});
+export { CmsTrashBin };
+
+//# sourceMappingURL=CmsTrashBin.js.map

package/presentation/contentEntries/trashBin/CmsTrashBin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/trashBin/CmsTrashBin.js","sources":["../../../../src/presentation/contentEntries/trashBin/CmsTrashBin.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { TrashBinFeature } from \"@webiny/app-admin/presentation/trashBin/feature.js\";\nimport { TrashBinOverlay } from \"@webiny/app-admin/presentation/trashBin/components/TrashBinOverlay.js\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nexport const CmsTrashBin = observer(() => {\n    const [open, setOpen] = useState(false);\n    const { model } = useModel();\n\n    const { presenter } = useFeature(TrashBinFeature);\n\n    const handleOpen = useCallback(() => {\n        presenter.init({\n            nameColumnId: model.titleFieldId || \"id\"\n        });\n\n        setOpen(true);\n    }, [model, presenter]);\n\n    const handleClose = useCallback(async () => {\n        setOpen(false);\n        presenter.dispose();\n    }, [presenter]);\n\n    return (\n        <>\n            <div className={\"list-none\"}>\n                <Sidebar.Item\n                    onClick={handleOpen}\n                    text={\"Trash\"}\n                    icon={<Sidebar.Item.Icon element={<Delete />} label={\"Delete\"} />}\n                />\n            </div>\n            {open ? (\n                <TrashBinOverlay\n                    presenter={presenter}\n                    title={`Trash - ${model.name}`}\n                    onExited={handleClose}\n                />\n            ) : null}\n        </>\n    );\n});\n"],"names":["CmsTrashBin","observer","open","setOpen","useState","model","useModel","presenter","useFeature","TrashBinFeature","handleOpen","useCallback","handleClose","Sidebar","Delete","TrashBinOverlay"],"mappings":";;;;;;;;AASO,MAAMA,cAAcC,SAAS;IAChC,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,aAAaC,YAAY;QAC3BJ,UAAU,IAAI,CAAC;YACX,cAAcF,MAAM,YAAY,IAAI;QACxC;QAEAF,QAAQ;IACZ,GAAG;QAACE;QAAOE;KAAU;IAErB,MAAMK,cAAcD,YAAY;QAC5BR,QAAQ;QACRI,UAAU,OAAO;IACrB,GAAG;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAQ,IAAI;QACT,SAASH;QACT,MAAM;QACN,oBAAM,oBAACG,QAAQ,IAAI,CAAC,IAAI;YAAC,uBAAS,oBAACC,gBAAMA;YAAK,OAAO;;SAG5DZ,OAAO,WAAPA,GACG,oBAACa,iBAAeA;QACZ,WAAWR;QACX,OAAO,CAAC,QAAQ,EAAEF,MAAM,IAAI,EAAE;QAC9B,UAAUO;SAEd;AAGhB"}

package/presentation/contentEntries/views/CmsAdvancedSearch.d.ts

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

package/presentation/contentEntries/views/CmsAdvancedSearch.js

@@ -0,0 +1,50 @@
+import react, { useCallback, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from "@webiny/app-aco";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/index.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { FieldsMapper } from "./FieldsMapper.js";
+const SYSTEM_FIELD_PREFIXES = [
+    "status",
+    "createdOn",
+    "savedOn",
+    "AND",
+    "OR"
+];
+function isSystemKey(key) {
+    return SYSTEM_FIELD_PREFIXES.some((prefix)=>key === prefix || key.startsWith(`${prefix}_`));
+}
+function wrapUserFields(where) {
+    const result = {};
+    const values = {};
+    for (const [key, value] of Object.entries(where))if ("AND" === key || "OR" === key) result[key] = value.map((item)=>wrapUserFields(item));
+    else if (isSystemKey(key)) result[key] = value;
+    else values[key] = value;
+    if (Object.keys(values).length > 0) result["values"] = values;
+    return result;
+}
+const CmsAdvancedSearch = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const model = presenter.vm.model;
+    const fields = useMemo(()=>FieldsMapper.toRaw(model), [
+        model
+    ]);
+    const repository = useFilterRepository(`cms:${model.modelId}`);
+    const onApplyFilter = useCallback((data)=>{
+        if (!data || !Object.keys(data).length) return void presenter.list.actions.filter.clearAll();
+        const where = wrapUserFields(GraphQLInputMapper.toGraphQL(data));
+        for (const [key, value] of Object.entries(where))presenter.list.actions.filter.set(key, value);
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(AdvancedSearch, {
+        fields: fields,
+        fieldRenderers: browser.advancedSearch.fieldRenderers,
+        repository: repository,
+        onApplyFilter: onApplyFilter
+    });
+});
+export { CmsAdvancedSearch };
+
+//# sourceMappingURL=CmsAdvancedSearch.js.map

package/presentation/contentEntries/views/CmsAdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/CmsAdvancedSearch.js","sources":["../../../../src/presentation/contentEntries/views/CmsAdvancedSearch.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from \"@webiny/app-aco\";\nimport type { FilterDTO } from \"@webiny/app-aco/components/AdvancedSearch/domain/index.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { FieldsMapper } from \"./FieldsMapper.js\";\n\nconst SYSTEM_FIELD_PREFIXES = [\"status\", \"createdOn\", \"savedOn\", \"AND\", \"OR\"];\n\nfunction isSystemKey(key: string): boolean {\n    return SYSTEM_FIELD_PREFIXES.some(prefix => key === prefix || key.startsWith(`${prefix}_`));\n}\n\nfunction wrapUserFields(where: Record<string, unknown>): Record<string, unknown> {\n    const result: Record<string, unknown> = {};\n    const values: Record<string, unknown> = {};\n\n    for (const [key, value] of Object.entries(where)) {\n        if (key === \"AND\" || key === \"OR\") {\n            result[key] = (value as Record<string, unknown>[]).map(item => wrapUserFields(item));\n        } else if (isSystemKey(key)) {\n            result[key] = value;\n        } else {\n            values[key] = value;\n        }\n    }\n\n    if (Object.keys(values).length > 0) {\n        result[\"values\"] = values;\n    }\n\n    return result;\n}\n\nexport const CmsAdvancedSearch = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const model = presenter.vm.model;\n    const fields = useMemo(() => FieldsMapper.toRaw(model), [model]);\n    const repository = useFilterRepository(`cms:${model.modelId}`);\n\n    const onApplyFilter = useCallback(\n        (data: FilterDTO | null) => {\n            if (!data || !Object.keys(data).length) {\n                presenter.list.actions.filter.clearAll();\n                return;\n            }\n\n            const where = wrapUserFields(GraphQLInputMapper.toGraphQL(data));\n            for (const [key, value] of Object.entries(where)) {\n                presenter.list.actions.filter.set(key, value);\n            }\n        },\n        [presenter]\n    );\n\n    return (\n        <AdvancedSearch\n            fields={fields}\n            fieldRenderers={browser.advancedSearch.fieldRenderers}\n            repository={repository}\n            onApplyFilter={onApplyFilter}\n        />\n    );\n});\n"],"names":["SYSTEM_FIELD_PREFIXES","isSystemKey","key","prefix","wrapUserFields","where","result","values","value","Object","item","CmsAdvancedSearch","observer","presenter","useContentEntriesPresenter","browser","useContentEntryListConfig","model","fields","useMemo","FieldsMapper","repository","useFilterRepository","onApplyFilter","useCallback","data","GraphQLInputMapper","AdvancedSearch"],"mappings":";;;;;;AAQA,MAAMA,wBAAwB;IAAC;IAAU;IAAa;IAAW;IAAO;CAAK;AAE7E,SAASC,YAAYC,GAAW;IAC5B,OAAOF,sBAAsB,IAAI,CAACG,CAAAA,SAAUD,QAAQC,UAAUD,IAAI,UAAU,CAAC,GAAGC,OAAO,CAAC,CAAC;AAC7F;AAEA,SAASC,eAAeC,KAA8B;IAClD,MAAMC,SAAkC,CAAC;IACzC,MAAMC,SAAkC,CAAC;IAEzC,KAAK,MAAM,CAACL,KAAKM,MAAM,IAAIC,OAAO,OAAO,CAACJ,OACtC,IAAIH,AAAQ,UAARA,OAAiBA,AAAQ,SAARA,KACjBI,MAAM,CAACJ,IAAI,GAAIM,MAAoC,GAAG,CAACE,CAAAA,OAAQN,eAAeM;SAC3E,IAAIT,YAAYC,MACnBI,MAAM,CAACJ,IAAI,GAAGM;SAEdD,MAAM,CAACL,IAAI,GAAGM;IAItB,IAAIC,OAAO,IAAI,CAACF,QAAQ,MAAM,GAAG,GAC7BD,MAAM,CAAC,SAAS,GAAGC;IAGvB,OAAOD;AACX;AAEO,MAAMK,oBAAoBC,SAAS;IACtC,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQJ,UAAU,EAAE,CAAC,KAAK;IAChC,MAAMK,SAASC,QAAQ,IAAMC,aAAa,KAAK,CAACH,QAAQ;QAACA;KAAM;IAC/D,MAAMI,aAAaC,oBAAoB,CAAC,IAAI,EAAEL,MAAM,OAAO,EAAE;IAE7D,MAAMM,gBAAgBC,YAClB,CAACC;QACG,IAAI,CAACA,QAAQ,CAAChB,OAAO,IAAI,CAACgB,MAAM,MAAM,EAAE,YACpCZ,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;QAI1C,MAAMR,QAAQD,eAAesB,mBAAmB,SAAS,CAACD;QAC1D,KAAK,MAAM,CAACvB,KAAKM,MAAM,IAAIC,OAAO,OAAO,CAACJ,OACtCQ,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACX,KAAKM;IAE/C,GACA;QAACK;KAAU;IAGf,OAAO,WAAP,GACI,oBAACc,gBAAcA;QACX,QAAQT;QACR,gBAAgBH,QAAQ,cAAc,CAAC,cAAc;QACrD,YAAYM;QACZ,eAAeE;;AAG3B"}

package/presentation/contentEntries/views/ContentEntriesBreadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * Emits the content-entries trail (`<root> › <Model> › <folder path>`) through the React
+ * Config API. Model and folder path come from the scoped presenter, so this is a plain
+ * observer that renders `<Breadcrumb>` entries; the header marks the last as current.
+ *
+ * The leading root defaults to "Headless CMS" but can be overridden per app via the entries
+ * list config (`Browser.BreadcrumbRoot`) — e.g. Tenant Manager, which reuses this view for the
+ * tenant model, shows "Tenant Manager" instead.
+ */
+export declare const ContentEntriesBreadcrumbs: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/contentEntries/views/ContentEntriesBreadcrumbs.js

@@ -0,0 +1,54 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Breadcrumb } from "@webiny/app-admin";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+import { Routes } from "../../../routes.js";
+const ContentEntriesBreadcrumbs_ContentEntriesBreadcrumbs = observer(function() {
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const model = presenter.vm.model;
+    const foldersPresenter = presenter.folders;
+    const folders = foldersPresenter.vm;
+    const root = browser.breadcrumbRoot ?? {
+        label: "Headless CMS",
+        to: {
+            route: Routes.ContentModels.List
+        }
+    };
+    const ancestorIds = folders.currentFolderId ? [
+        ...foldersPresenter.getAncestorIds(folders.currentFolderId)
+    ].reverse() : [];
+    const titleById = new Map(folders.folders.map((folder)=>[
+            folder.id,
+            folder.title
+        ]));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Breadcrumb, {
+        name: "cms",
+        label: root.label,
+        to: root.to
+    }), /*#__PURE__*/ react.createElement(Breadcrumb, {
+        name: "cms.model",
+        label: model.name,
+        to: {
+            route: Routes.ContentEntries.List,
+            params: {
+                modelId: model.modelId
+            }
+        }
+    }), ancestorIds.map((id)=>/*#__PURE__*/ react.createElement(Breadcrumb, {
+            key: id,
+            name: id,
+            label: titleById.get(id) ?? "…",
+            to: {
+                route: Routes.ContentEntries.List,
+                params: {
+                    modelId: model.modelId,
+                    folderId: id
+                }
+            }
+        })));
+});
+export { ContentEntriesBreadcrumbs_ContentEntriesBreadcrumbs as ContentEntriesBreadcrumbs };
+
+//# sourceMappingURL=ContentEntriesBreadcrumbs.js.map

package/presentation/contentEntries/views/ContentEntriesBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesBreadcrumbs.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesBreadcrumbs.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Breadcrumb } from \"@webiny/app-admin\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\nimport { Routes } from \"~/routes.js\";\n\n/**\n * Emits the content-entries trail (`<root> › <Model> › <folder path>`) through the React\n * Config API. Model and folder path come from the scoped presenter, so this is a plain\n * observer that renders `<Breadcrumb>` entries; the header marks the last as current.\n *\n * The leading root defaults to \"Headless CMS\" but can be overridden per app via the entries\n * list config (`Browser.BreadcrumbRoot`) — e.g. Tenant Manager, which reuses this view for the\n * tenant model, shows \"Tenant Manager\" instead.\n */\nexport const ContentEntriesBreadcrumbs = observer(function ContentEntriesBreadcrumbs() {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const model = presenter.vm.model;\n    const foldersPresenter = presenter.folders;\n    const folders = foldersPresenter.vm;\n\n    const root = browser.breadcrumbRoot ?? {\n        label: \"Headless CMS\",\n        to: { route: Routes.ContentModels.List }\n    };\n\n    // `getAncestorIds` walks self → root; reverse it to render root → current.\n    const ancestorIds = folders.currentFolderId\n        ? [...foldersPresenter.getAncestorIds(folders.currentFolderId)].reverse()\n        : [];\n    const titleById = new Map(folders.folders.map(folder => [folder.id, folder.title]));\n\n    return (\n        <>\n            <Breadcrumb name={\"cms\"} label={root.label} to={root.to} />\n            <Breadcrumb\n                name={\"cms.model\"}\n                label={model.name}\n                to={{ route: Routes.ContentEntries.List, params: { modelId: model.modelId } }}\n            />\n            {ancestorIds.map(id => (\n                <Breadcrumb\n                    key={id}\n                    name={id}\n                    label={titleById.get(id) ?? \"…\"}\n                    to={{\n                        route: Routes.ContentEntries.List,\n                        params: { modelId: model.modelId, folderId: id }\n                    }}\n                />\n            ))}\n        </>\n    );\n});\n"],"names":["ContentEntriesBreadcrumbs","observer","presenter","useContentEntriesPresenter","browser","useContentEntryListConfig","model","foldersPresenter","folders","root","Routes","ancestorIds","titleById","Map","folder","Breadcrumb","id"],"mappings":";;;;;;AAgBO,MAAMA,sDAA4BC,SAAS;IAC9C,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQJ,UAAU,EAAE,CAAC,KAAK;IAChC,MAAMK,mBAAmBL,UAAU,OAAO;IAC1C,MAAMM,UAAUD,iBAAiB,EAAE;IAEnC,MAAME,OAAOL,QAAQ,cAAc,IAAI;QACnC,OAAO;QACP,IAAI;YAAE,OAAOM,OAAO,aAAa,CAAC,IAAI;QAAC;IAC3C;IAGA,MAAMC,cAAcH,QAAQ,eAAe,GACrC;WAAID,iBAAiB,cAAc,CAACC,QAAQ,eAAe;KAAE,CAAC,OAAO,KACrE,EAAE;IACR,MAAMI,YAAY,IAAIC,IAAIL,QAAQ,OAAO,CAAC,GAAG,CAACM,CAAAA,SAAU;YAACA,OAAO,EAAE;YAAEA,OAAO,KAAK;SAAC;IAEjF,OAAO,WAAP,GACI,wDACI,oBAACC,YAAUA;QAAC,MAAM;QAAO,OAAON,KAAK,KAAK;QAAE,IAAIA,KAAK,EAAE;sBACvD,oBAACM,YAAUA;QACP,MAAM;QACN,OAAOT,MAAM,IAAI;QACjB,IAAI;YAAE,OAAOI,OAAO,cAAc,CAAC,IAAI;YAAE,QAAQ;gBAAE,SAASJ,MAAM,OAAO;YAAC;QAAE;QAE/EK,YAAY,GAAG,CAACK,CAAAA,KAAAA,WAAAA,GACb,oBAACD,YAAUA;YACP,KAAKC;YACL,MAAMA;YACN,OAAOJ,UAAU,GAAG,CAACI,OAAO;YAC5B,IAAI;gBACA,OAAON,OAAO,cAAc,CAAC,IAAI;gBACjC,QAAQ;oBAAE,SAASJ,MAAM,OAAO;oBAAE,UAAUU;gBAAG;YACnD;;AAKpB"}

package/presentation/contentEntries/views/ContentEntriesListLayout.d.ts

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

package/presentation/contentEntries/views/ContentEntriesListLayout.js

@@ -0,0 +1,118 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { useCreateDialog } from "@webiny/app-aco";
+import { EmptyView, ListView } from "@webiny/app-admin";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/home.svg";
+import { ReactComponent as folder_svg_ReactComponent } from "@webiny/icons/folder.svg";
+import { FolderTree } from "@webiny/app-aco/presentation/folderTree/FolderTree.js";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { ContentEntriesBreadcrumbs } from "./ContentEntriesBreadcrumbs.js";
+import { ContentEntryFormView } from "./ContentEntryFormView.js";
+import { Table } from "./Table/Table.js";
+import { CmsAdvancedSearch } from "./CmsAdvancedSearch.js";
+import { SidebarFooter } from "./SidebarFooter.js";
+const ContentEntriesListLayout = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ContentEntriesBreadcrumbs, null), presenter.vm.showingEntry ? /*#__PURE__*/ react.createElement(ContentEntryFormView, null) : /*#__PURE__*/ react.createElement(DocumentList, null));
+});
+const DocumentList = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const folderId = presenter.folders.vm.currentFolderId ?? "root";
+    const isRoot = "root" === folderId;
+    const hasFolders = presenter.vm.showFolders && presenter.vm.childFolders.length > 0;
+    const onCreateFolder = useCallback(()=>{
+        showCreateFolderDialog({
+            currentParentId: folderId
+        });
+    }, [
+        folderId
+    ]);
+    const onCreateEntry = useCallback(()=>{
+        presenter.createEntry();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(ListView, {
+        list: presenter.list.vm,
+        actions: presenter.list.actions,
+        namespace: `cms/${presenter.vm.model.modelId}/list`,
+        showingFilters: presenter.list.vm.showingFilters,
+        onToggleFilters: ()=>{
+            presenter.list.vm.showingFilters ? presenter.list.actions.filter.hide() : presenter.list.actions.filter.show();
+        },
+        sidebar: /*#__PURE__*/ react.createElement(ListView.Sidebar, {
+            title: presenter.vm.model.name
+        }, /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            grow: true
+        }, /*#__PURE__*/ react.createElement(FolderTree, {
+            vm: presenter.folders.vm,
+            actions: presenter.folders,
+            folderActions: browser.folder.actions,
+            dropConfirmation: browser.folder.dropConfirmation,
+            enableActions: true,
+            enableCreate: true
+        })), /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            scrollable: false
+        }, /*#__PURE__*/ react.createElement(SidebarFooter, null))),
+        header: /*#__PURE__*/ react.createElement(ListView.Header, {
+            title: {
+                icon: isRoot ? /*#__PURE__*/ react.createElement(ReactComponent, null) : /*#__PURE__*/ react.createElement(folder_svg_ReactComponent, null),
+                text: isRoot ? "Home" : presenter.folders.vm.currentFolderTitle
+            },
+            search: true,
+            filtersToggle: true,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+                variant: "secondary",
+                onClick: onCreateFolder,
+                text: "New Folder"
+            }), /*#__PURE__*/ react.createElement(Button, {
+                variant: "primary",
+                onClick: onCreateEntry,
+                text: "New Entry"
+            }))
+        }),
+        bulkActions: /*#__PURE__*/ react.createElement(ListView.BulkActions, {
+            itemLabel: "entry",
+            itemLabelPlural: "entries",
+            actions: browser.bulkActions
+        }),
+        filters: /*#__PURE__*/ react.createElement(ListView.Filters, {
+            filters: browser.filters,
+            filtersToWhere: browser.filtersToWhere
+        }, /*#__PURE__*/ react.createElement(CmsAdvancedSearch, null)),
+        content: /*#__PURE__*/ react.createElement(ListView.Content, {
+            empty: hasFolders ? void 0 : /*#__PURE__*/ react.createElement(EmptyView, {
+                title: "No entries yet. Create your first entry.",
+                action: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+                    variant: "secondary",
+                    onClick: onCreateFolder,
+                    text: "New Folder"
+                }), /*#__PURE__*/ react.createElement(Button, {
+                    variant: "primary",
+                    onClick: onCreateEntry,
+                    text: "New Entry"
+                }))
+            }),
+            searchEmpty: /*#__PURE__*/ react.createElement(EmptyView, {
+                title: "No results found.",
+                action: null
+            })
+        }, /*#__PURE__*/ react.createElement(Table, null)),
+        bottomBar: /*#__PURE__*/ react.createElement(ListView.BottomBar, {
+            meta: {
+                itemLabel: {
+                    singular: "entry",
+                    plural: "entries"
+                }
+            },
+            status: true
+        })
+    });
+});
+export { ContentEntriesListLayout };
+
+//# sourceMappingURL=ContentEntriesListLayout.js.map

package/presentation/contentEntries/views/ContentEntriesListLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesListLayout.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesListLayout.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useCreateDialog } from \"@webiny/app-aco\";\nimport { ListView, EmptyView } from \"@webiny/app-admin\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { FolderTree } from \"@webiny/app-aco/presentation/folderTree/FolderTree.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { ContentEntriesBreadcrumbs } from \"./ContentEntriesBreadcrumbs.js\";\nimport { ContentEntryFormView } from \"./ContentEntryFormView.js\";\nimport { Table } from \"./Table/Table.js\";\nimport { CmsAdvancedSearch } from \"./CmsAdvancedSearch.js\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\n\nexport const ContentEntriesListLayout = observer(() => {\n    const presenter = useContentEntriesPresenter();\n\n    return (\n        <>\n            <ContentEntriesBreadcrumbs />\n            {presenter.vm.showingEntry ? <ContentEntryFormView /> : <DocumentList />}\n        </>\n    );\n});\n\nconst DocumentList = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const folderId = presenter.folders.vm.currentFolderId ?? \"root\";\n    const isRoot = folderId === \"root\";\n    const hasFolders = presenter.vm.showFolders && presenter.vm.childFolders.length > 0;\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: folderId });\n    }, [folderId]);\n\n    const onCreateEntry = useCallback(() => {\n        presenter.createEntry();\n    }, [presenter]);\n\n    return (\n        <ListView\n            list={presenter.list.vm}\n            actions={presenter.list.actions}\n            namespace={`cms/${presenter.vm.model.modelId}/list`}\n            showingFilters={presenter.list.vm.showingFilters}\n            onToggleFilters={() => {\n                presenter.list.vm.showingFilters\n                    ? presenter.list.actions.filter.hide()\n                    : presenter.list.actions.filter.show();\n            }}\n            sidebar={\n                <ListView.Sidebar title={presenter.vm.model.name}>\n                    <ListView.Sidebar.Section grow>\n                        <FolderTree\n                            vm={presenter.folders.vm}\n                            actions={presenter.folders}\n                            folderActions={browser.folder.actions}\n                            dropConfirmation={browser.folder.dropConfirmation}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </ListView.Sidebar.Section>\n                    <ListView.Sidebar.Section scrollable={false}>\n                        <SidebarFooter />\n                    </ListView.Sidebar.Section>\n                </ListView.Sidebar>\n            }\n            header={\n                <ListView.Header\n                    title={{\n                        icon: isRoot ? <HomeIcon /> : <FolderIcon />,\n                        text: isRoot ? \"Home\" : presenter.folders.vm.currentFolderTitle\n                    }}\n                    search\n                    filtersToggle\n                    actions={\n                        <>\n                            <Button\n                                variant={\"secondary\"}\n                                onClick={onCreateFolder}\n                                text={\"New Folder\"}\n                            />\n                            <Button\n                                variant={\"primary\"}\n                                onClick={onCreateEntry}\n                                text={\"New Entry\"}\n                            />\n                        </>\n                    }\n                />\n            }\n            bulkActions={\n                <ListView.BulkActions\n                    itemLabel=\"entry\"\n                    itemLabelPlural=\"entries\"\n                    actions={browser.bulkActions}\n                />\n            }\n            filters={\n                <ListView.Filters filters={browser.filters} filtersToWhere={browser.filtersToWhere}>\n                    <CmsAdvancedSearch />\n                </ListView.Filters>\n            }\n            content={\n                <ListView.Content\n                    empty={\n                        hasFolders ? undefined : (\n                            <EmptyView\n                                title={\"No entries yet. Create your first entry.\"}\n                                action={\n                                    <>\n                                        <Button\n                                            variant={\"secondary\"}\n                                            onClick={onCreateFolder}\n                                            text={\"New Folder\"}\n                                        />\n                                        <Button\n                                            variant={\"primary\"}\n                                            onClick={onCreateEntry}\n                                            text={\"New Entry\"}\n                                        />\n                                    </>\n                                }\n                            />\n                        )\n                    }\n                    searchEmpty={<EmptyView title={\"No results found.\"} action={null} />}\n                >\n                    <Table />\n                </ListView.Content>\n            }\n            bottomBar={\n                <ListView.BottomBar\n                    meta={{ itemLabel: { singular: \"entry\", plural: \"entries\" } }}\n                    status\n                />\n            }\n        />\n    );\n});\n"],"names":["ContentEntriesListLayout","observer","presenter","useContentEntriesPresenter","ContentEntriesBreadcrumbs","ContentEntryFormView","DocumentList","browser","useContentEntryListConfig","showCreateFolderDialog","useCreateDialog","folderId","isRoot","hasFolders","onCreateFolder","useCallback","onCreateEntry","ListView","FolderTree","SidebarFooter","HomeIcon","FolderIcon","Button","CmsAdvancedSearch","undefined","EmptyView","Table"],"mappings":"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"}

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.d.ts

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

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { useRoute } from "@webiny/app-admin";
+import { useLocalStorage } from "@webiny/app";
+import { Routes } from "../../../routes.js";
+import { createLastVisitedFolderKey } from "../../../admin/constants.js";
+import { ContentEntriesView } from "./ContentEntriesView.js";
+const ContentEntriesRouteAdapter = ()=>{
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const localStorage = useLocalStorage();
+    const { modelId, folderId: urlFolderId, search } = route.params;
+    if (!modelId) return null;
+    const storageKey = createLastVisitedFolderKey(modelId);
+    const initialFolderId = urlFolderId ?? localStorage.get(storageKey) ?? void 0;
+    return /*#__PURE__*/ react.createElement(ContentEntriesView, {
+        key: modelId,
+        modelId: modelId,
+        initialFolderId: initialFolderId,
+        initialSearch: search,
+        syncToUrl: true
+    });
+};
+export { ContentEntriesRouteAdapter };
+
+//# sourceMappingURL=ContentEntriesRouteAdapter.js.map

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesRouteAdapter.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesRouteAdapter.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useLocalStorage } from \"@webiny/app\";\nimport { Routes } from \"~/routes.js\";\nimport { createLastVisitedFolderKey } from \"~/admin/constants.js\";\nimport { ContentEntriesView } from \"./ContentEntriesView.js\";\n\nexport const ContentEntriesRouteAdapter = () => {\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const localStorage = useLocalStorage();\n    const { modelId, folderId: urlFolderId, search } = route.params;\n\n    if (!modelId) {\n        return null;\n    }\n\n    const storageKey = createLastVisitedFolderKey(modelId);\n    const initialFolderId = urlFolderId ?? localStorage.get<string>(storageKey) ?? undefined;\n\n    return (\n        <ContentEntriesView\n            key={modelId}\n            modelId={modelId}\n            initialFolderId={initialFolderId}\n            initialSearch={search}\n            syncToUrl\n        />\n    );\n};\n"],"names":["ContentEntriesRouteAdapter","route","useRoute","Routes","localStorage","useLocalStorage","modelId","urlFolderId","search","storageKey","createLastVisitedFolderKey","initialFolderId","undefined","ContentEntriesView"],"mappings":";;;;;;AAOO,MAAMA,6BAA6B;IACtC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IACrD,MAAMC,eAAeC;IACrB,MAAM,EAAEC,OAAO,EAAE,UAAUC,WAAW,EAAEC,MAAM,EAAE,GAAGP,MAAM,MAAM;IAE/D,IAAI,CAACK,SACD,OAAO;IAGX,MAAMG,aAAaC,2BAA2BJ;IAC9C,MAAMK,kBAAkBJ,eAAeH,aAAa,GAAG,CAASK,eAAeG;IAE/E,OAAO,WAAP,GACI,oBAACC,oBAAkBA;QACf,KAAKP;QACL,SAASA;QACT,iBAAiBK;QACjB,eAAeH;QACf;;AAGZ"}

package/presentation/contentEntries/views/ContentEntriesView.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ContentEntriesViewProps {
+    modelId: string;
+    initialFolderId?: string;
+    initialSearch?: string;
+    syncToUrl?: boolean;
+}
+export declare const ContentEntriesView: ({ modelId, initialFolderId, initialSearch, syncToUrl }: ContentEntriesViewProps) => React.JSX.Element;

package/presentation/contentEntries/views/ContentEntriesView.js

@@ -0,0 +1,47 @@
+import react, { useMemo } from "react";
+import { DiContainerProvider, useContainer } from "@webiny/app";
+import { DialogsProvider } from "@webiny/app-admin";
+import { FoldersFeature } from "@webiny/app-aco/features/folders/feature.js";
+import { FolderTreePresenterFeature } from "@webiny/app-aco/presentation/folderTree/feature.js";
+import { CmsModelContext } from "../../../features/contentEntry/CmsModelContext.js";
+import { ContentEntriesPresenterFeature } from "../list/feature.js";
+import { ContentEntryFormPresenterFeature } from "../form/feature.js";
+import { SingleEntryPresenterFeature } from "../singleEntry/feature.js";
+import { BulkDeleteFeature, BulkMoveFeature, BulkPublishFeature, BulkUnpublishFeature } from "../bulkActions/feature.js";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { CmsTrashBinFeature } from "../../../features/contentEntry/trashBin/feature.js";
+import { TableRowMapper } from "./Table/TableRowMapper.js";
+import { ModelLoader } from "./ModelLoader.js";
+const ContentEntriesView = ({ modelId, initialFolderId, initialSearch, syncToUrl })=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        FoldersFeature.register(child, {
+            type: `cms:${modelId}`
+        });
+        FolderTreePresenterFeature.register(child);
+        child.register(CmsModelContext).inSingletonScope();
+        ContentEntriesPresenterFeature.register(child);
+        ContentEntryFormPresenterFeature.register(child);
+        RevisionsListFeature.register(child);
+        SingleEntryPresenterFeature.register(child);
+        BulkPublishFeature.register(child);
+        BulkUnpublishFeature.register(child);
+        BulkDeleteFeature.register(child);
+        BulkMoveFeature.register(child);
+        CmsTrashBinFeature.register(child);
+        child.register(TableRowMapper);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(ModelLoader, {
+        modelId: modelId,
+        initialFolderId: initialFolderId,
+        initialSearch: initialSearch,
+        syncToUrl: syncToUrl
+    })));
+};
+export { ContentEntriesView };
+
+//# sourceMappingURL=ContentEntriesView.js.map

package/presentation/contentEntries/views/ContentEntriesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesView.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesView.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { DiContainerProvider, useContainer } from \"@webiny/app\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport { FoldersFeature } from \"@webiny/app-aco/features/folders/feature.js\";\nimport { FolderTreePresenterFeature } from \"@webiny/app-aco/presentation/folderTree/feature.js\";\nimport { CmsModelContext } from \"~/features/contentEntry/CmsModelContext.js\";\nimport { ContentEntriesPresenterFeature } from \"../list/feature.js\";\nimport { ContentEntryFormPresenterFeature } from \"../form/feature.js\";\nimport { SingleEntryPresenterFeature } from \"../singleEntry/feature.js\";\nimport {\n    BulkPublishFeature,\n    BulkUnpublishFeature,\n    BulkDeleteFeature,\n    BulkMoveFeature\n} from \"../bulkActions/feature.js\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { CmsTrashBinFeature } from \"~/features/contentEntry/trashBin/feature.js\";\nimport { TableRowMapper } from \"./Table/TableRowMapper.js\";\nimport { ModelLoader } from \"./ModelLoader.js\";\n\nexport interface ContentEntriesViewProps {\n    modelId: string;\n    initialFolderId?: string;\n    initialSearch?: string;\n    syncToUrl?: boolean;\n}\n\nexport const ContentEntriesView = ({\n    modelId,\n    initialFolderId,\n    initialSearch,\n    syncToUrl\n}: ContentEntriesViewProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n\n        FoldersFeature.register(child, { type: `cms:${modelId}` });\n        FolderTreePresenterFeature.register(child);\n        child.register(CmsModelContext).inSingletonScope();\n        ContentEntriesPresenterFeature.register(child);\n        ContentEntryFormPresenterFeature.register(child);\n        RevisionsListFeature.register(child);\n        SingleEntryPresenterFeature.register(child);\n        BulkPublishFeature.register(child);\n        BulkUnpublishFeature.register(child);\n        BulkDeleteFeature.register(child);\n        BulkMoveFeature.register(child);\n        // The trash bin lists the deleted entries of this view's model, so it reads CmsModelContext\n        // and has to live here with it. Registered at the root, its singletons can't see the model.\n        CmsTrashBinFeature.register(child);\n        child.register(TableRowMapper);\n\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <DialogsProvider>\n                <ModelLoader\n                    modelId={modelId}\n                    initialFolderId={initialFolderId}\n                    initialSearch={initialSearch}\n                    syncToUrl={syncToUrl}\n                />\n            </DialogsProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["ContentEntriesView","modelId","initialFolderId","initialSearch","syncToUrl","container","useContainer","scopedContainer","useMemo","child","FoldersFeature","FolderTreePresenterFeature","CmsModelContext","ContentEntriesPresenterFeature","ContentEntryFormPresenterFeature","RevisionsListFeature","SingleEntryPresenterFeature","BulkPublishFeature","BulkUnpublishFeature","BulkDeleteFeature","BulkMoveFeature","CmsTrashBinFeature","TableRowMapper","DiContainerProvider","DialogsProvider","ModelLoader"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAMA,qBAAqB,CAAC,EAC/BC,OAAO,EACPC,eAAe,EACfC,aAAa,EACbC,SAAS,EACa;IACtB,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAE5CK,eAAe,QAAQ,CAACD,OAAO;YAAE,MAAM,CAAC,IAAI,EAAER,SAAS;QAAC;QACxDU,2BAA2B,QAAQ,CAACF;QACpCA,MAAM,QAAQ,CAACG,iBAAiB,gBAAgB;QAChDC,+BAA+B,QAAQ,CAACJ;QACxCK,iCAAiC,QAAQ,CAACL;QAC1CM,qBAAqB,QAAQ,CAACN;QAC9BO,4BAA4B,QAAQ,CAACP;QACrCQ,mBAAmB,QAAQ,CAACR;QAC5BS,qBAAqB,QAAQ,CAACT;QAC9BU,kBAAkB,QAAQ,CAACV;QAC3BW,gBAAgB,QAAQ,CAACX;QAGzBY,mBAAmB,QAAQ,CAACZ;QAC5BA,MAAM,QAAQ,CAACa;QAEf,OAAOb;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACc,qBAAmBA;QAAC,WAAWhB;qBAC5B,oBAACiB,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,aAAWA;QACR,SAASxB;QACT,iBAAiBC;QACjB,eAAeC;QACf,WAAWC;;AAK/B"}

package/presentation/contentEntries/views/ContentEntryFormView.d.ts

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