@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

package/admin/views/contentEntries/ContentEntry/SingletonContentEntryContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useSnackbar","useIsMounted","useCms","useContentEntries","SingletonContentEntryContext","createContext","undefined","SingletonContentEntryProvider","children","isMounted","entry","setEntry","contentModel","model","showSnackbar","cms","isLoading","setLoading","error","getSingletonEntry","message","updateEntry","params","response","updateSingletonEntry","value","loading","createElement","Provider","displayName"],"sources":["SingletonContentEntryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useSnackbar, useIsMounted } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\nimport type { CmsContentEntry, CmsModel } from \"~/types\";\nimport type * as Cms from \"~/admin/contexts/Cms\";\n\nexport type UpdateEntryParams = Omit<Cms.UpdateEntryRevisionParams, \"model\">;\n\nexport interface SingletonContentEntryCrud {\n    updateEntry: (params: UpdateEntryParams) => Promise<Cms.UpdateEntryRevisionResponse>;\n}\n\nexport interface SingletonContentEntryContext extends SingletonContentEntryCrud {\n    contentModel: CmsModel;\n    entry: CmsContentEntry;\n    loading: boolean;\n}\n\nexport const SingletonContentEntryContext = React.createContext<\n    SingletonContentEntryContext | undefined\n>(undefined);\n\nexport interface ContentEntryContextProviderProps {\n    children: React.ReactNode;\n}\n\nexport const SingletonContentEntryProvider = ({ children }: ContentEntryContextProviderProps) => {\n    const { isMounted } = useIsMounted();\n    const [entry, setEntry] = useState<CmsContentEntry>();\n    const { contentModel: model } = useContentEntries();\n    const { showSnackbar } = useSnackbar();\n    const cms = useCms();\n    const [isLoading, setLoading] = useState<boolean>(false);\n\n    useEffect(() => {\n        (async () => {\n            setLoading(true);\n            const { entry, error } = await cms.getSingletonEntry({ model });\n            setLoading(false);\n\n            if (!isMounted()) {\n                return;\n            }\n\n            if (!error) {\n                setEntry(entry);\n                return;\n            }\n            showSnackbar(error.message);\n        })();\n    }, []);\n\n    const updateEntry: SingletonContentEntryCrud[\"updateEntry\"] = async params => {\n        setLoading(true);\n        const response = await cms.updateSingletonEntry({ model, ...params });\n        setLoading(false);\n        if (response.entry) {\n            setEntry(response.entry);\n        }\n        return response;\n    };\n\n    const value: SingletonContentEntryContext = {\n        contentModel: model,\n        entry: (entry || {}) as CmsContentEntry,\n        loading: isLoading,\n        updateEntry\n    };\n\n    return (\n        <SingletonContentEntryContext.Provider value={value}>\n            {children}\n        </SingletonContentEntryContext.Provider>\n    );\n};\n\nSingletonContentEntryProvider.displayName = \"SingletonContentEntryProvider\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,YAAY,QAAQ,mBAAmB;AAC7D,SAASC,MAAM;AACf,SAASC,iBAAiB;AAgB1B,OAAO,MAAMC,4BAA4B,gBAAGP,KAAK,CAACQ,aAAa,CAE7DC,SAAS,CAAC;AAMZ,OAAO,MAAMC,6BAA6B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAC7F,MAAM;IAAEC;EAAU,CAAC,GAAGR,YAAY,CAAC,CAAC;EACpC,MAAM,CAACS,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAkB,CAAC;EACrD,MAAM;IAAEa,YAAY,EAAEC;EAAM,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACnD,MAAM;IAAEW;EAAa,CAAC,GAAGd,WAAW,CAAC,CAAC;EACtC,MAAMe,GAAG,GAAGb,MAAM,CAAC,CAAC;EACpB,MAAM,CAACc,SAAS,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAU,KAAK,CAAC;EAExDD,SAAS,CAAC,MAAM;IACZ,CAAC,YAAY;MACTmB,UAAU,CAAC,IAAI,CAAC;MAChB,MAAM;QAAEP,KAAK;QAAEQ;MAAM,CAAC,GAAG,MAAMH,GAAG,CAACI,iBAAiB,CAAC;QAAEN;MAAM,CAAC,CAAC;MAC/DI,UAAU,CAAC,KAAK,CAAC;MAEjB,IAAI,CAACR,SAAS,CAAC,CAAC,EAAE;QACd;MACJ;MAEA,IAAI,CAACS,KAAK,EAAE;QACRP,QAAQ,CAACD,KAAK,CAAC;QACf;MACJ;MACAI,YAAY,CAACI,KAAK,CAACE,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAqD,GAAG,MAAMC,MAAM,IAAI;IAC1EL,UAAU,CAAC,IAAI,CAAC;IAChB,MAAMM,QAAQ,GAAG,MAAMR,GAAG,CAACS,oBAAoB,CAAC;MAAEX,KAAK;MAAE,GAAGS;IAAO,CAAC,CAAC;IACrEL,UAAU,CAAC,KAAK,CAAC;IACjB,IAAIM,QAAQ,CAACb,KAAK,EAAE;MAChBC,QAAQ,CAACY,QAAQ,CAACb,KAAK,CAAC;IAC5B;IACA,OAAOa,QAAQ;EACnB,CAAC;EAED,MAAME,KAAmC,GAAG;IACxCb,YAAY,EAAEC,KAAK;IACnBH,KAAK,EAAGA,KAAK,IAAI,CAAC,CAAqB;IACvCgB,OAAO,EAAEV,SAAS;IAClBK;EACJ,CAAC;EAED,oBACIxB,KAAA,CAAA8B,aAAA,CAACvB,4BAA4B,CAACwB,QAAQ;IAACH,KAAK,EAAEA;EAAM,GAC/CjB,QACkC,CAAC;AAEhD,CAAC;AAEDD,6BAA6B,CAACsB,WAAW,GAAG,+BAA+B","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useSnackbar","useIsMounted","useCms","useContentEntries","SingletonContentEntryContext","createContext","undefined","SingletonContentEntryProvider","children","isMounted","entry","setEntry","contentModel","model","showSnackbar","cms","isLoading","setLoading","error","getSingletonEntry","message","updateEntry","params","response","updateSingletonEntry","value","loading","createElement","Provider","displayName"],"sources":["SingletonContentEntryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useSnackbar, useIsMounted } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\nimport type * as Cms from \"~/admin/contexts/Cms/index.js\";\n\nexport type UpdateEntryParams = Omit<Cms.UpdateEntryRevisionParams, \"model\">;\n\nexport interface SingletonContentEntryCrud {\n    updateEntry: (params: UpdateEntryParams) => Promise<Cms.UpdateEntryRevisionResponse>;\n}\n\nexport interface SingletonContentEntryContext extends SingletonContentEntryCrud {\n    contentModel: CmsModel;\n    entry: CmsContentEntry;\n    loading: boolean;\n}\n\nexport const SingletonContentEntryContext = React.createContext<\n    SingletonContentEntryContext | undefined\n>(undefined);\n\nexport interface ContentEntryContextProviderProps {\n    children: React.ReactNode;\n}\n\nexport const SingletonContentEntryProvider = ({ children }: ContentEntryContextProviderProps) => {\n    const { isMounted } = useIsMounted();\n    const [entry, setEntry] = useState<CmsContentEntry>();\n    const { contentModel: model } = useContentEntries();\n    const { showSnackbar } = useSnackbar();\n    const cms = useCms();\n    const [isLoading, setLoading] = useState<boolean>(false);\n\n    useEffect(() => {\n        (async () => {\n            setLoading(true);\n            const { entry, error } = await cms.getSingletonEntry({ model });\n            setLoading(false);\n\n            if (!isMounted()) {\n                return;\n            }\n\n            if (!error) {\n                setEntry(entry);\n                return;\n            }\n            showSnackbar(error.message);\n        })();\n    }, []);\n\n    const updateEntry: SingletonContentEntryCrud[\"updateEntry\"] = async params => {\n        setLoading(true);\n        const response = await cms.updateSingletonEntry({ model, ...params });\n        setLoading(false);\n        if (response.entry) {\n            setEntry(response.entry);\n        }\n        return response;\n    };\n\n    const value: SingletonContentEntryContext = {\n        contentModel: model,\n        entry: (entry || {}) as CmsContentEntry,\n        loading: isLoading,\n        updateEntry\n    };\n\n    return (\n        <SingletonContentEntryContext.Provider value={value}>\n            {children}\n        </SingletonContentEntryContext.Provider>\n    );\n};\n\nSingletonContentEntryProvider.displayName = \"SingletonContentEntryProvider\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,YAAY,QAAQ,mBAAmB;AAC7D,SAASC,MAAM;AACf,SAASC,iBAAiB;AAgB1B,OAAO,MAAMC,4BAA4B,gBAAGP,KAAK,CAACQ,aAAa,CAE7DC,SAAS,CAAC;AAMZ,OAAO,MAAMC,6BAA6B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAC7F,MAAM;IAAEC;EAAU,CAAC,GAAGR,YAAY,CAAC,CAAC;EACpC,MAAM,CAACS,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAkB,CAAC;EACrD,MAAM;IAAEa,YAAY,EAAEC;EAAM,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACnD,MAAM;IAAEW;EAAa,CAAC,GAAGd,WAAW,CAAC,CAAC;EACtC,MAAMe,GAAG,GAAGb,MAAM,CAAC,CAAC;EACpB,MAAM,CAACc,SAAS,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAU,KAAK,CAAC;EAExDD,SAAS,CAAC,MAAM;IACZ,CAAC,YAAY;MACTmB,UAAU,CAAC,IAAI,CAAC;MAChB,MAAM;QAAEP,KAAK;QAAEQ;MAAM,CAAC,GAAG,MAAMH,GAAG,CAACI,iBAAiB,CAAC;QAAEN;MAAM,CAAC,CAAC;MAC/DI,UAAU,CAAC,KAAK,CAAC;MAEjB,IAAI,CAACR,SAAS,CAAC,CAAC,EAAE;QACd;MACJ;MAEA,IAAI,CAACS,KAAK,EAAE;QACRP,QAAQ,CAACD,KAAK,CAAC;QACf;MACJ;MACAI,YAAY,CAACI,KAAK,CAACE,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAqD,GAAG,MAAMC,MAAM,IAAI;IAC1EL,UAAU,CAAC,IAAI,CAAC;IAChB,MAAMM,QAAQ,GAAG,MAAMR,GAAG,CAACS,oBAAoB,CAAC;MAAEX,KAAK;MAAE,GAAGS;IAAO,CAAC,CAAC;IACrEL,UAAU,CAAC,KAAK,CAAC;IACjB,IAAIM,QAAQ,CAACb,KAAK,EAAE;MAChBC,QAAQ,CAACY,QAAQ,CAACb,KAAK,CAAC;IAC5B;IACA,OAAOa,QAAQ;EACnB,CAAC;EAED,MAAME,KAAmC,GAAG;IACxCb,YAAY,EAAEC,KAAK;IACnBH,KAAK,EAAGA,KAAK,IAAI,CAAC,CAAqB;IACvCgB,OAAO,EAAEV,SAAS;IAClBK;EACJ,CAAC;EAED,oBACIxB,KAAA,CAAA8B,aAAA,CAACvB,4BAA4B,CAACwB,QAAQ;IAACH,KAAK,EAAEA;EAAM,GAC/CjB,QACkC,CAAC;AAEhD,CAAC;AAEDD,6BAA6B,CAACsB,WAAW,GAAG,+BAA+B","ignoreList":[]}

package/admin/views/contentEntries/ContentEntry/useMockRecords.d.ts

@@ -1,14 +1,2 @@
-export declare const useMockRecords: () => {
-    loading: import("@webiny/app-aco/types").Loading<import("@webiny/app-aco/types").LoadingActions>;
-    meta: import("@webiny/app-aco").ListMeta;
-    records: import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>[];
-    listRecords(params: import("@webiny/app-aco/types").ListSearchRecordsQueryVariables): Promise<import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>[]>;
-    getRecord(id: string): Promise<import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData> | null>;
-    createRecord(record: Omit<import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>, "id">): Promise<import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>>;
-    updateRecord(record: import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>): Promise<import("@webiny/app-aco/table.types").SearchRecordItem<import("@webiny/app-aco/types").GenericSearchData>>;
-    moveRecord(params: import("@webiny/app-aco/table.types").MovableSearchRecordItem): Promise<void>;
-    deleteRecord(record: import("@webiny/app-aco/table.types").DeletableSearchRecordItem): Promise<true>;
-    addRecordToCache: (record: any) => void;
-    removeRecordFromCache: (id: string) => void;
-    updateRecordInCache: (record: any) => void;
-};
+import type { useRecords } from "@webiny/app-aco";
+export declare const useMockRecords: () => ReturnType<typeof useRecords>;

package/admin/views/contentEntries/ContentEntry.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "test-id": {

package/admin/views/contentEntries/ContentEntry.js

@@ -1,11 +1,11 @@
 import React, { useState } from "react";
 import { makeDecoratable } from "@webiny/app";
-import { RevisionsList } from "./ContentEntry/RevisionsList/RevisionsList";
-import { useContentEntry } from "./hooks/useContentEntry";
-import { Header } from "../../components/ContentEntryForm/Header";
-import { ContentEntryForm } from "../../components/ContentEntryForm/ContentEntryForm";
-import { usePersistEntry } from "../../hooks/usePersistEntry";
-import { ValidationIndicators } from "./ValidationIndicators";
+import { RevisionsList } from "./ContentEntry/RevisionsList/RevisionsList.js";
+import { useContentEntry } from "./hooks/useContentEntry.js";
+import { Header } from "../../components/ContentEntryForm/Header/index.js";
+import { ContentEntryForm } from "../../components/ContentEntryForm/ContentEntryForm.js";
+import { usePersistEntry } from "../../hooks/usePersistEntry.js";
+import { ValidationIndicators } from "./ValidationIndicators.js";
 import { OverlayLoader, Tabs } from "@webiny/admin-ui";
 export const ContentEntry = makeDecoratable("ContentEntry", () => {
   const {
@@ -20,7 +20,7 @@ export const ContentEntry = makeDecoratable("ContentEntry", () => {
   } = usePersistEntry({
     addItemToListCache: true
   });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("test-id", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "cms-content-details"
   }, /*#__PURE__*/React.createElement(Tabs, {
     id: "cms-content-details-tabs",
@@ -36,10 +36,12 @@ export const ContentEntry = makeDecoratable("ContentEntry", () => {
       disabled: loading,
       "data-testid": "cms.content-form.tabs.content",
       content: /*#__PURE__*/React.createElement("div", {
-        className: "wby-relative"
+        className: "relative"
       }, invalidFields ? /*#__PURE__*/React.createElement(ValidationIndicators, {
         invalidFields: invalidFields
-      }) : null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(ContentEntryForm, {
+      }) : null, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+        text: "Loading entry..."
+      }), /*#__PURE__*/React.createElement(ContentEntryForm, {
         entry: entry,
         persistEntry: persistEntry,
         header: /*#__PURE__*/React.createElement(Header, null),
@@ -53,7 +55,7 @@ export const ContentEntry = makeDecoratable("ContentEntry", () => {
       "data-testid": "cms.content-form.tabs.revisions",
       content: /*#__PURE__*/React.createElement(RevisionsList, null)
     })]
-  })));
+  }));
 });
 
 //# sourceMappingURL=ContentEntry.js.map

package/admin/views/contentEntries/ContentEntry.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","makeDecoratable","RevisionsList","useContentEntry","Header","ContentEntryForm","usePersistEntry","ValidationIndicators","OverlayLoader","Tabs","ContentEntry","loading","entry","activeTab","setActiveTab","invalidFields","setInvalidFields","undefined","persistEntry","addItemToListCache","createElement","id","size","separator","spacing","value","onValueChange","tabs","Tab","key","trigger","disabled","content","className","header","onInvalidFields"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app\";\nimport { RevisionsList } from \"./ContentEntry/RevisionsList/RevisionsList\";\nimport { useContentEntry } from \"./hooks/useContentEntry\";\nimport { Header } from \"~/admin/components/ContentEntryForm/Header\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { ValidationIndicators } from \"./ValidationIndicators\";\nimport { OverlayLoader, Tabs } from \"@webiny/admin-ui\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"test-id\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nexport const ContentEntry = makeDecoratable(\"ContentEntry\", () => {\n    const { loading, entry, activeTab, setActiveTab } = useContentEntry();\n    const [invalidFields, setInvalidFields] = useState<FormValidation | undefined>(undefined);\n    const { persistEntry } = usePersistEntry({ addItemToListCache: true });\n\n    return (\n        <div>\n            <test-id data-testid=\"cms-content-details\">\n                <Tabs\n                    id={\"cms-content-details-tabs\"}\n                    size={\"md\"}\n                    separator={true}\n                    spacing={\"lg\"}\n                    value={activeTab}\n                    onValueChange={setActiveTab}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"content\"}\n                            value={\"content\"}\n                            trigger={\"Content\"}\n                            disabled={loading}\n                            data-testid={\"cms.content-form.tabs.content\"}\n                            content={\n                                <div className={\"wby-relative\"}>\n                                    {invalidFields ? (\n                                        <ValidationIndicators invalidFields={invalidFields} />\n                                    ) : null}\n                                    {loading && <OverlayLoader />}\n                                    <ContentEntryForm\n                                        entry={entry}\n                                        persistEntry={persistEntry}\n                                        header={<Header />}\n                                        onInvalidFields={invalidFields =>\n                                            setInvalidFields(invalidFields)\n                                        }\n                                    />\n                                </div>\n                            }\n                        />,\n                        <Tabs.Tab\n                            key={\"revisions\"}\n                            value={\"revisions\"}\n                            trigger={\"Revisions\"}\n                            disabled={loading}\n                            data-testid={\"cms.content-form.tabs.revisions\"}\n                            content={<RevisionsList />}\n                        />\n                    ]}\n                ></Tabs>\n            </test-id>\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAExB,SAASC,oBAAoB;AAC7B,SAASC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAatD,OAAO,MAAMC,YAAY,GAAGT,eAAe,CAAC,cAAc,EAAE,MAAM;EAC9D,MAAM;IAAEU,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAGX,eAAe,CAAC,CAAC;EACrE,MAAM,CAACY,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAA6BiB,SAAS,CAAC;EACzF,MAAM;IAAEC;EAAa,CAAC,GAAGZ,eAAe,CAAC;IAAEa,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAEtE,oBACIpB,KAAA,CAAAqB,aAAA,2BACIrB,KAAA,CAAAqB,aAAA;IAAS,eAAY;EAAqB,gBACtCrB,KAAA,CAAAqB,aAAA,CAACX,IAAI;IACDY,EAAE,EAAE,0BAA2B;IAC/BC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE,IAAK;IAChBC,OAAO,EAAE,IAAK;IACdC,KAAK,EAAEZ,SAAU;IACjBa,aAAa,EAAEZ,YAAa;IAC5Ba,IAAI,EAAE,cACF5B,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,SAAU;MACfJ,KAAK,EAAE,SAAU;MACjBK,OAAO,EAAE,SAAU;MACnBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,+BAAgC;MAC7CqB,OAAO,eACHjC,KAAA,CAAAqB,aAAA;QAAKa,SAAS,EAAE;MAAe,GAC1BlB,aAAa,gBACVhB,KAAA,CAAAqB,aAAA,CAACb,oBAAoB;QAACQ,aAAa,EAAEA;MAAc,CAAE,CAAC,GACtD,IAAI,EACPJ,OAAO,iBAAIZ,KAAA,CAAAqB,aAAA,CAACZ,aAAa,MAAE,CAAC,eAC7BT,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;QACbO,KAAK,EAAEA,KAAM;QACbM,YAAY,EAAEA,YAAa;QAC3BgB,MAAM,eAAEnC,KAAA,CAAAqB,aAAA,CAAChB,MAAM,MAAE,CAAE;QACnB+B,eAAe,EAAEpB,aAAa,IAC1BC,gBAAgB,CAACD,aAAa;MACjC,CACJ,CACA;IACR,CACJ,CAAC,eACFhB,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,WAAY;MACjBJ,KAAK,EAAE,WAAY;MACnBK,OAAO,EAAE,WAAY;MACrBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,iCAAkC;MAC/CqB,OAAO,eAAEjC,KAAA,CAAAqB,aAAA,CAAClB,aAAa,MAAE;IAAE,CAC9B,CAAC;EACJ,CACC,CACF,CACR,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","makeDecoratable","RevisionsList","useContentEntry","Header","ContentEntryForm","usePersistEntry","ValidationIndicators","OverlayLoader","Tabs","ContentEntry","loading","entry","activeTab","setActiveTab","invalidFields","setInvalidFields","undefined","persistEntry","addItemToListCache","createElement","id","size","separator","spacing","value","onValueChange","tabs","Tab","key","trigger","disabled","content","className","text","header","onInvalidFields"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app\";\nimport { RevisionsList } from \"./ContentEntry/RevisionsList/RevisionsList.js\";\nimport { useContentEntry } from \"./hooks/useContentEntry.js\";\nimport { Header } from \"~/admin/components/ContentEntryForm/Header/index.js\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry.js\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { ValidationIndicators } from \"./ValidationIndicators.js\";\nimport { OverlayLoader, Tabs } from \"@webiny/admin-ui\";\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"test-id\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nexport const ContentEntry = makeDecoratable(\"ContentEntry\", () => {\n    const { loading, entry, activeTab, setActiveTab } = useContentEntry();\n    const [invalidFields, setInvalidFields] = useState<FormValidation | undefined>(undefined);\n    const { persistEntry } = usePersistEntry({ addItemToListCache: true });\n\n    return (\n        <div data-testid=\"cms-content-details\">\n            <Tabs\n                id={\"cms-content-details-tabs\"}\n                size={\"md\"}\n                separator={true}\n                spacing={\"lg\"}\n                value={activeTab}\n                onValueChange={setActiveTab}\n                tabs={[\n                    <Tabs.Tab\n                        key={\"content\"}\n                        value={\"content\"}\n                        trigger={\"Content\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.content\"}\n                        content={\n                            <div className={\"relative\"}>\n                                {invalidFields ? (\n                                    <ValidationIndicators invalidFields={invalidFields} />\n                                ) : null}\n                                {loading && <OverlayLoader text={\"Loading entry...\"} />}\n                                <ContentEntryForm\n                                    entry={entry}\n                                    persistEntry={persistEntry}\n                                    header={<Header />}\n                                    onInvalidFields={invalidFields =>\n                                        setInvalidFields(invalidFields)\n                                    }\n                                />\n                            </div>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"revisions\"}\n                        value={\"revisions\"}\n                        trigger={\"Revisions\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.revisions\"}\n                        content={<RevisionsList />}\n                    />\n                ]}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAExB,SAASC,oBAAoB;AAC7B,SAASC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAYtD,OAAO,MAAMC,YAAY,GAAGT,eAAe,CAAC,cAAc,EAAE,MAAM;EAC9D,MAAM;IAAEU,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAGX,eAAe,CAAC,CAAC;EACrE,MAAM,CAACY,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAA6BiB,SAAS,CAAC;EACzF,MAAM;IAAEC;EAAa,CAAC,GAAGZ,eAAe,CAAC;IAAEa,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAEtE,oBACIpB,KAAA,CAAAqB,aAAA;IAAK,eAAY;EAAqB,gBAClCrB,KAAA,CAAAqB,aAAA,CAACX,IAAI;IACDY,EAAE,EAAE,0BAA2B;IAC/BC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE,IAAK;IAChBC,OAAO,EAAE,IAAK;IACdC,KAAK,EAAEZ,SAAU;IACjBa,aAAa,EAAEZ,YAAa;IAC5Ba,IAAI,EAAE,cACF5B,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,SAAU;MACfJ,KAAK,EAAE,SAAU;MACjBK,OAAO,EAAE,SAAU;MACnBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,+BAAgC;MAC7CqB,OAAO,eACHjC,KAAA,CAAAqB,aAAA;QAAKa,SAAS,EAAE;MAAW,GACtBlB,aAAa,gBACVhB,KAAA,CAAAqB,aAAA,CAACb,oBAAoB;QAACQ,aAAa,EAAEA;MAAc,CAAE,CAAC,GACtD,IAAI,EACPJ,OAAO,iBAAIZ,KAAA,CAAAqB,aAAA,CAACZ,aAAa;QAAC0B,IAAI,EAAE;MAAmB,CAAE,CAAC,eACvDnC,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;QACbO,KAAK,EAAEA,KAAM;QACbM,YAAY,EAAEA,YAAa;QAC3BiB,MAAM,eAAEpC,KAAA,CAAAqB,aAAA,CAAChB,MAAM,MAAE,CAAE;QACnBgC,eAAe,EAAErB,aAAa,IAC1BC,gBAAgB,CAACD,aAAa;MACjC,CACJ,CACA;IACR,CACJ,CAAC,eACFhB,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,WAAY;MACjBJ,KAAK,EAAE,WAAY;MACnBK,OAAO,EAAE,WAAY;MACrBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,iCAAkC;MAC/CqB,OAAO,eAAEjC,KAAA,CAAAqB,aAAA,CAAClB,aAAa,MAAE;IAAE,CAC9B,CAAC;EACJ,CACL,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/admin/views/contentEntries/SingletonContentEntryModule.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { ContentEntries } from "./ContentEntries";
+import { ContentEntries } from "./ContentEntries.js";
 import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
-import { ContentEntriesProvider } from "./ContentEntriesContext";
+import { ContentEntriesProvider } from "./ContentEntriesContext.js";
 import { DialogsProvider } from "@webiny/app-admin";
-import { SingletonContentEntryProvider } from "./ContentEntry/SingletonContentEntryContext";
-import { SingletonContentEntry } from "./ContentEntry/SingletonContentEntry";
-import { useModel } from "../../components/ModelProvider";
+import { SingletonContentEntryProvider } from "./ContentEntry/SingletonContentEntryContext.js";
+import { SingletonContentEntry } from "./ContentEntry/SingletonContentEntry.js";
+import { useModel } from "../../components/ModelProvider/index.js";
 const ContentEntriesDecorator = ContentEntries.createDecorator(Original => {
   return function ContentEntries() {
     const {

package/admin/views/contentEntries/SingletonContentEntryModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ContentEntries","CMS_MODEL_SINGLETON_TAG","ContentEntriesProvider","DialogsProvider","SingletonContentEntryProvider","SingletonContentEntry","useModel","ContentEntriesDecorator","createDecorator","Original","model","tags","includes","createElement","contentModel","key","modelId","SingletonContentEntryModule","Fragment"],"sources":["SingletonContentEntryModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntries } from \"~/admin/views/contentEntries/ContentEntries\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport { SingletonContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntryContext\";\nimport { SingletonContentEntry } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntry\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\nconst ContentEntriesDecorator = ContentEntries.createDecorator(Original => {\n    return function ContentEntries() {\n        const { model } = useModel();\n\n        if (model.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n            return (\n                <ContentEntriesProvider contentModel={model} key={model.modelId}>\n                    <DialogsProvider>\n                        <SingletonContentEntryProvider>\n                            <SingletonContentEntry />\n                        </SingletonContentEntryProvider>\n                    </DialogsProvider>\n                </ContentEntriesProvider>\n            );\n        }\n\n        return <Original />;\n    };\n});\n\nexport const SingletonContentEntryModule = () => {\n    return (\n        <>\n            <ContentEntriesDecorator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AACvB,SAASC,uBAAuB,QAAQ,iCAAiC;AACzE,SAASC,sBAAsB;AAC/B,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,6BAA6B;AACtC,SAASC,qBAAqB;AAC9B,SAASC,QAAQ;AAEjB,MAAMC,uBAAuB,GAAGP,cAAc,CAACQ,eAAe,CAACC,QAAQ,IAAI;EACvE,OAAO,SAAST,cAAcA,CAAA,EAAG;IAC7B,MAAM;MAAEU;IAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;IAE5B,IAAII,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACX,uBAAuB,CAAC,EAAE;MAC9C,oBACIF,KAAA,CAAAc,aAAA,CAACX,sBAAsB;QAACY,YAAY,EAAEJ,KAAM;QAACK,GAAG,EAAEL,KAAK,CAACM;MAAQ,gBAC5DjB,KAAA,CAAAc,aAAA,CAACV,eAAe,qBACZJ,KAAA,CAAAc,aAAA,CAACT,6BAA6B,qBAC1BL,KAAA,CAAAc,aAAA,CAACR,qBAAqB,MAAE,CACG,CAClB,CACG,CAAC;IAEjC;IAEA,oBAAON,KAAA,CAAAc,aAAA,CAACJ,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMQ,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,oBACIlB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAmB,QAAA,qBACInB,KAAA,CAAAc,aAAA,CAACN,uBAAuB,MAAE,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ContentEntries","CMS_MODEL_SINGLETON_TAG","ContentEntriesProvider","DialogsProvider","SingletonContentEntryProvider","SingletonContentEntry","useModel","ContentEntriesDecorator","createDecorator","Original","model","tags","includes","createElement","contentModel","key","modelId","SingletonContentEntryModule","Fragment"],"sources":["SingletonContentEntryModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntries } from \"~/admin/views/contentEntries/ContentEntries.js\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport { SingletonContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntryContext.js\";\nimport { SingletonContentEntry } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntry.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nconst ContentEntriesDecorator = ContentEntries.createDecorator(Original => {\n    return function ContentEntries() {\n        const { model } = useModel();\n\n        if (model.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n            return (\n                <ContentEntriesProvider contentModel={model} key={model.modelId}>\n                    <DialogsProvider>\n                        <SingletonContentEntryProvider>\n                            <SingletonContentEntry />\n                        </SingletonContentEntryProvider>\n                    </DialogsProvider>\n                </ContentEntriesProvider>\n            );\n        }\n\n        return <Original />;\n    };\n});\n\nexport const SingletonContentEntryModule = () => {\n    return (\n        <>\n            <ContentEntriesDecorator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AACvB,SAASC,uBAAuB,QAAQ,iCAAiC;AACzE,SAASC,sBAAsB;AAC/B,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,6BAA6B;AACtC,SAASC,qBAAqB;AAC9B,SAASC,QAAQ;AAEjB,MAAMC,uBAAuB,GAAGP,cAAc,CAACQ,eAAe,CAACC,QAAQ,IAAI;EACvE,OAAO,SAAST,cAAcA,CAAA,EAAG;IAC7B,MAAM;MAAEU;IAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;IAE5B,IAAII,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACX,uBAAuB,CAAC,EAAE;MAC9C,oBACIF,KAAA,CAAAc,aAAA,CAACX,sBAAsB;QAACY,YAAY,EAAEJ,KAAM;QAACK,GAAG,EAAEL,KAAK,CAACM;MAAQ,gBAC5DjB,KAAA,CAAAc,aAAA,CAACV,eAAe,qBACZJ,KAAA,CAAAc,aAAA,CAACT,6BAA6B,qBAC1BL,KAAA,CAAAc,aAAA,CAACR,qBAAqB,MAAE,CACG,CAClB,CACG,CAAC;IAEjC;IAEA,oBAAON,KAAA,CAAAc,aAAA,CAACJ,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMQ,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,oBACIlB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAmB,QAAA,qBACInB,KAAA,CAAAc,aAAA,CAACN,uBAAuB,MAAE,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/views/contentEntries/Table/Main.js

@@ -1,18 +1,19 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import debounce from "lodash/debounce";
+import debounce from "lodash/debounce.js";
 import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
 import { Scrollbar } from "@webiny/admin-ui";
-import { Empty } from "../../../components/ContentEntries/Empty";
-import { Filters } from "../../../components/ContentEntries/Filters";
-import { Header } from "../../../components/ContentEntries/Header";
-import { LoadMoreButton } from "../../../components/ContentEntries/LoadMoreButton";
-import { Table } from "../../../components/ContentEntries/Table";
-import { useContentEntriesList, useContentEntry } from "../hooks";
-import { ContentEntry } from "../ContentEntry";
-import { useRouter } from "@webiny/react-router";
-import { ROOT_FOLDER } from "../../../constants";
-import { BulkActions } from "../../../components/ContentEntries/BulkActions";
-import { BottomInfoBar } from "../../../components/ContentEntries/BottomInfoBar";
+import { Empty } from "../../../components/ContentEntries/Empty/index.js";
+import { Filters } from "../../../components/ContentEntries/Filters/index.js";
+import { Header } from "../../../components/ContentEntries/Header/index.js";
+import { LoadMoreButton } from "../../../components/ContentEntries/LoadMoreButton/index.js";
+import { Table } from "../../../components/ContentEntries/Table/index.js";
+import { useContentEntriesList, useContentEntry } from "../hooks/index.js";
+import { ContentEntry } from "../ContentEntry.js";
+import { useRouter } from "@webiny/app-admin";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { BulkActions } from "../../../components/ContentEntries/BulkActions/index.js";
+import { BottomInfoBar } from "../../../components/ContentEntries/BottomInfoBar/index.js";
+import { Routes } from "../../../../routes.js";
 export const Main = ({
   folderId: initialFolderId
 }) => {
@@ -23,7 +24,7 @@ export const Main = ({
     showDialog: showCreateFolderDialog
   } = useCreateDialog();
   const {
-    history
+    goToRoute
   } = useRouter();
 
   // We check permissions on two layers - security and folder level permissions.
@@ -44,9 +45,12 @@ export const Main = ({
     return canCreate && canManageContent(folderId);
   }, [canManageContent, canCreate]);
   const createEntry = useCallback(() => {
-    const folder = folderId ? `&folderId=${encodeURIComponent(folderId)}` : "";
-    history.push(`/cms/content-entries/${contentModel.modelId}?new=true${folder}`);
-  }, [canCreate, contentModel, folderId]);
+    goToRoute(Routes.ContentEntries.List, {
+      modelId: contentModel.modelId,
+      new: true,
+      folderId
+    });
+  }, [contentModel, folderId]);
   const {
     innerHeight: windowHeight
   } = window;
@@ -77,7 +81,7 @@ export const Main = ({
     return /*#__PURE__*/React.createElement(ContentEntry, null);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-full wby-relative wby-overflow-hidden"
+    className: "h-full relative overflow-hidden"
   }, /*#__PURE__*/React.createElement(Header, {
     isRoot: isRoot,
     title: !list.isListLoading ? list.listTitle : undefined,
@@ -86,9 +90,10 @@ export const Main = ({
     onCreateEntry: createEntry,
     onCreateFolder: onCreateFolder,
     searchValue: list.search,
+    searchPlaceholder: list.searchPlaceholder,
     onSearchChange: list.setSearch
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-overflow-hidden wby-absolute wby-top-0 wby-bottom-0 wby-left-0",
+    className: "w-full overflow-hidden absolute top-0 bottom-0 left-0",
     style: {
       top: "105px"
     }

package/admin/views/contentEntries/Table/Main.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","debounce","useCreateDialog","useGetFolderLevelPermission","Scrollbar","Empty","Filters","Header","LoadMoreButton","Table","useContentEntriesList","useContentEntry","ContentEntry","useRouter","ROOT_FOLDER","BulkActions","BottomInfoBar","Main","folderId","initialFolderId","undefined","isRoot","list","showDialog","showCreateFolderDialog","history","canCreate","contentModel","getFolderLevelPermission","canManageContent","canManageStructure","canCreateFolder","canCreateContent","createEntry","folder","encodeURIComponent","push","modelId","innerHeight","windowHeight","window","tableHeight","setTableHeight","tableRef","current","clientHeight","loadMoreOnScroll","scrollFrame","top","listMoreRecords","onCreateFolder","currentParentId","showEmptyView","createElement","Fragment","className","title","isListLoading","listTitle","onCreateEntry","searchValue","search","onSearchChange","setSearch","style","records","length","folders","isSearch","onScrollFrame","ref","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick","loading","loadingMore","totalCount","currentCount"],"sources":["Main.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { Empty } from \"~/admin/components/ContentEntries/Empty\";\nimport { Filters } from \"~/admin/components/ContentEntries/Filters\";\nimport { Header } from \"~/admin/components/ContentEntries/Header\";\nimport { LoadMoreButton } from \"~/admin/components/ContentEntries/LoadMoreButton\";\nimport { Table } from \"~/admin/components/ContentEntries/Table\";\nimport { useContentEntriesList, useContentEntry } from \"~/admin/views/contentEntries/hooks\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ROOT_FOLDER } from \"~/admin/constants\";\nimport { BulkActions } from \"~/admin/components/ContentEntries/BulkActions\";\nimport { BottomInfoBar } from \"~/admin/components/ContentEntries/BottomInfoBar\";\n\ninterface MainProps {\n    folderId?: string;\n}\n\nexport const Main = ({ folderId: initialFolderId }: MainProps) => {\n    const folderId = initialFolderId === undefined ? ROOT_FOLDER : initialFolderId;\n    const isRoot = initialFolderId === ROOT_FOLDER;\n    const list = useContentEntriesList();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const { history } = useRouter();\n\n    // We check permissions on two layers - security and folder level permissions.\n    const { canCreate, contentModel } = useContentEntry();\n    const { getFolderLevelPermission: canManageContent } =\n        useGetFolderLevelPermission(\"canManageContent\");\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const canCreateFolder = useCallback(\n        (folderId: string) => {\n            return canManageStructure(folderId);\n        },\n        [canManageStructure]\n    );\n\n    const canCreateContent = useCallback(\n        (folderId: string) => {\n            return canCreate && canManageContent(folderId);\n        },\n        [canManageContent, canCreate]\n    );\n\n    const createEntry = useCallback(() => {\n        const folder = folderId ? `&folderId=${encodeURIComponent(folderId)}` : \"\";\n        history.push(`/cms/content-entries/${contentModel.modelId}?new=true${folder}`);\n    }, [canCreate, contentModel, folderId]);\n\n    const { innerHeight: windowHeight } = window;\n    const [tableHeight, setTableHeight] = useState(0);\n    const tableRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setTableHeight(tableRef?.current?.clientHeight || 0);\n\n        return () => {\n            setTableHeight(0);\n        };\n    });\n\n    const loadMoreOnScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await list.listMoreRecords();\n        }\n    }, 200);\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: folderId });\n    }, [folderId]);\n\n    const { showEmptyView } = useContentEntry();\n\n    if (!showEmptyView) {\n        return <ContentEntry />;\n    }\n\n    return (\n        <>\n            <div className={\"wby-h-full wby-relative wby-overflow-hidden\"}>\n                <Header\n                    isRoot={isRoot}\n                    title={!list.isListLoading ? list.listTitle : undefined}\n                    canCreateFolder={canCreateFolder(folderId)}\n                    canCreateContent={canCreateContent(folderId)}\n                    onCreateEntry={createEntry}\n                    onCreateFolder={onCreateFolder}\n                    searchValue={list.search}\n                    onSearchChange={list.setSearch}\n                />\n                <div\n                    className={\n                        \"wby-w-full wby-overflow-hidden wby-absolute wby-top-0 wby-bottom-0 wby-left-0\"\n                    }\n                    style={{ top: \"105px\" }}\n                >\n                    <BulkActions />\n                    <Filters />\n                    {list.records.length === 0 &&\n                    list.folders.length === 0 &&\n                    !list.isListLoading ? (\n                        <Empty\n                            isSearch={list.isSearch}\n                            canCreateFolder={canCreateFolder(folderId)}\n                            canCreateContent={canCreateContent(folderId)}\n                            onCreateEntry={createEntry}\n                            onCreateFolder={onCreateFolder}\n                        />\n                    ) : (\n                        <>\n                            <Scrollbar\n                                data-testid=\"default-data-list\"\n                                onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                            >\n                                <Table ref={tableRef} />\n                                <LoadMoreButton\n                                    show={!list.isListLoading && list.meta.hasMoreItems}\n                                    disabled={list.isListLoadingMore}\n                                    windowHeight={windowHeight}\n                                    tableHeight={tableHeight}\n                                    onClick={list.listMoreRecords}\n                                />\n                            </Scrollbar>\n                            <BottomInfoBar\n                                loading={list.isListLoading}\n                                loadingMore={list.isListLoadingMore}\n                                totalCount={list.meta.totalCount}\n                                currentCount={list.records.length}\n                            />\n                        </>\n                    )}\n                </div>\n            </div>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","debounce","useCreateDialog","useGetFolderLevelPermission","Scrollbar","Empty","Filters","Header","LoadMoreButton","Table","useContentEntriesList","useContentEntry","ContentEntry","useRouter","ROOT_FOLDER","BulkActions","BottomInfoBar","Routes","Main","folderId","initialFolderId","undefined","isRoot","list","showDialog","showCreateFolderDialog","goToRoute","canCreate","contentModel","getFolderLevelPermission","canManageContent","canManageStructure","canCreateFolder","canCreateContent","createEntry","ContentEntries","List","modelId","new","innerHeight","windowHeight","window","tableHeight","setTableHeight","tableRef","current","clientHeight","loadMoreOnScroll","scrollFrame","top","listMoreRecords","onCreateFolder","currentParentId","showEmptyView","createElement","Fragment","className","title","isListLoading","listTitle","onCreateEntry","searchValue","search","searchPlaceholder","onSearchChange","setSearch","style","records","length","folders","isSearch","onScrollFrame","ref","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick","loading","loadingMore","totalCount","currentCount"],"sources":["Main.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { Empty } from \"~/admin/components/ContentEntries/Empty/index.js\";\nimport { Filters } from \"~/admin/components/ContentEntries/Filters/index.js\";\nimport { Header } from \"~/admin/components/ContentEntries/Header/index.js\";\nimport { LoadMoreButton } from \"~/admin/components/ContentEntries/LoadMoreButton/index.js\";\nimport { Table } from \"~/admin/components/ContentEntries/Table/index.js\";\nimport {\n    useContentEntriesList,\n    useContentEntry\n} from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { BulkActions } from \"~/admin/components/ContentEntries/BulkActions/index.js\";\nimport { BottomInfoBar } from \"~/admin/components/ContentEntries/BottomInfoBar/index.js\";\nimport { Routes } from \"~/routes.js\";\n\ninterface MainProps {\n    folderId?: string;\n}\n\nexport const Main = ({ folderId: initialFolderId }: MainProps) => {\n    const folderId = initialFolderId === undefined ? ROOT_FOLDER : initialFolderId;\n    const isRoot = initialFolderId === ROOT_FOLDER;\n    const list = useContentEntriesList();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const { goToRoute } = useRouter();\n\n    // We check permissions on two layers - security and folder level permissions.\n    const { canCreate, contentModel } = useContentEntry();\n    const { getFolderLevelPermission: canManageContent } =\n        useGetFolderLevelPermission(\"canManageContent\");\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const canCreateFolder = useCallback(\n        (folderId: string) => {\n            return canManageStructure(folderId);\n        },\n        [canManageStructure]\n    );\n\n    const canCreateContent = useCallback(\n        (folderId: string) => {\n            return canCreate && canManageContent(folderId);\n        },\n        [canManageContent, canCreate]\n    );\n\n    const createEntry = useCallback(() => {\n        goToRoute(Routes.ContentEntries.List, {\n            modelId: contentModel.modelId,\n            new: true,\n            folderId\n        });\n    }, [contentModel, folderId]);\n\n    const { innerHeight: windowHeight } = window;\n    const [tableHeight, setTableHeight] = useState(0);\n    const tableRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setTableHeight(tableRef?.current?.clientHeight || 0);\n\n        return () => {\n            setTableHeight(0);\n        };\n    });\n\n    const loadMoreOnScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await list.listMoreRecords();\n        }\n    }, 200);\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: folderId });\n    }, [folderId]);\n\n    const { showEmptyView } = useContentEntry();\n\n    if (!showEmptyView) {\n        return <ContentEntry />;\n    }\n\n    return (\n        <>\n            <div className={\"h-full relative overflow-hidden\"}>\n                <Header\n                    isRoot={isRoot}\n                    title={!list.isListLoading ? list.listTitle : undefined}\n                    canCreateFolder={canCreateFolder(folderId)}\n                    canCreateContent={canCreateContent(folderId)}\n                    onCreateEntry={createEntry}\n                    onCreateFolder={onCreateFolder}\n                    searchValue={list.search}\n                    searchPlaceholder={list.searchPlaceholder}\n                    onSearchChange={list.setSearch}\n                />\n                <div\n                    className={\"w-full overflow-hidden absolute top-0 bottom-0 left-0\"}\n                    style={{ top: \"105px\" }}\n                >\n                    <BulkActions />\n                    <Filters />\n                    {list.records.length === 0 &&\n                    list.folders.length === 0 &&\n                    !list.isListLoading ? (\n                        <Empty\n                            isSearch={list.isSearch}\n                            canCreateFolder={canCreateFolder(folderId)}\n                            canCreateContent={canCreateContent(folderId)}\n                            onCreateEntry={createEntry}\n                            onCreateFolder={onCreateFolder}\n                        />\n                    ) : (\n                        <>\n                            <Scrollbar\n                                data-testid=\"default-data-list\"\n                                onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                            >\n                                <Table ref={tableRef} />\n                                <LoadMoreButton\n                                    show={!list.isListLoading && list.meta.hasMoreItems}\n                                    disabled={list.isListLoadingMore}\n                                    windowHeight={windowHeight}\n                                    tableHeight={tableHeight}\n                                    onClick={list.listMoreRecords}\n                                />\n                            </Scrollbar>\n                            <BottomInfoBar\n                                loading={list.isListLoading}\n                                loadingMore={list.isListLoadingMore}\n                                totalCount={list.meta.totalCount}\n                                currentCount={list.records.length}\n                            />\n                        </>\n                    )}\n                </div>\n            </div>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentEntries/Table/Sidebar.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { SidebarHeader } from "../../../components/ContentEntries/SidebarHeader";
-import { SidebarContent } from "../../../components/ContentEntries/SidebarContent";
-import { SidebarFooter } from "../../../components/ContentEntries/SidebarFooter/SidebarFooter";
+import { SidebarHeader } from "../../../components/ContentEntries/SidebarHeader/index.js";
+import { SidebarContent } from "../../../components/ContentEntries/SidebarContent/index.js";
+import { SidebarFooter } from "../../../components/ContentEntries/SidebarFooter/SidebarFooter.js";
 export const Sidebar = () => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-h-main-content"
+    className: "flex flex-col h-main-content"
   }, /*#__PURE__*/React.createElement(SidebarHeader, null), /*#__PURE__*/React.createElement(SidebarContent, null), /*#__PURE__*/React.createElement(SidebarFooter, null));
 };
 

package/admin/views/contentEntries/Table/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarHeader","SidebarContent","SidebarFooter","Sidebar","createElement","className"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarHeader } from \"~/admin/components/ContentEntries/SidebarHeader\";\nimport { SidebarContent } from \"~/admin/components/ContentEntries/SidebarContent\";\nimport { SidebarFooter } from \"~/admin/components/ContentEntries/SidebarFooter/SidebarFooter\";\n\nexport const Sidebar = () => {\n    return (\n        <div className={\"wby-flex wby-flex-col wby-h-main-content\"}>\n            <SidebarHeader />\n            <SidebarContent />\n            <SidebarFooter />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AAEtB,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDN,KAAA,CAAAK,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CAAC,eAClBF,KAAA,CAAAK,aAAA,CAACF,aAAa,MAAE,CACf,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","SidebarHeader","SidebarContent","SidebarFooter","Sidebar","createElement","className"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarHeader } from \"~/admin/components/ContentEntries/SidebarHeader/index.js\";\nimport { SidebarContent } from \"~/admin/components/ContentEntries/SidebarContent/index.js\";\nimport { SidebarFooter } from \"~/admin/components/ContentEntries/SidebarFooter/SidebarFooter.js\";\n\nexport const Sidebar = () => {\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            <SidebarHeader />\n            <SidebarContent />\n            <SidebarFooter />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AAEtB,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CN,KAAA,CAAAK,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CAAC,eAClBF,KAAA,CAAAK,aAAA,CAACF,aAAa,MAAE,CACf,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/views/contentEntries/Table/index.js

@@ -1,36 +1,14 @@
 import React, { useCallback } from "react";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
-import { Sidebar } from "./Sidebar";
-import { Main } from "./Main";
-import { ContentEntryProvider } from "../ContentEntry/ContentEntryContext";
+import { LeftPanel, RightPanel, SplitView, useRoute, useRouter } from "@webiny/app-admin";
 import { AcoProvider, useNavigateFolder } from "@webiny/app-aco";
-import { useI18N } from "@webiny/app-i18n";
-import { useTenancy } from "@webiny/app-tenancy";
-import { useApolloClient, useModel } from "../../../hooks";
-import { ContentEntriesListProvider } from "../hooks";
-import { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from "../../../constants";
-
-/**
- * Generates a `layoutId` to be used with the `<SplitView />` component.
- * The `layoutId` is essential for saving user preferences into localStorage.
- * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.
- *
- *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.
- */
-const useLayoutId = applicationId => {
-  const {
-    tenant
-  } = useTenancy();
-  const {
-    getCurrentLocale
-  } = useI18N();
-  const localeCode = getCurrentLocale("content");
-  if (!tenant || !localeCode) {
-    console.warn("Missing tenant or localeCode while creating layoutId");
-    return null;
-  }
-  return `T#${tenant}#L#${localeCode}#A#${applicationId}`;
-};
+import { Sidebar } from "./Sidebar.js";
+import { Main } from "./Main.js";
+import { ContentEntryProvider } from "../ContentEntry/ContentEntryContext.js";
+import { useApolloClient, useModel } from "../../../hooks/index.js";
+import { ContentEntriesListProvider } from "../hooks/index.js";
+import { createLastVisitedFolderKey } from "../../../constants.js";
+import { Routes } from "../../../../routes.js";
+import { useContentEntryListConfig } from "../../../config/contentEntries/index.js";
 const View = () => {
   const {
     currentFolderId
@@ -38,9 +16,8 @@ const View = () => {
   const {
     model
   } = useModel();
-  const layoutId = useLayoutId(`cms:${model.modelId}`);
   return /*#__PURE__*/React.createElement(SplitView, {
-    layoutId: layoutId
+    namespace: `cms/entry/${model.modelId}/list`
   }, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 2
   }, /*#__PURE__*/React.createElement(Sidebar, null)), /*#__PURE__*/React.createElement(RightPanel, {
@@ -56,19 +33,33 @@ export const Table = () => {
     model
   } = useModel();
   const client = useApolloClient();
-  const createNavigateFolderListLink = useCallback(() => {
-    return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;
-  }, [model.modelId]);
-  const createNavigateFolderStorageKey = useCallback(() => {
-    return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;
+  const {
+    goToRoute
+  } = useRouter();
+  const {
+    browser
+  } = useContentEntryListConfig();
+  const {
+    route
+  } = useRoute(Routes.ContentEntries.List);
+  const navigateToFolder = useCallback(folderId => {
+    goToRoute(Routes.ContentEntries.List, {
+      modelId: model.modelId,
+      folderId
+    });
+  }, [model.modelId, route.params]);
+  const createStorageKey = useCallback(() => {
+    return createLastVisitedFolderKey(model.modelId);
   }, [model.modelId]);
   return /*#__PURE__*/React.createElement(AcoProvider, {
     id: `cms:${model.modelId}`,
+    folderId: route.params.folderId,
     folderIdPath: "wbyAco_location.folderId",
     client: client,
     model: model,
-    createNavigateFolderListLink: createNavigateFolderListLink,
-    createNavigateFolderStorageKey: createNavigateFolderStorageKey
+    navigateToFolder: navigateToFolder,
+    createNavigateFolderStorageKey: createStorageKey,
+    columns: browser.table.columns ?? []
   }, /*#__PURE__*/React.createElement(ContentEntriesListProvider, null, /*#__PURE__*/React.createElement(View, null)));
 };
 

package/admin/views/contentEntries/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","LeftPanel","RightPanel","SplitView","Sidebar","Main","ContentEntryProvider","AcoProvider","useNavigateFolder","useI18N","useTenancy","useApolloClient","useModel","ContentEntriesListProvider","CMS_ENTRY_LIST_LINK","LOCAL_STORAGE_LATEST_VISITED_FOLDER","useLayoutId","applicationId","tenant","getCurrentLocale","localeCode","console","warn","View","currentFolderId","model","layoutId","modelId","createElement","span","folderId","Table","client","createNavigateFolderListLink","createNavigateFolderStorageKey","id","folderIdPath"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Sidebar } from \"./Sidebar\";\nimport { Main } from \"./Main\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useI18N } from \"@webiny/app-i18n\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\nimport { useApolloClient, useModel } from \"~/admin/hooks\";\nimport { ContentEntriesListProvider } from \"~/admin/views/contentEntries/hooks\";\nimport { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/admin/constants\";\n\n/**\n * Generates a `layoutId` to be used with the `<SplitView />` component.\n * The `layoutId` is essential for saving user preferences into localStorage.\n * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.\n *\n *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.\n */\nconst useLayoutId = (applicationId: string) => {\n    const { tenant } = useTenancy();\n    const { getCurrentLocale } = useI18N();\n    const localeCode = getCurrentLocale(\"content\");\n\n    if (!tenant || !localeCode) {\n        console.warn(\"Missing tenant or localeCode while creating layoutId\");\n        return null;\n    }\n\n    return `T#${tenant}#L#${localeCode}#A#${applicationId}`;\n};\n\nconst View = () => {\n    const { currentFolderId } = useNavigateFolder();\n    const { model } = useModel();\n    const layoutId = useLayoutId(`cms:${model.modelId}`);\n\n    return (\n        <SplitView layoutId={layoutId}>\n            <LeftPanel span={2}>\n                <Sidebar />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider currentFolderId={currentFolderId}>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n\n    const createNavigateFolderListLink = useCallback(() => {\n        return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;\n    }, [model.modelId]);\n    const createNavigateFolderStorageKey = useCallback(() => {\n        return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            createNavigateFolderListLink={createNavigateFolderListLink}\n            createNavigateFolderStorageKey={createNavigateFolderStorageKey}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","LeftPanel","RightPanel","SplitView","useRoute","useRouter","AcoProvider","useNavigateFolder","Sidebar","Main","ContentEntryProvider","useApolloClient","useModel","ContentEntriesListProvider","createLastVisitedFolderKey","Routes","useContentEntryListConfig","View","currentFolderId","model","createElement","namespace","modelId","span","folderId","Table","client","goToRoute","browser","route","ContentEntries","List","navigateToFolder","params","createStorageKey","id","folderIdPath","createNavigateFolderStorageKey","columns","table"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView, useRoute, useRouter } from \"@webiny/app-admin\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Sidebar } from \"./Sidebar.js\";\nimport { Main } from \"./Main.js\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { useApolloClient, useModel } from \"~/admin/hooks/index.js\";\nimport { ContentEntriesListProvider } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { createLastVisitedFolderKey } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\n\nconst View = () => {\n    const { currentFolderId } = useNavigateFolder();\n    const { model } = useModel();\n\n    return (\n        <SplitView namespace={`cms/entry/${model.modelId}/list`}>\n            <LeftPanel span={2}>\n                <Sidebar />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider currentFolderId={currentFolderId}>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n    const { goToRoute } = useRouter();\n    const { browser } = useContentEntryListConfig();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const navigateToFolder = useCallback(\n        (folderId: string) => {\n            goToRoute(Routes.ContentEntries.List, {\n                modelId: model.modelId,\n                folderId\n            });\n        },\n        [model.modelId, route.params]\n    );\n\n    const createStorageKey = useCallback(() => {\n        return createLastVisitedFolderKey(model.modelId);\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderId={route.params.folderId}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            navigateToFolder={navigateToFolder}\n            createNavigateFolderStorageKey={createStorageKey}\n            columns={browser.table.columns ?? []}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACzF,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,iBAAiB;AAChE,SAASC,OAAO;AAChB,SAASC,IAAI;AACb,SAASC,oBAAoB;AAC7B,SAASC,eAAe,EAAEC,QAAQ;AAClC,SAASC,0BAA0B;AACnC,SAASC,0BAA0B;AACnC,SAASC,MAAM;AACf,SAASC,yBAAyB;AAElC,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACf,MAAM;IAAEC;EAAgB,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EAC/C,MAAM;IAAEY;EAAM,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAE5B,oBACIb,KAAA,CAAAqB,aAAA,CAACjB,SAAS;IAACkB,SAAS,EAAE,aAAaF,KAAK,CAACG,OAAO;EAAQ,gBACpDvB,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IAACsB,IAAI,EAAE;EAAE,gBACfxB,KAAA,CAAAqB,aAAA,CAACZ,OAAO,MAAE,CACH,CAAC,eACZT,KAAA,CAAAqB,aAAA,CAAClB,UAAU;IAACqB,IAAI,EAAE;EAAG,gBACjBxB,KAAA,CAAAqB,aAAA,CAACV,oBAAoB;IAACQ,eAAe,EAAEA;EAAgB,gBACnDnB,KAAA,CAAAqB,aAAA,CAACX,IAAI;IAACe,QAAQ,EAAEN;EAAgB,CAAE,CAChB,CACd,CACL,CAAC;AAEpB,CAAC;AAED,OAAO,MAAMO,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEN;EAAM,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAC5B,MAAMc,MAAM,GAAGf,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEgB;EAAU,CAAC,GAAGtB,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEuB;EAAQ,CAAC,GAAGZ,yBAAyB,CAAC,CAAC;EAC/C,MAAM;IAAEa;EAAM,CAAC,GAAGzB,QAAQ,CAACW,MAAM,CAACe,cAAc,CAACC,IAAI,CAAC;EAEtD,MAAMC,gBAAgB,GAAGhC,WAAW,CAC/BwB,QAAgB,IAAK;IAClBG,SAAS,CAACZ,MAAM,CAACe,cAAc,CAACC,IAAI,EAAE;MAClCT,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBE;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACL,KAAK,CAACG,OAAO,EAAEO,KAAK,CAACI,MAAM,CAChC,CAAC;EAED,MAAMC,gBAAgB,GAAGlC,WAAW,CAAC,MAAM;IACvC,OAAOc,0BAA0B,CAACK,KAAK,CAACG,OAAO,CAAC;EACpD,CAAC,EAAE,CAACH,KAAK,CAACG,OAAO,CAAC,CAAC;EAEnB,oBACIvB,KAAA,CAAAqB,aAAA,CAACd,WAAW;IACR6B,EAAE,EAAE,OAAOhB,KAAK,CAACG,OAAO,EAAG;IAC3BE,QAAQ,EAAEK,KAAK,CAACI,MAAM,CAACT,QAAS;IAChCY,YAAY,EAAE,0BAA2B;IACzCV,MAAM,EAAEA,MAAO;IACfP,KAAK,EAAEA,KAAM;IACba,gBAAgB,EAAEA,gBAAiB;IACnCK,8BAA8B,EAAEH,gBAAiB;IACjDI,OAAO,EAAEV,OAAO,CAACW,KAAK,CAACD,OAAO,IAAI;EAAG,gBAErCvC,KAAA,CAAAqB,aAAA,CAACP,0BAA0B,qBACvBd,KAAA,CAAAqB,aAAA,CAACH,IAAI,MAAE,CACiB,CACnB,CAAC;AAEtB,CAAC","ignoreList":[]}