@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1,35 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { Grid, OverlayLoader } from "@webiny/admin-ui";
+import { ContentEntryForm } from "../../../components/ContentEntryForm/ContentEntryForm.js";
+import { makeDecoratable } from "@webiny/app";
+import { useSingletonContentEntry } from "../hooks/useSingletonContentEntry.js";
+import { SingletonHeader } from "../../../components/ContentEntryForm/SingletonHeader/index.js";
+const Container = styled.div`
+    // This is a workaround for the fact that the ContentEntryForm component is used by many views.
+    // It has no padding, so we need to override it here.
+    #cms-content-form {
+        padding: var(--padding-lg);
+`;
+const SingletonContentEntry = makeDecoratable("SingletonContentEntry", ()=>{
+    const { loading, entry, updateEntry, contentModel } = useSingletonContentEntry();
+    return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement("div", {
+        className: "container py-lg"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 10,
+        offset: 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "border-sm border-neutral-dimmed-darker rounded-t-3xl rounded-b-3xl"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement(ContentEntryForm, {
+        header: /*#__PURE__*/ react.createElement(SingletonHeader, {
+            title: contentModel.name
+        }),
+        entry: entry,
+        persistEntry: (entry)=>updateEntry({
+                entry: entry
+            })
+    }))))));
+});
+export { SingletonContentEntry };
+
+//# sourceMappingURL=SingletonContentEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/SingletonContentEntry.js","sources":["../../../../../src/admin/views/contentEntries/ContentEntry/SingletonContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Grid, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport { makeDecoratable } from \"@webiny/app\";\nimport { useSingletonContentEntry } from \"../hooks/useSingletonContentEntry.js\";\nimport type { PartialCmsContentEntryWithId } from \"~/admin/contexts/Cms/index.js\";\nimport { SingletonHeader } from \"~/admin/components/ContentEntryForm/SingletonHeader/index.js\";\n\nconst Container = styled.div`\n    // This is a workaround for the fact that the ContentEntryForm component is used by many views.\n    // It has no padding, so we need to override it here.\n    #cms-content-form {\n        padding: var(--padding-lg);\n`;\n\nexport const SingletonContentEntry = makeDecoratable(\"SingletonContentEntry\", () => {\n    const { loading, entry, updateEntry, contentModel } = useSingletonContentEntry();\n\n    return (\n        <Container>\n            <div className={\"container py-lg\"}>\n                <Grid>\n                    <Grid.Column span={10} offset={1}>\n                        <div className=\"border-sm border-neutral-dimmed-darker rounded-t-3xl rounded-b-3xl\">\n                            {loading && <OverlayLoader />}\n                            <ContentEntryForm\n                                header={<SingletonHeader title={contentModel.name} />}\n                                entry={entry}\n                                persistEntry={entry =>\n                                    updateEntry({ entry: entry as PartialCmsContentEntryWithId })\n                                }\n                            />\n                        </div>\n                    </Grid.Column>\n                </Grid>\n            </div>\n        </Container>\n    );\n});\n"],"names":["Container","styled","SingletonContentEntry","makeDecoratable","loading","entry","updateEntry","contentModel","useSingletonContentEntry","Grid","OverlayLoader","ContentEntryForm","SingletonHeader"],"mappings":";;;;;;;AASA,MAAMA,YAAYC,OAAO,GAAG,CAAC;;;;;AAK7B,CAAC;AAEM,MAAMC,wBAAwBC,gBAAgB,yBAAyB;IAC1E,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,WAAW,EAAEC,YAAY,EAAE,GAAGC;IAEtD,OAAO,WAAP,GACI,oBAACR,WAASA,MAAAA,WAAAA,GACN,oBAAC;QAAI,WAAW;qBACZ,oBAACS,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;QAAI,QAAQ;qBAC3B,oBAAC;QAAI,WAAU;OACVL,WAAW,WAAXA,GAAW,oBAACM,eAAaA,OAAAA,WAAAA,GAC1B,oBAACC,kBAAgBA;QACb,sBAAQ,oBAACC,iBAAeA;YAAC,OAAOL,aAAa,IAAI;;QACjD,OAAOF;QACP,cAAcA,CAAAA,QACVC,YAAY;gBAAE,OAAOD;YAAsC;;AAS/F"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+import type { CmsContentEntry, CmsModel } from "../../../../types.js";
+import type * as Cms from "../../../../admin/contexts/Cms/index.js";
+export type UpdateEntryParams = Omit<Cms.UpdateEntryRevisionParams, "model">;
+export interface SingletonContentEntryCrud {
+    updateEntry: (params: UpdateEntryParams) => Promise<Cms.UpdateEntryRevisionResponse>;
+}
+export interface SingletonContentEntryContext extends SingletonContentEntryCrud {
+    contentModel: CmsModel;
+    entry: CmsContentEntry;
+    loading: boolean;
+}
+export declare const SingletonContentEntryContext: React.Context<SingletonContentEntryContext | undefined>;
+export interface ContentEntryContextProviderProps {
+    children: React.ReactNode;
+}
+export declare const SingletonContentEntryProvider: {
+    ({ children }: ContentEntryContextProviderProps): React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,48 @@
+import react, { useEffect, useState } from "react";
+import { useIsMounted, useSnackbar } from "@webiny/app-admin";
+import { useCms } from "../../../hooks/index.js";
+import { useContentEntries } from "../hooks/useContentEntries.js";
+const SingletonContentEntryContext = /*#__PURE__*/ react.createContext(void 0);
+const SingletonContentEntryProvider = ({ children })=>{
+    const { isMounted } = useIsMounted();
+    const [entry, setEntry] = useState();
+    const { contentModel: model } = useContentEntries();
+    const { showSnackbar } = useSnackbar();
+    const cms = useCms();
+    const [isLoading, setLoading] = useState(false);
+    useEffect(()=>{
+        (async ()=>{
+            setLoading(true);
+            const { entry, error } = await cms.getSingletonEntry({
+                model
+            });
+            setLoading(false);
+            if (!isMounted()) return;
+            if (!error) return void setEntry(entry);
+            showSnackbar(error.message);
+        })();
+    }, []);
+    const updateEntry = async (params)=>{
+        setLoading(true);
+        const response = await cms.updateSingletonEntry({
+            model,
+            ...params
+        });
+        setLoading(false);
+        if (response.entry) setEntry(response.entry);
+        return response;
+    };
+    const value = {
+        contentModel: model,
+        entry: entry || {},
+        loading: isLoading,
+        updateEntry
+    };
+    return /*#__PURE__*/ react.createElement(SingletonContentEntryContext.Provider, {
+        value: value
+    }, children);
+};
+SingletonContentEntryProvider.displayName = "SingletonContentEntryProvider";
+export { SingletonContentEntryContext, SingletonContentEntryProvider };
+
+//# sourceMappingURL=SingletonContentEntryContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/SingletonContentEntryContext.js","sources":["../../../../../src/admin/views/contentEntries/ContentEntry/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"],"names":["SingletonContentEntryContext","React","undefined","SingletonContentEntryProvider","children","isMounted","useIsMounted","entry","setEntry","useState","model","useContentEntries","showSnackbar","useSnackbar","cms","useCms","isLoading","setLoading","useEffect","error","updateEntry","params","response","value"],"mappings":";;;;AAmBO,MAAMA,+BAA+B,WAAHA,GAAGC,MAAAA,aAAmB,CAE7DC;AAMK,MAAMC,gCAAgC,CAAC,EAAEC,QAAQ,EAAoC;IACxF,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAC1B,MAAM,EAAE,cAAcC,KAAK,EAAE,GAAGC;IAChC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,MAAMC;IACZ,MAAM,CAACC,WAAWC,WAAW,GAAGR,SAAkB;IAElDS,UAAU;QACL;YACGD,WAAW;YACX,MAAM,EAAEV,KAAK,EAAEY,KAAK,EAAE,GAAG,MAAML,IAAI,iBAAiB,CAAC;gBAAEJ;YAAM;YAC7DO,WAAW;YAEX,IAAI,CAACZ,aACD;YAGJ,IAAI,CAACc,OAAO,YACRX,SAASD;YAGbK,aAAaO,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,cAAwD,OAAMC;QAChEJ,WAAW;QACX,MAAMK,WAAW,MAAMR,IAAI,oBAAoB,CAAC;YAAEJ;YAAO,GAAGW,MAAM;QAAC;QACnEJ,WAAW;QACX,IAAIK,SAAS,KAAK,EACdd,SAASc,SAAS,KAAK;QAE3B,OAAOA;IACX;IAEA,MAAMC,QAAsC;QACxC,cAAcb;QACd,OAAQH,SAAS,CAAC;QAClB,SAASS;QACTI;IACJ;IAEA,OAAO,WAAP,GACI,oBAACpB,6BAA6B,QAAQ;QAAC,OAAOuB;OACzCnB;AAGb;AAEAD,8BAA8B,WAAW,GAAG"}

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

@@ -0,0 +1,2 @@
+import type { useRecords } from "@webiny/app-aco";
+export declare const useMockRecords: () => ReturnType<typeof useRecords>;

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

@@ -0,0 +1,4 @@
+const useMockRecords = ()=>({});
+export { useMockRecords };
+
+//# sourceMappingURL=useMockRecords.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/useMockRecords.js","sources":["../../../../../src/admin/views/contentEntries/ContentEntry/useMockRecords.ts"],"sourcesContent":["import type { useRecords } from \"@webiny/app-aco\";\n\nexport const useMockRecords = () => {\n    return {} as ReturnType<typeof useRecords>;\n};\n"],"names":["useMockRecords"],"mappings":"AAEO,MAAMA,iBAAiB,IACnB,EAAC"}

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": {
@@ -8,4 +8,22 @@ declare global {
         }
     }
 }
-export declare const ContentEntry: React.FC;
+export declare const ContentEntry: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/views/contentEntries/ContentEntry.js

@@ -1,122 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentEntry = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _emotion = require("emotion");
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-
-var _Button = require("@webiny/ui/Button");
-
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Tabs = require("@webiny/ui/Tabs");
-
-var _Elevation = require("@webiny/ui/Elevation");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _RevisionsList = _interopRequireDefault(require("./ContentEntry/RevisionsList"));
-
-var _Header = _interopRequireDefault(require("./ContentEntry/header/Header"));
-
-var _useContentEntry2 = require("./hooks/useContentEntry");
-
-var _ContentEntryForm = require("../../components/ContentEntryForm/ContentEntryForm");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.namespace("app-headless-cms/admin/content-model-entries/details");
-
-var DetailsContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e68rq0j0",
-  label: "DetailsContainer"
-})({
-  height: "calc(100% - 10px)",
-  overflow: "hidden",
-  position: "relative",
-  nav: {
-    backgroundColor: "var(--mdc-theme-surface)"
-  }
-});
-var RenderBlock = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e68rq0j1",
-  label: "RenderBlock"
-})({
-  position: "relative",
-  zIndex: 0,
-  backgroundColor: "var(--mdc-theme-background)",
-  height: "100%",
-
-  /*overflow: "scroll",*/
-  padding: 25
-});
-var elevationStyles = /*#__PURE__*/(0, _emotion.css)({
-  position: "relative"
-}, "label:elevationStyles;");
-
-var ContentEntry = function ContentEntry() {
-  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-      contentModel = _useContentEntry.contentModel,
-      loading = _useContentEntry.loading,
-      entry = _useContentEntry.entry,
-      showEmptyView = _useContentEntry.showEmptyView,
-      canCreate = _useContentEntry.canCreate,
-      createEntry = _useContentEntry.createEntry,
-      tabsRef = _useContentEntry.tabsRef,
-      setFormRef = _useContentEntry.setFormRef; // Render "No content selected" view.
-
-
-  if (showEmptyView) {
-    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display entry details {message}"])))({
-        message: canCreate ? "or create a..." : ""
-      }),
-      action: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        "data-testid": "new-record-button",
-        onClick: createEntry
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), " ", t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null
+import react, { useState } from "react";
+import { makeDecoratable } from "@webiny/app";
+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";
+const ContentEntry = makeDecoratable("ContentEntry", ()=>{
+    const { loading, entry, activeTab, setActiveTab, revisions } = useContentEntry();
+    const [invalidFields, setInvalidFields] = useState(void 0);
+    const { persistEntry } = usePersistEntry({
+        addItemToListCache: true
     });
-  }
-
-  return /*#__PURE__*/_react.default.createElement(DetailsContainer, null, /*#__PURE__*/_react.default.createElement("test-id", {
-    "data-testid": "cms-content-details"
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, {
-    ref: tabsRef
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Content",
-    disabled: loading,
-    "data-testid": "cms.content-form.tabs.content"
-  }, /*#__PURE__*/_react.default.createElement(RenderBlock, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 2,
-    className: elevationStyles
-  }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
-    contentModel: contentModel,
-    entry: entry,
-    onForm: function onForm(form) {
-      return setFormRef(form);
-    },
-    addEntryToListCache: true
-  })))), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Revisions",
-    disabled: loading,
-    "data-testid": "cms.content-form.tabs.revisions"
-  }, /*#__PURE__*/_react.default.createElement(_RevisionsList.default, null)))));
-};
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "cms-content-details"
+    }, /*#__PURE__*/ react.createElement(Tabs, {
+        id: "cms-content-details-tabs",
+        size: "md",
+        separator: true,
+        spacing: "lg",
+        value: activeTab,
+        onValueChange: setActiveTab,
+        tabs: [
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "content",
+                value: "content",
+                trigger: "Content",
+                disabled: loading,
+                "data-testid": "cms.content-form.tabs.content",
+                content: /*#__PURE__*/ react.createElement("div", {
+                    className: "relative"
+                }, invalidFields ? /*#__PURE__*/ react.createElement(ValidationIndicators, {
+                    invalidFields: invalidFields
+                }) : null, loading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+                    text: "Loading entry..."
+                }), /*#__PURE__*/ react.createElement(ContentEntryForm, {
+                    entry: entry,
+                    persistEntry: persistEntry,
+                    header: /*#__PURE__*/ react.createElement(Header, null),
+                    onInvalidFields: (invalidFields)=>setInvalidFields(invalidFields)
+                }))
+            }),
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "revisions",
+                value: "revisions",
+                trigger: "Revisions",
+                disabled: loading,
+                "data-testid": "cms.content-form.tabs.revisions",
+                content: /*#__PURE__*/ react.createElement(RevisionsList, {
+                    revisions: revisions,
+                    loading: loading
+                })
+            })
+        ]
+    }));
+});
+export { ContentEntry };
 
-exports.ContentEntry = ContentEntry;
+//# sourceMappingURL=ContentEntry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","DetailsContainer","styled","height","overflow","position","nav","backgroundColor","RenderBlock","zIndex","padding","elevationStyles","css","ContentEntry","useContentEntry","contentModel","loading","entry","showEmptyView","canCreate","createEntry","tabsRef","setFormRef","message","form"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Tab, Tabs } from \"@webiny/ui/Tabs\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport RevisionsList from \"./ContentEntry/RevisionsList\";\nimport Header from \"./ContentEntry/header/Header\";\nimport { useContentEntry } from \"./hooks/useContentEntry\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/content-model-entries/details\");\n\nconst DetailsContainer = styled(\"div\")({\n    height: \"calc(100% - 10px)\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    nav: {\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nconst RenderBlock = styled(\"div\")({\n    position: \"relative\",\n    zIndex: 0,\n    backgroundColor: \"var(--mdc-theme-background)\",\n    height: \"100%\",\n    /*overflow: \"scroll\",*/\n    padding: 25\n});\n\nconst elevationStyles = css({\n    position: \"relative\"\n});\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: React.FC = () => {\n    const {\n        contentModel,\n        loading,\n        entry,\n        showEmptyView,\n        canCreate,\n        createEntry,\n        tabsRef,\n        setFormRef\n    } = useContentEntry();\n\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display entry details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault data-testid=\"new-record-button\" onClick={createEntry}>\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Entry`}\n                        </ButtonDefault>\n                    ) : null\n                }\n            />\n        );\n    }\n\n    return (\n        <DetailsContainer>\n            <test-id data-testid=\"cms-content-details\">\n                <Tabs ref={tabsRef}>\n                    <Tab\n                        label={\"Content\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.content\"}\n                    >\n                        <RenderBlock>\n                            <Elevation z={2} className={elevationStyles}>\n                                {loading && <CircularProgress />}\n                                <Header />\n                                <ContentEntryForm\n                                    contentModel={contentModel}\n                                    entry={entry}\n                                    onForm={form => setFormRef(form)}\n                                    addEntryToListCache={true}\n                                />\n                            </Elevation>\n                        </RenderBlock>\n                    </Tab>\n                    <Tab\n                        label={\"Revisions\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.revisions\"}\n                    >\n                        <RevisionsList />\n                    </Tab>\n                </Tabs>\n            </test-id>\n        </DetailsContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,sDAAf,CAAV;;AAEA,IAAMC,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACnCC,MAAM,EAAE,mBAD2B;EAEnCC,QAAQ,EAAE,QAFyB;EAGnCC,QAAQ,EAAE,UAHyB;EAInCC,GAAG,EAAE;IACDC,eAAe,EAAE;EADhB;AAJ8B,CAAjB,CAAtB;AASA,IAAMC,WAAW,oBAAGN,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BG,QAAQ,EAAE,UADoB;EAE9BI,MAAM,EAAE,CAFsB;EAG9BF,eAAe,EAAE,6BAHa;EAI9BJ,MAAM,EAAE,MAJsB;;EAK9B;EACAO,OAAO,EAAE;AANqB,CAAjB,CAAjB;AASA,IAAMC,eAAe,gBAAG,IAAAC,YAAA,EAAI;EACxBP,QAAQ,EAAE;AADc,CAAJ,2BAAxB;;AAeO,IAAMQ,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;EACxC,uBASI,IAAAC,iCAAA,GATJ;EAAA,IACIC,YADJ,oBACIA,YADJ;EAAA,IAEIC,OAFJ,oBAEIA,OAFJ;EAAA,IAGIC,KAHJ,oBAGIA,KAHJ;EAAA,IAIIC,aAJJ,oBAIIA,aAJJ;EAAA,IAKIC,SALJ,oBAKIA,SALJ;EAAA,IAMIC,WANJ,oBAMIA,WANJ;EAAA,IAOIC,OAPJ,oBAOIA,OAPJ;EAAA,IAQIC,UARJ,oBAQIA,UARJ,CADwC,CAYxC;;;EACA,IAAIJ,aAAJ,EAAmB;IACf,oBACI,6BAAC,kBAAD;MACI,KAAK,EAAEpB,CAAC,iJAAD,CAAkE;QACrEyB,OAAO,EAAEJ,SAAS,GAAG,gBAAH,GAAsB;MAD6B,CAAlE,CADX;MAII,MAAM,EACFA,SAAS,gBACL,6BAAC,qBAAD;QAAe,eAAY,mBAA3B;QAA+C,OAAO,EAAEC;MAAxD,gBACI,6BAAC,kBAAD;QAAY,IAAI,eAAE,6BAAC,uBAAD;MAAlB,EADJ,OACuCtB,CADvC,+FADK,GAIL;IATZ,EADJ;EAcH;;EAED,oBACI,6BAAC,gBAAD,qBACI;IAAS,eAAY;EAArB,gBACI,6BAAC,UAAD;IAAM,GAAG,EAAEuB;EAAX,gBACI,6BAAC,SAAD;IACI,KAAK,EAAE,SADX;IAEI,QAAQ,EAAEL,OAFd;IAGI,eAAa;EAHjB,gBAKI,6BAAC,WAAD,qBACI,6BAAC,oBAAD;IAAW,CAAC,EAAE,CAAd;IAAiB,SAAS,EAAEL;EAA5B,GACKK,OAAO,iBAAI,6BAAC,0BAAD,OADhB,eAEI,6BAAC,eAAD,OAFJ,eAGI,6BAAC,kCAAD;IACI,YAAY,EAAED,YADlB;IAEI,KAAK,EAAEE,KAFX;IAGI,MAAM,EAAE,gBAAAO,IAAI;MAAA,OAAIF,UAAU,CAACE,IAAD,CAAd;IAAA,CAHhB;IAII,mBAAmB,EAAE;EAJzB,EAHJ,CADJ,CALJ,CADJ,eAmBI,6BAAC,SAAD;IACI,KAAK,EAAE,WADX;IAEI,QAAQ,EAAER,OAFd;IAGI,eAAa;EAHjB,gBAKI,6BAAC,sBAAD,OALJ,CAnBJ,CADJ,CADJ,CADJ;AAiCH,CA/DM"}
+{"version":3,"file":"admin/views/contentEntries/ContentEntry.js","sources":["../../../../src/admin/views/contentEntries/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, revisions } = 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 revisions={revisions} loading={loading} />}\n                    />\n                ]}\n            />\n        </div>\n    );\n});\n"],"names":["ContentEntry","makeDecoratable","loading","entry","activeTab","setActiveTab","revisions","useContentEntry","invalidFields","setInvalidFields","useState","undefined","persistEntry","usePersistEntry","Tabs","ValidationIndicators","OverlayLoader","ContentEntryForm","Header","RevisionsList"],"mappings":";;;;;;;;;AAqBO,MAAMA,eAAeC,gBAAgB,gBAAgB;IACxD,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAE,GAAGC;IAC/D,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,SAAqCC;IAC/E,MAAM,EAAEC,YAAY,EAAE,GAAGC,gBAAgB;QAAE,oBAAoB;IAAK;IAEpE,OAAO,WAAP,GACI,oBAAC;QAAI,eAAY;qBACb,oBAACC,MAAIA;QACD,IAAI;QACJ,MAAM;QACN,WAAW;QACX,SAAS;QACT,OAAOV;QACP,eAAeC;QACf,MAAM;0BACF,oBAACS,KAAK,GAAG;gBACL,KAAK;gBACL,OAAO;gBACP,SAAS;gBACT,UAAUZ;gBACV,eAAa;gBACb,uBACI,oBAAC;oBAAI,WAAW;mBACXM,gBAAgB,WAAhBA,GACG,oBAACO,sBAAoBA;oBAAC,eAAeP;qBACrC,MACHN,WAAW,WAAXA,GAAW,oBAACc,eAAaA;oBAAC,MAAM;kCACjC,oBAACC,kBAAgBA;oBACb,OAAOd;oBACP,cAAcS;oBACd,sBAAQ,oBAACM,QAAMA;oBACf,iBAAiBV,CAAAA,gBACbC,iBAAiBD;;;0BAMrC,oBAACM,KAAK,GAAG;gBACL,KAAK;gBACL,OAAO;gBACP,SAAS;gBACT,UAAUZ;gBACV,eAAa;gBACb,uBAAS,oBAACiB,eAAaA;oBAAC,WAAWb;oBAAW,SAASJ;;;SAE9D;;AAIjB"}

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

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

package/admin/views/contentEntries/SingletonContentEntryModule.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { ContentEntries as external_ContentEntries_js_ContentEntries } from "./ContentEntries.js";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { ContentEntriesProvider } from "./ContentEntriesContext.js";
+import { DialogsProvider } from "@webiny/app-admin";
+import { SingletonContentEntryProvider } from "./ContentEntry/SingletonContentEntryContext.js";
+import { SingletonContentEntry } from "./ContentEntry/SingletonContentEntry.js";
+import { useModel } from "../../components/ModelProvider/index.js";
+const ContentEntriesDecorator = external_ContentEntries_js_ContentEntries.createDecorator((Original)=>function() {
+        const { model } = useModel();
+        if (model.tags.includes(CMS_MODEL_SINGLETON_TAG)) return /*#__PURE__*/ react.createElement(ContentEntriesProvider, {
+            contentModel: model,
+            key: model.modelId
+        }, /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(SingletonContentEntryProvider, null, /*#__PURE__*/ react.createElement(SingletonContentEntry, null))));
+        return /*#__PURE__*/ react.createElement(Original, null);
+    });
+const SingletonContentEntryModule = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ContentEntriesDecorator, null));
+export { SingletonContentEntryModule };
+
+//# sourceMappingURL=SingletonContentEntryModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/SingletonContentEntryModule.js","sources":["../../../../src/admin/views/contentEntries/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"],"names":["ContentEntriesDecorator","ContentEntries","Original","model","useModel","CMS_MODEL_SINGLETON_TAG","ContentEntriesProvider","DialogsProvider","SingletonContentEntryProvider","SingletonContentEntry","SingletonContentEntryModule"],"mappings":";;;;;;;;AASA,MAAMA,0BAA0BC,0CAAAA,eAA8B,CAACC,CAAAA,WACpD;QACH,MAAM,EAAEC,KAAK,EAAE,GAAGC;QAElB,IAAID,MAAM,IAAI,CAAC,QAAQ,CAACE,0BACpB,OAAO,WAAP,GACI,oBAACC,wBAAsBA;YAAC,cAAcH;YAAO,KAAKA,MAAM,OAAO;yBAC3D,oBAACI,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,+BAA6BA,MAAAA,WAAAA,GAC1B,oBAACC,uBAAqBA;QAO1C,OAAO,WAAP,GAAO,oBAACP,UAAAA;IACZ;AAGG,MAAMQ,8BAA8B,IAChC,WAAP,GACI,wDACI,oBAACV,yBAAuBA"}

package/admin/views/contentEntries/Table/Main.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface MainProps {
+    folderId?: string;
+}
+export declare const Main: ({ folderId: initialFolderId }: MainProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,109 @@
+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";
+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";
+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);
+        };
+    });
+    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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;AAwBO,MAAMA,OAAO,CAAC,EAAE,UAAUC,eAAe,EAAa;IACzD,MAAMC,WAAWD,AAAoBE,WAApBF,kBAAgCG,cAAcH;IAC/D,MAAMI,SAASJ,oBAAoBG;IACnC,MAAME,OAAOC;IACb,MAAM,EAAE,YAAYC,sBAAsB,EAAE,GAAGC;IAE/C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAGtB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGC;IACpC,MAAM,EAAE,0BAA0BC,gBAAgB,EAAE,GAChDC,4BAA4B;IAChC,MAAM,EAAE,0BAA0BC,kBAAkB,EAAE,GAClDD,4BAA4B;IAEhC,MAAME,kBAAkBC,YACpB,CAACjB,WACUe,mBAAmBf,WAE9B;QAACe;KAAmB;IAGxB,MAAMG,mBAAmBD,YACrB,CAACjB,WACUU,aAAaG,iBAAiBb,WAEzC;QAACa;QAAkBH;KAAU;IAGjC,MAAMS,cAAcF,YAAY;QAC5BT,UAAUY,OAAO,cAAc,CAAC,IAAI,EAAE;YAClC,SAAST,aAAa,OAAO;YAC7B,KAAK;YACLX;QACJ;IACJ,GAAG;QAACW;QAAcX;KAAS;IAE3B,MAAM,EAAE,aAAaqB,YAAY,EAAE,GAAGC;IACtC,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAS;IAC/C,MAAMC,WAAWC,OAAuB;IAExCC,UAAU;QACNJ,eAAeE,UAAU,SAAS,gBAAgB;QAElD,OAAO;YACHF,eAAe;QACnB;IACJ;IAEA,MAAMK,mBAAmBC,SAAS,OAAO,EAAEC,WAAW,EAAE;QACpD,IAAIA,YAAY,GAAG,GAAG,KAClB,MAAM3B,KAAK,eAAe;IAElC,GAAG;IAEH,MAAM4B,iBAAiBf,YAAY;QAC/BX,uBAAuB;YAAE,iBAAiBN;QAAS;IACvD,GAAG;QAACA;KAAS;IAEb,MAAM,EAAEiC,aAAa,EAAE,GAAGrB;IAE1B,IAAI,CAACqB,eACD,OAAO,WAAP,GAAO,oBAACC,cAAYA;IAGxB,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,QAAQhC;QACR,OAAO,AAACC,KAAK,aAAa,GAAoBH,SAAjBG,KAAK,SAAS;QAC3C,iBAAiBY,gBAAgBhB;QACjC,kBAAkBkB,iBAAiBlB;QACnC,eAAemB;QACf,gBAAgBa;QAChB,aAAa5B,KAAK,MAAM;QACxB,mBAAmBA,KAAK,iBAAiB;QACzC,gBAAgBA,KAAK,SAAS;sBAElC,oBAAC;QACG,WAAW;QACX,OAAO;YAAE,KAAK;QAAQ;qBAEtB,oBAACgC,aAAWA,OAAAA,WAAAA,GACZ,oBAACC,SAAOA,OACPjC,AAAwB,MAAxBA,KAAK,OAAO,CAAC,MAAM,IACpBA,AAAwB,MAAxBA,KAAK,OAAO,CAAC,MAAM,IAClBA,KAAK,aAAa,G,cASf,wDACI,oBAACkC,WAASA;QACN,eAAY;QACZ,eAAeP,CAAAA,cAAeF,iBAAiB;gBAAEE;YAAY;qBAE7D,oBAACQ,OAAKA;QAAC,KAAKb;sBACZ,oBAACc,gBAAcA;QACX,MAAM,CAACpC,KAAK,aAAa,IAAIA,KAAK,IAAI,CAAC,YAAY;QACnD,UAAUA,KAAK,iBAAiB;QAChC,cAAciB;QACd,aAAaE;QACb,SAASnB,KAAK,eAAe;uBAGrC,oBAACqC,eAAaA;QACV,SAASrC,KAAK,aAAa;QAC3B,aAAaA,KAAK,iBAAiB;QACnC,YAAYA,KAAK,IAAI,CAAC,UAAU;QAChC,cAAcA,KAAK,OAAO,CAAC,MAAM;UA3BvB,WAAH,GACf,oBAACsC,OAAKA;QACF,UAAUtC,KAAK,QAAQ;QACvB,iBAAiBY,gBAAgBhB;QACjC,kBAAkBkB,iBAAiBlB;QACnC,eAAemB;QACf,gBAAgBa;;AA6B5C"}

package/admin/views/contentEntries/Table/Sidebar.d.ts

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

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

@@ -0,0 +1,10 @@
+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";
+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

@@ -0,0 +1 @@
+{"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.d.ts

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