@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import react, { useCallback, useEffect, useRef, useState } from "react";
 import debounce from "lodash/debounce.js";
 import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
 import { Scrollbar } from "@webiny/admin-ui";
@@ -14,114 +14,96 @@ 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
-}) => {
-  const folderId = initialFolderId === undefined ? ROOT_FOLDER : initialFolderId;
-  const isRoot = initialFolderId === ROOT_FOLDER;
-  const list = useContentEntriesList();
-  const {
-    showDialog: showCreateFolderDialog
-  } = useCreateDialog();
-  const {
-    goToRoute
-  } = useRouter();
-
-  // We check permissions on two layers - security and folder level permissions.
-  const {
-    canCreate,
-    contentModel
-  } = useContentEntry();
-  const {
-    getFolderLevelPermission: canManageContent
-  } = useGetFolderLevelPermission("canManageContent");
-  const {
-    getFolderLevelPermission: canManageStructure
-  } = useGetFolderLevelPermission("canManageStructure");
-  const canCreateFolder = useCallback(folderId => {
-    return canManageStructure(folderId);
-  }, [canManageStructure]);
-  const canCreateContent = useCallback(folderId => {
-    return canCreate && canManageContent(folderId);
-  }, [canManageContent, canCreate]);
-  const createEntry = useCallback(() => {
-    goToRoute(Routes.ContentEntries.List, {
-      modelId: contentModel.modelId,
-      new: true,
-      folderId
-    });
-  }, [contentModel, folderId]);
-  const {
-    innerHeight: windowHeight
-  } = window;
-  const [tableHeight, setTableHeight] = useState(0);
-  const tableRef = useRef(null);
-  useEffect(() => {
-    setTableHeight(tableRef?.current?.clientHeight || 0);
-    return () => {
-      setTableHeight(0);
-    };
-  });
-  const loadMoreOnScroll = debounce(async ({
-    scrollFrame
-  }) => {
-    if (scrollFrame.top > 0.8) {
-      await list.listMoreRecords();
-    }
-  }, 200);
-  const onCreateFolder = useCallback(() => {
-    showCreateFolderDialog({
-      currentParentId: folderId
+const Main = ({ folderId: initialFolderId })=>{
+    const folderId = void 0 === initialFolderId ? ROOT_FOLDER : initialFolderId;
+    const isRoot = initialFolderId === ROOT_FOLDER;
+    const list = useContentEntriesList();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const { goToRoute } = useRouter();
+    const { canCreate, contentModel } = useContentEntry();
+    const { getFolderLevelPermission: canManageContent } = useGetFolderLevelPermission("canManageContent");
+    const { getFolderLevelPermission: canManageStructure } = useGetFolderLevelPermission("canManageStructure");
+    const canCreateFolder = useCallback((folderId)=>canManageStructure(folderId), [
+        canManageStructure
+    ]);
+    const canCreateContent = useCallback((folderId)=>canCreate && canManageContent(folderId), [
+        canManageContent,
+        canCreate
+    ]);
+    const createEntry = useCallback(()=>{
+        goToRoute(Routes.ContentEntries.List, {
+            modelId: contentModel.modelId,
+            new: true,
+            folderId
+        });
+    }, [
+        contentModel,
+        folderId
+    ]);
+    const { innerHeight: windowHeight } = window;
+    const [tableHeight, setTableHeight] = useState(0);
+    const tableRef = useRef(null);
+    useEffect(()=>{
+        setTableHeight(tableRef?.current?.clientHeight || 0);
+        return ()=>{
+            setTableHeight(0);
+        };
     });
-  }, [folderId]);
-  const {
-    showEmptyView
-  } = useContentEntry();
-  if (!showEmptyView) {
-    return /*#__PURE__*/React.createElement(ContentEntry, null);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "h-full relative overflow-hidden"
-  }, /*#__PURE__*/React.createElement(Header, {
-    isRoot: isRoot,
-    title: !list.isListLoading ? list.listTitle : undefined,
-    canCreateFolder: canCreateFolder(folderId),
-    canCreateContent: canCreateContent(folderId),
-    onCreateEntry: createEntry,
-    onCreateFolder: onCreateFolder,
-    searchValue: list.search,
-    searchPlaceholder: list.searchPlaceholder,
-    onSearchChange: list.setSearch
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "w-full overflow-hidden absolute top-0 bottom-0 left-0",
-    style: {
-      top: "105px"
-    }
-  }, /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), list.records.length === 0 && list.folders.length === 0 && !list.isListLoading ? /*#__PURE__*/React.createElement(Empty, {
-    isSearch: list.isSearch,
-    canCreateFolder: canCreateFolder(folderId),
-    canCreateContent: canCreateContent(folderId),
-    onCreateEntry: createEntry,
-    onCreateFolder: onCreateFolder
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Scrollbar, {
-    "data-testid": "default-data-list",
-    onScrollFrame: scrollFrame => loadMoreOnScroll({
-      scrollFrame
-    })
-  }, /*#__PURE__*/React.createElement(Table, {
-    ref: tableRef
-  }), /*#__PURE__*/React.createElement(LoadMoreButton, {
-    show: !list.isListLoading && list.meta.hasMoreItems,
-    disabled: list.isListLoadingMore,
-    windowHeight: windowHeight,
-    tableHeight: tableHeight,
-    onClick: list.listMoreRecords
-  })), /*#__PURE__*/React.createElement(BottomInfoBar, {
-    loading: list.isListLoading,
-    loadingMore: list.isListLoadingMore,
-    totalCount: list.meta.totalCount,
-    currentCount: list.records.length
-  })))));
+    const loadMoreOnScroll = debounce(async ({ scrollFrame })=>{
+        if (scrollFrame.top > 0.8) await list.listMoreRecords();
+    }, 200);
+    const onCreateFolder = useCallback(()=>{
+        showCreateFolderDialog({
+            currentParentId: folderId
+        });
+    }, [
+        folderId
+    ]);
+    const { showEmptyView } = useContentEntry();
+    if (!showEmptyView) return /*#__PURE__*/ react.createElement(ContentEntry, null);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "h-full relative overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Header, {
+        isRoot: isRoot,
+        title: list.isListLoading ? void 0 : list.listTitle,
+        canCreateFolder: canCreateFolder(folderId),
+        canCreateContent: canCreateContent(folderId),
+        onCreateEntry: createEntry,
+        onCreateFolder: onCreateFolder,
+        searchValue: list.search,
+        searchPlaceholder: list.searchPlaceholder,
+        onSearchChange: list.setSearch
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "w-full overflow-hidden absolute top-0 bottom-0 left-0",
+        style: {
+            top: "105px"
+        }
+    }, /*#__PURE__*/ react.createElement(BulkActions, null), /*#__PURE__*/ react.createElement(Filters, null), 0 !== list.records.length || 0 !== list.folders.length || list.isListLoading ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Scrollbar, {
+        "data-testid": "default-data-list",
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(Table, {
+        ref: tableRef
+    }), /*#__PURE__*/ react.createElement(LoadMoreButton, {
+        show: !list.isListLoading && list.meta.hasMoreItems,
+        disabled: list.isListLoadingMore,
+        windowHeight: windowHeight,
+        tableHeight: tableHeight,
+        onClick: list.listMoreRecords
+    })), /*#__PURE__*/ react.createElement(BottomInfoBar, {
+        loading: list.isListLoading,
+        loadingMore: list.isListLoadingMore,
+        totalCount: list.meta.totalCount,
+        currentCount: list.records.length
+    })) : /*#__PURE__*/ react.createElement(Empty, {
+        isSearch: list.isSearch,
+        canCreateFolder: canCreateFolder(folderId),
+        canCreateContent: canCreateContent(folderId),
+        onCreateEntry: createEntry,
+        onCreateFolder: onCreateFolder
+    }))));
 };
+export { Main };
 
 //# sourceMappingURL=Main.js.map

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","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":[]}
+{"version":3,"file":"admin/views/contentEntries/Table/Main.js","sources":["../../../../../src/admin/views/contentEntries/Table/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"],"names":["Main","initialFolderId","folderId","undefined","ROOT_FOLDER","isRoot","list","useContentEntriesList","showCreateFolderDialog","useCreateDialog","goToRoute","useRouter","canCreate","contentModel","useContentEntry","canManageContent","useGetFolderLevelPermission","canManageStructure","canCreateFolder","useCallback","canCreateContent","createEntry","Routes","windowHeight","window","tableHeight","setTableHeight","useState","tableRef","useRef","useEffect","loadMoreOnScroll","debounce","scrollFrame","onCreateFolder","showEmptyView","ContentEntry","Header","BulkActions","Filters","Scrollbar","Table","LoadMoreButton","BottomInfoBar","Empty"],"mappings":"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"}

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

@@ -1,11 +1,10 @@
-import React from "react";
+import react from "react";
 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: "flex flex-col h-main-content"
-  }, /*#__PURE__*/React.createElement(SidebarHeader, null), /*#__PURE__*/React.createElement(SidebarContent, null), /*#__PURE__*/React.createElement(SidebarFooter, null));
-};
+const Sidebar = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement(SidebarHeader, null), /*#__PURE__*/ react.createElement(SidebarContent, null), /*#__PURE__*/ react.createElement(SidebarFooter, null));
+export { Sidebar };
 
 //# sourceMappingURL=Sidebar.js.map

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/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":[]}
+{"version":3,"file":"admin/views/contentEntries/Table/Sidebar.js","sources":["../../../../../src/admin/views/contentEntries/Table/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"],"names":["Sidebar","SidebarHeader","SidebarContent","SidebarFooter"],"mappings":";;;;AAKO,MAAMA,UAAU,IACZ,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,gBAAcA,OAAAA,WAAAA,GACf,oBAACC,eAAaA"}

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

@@ -1,86 +1,58 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { LeftPanel, RightPanel, SplitView, useRoute, useRouter } from "@webiny/app-admin";
 import { AcoProvider, useNavigateFolder } from "@webiny/app-aco";
-import { useTenantContext } from "@webiny/app-admin";
 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 { LOCAL_STORAGE_LATEST_VISITED_FOLDER } from "../../../constants.js";
+import { createLastVisitedFolderKey } from "../../../constants.js";
 import { Routes } from "../../../../routes.js";
 import { useContentEntryListConfig } from "../../../config/contentEntries/index.js";
-
-/**
- * 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` 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
-  } = useTenantContext();
-  if (!tenant) {
-    console.warn("Missing tenant while creating layoutId");
-    return null;
-  }
-  return `T#${tenant}#A#${applicationId}`;
-};
-const View = () => {
-  const {
-    currentFolderId
-  } = useNavigateFolder();
-  const {
-    model
-  } = useModel();
-  const layoutId = useLayoutId(`cms:${model.modelId}`);
-  return /*#__PURE__*/React.createElement(SplitView, {
-    layoutId: layoutId
-  }, /*#__PURE__*/React.createElement(LeftPanel, {
-    span: 2
-  }, /*#__PURE__*/React.createElement(Sidebar, null)), /*#__PURE__*/React.createElement(RightPanel, {
-    span: 10
-  }, /*#__PURE__*/React.createElement(ContentEntryProvider, {
-    currentFolderId: currentFolderId
-  }, /*#__PURE__*/React.createElement(Main, {
-    folderId: currentFolderId
-  }))));
+const View = ()=>{
+    const { currentFolderId } = useNavigateFolder();
+    const { model } = useModel();
+    return /*#__PURE__*/ react.createElement(SplitView, {
+        namespace: `cms/entry/${model.modelId}/list`
+    }, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Sidebar, null)), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 10
+    }, /*#__PURE__*/ react.createElement(ContentEntryProvider, {
+        currentFolderId: currentFolderId
+    }, /*#__PURE__*/ react.createElement(Main, {
+        folderId: currentFolderId
+    }))));
 };
-export const Table = () => {
-  const {
-    model
-  } = useModel();
-  const client = useApolloClient();
-  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 createNavigateFolderStorageKey = useCallback(() => {
-    return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${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,
-    navigateToFolder: navigateToFolder,
-    createNavigateFolderStorageKey: createNavigateFolderStorageKey,
-    columns: browser.table.columns ?? []
-  }, /*#__PURE__*/React.createElement(ContentEntriesListProvider, null, /*#__PURE__*/React.createElement(View, null)));
+const Table = ()=>{
+    const { model } = useModel();
+    const client = useApolloClient();
+    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(()=>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,
+        navigateToFolder: navigateToFolder,
+        createNavigateFolderStorageKey: createStorageKey,
+        columns: browser.table.columns ?? []
+    }, /*#__PURE__*/ react.createElement(ContentEntriesListProvider, null, /*#__PURE__*/ react.createElement(View, null)));
 };
+export { Table };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","LeftPanel","RightPanel","SplitView","useRoute","useRouter","AcoProvider","useNavigateFolder","useTenantContext","Sidebar","Main","ContentEntryProvider","useApolloClient","useModel","ContentEntriesListProvider","LOCAL_STORAGE_LATEST_VISITED_FOLDER","Routes","useContentEntryListConfig","useLayoutId","applicationId","tenant","console","warn","View","currentFolderId","model","layoutId","modelId","createElement","span","folderId","Table","client","goToRoute","browser","route","ContentEntries","List","navigateToFolder","params","createNavigateFolderStorageKey","id","folderIdPath","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 { useTenantContext } from \"@webiny/app-admin\";\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 { LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\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` 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 } = useTenantContext();\n\n    if (!tenant) {\n        console.warn(\"Missing tenant while creating layoutId\");\n        return null;\n    }\n\n    return `T#${tenant}#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    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 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            folderId={route.params.folderId}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            navigateToFolder={navigateToFolder}\n            createNavigateFolderStorageKey={createNavigateFolderStorageKey}\n            columns={browser.table.columns ?? []}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentEntries/Table/index.js","sources":["../../../../../src/admin/views/contentEntries/Table/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"],"names":["View","currentFolderId","useNavigateFolder","model","useModel","SplitView","LeftPanel","Sidebar","RightPanel","ContentEntryProvider","Main","Table","client","useApolloClient","goToRoute","useRouter","browser","useContentEntryListConfig","route","useRoute","Routes","navigateToFolder","useCallback","folderId","createStorageKey","createLastVisitedFolderKey","AcoProvider","ContentEntriesListProvider"],"mappings":";;;;;;;;;;;AAYA,MAAMA,OAAO;IACT,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,OAAO,WAAP,GACI,oBAACC,WAASA;QAAC,WAAW,CAAC,UAAU,EAAEF,MAAM,OAAO,CAAC,KAAK,CAAC;qBACnD,oBAACG,WAASA;QAAC,MAAM;qBACb,oBAACC,SAAOA,QAAAA,WAAAA,GAEZ,oBAACC,YAAUA;QAAC,MAAM;qBACd,oBAACC,sBAAoBA;QAAC,iBAAiBR;qBACnC,oBAACS,MAAIA;QAAC,UAAUT;;AAKpC;AAEO,MAAMU,QAAQ;IACjB,MAAM,EAAER,KAAK,EAAE,GAAGC;IAClB,MAAMQ,SAASC;IACf,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IAErD,MAAMC,mBAAmBC,YACrB,CAACC;QACGT,UAAUM,OAAO,cAAc,CAAC,IAAI,EAAE;YAClC,SAASjB,MAAM,OAAO;YACtBoB;QACJ;IACJ,GACA;QAACpB,MAAM,OAAO;QAAEe,MAAM,MAAM;KAAC;IAGjC,MAAMM,mBAAmBF,YAAY,IAC1BG,2BAA2BtB,MAAM,OAAO,GAChD;QAACA,MAAM,OAAO;KAAC;IAElB,OAAO,WAAP,GACI,oBAACuB,aAAWA;QACR,IAAI,CAAC,IAAI,EAAEvB,MAAM,OAAO,EAAE;QAC1B,UAAUe,MAAM,MAAM,CAAC,QAAQ;QAC/B,cAAc;QACd,QAAQN;QACR,OAAOT;QACP,kBAAkBkB;QAClB,gCAAgCG;QAChC,SAASR,QAAQ,KAAK,CAAC,OAAO,IAAI,EAAE;qBAEpC,oBAACW,4BAA0BA,MAAAA,WAAAA,GACvB,oBAAC3B,MAAIA;AAIrB"}