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

package/admin/views/contentEntries/ContentEntry.js

@@ -1,78 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentEntry = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Tabs = require("@webiny/ui/Tabs");
-var _Elevation = require("@webiny/ui/Elevation");
-var _Progress = require("@webiny/ui/Progress");
-var _RevisionsList = require("./ContentEntry/RevisionsList/RevisionsList");
-var _useContentEntry2 = require("./hooks/useContentEntry");
-var _ContentEntryForm = require("../../components/ContentEntryForm/ContentEntryForm");
-var _app = require("@webiny/app");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var DetailsContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e68rq0j1"
-} : {
-  target: "e68rq0j1",
-  label: "DetailsContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7dque2",
-  styles: "height:calc(100% - 10px);overflow:hidden;position:relative;.mdc-tab-bar{background-color:var(--mdc-theme-surface);}"
-} : {
-  name: "7dque2",
-  styles: "height:calc(100% - 10px);overflow:hidden;position:relative;.mdc-tab-bar{background-color:var(--mdc-theme-surface);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkNvbnRlbnRFbnRyeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUYWIsIFRhYnMgfSBmcm9tIFwiQHdlYmlueS91aS9UYWJzXCI7XG5pbXBvcnQgeyBFbGV2YXRpb24gfSBmcm9tIFwiQHdlYmlueS91aS9FbGV2YXRpb25cIjtcbmltcG9ydCB7IENpcmN1bGFyUHJvZ3Jlc3MgfSBmcm9tIFwiQHdlYmlueS91aS9Qcm9ncmVzc1wiO1xuaW1wb3J0IHsgUmV2aXNpb25zTGlzdCB9IGZyb20gXCIuL0NvbnRlbnRFbnRyeS9SZXZpc2lvbnNMaXN0L1JldmlzaW9uc0xpc3RcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRFbnRyeSB9IGZyb20gXCIuL2hvb2tzL3VzZUNvbnRlbnRFbnRyeVwiO1xuaW1wb3J0IHsgQ29udGVudEVudHJ5Rm9ybSB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvQ29udGVudEVudHJ5Rm9ybS9Db250ZW50RW50cnlGb3JtXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHBcIjtcblxuY29uc3QgRGV0YWlsc0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwJSAtIDEwcHgpXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIi5tZGMtdGFiLWJhclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBSZW5kZXJCbG9jayA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB6SW5kZXg6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgLypvdmVyZmxvdzogXCJzY3JvbGxcIiwqL1xuICAgIHBhZGRpbmc6IDI1XG59KTtcblxuY29uc3QgZWxldmF0aW9uU3R5bGVzID0gY3NzKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZGVjbGFyZSBnbG9iYWwge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgIG5hbWVzcGFjZSBKU1gge1xuICAgICAgICBpbnRlcmZhY2UgSW50cmluc2ljRWxlbWVudHMge1xuICAgICAgICAgICAgXCJ0ZXN0LWlkXCI6IHtcbiAgICAgICAgICAgICAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmV4cG9ydCBjb25zdCBDb250ZW50RW50cnkgPSBtYWtlRGVjb3JhdGFibGUoXCJDb250ZW50RW50cnlcIiwgKCkgPT4ge1xuICAgIGNvbnN0IHsgbG9hZGluZywgZW50cnksIGFjdGl2ZVRhYiwgc2V0QWN0aXZlVGFiIH0gPSB1c2VDb250ZW50RW50cnkoKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxEZXRhaWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgPHRlc3QtaWQgZGF0YS10ZXN0aWQ9XCJjbXMtY29udGVudC1kZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgPFRhYnMgdmFsdWU9e2FjdGl2ZVRhYn0gb25BY3RpdmF0ZT17c2V0QWN0aXZlVGFifT5cbiAgICAgICAgICAgICAgICAgICAgPFRhYlxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiQ29udGVudFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJjbXMuY29udGVudC1mb3JtLnRhYnMuY29udGVudFwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmVuZGVyQmxvY2s+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEVsZXZhdGlvbiB6PXsyfSBjbGFzc05hbWU9e2VsZXZhdGlvblN0eWxlc30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtsb2FkaW5nICYmIDxDaXJjdWxhclByb2dyZXNzIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudEVudHJ5Rm9ybSBlbnRyeT17ZW50cnl9IGFkZEVudHJ5VG9MaXN0Q2FjaGU9e3RydWV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9FbGV2YXRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1JlbmRlckJsb2NrPlxuICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgPFRhYlxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiUmV2aXNpb25zXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17bG9hZGluZ31cbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtcImNtcy5jb250ZW50LWZvcm0udGFicy5yZXZpc2lvbnNcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFJldmlzaW9uc0xpc3QgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgPC9UYWJzPlxuICAgICAgICAgICAgPC90ZXN0LWlkPlxuICAgICAgICA8L0RldGFpbHNDb250YWluZXI+XG4gICAgKTtcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var RenderBlock = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e68rq0j0"
-} : {
-  target: "e68rq0j0",
-  label: "RenderBlock"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8nvd3k",
-  styles: "position:relative;z-index:0;background-color:var(--mdc-theme-background);height:100%;padding:25px"
-} : {
-  name: "8nvd3k",
-  styles: "position:relative;z-index:0;background-color:var(--mdc-theme-background);height:100%;padding:25px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JvQiIsImZpbGUiOiJDb250ZW50RW50cnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGFiLCBUYWJzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVGFic1wiO1xuaW1wb3J0IHsgRWxldmF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRWxldmF0aW9uXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IFJldmlzaW9uc0xpc3QgfSBmcm9tIFwiLi9Db250ZW50RW50cnkvUmV2aXNpb25zTGlzdC9SZXZpc2lvbnNMaXN0XCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cnkgfSBmcm9tIFwiLi9ob29rcy91c2VDb250ZW50RW50cnlcIjtcbmltcG9ydCB7IENvbnRlbnRFbnRyeUZvcm0gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vQ29udGVudEVudHJ5Rm9ybVwiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwXCI7XG5cbmNvbnN0IERldGFpbHNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGhlaWdodDogXCJjYWxjKDEwMCUgLSAxMHB4KVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCIubWRjLXRhYi1iYXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuY29uc3QgUmVuZGVyQmxvY2sgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIC8qb3ZlcmZsb3c6IFwic2Nyb2xsXCIsKi9cbiAgICBwYWRkaW5nOiAyNVxufSk7XG5cbmNvbnN0IGVsZXZhdGlvblN0eWxlcyA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIlxufSk7XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICBuYW1lc3BhY2UgSlNYIHtcbiAgICAgICAgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcbiAgICAgICAgICAgIFwidGVzdC1pZFwiOiB7XG4gICAgICAgICAgICAgICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgfVxufVxuXG5leHBvcnQgY29uc3QgQ29udGVudEVudHJ5ID0gbWFrZURlY29yYXRhYmxlKFwiQ29udGVudEVudHJ5XCIsICgpID0+IHtcbiAgICBjb25zdCB7IGxvYWRpbmcsIGVudHJ5LCBhY3RpdmVUYWIsIHNldEFjdGl2ZVRhYiB9ID0gdXNlQ29udGVudEVudHJ5KCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RGV0YWlsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDx0ZXN0LWlkIGRhdGEtdGVzdGlkPVwiY21zLWNvbnRlbnQtZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgIDxUYWJzIHZhbHVlPXthY3RpdmVUYWJ9IG9uQWN0aXZhdGU9e3NldEFjdGl2ZVRhYn0+XG4gICAgICAgICAgICAgICAgICAgIDxUYWJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIkNvbnRlbnRcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1wiY21zLmNvbnRlbnQtZm9ybS50YWJzLmNvbnRlbnRcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFJlbmRlckJsb2NrPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFbGV2YXRpb24gej17Mn0gY2xhc3NOYW1lPXtlbGV2YXRpb25TdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7bG9hZGluZyAmJiA8Q2lyY3VsYXJQcm9ncmVzcyAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRFbnRyeUZvcm0gZW50cnk9e2VudHJ5fSBhZGRFbnRyeVRvTGlzdENhY2hlPXt0cnVlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRWxldmF0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9SZW5kZXJCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgIDxUYWJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIlJldmlzaW9uc1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJjbXMuY29udGVudC1mb3JtLnRhYnMucmV2aXNpb25zXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxSZXZpc2lvbnNMaXN0IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvVGFiPlxuICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgIDwvdGVzdC1pZD5cbiAgICAgICAgPC9EZXRhaWxzQ29udGFpbmVyPlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var elevationStyles = (0, _emotion.css)({
-  position: "relative"
-});
-var ContentEntry = exports.ContentEntry = (0, _app.makeDecoratable)("ContentEntry", function () {
-  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-    loading = _useContentEntry.loading,
-    entry = _useContentEntry.entry,
-    activeTab = _useContentEntry.activeTab,
-    setActiveTab = _useContentEntry.setActiveTab;
-  return /*#__PURE__*/_react.default.createElement(DetailsContainer, null, /*#__PURE__*/_react.default.createElement("test-id", {
+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";
+export const ContentEntry = makeDecoratable("ContentEntry", () => {
+  const {
+    loading,
+    entry,
+    activeTab,
+    setActiveTab
+  } = useContentEntry();
+  const [invalidFields, setInvalidFields] = useState(undefined);
+  const {
+    persistEntry
+  } = usePersistEntry({
+    addItemToListCache: true
+  });
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "cms-content-details"
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, {
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    id: "cms-content-details-tabs",
+    size: "md",
+    separator: true,
+    spacing: "lg",
     value: activeTab,
-    onActivate: setActiveTab
-  }, /*#__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(_ContentEntryForm.ContentEntryForm, {
-    entry: entry,
-    addEntryToListCache: true
-  })))), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Revisions",
-    disabled: loading,
-    "data-testid": "cms.content-form.tabs.revisions"
-  }, /*#__PURE__*/_react.default.createElement(_RevisionsList.RevisionsList, null)))));
+    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, null)
+    })]
+  }));
 });
 
 //# sourceMappingURL=ContentEntry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Tabs","_Elevation","_Progress","_RevisionsList","_useContentEntry2","_ContentEntryForm","_app","_EMOTION_STRINGIFIED_CSS_ERROR__","DetailsContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","RenderBlock","elevationStyles","css","position","ContentEntry","exports","makeDecoratable","_useContentEntry","useContentEntry","loading","entry","activeTab","setActiveTab","createElement","Tabs","value","onActivate","Tab","disabled","Elevation","z","className","CircularProgress","ContentEntryForm","addEntryToListCache","RevisionsList"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Tab, Tabs } from \"@webiny/ui/Tabs\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { RevisionsList } from \"./ContentEntry/RevisionsList/RevisionsList\";\nimport { useContentEntry } from \"./hooks/useContentEntry\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { makeDecoratable } from \"@webiny/app\";\n\nconst DetailsContainer = styled(\"div\")({\n    height: \"calc(100% - 10px)\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    \".mdc-tab-bar\": {\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 = makeDecoratable(\"ContentEntry\", () => {\n    const { loading, entry, activeTab, setActiveTab } = useContentEntry();\n\n    return (\n        <DetailsContainer>\n            <test-id data-testid=\"cms-content-details\">\n                <Tabs value={activeTab} onActivate={setActiveTab}>\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                                <ContentEntryForm entry={entry} addEntryToListCache={true} />\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":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","makeDecoratable","RevisionsList","useContentEntry","Header","ContentEntryForm","usePersistEntry","ValidationIndicators","OverlayLoader","Tabs","ContentEntry","loading","entry","activeTab","setActiveTab","invalidFields","setInvalidFields","undefined","persistEntry","addItemToListCache","createElement","id","size","separator","spacing","value","onValueChange","tabs","Tab","key","trigger","disabled","content","className","text","header","onInvalidFields"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app\";\nimport { RevisionsList } from \"./ContentEntry/RevisionsList/RevisionsList.js\";\nimport { useContentEntry } from \"./hooks/useContentEntry.js\";\nimport { Header } from \"~/admin/components/ContentEntryForm/Header/index.js\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry.js\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { ValidationIndicators } from \"./ValidationIndicators.js\";\nimport { OverlayLoader, Tabs } from \"@webiny/admin-ui\";\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"test-id\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nexport const ContentEntry = makeDecoratable(\"ContentEntry\", () => {\n    const { loading, entry, activeTab, setActiveTab } = useContentEntry();\n    const [invalidFields, setInvalidFields] = useState<FormValidation | undefined>(undefined);\n    const { persistEntry } = usePersistEntry({ addItemToListCache: true });\n\n    return (\n        <div data-testid=\"cms-content-details\">\n            <Tabs\n                id={\"cms-content-details-tabs\"}\n                size={\"md\"}\n                separator={true}\n                spacing={\"lg\"}\n                value={activeTab}\n                onValueChange={setActiveTab}\n                tabs={[\n                    <Tabs.Tab\n                        key={\"content\"}\n                        value={\"content\"}\n                        trigger={\"Content\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.content\"}\n                        content={\n                            <div className={\"relative\"}>\n                                {invalidFields ? (\n                                    <ValidationIndicators invalidFields={invalidFields} />\n                                ) : null}\n                                {loading && <OverlayLoader text={\"Loading entry...\"} />}\n                                <ContentEntryForm\n                                    entry={entry}\n                                    persistEntry={persistEntry}\n                                    header={<Header />}\n                                    onInvalidFields={invalidFields =>\n                                        setInvalidFields(invalidFields)\n                                    }\n                                />\n                            </div>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"revisions\"}\n                        value={\"revisions\"}\n                        trigger={\"Revisions\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.revisions\"}\n                        content={<RevisionsList />}\n                    />\n                ]}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAExB,SAASC,oBAAoB;AAC7B,SAASC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAYtD,OAAO,MAAMC,YAAY,GAAGT,eAAe,CAAC,cAAc,EAAE,MAAM;EAC9D,MAAM;IAAEU,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAGX,eAAe,CAAC,CAAC;EACrE,MAAM,CAACY,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAA6BiB,SAAS,CAAC;EACzF,MAAM;IAAEC;EAAa,CAAC,GAAGZ,eAAe,CAAC;IAAEa,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAEtE,oBACIpB,KAAA,CAAAqB,aAAA;IAAK,eAAY;EAAqB,gBAClCrB,KAAA,CAAAqB,aAAA,CAACX,IAAI;IACDY,EAAE,EAAE,0BAA2B;IAC/BC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE,IAAK;IAChBC,OAAO,EAAE,IAAK;IACdC,KAAK,EAAEZ,SAAU;IACjBa,aAAa,EAAEZ,YAAa;IAC5Ba,IAAI,EAAE,cACF5B,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,SAAU;MACfJ,KAAK,EAAE,SAAU;MACjBK,OAAO,EAAE,SAAU;MACnBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,+BAAgC;MAC7CqB,OAAO,eACHjC,KAAA,CAAAqB,aAAA;QAAKa,SAAS,EAAE;MAAW,GACtBlB,aAAa,gBACVhB,KAAA,CAAAqB,aAAA,CAACb,oBAAoB;QAACQ,aAAa,EAAEA;MAAc,CAAE,CAAC,GACtD,IAAI,EACPJ,OAAO,iBAAIZ,KAAA,CAAAqB,aAAA,CAACZ,aAAa;QAAC0B,IAAI,EAAE;MAAmB,CAAE,CAAC,eACvDnC,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;QACbO,KAAK,EAAEA,KAAM;QACbM,YAAY,EAAEA,YAAa;QAC3BiB,MAAM,eAAEpC,KAAA,CAAAqB,aAAA,CAAChB,MAAM,MAAE,CAAE;QACnBgC,eAAe,EAAErB,aAAa,IAC1BC,gBAAgB,CAACD,aAAa;MACjC,CACJ,CACA;IACR,CACJ,CAAC,eACFhB,KAAA,CAAAqB,aAAA,CAACX,IAAI,CAACmB,GAAG;MACLC,GAAG,EAAE,WAAY;MACjBJ,KAAK,EAAE,WAAY;MACnBK,OAAO,EAAE,WAAY;MACrBC,QAAQ,EAAEpB,OAAQ;MAClB,eAAa,iCAAkC;MAC/CqB,OAAO,eAAEjC,KAAA,CAAAqB,aAAA,CAAClB,aAAa,MAAE;IAAE,CAC9B,CAAC;EACJ,CACL,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/admin/views/contentEntries/SingletonContentEntryModule.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,27 @@
+import React from "react";
+import { 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 = ContentEntries.createDecorator(Original => {
+  return function ContentEntries() {
+    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);
+  };
+});
+export const SingletonContentEntryModule = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentEntriesDecorator, null));
+};
+
+//# sourceMappingURL=SingletonContentEntryModule.js.map

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

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

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

@@ -1,113 +1,126 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Main = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _appAco = require("@webiny/app-aco");
-var _Scrollbar = require("@webiny/ui/Scrollbar");
-var _Empty = require("../../../components/ContentEntries/Empty");
-var _Filters = require("../../../components/ContentEntries/Filters");
-var _Header = require("../../../components/ContentEntries/Header");
-var _LoadingMore = require("../../../components/ContentEntries/LoadingMore");
-var _LoadMoreButton = require("../../../components/ContentEntries/LoadMoreButton");
-var _Table = require("../../../components/ContentEntries/Table");
-var _styled = require("./styled");
-var _hooks = require("../hooks");
-var _ContentEntry = require("../ContentEntry");
-var _reactRouter = require("@webiny/react-router");
-var _constants = require("../../../constants");
-var _BulkActions = require("../../../components/ContentEntries/BulkActions");
-var Main = exports.Main = function Main(_ref) {
-  var initialFolderId = _ref.folderId;
-  var folderId = initialFolderId === undefined ? _constants.ROOT_FOLDER : initialFolderId;
-  var list = (0, _hooks.useContentEntriesList)();
-  var _useCreateDialog = (0, _appAco.useCreateDialog)(),
-    showCreateFolderDialog = _useCreateDialog.showDialog;
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
+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";
+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.
-  var _useContentEntry = (0, _hooks.useContentEntry)(),
-    canCreate = _useContentEntry.canCreate,
-    contentModel = _useContentEntry.contentModel;
-  var _useFolders = (0, _appAco.useFolders)(),
-    flp = _useFolders.folderLevelPermissions;
-  var canCreateFolder = (0, _react.useMemo)(function () {
-    return flp.canManageStructure(folderId);
-  }, [flp, folderId]);
-  var canCreateContent = (0, _react.useMemo)(function () {
-    return canCreate && flp.canManageContent(folderId);
-  }, [flp, folderId]);
-  var createEntry = (0, _react.useCallback)(function () {
-    var folder = folderId ? "&folderId=".concat(encodeURIComponent(folderId)) : "";
-    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true").concat(folder));
-  }, [canCreate, contentModel, folderId]);
-  var _window = window,
-    windowHeight = _window.innerHeight;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    tableHeight = _useState2[0],
-    setTableHeight = _useState2[1];
-  var tableRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+  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 function () {
+    return () => {
       setTableHeight(0);
     };
   });
-  var loadMoreOnScroll = (0, _debounce.default)(async function (_ref2) {
-    var scrollFrame = _ref2.scrollFrame;
+  const loadMoreOnScroll = debounce(async ({
+    scrollFrame
+  }) => {
     if (scrollFrame.top > 0.8) {
       await list.listMoreRecords();
     }
   }, 200);
-  var onCreateFolder = (0, _react.useCallback)(function () {
+  const onCreateFolder = useCallback(() => {
     showCreateFolderDialog({
       currentParentId: folderId
     });
   }, [folderId]);
-  var _useContentEntry2 = (0, _hooks.useContentEntry)(),
-    showEmptyView = _useContentEntry2.showEmptyView;
+  const {
+    showEmptyView
+  } = useContentEntry();
   if (!showEmptyView) {
-    return /*#__PURE__*/_react.default.createElement(_ContentEntry.ContentEntry, null);
+    return /*#__PURE__*/React.createElement(ContentEntry, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.MainContainer, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
+  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,
-    canCreateContent: canCreateContent,
+    canCreateFolder: canCreateFolder(folderId),
+    canCreateContent: canCreateContent(folderId),
     onCreateEntry: createEntry,
     onCreateFolder: onCreateFolder,
     searchValue: list.search,
+    searchPlaceholder: list.searchPlaceholder,
     onSearchChange: list.setSearch
-  }), /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActions, null), /*#__PURE__*/_react.default.createElement(_styled.Wrapper, null, /*#__PURE__*/_react.default.createElement(_Filters.Filters, null), list.records.length === 0 && list.folders.length === 0 && !list.isListLoading ? /*#__PURE__*/_react.default.createElement(_Empty.Empty, {
+  }), /*#__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,
-    canCreateContent: canCreateContent,
+    canCreateFolder: canCreateFolder(folderId),
+    canCreateContent: canCreateContent(folderId),
     onCreateEntry: createEntry,
     onCreateFolder: onCreateFolder
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Scrollbar, {
     "data-testid": "default-data-list",
-    onScrollFrame: function onScrollFrame(scrollFrame) {
-      return loadMoreOnScroll({
-        scrollFrame: scrollFrame
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Table.Table, {
+    onScrollFrame: scrollFrame => loadMoreOnScroll({
+      scrollFrame
+    })
+  }, /*#__PURE__*/React.createElement(Table, {
     ref: tableRef
-  }), /*#__PURE__*/_react.default.createElement(_LoadMoreButton.LoadMoreButton, {
+  }), /*#__PURE__*/React.createElement(LoadMoreButton, {
     show: !list.isListLoading && list.meta.hasMoreItems,
     disabled: list.isListLoadingMore,
     windowHeight: windowHeight,
     tableHeight: tableHeight,
     onClick: list.listMoreRecords
-  })), /*#__PURE__*/_react.default.createElement(_LoadingMore.LoadingMore, {
-    show: list.isListLoadingMore
+  })), /*#__PURE__*/React.createElement(BottomInfoBar, {
+    loading: list.isListLoading,
+    loadingMore: list.isListLoadingMore,
+    totalCount: list.meta.totalCount,
+    currentCount: list.records.length
   })))));
 };
 

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

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

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

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