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

package/admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.js

@@ -1,53 +1,20 @@
-"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.ButtonFilters = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _filter_alt = require("@material-design-icons/svg/outlined/filter_alt.svg");
-var _filter_alt_off = require("@material-design-icons/svg/outlined/filter_alt_off.svg");
-var _Button = require("@webiny/ui/Button");
-var _hooks = require("../../../../views/contentEntries/hooks");
-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 ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1hiy7so0"
-} : {
-  target: "e1hiy7so0",
-  label: "ButtonWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zvmrfm",
-  styles: "margin:0 8px"
-} : {
-  name: "zvmrfm",
-  styles: "margin:0 8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQyIsImZpbGUiOiJCdXR0b25GaWx0ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBGaWx0ZXJJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2ZpbHRlcl9hbHQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBDbG9zZUZpbHRlckljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvb3V0bGluZWQvZmlsdGVyX2FsdF9vZmYuc3ZnXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VDb250ZW50RW50cmllc0xpc3QgfSBmcm9tIFwifi9hZG1pbi92aWV3cy9jb250ZW50RW50cmllcy9ob29rc1wiO1xuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIG1hcmdpbjogMCA4cHg7XG5gO1xuXG5pbnRlcmZhY2UgSWNvblByb3BzIHtcbiAgICBzaG93aW5nRmlsdGVycz86IGJvb2xlYW47XG59XG5cbmNvbnN0IEljb24gPSAoeyBzaG93aW5nRmlsdGVycyB9OiBJY29uUHJvcHMpID0+IHtcbiAgICByZXR1cm4gc2hvd2luZ0ZpbHRlcnMgPyA8Q2xvc2VGaWx0ZXJJY29uIC8+IDogPEZpbHRlckljb24gLz47XG59O1xuY29uc3QgSWNvbkNvbXBvbmVudCA9IFJlYWN0Lm1lbW8oSWNvbik7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25GaWx0ZXJzID0gKCkgPT4ge1xuICAgIGNvbnN0IGxpc3QgPSB1c2VDb250ZW50RW50cmllc0xpc3QoKTtcblxuICAgIGNvbnN0IHRvZ2dsZUZpbHRlcnMgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGlmIChsaXN0LnNob3dpbmdGaWx0ZXJzKSB7XG4gICAgICAgICAgICBsaXN0LmhpZGVGaWx0ZXJzKCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgbGlzdC5zaG93RmlsdGVycygpO1xuICAgIH0sIFtsaXN0LnNob3dpbmdGaWx0ZXJzXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgaWNvbj17PEljb25Db21wb25lbnQgc2hvd2luZ0ZpbHRlcnM9e2xpc3Quc2hvd2luZ0ZpbHRlcnN9IC8+fVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUZpbHRlcnN9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjbXMubGlzdC1lbnRyaWVzLnRvZ2dsZS1maWx0ZXJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = function Icon(_ref) {
-  var showingFilters = _ref.showingFilters;
-  return showingFilters ? /*#__PURE__*/_react.default.createElement(_filter_alt_off.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_filter_alt.ReactComponent, null);
-};
-var IconComponent = /*#__PURE__*/_react.default.memo(Icon);
-var ButtonFilters = exports.ButtonFilters = function ButtonFilters() {
-  var list = (0, _hooks.useContentEntriesList)();
-  var toggleFilters = (0, _react.useCallback)(function () {
+import React, { useCallback } from "react";
+import { FiltersToggle } from "@webiny/app-admin";
+import { useContentEntriesList } from "../../../../views/contentEntries/hooks/index.js";
+export const ButtonFilters = () => {
+  const list = useContentEntriesList();
+  const toggleFilters = useCallback(() => {
     if (list.showingFilters) {
       list.hideFilters();
       return;
     }
     list.showFilters();
   }, [list.showingFilters]);
-  return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(IconComponent, {
-      showingFilters: list.showingFilters
-    }),
-    onClick: toggleFilters,
+  return /*#__PURE__*/React.createElement(FiltersToggle, {
+    onFiltersToggle: toggleFilters,
+    showingFilters: list.showingFilters,
     "data-testid": "cms.list-entries.toggle-filters"
-  }));
+  });
 };
 
 //# sourceMappingURL=ButtonFilters.js.map

package/admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_filter_alt","_filter_alt_off","_Button","_hooks","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Icon","_ref","showingFilters","createElement","ReactComponent","IconComponent","React","memo","ButtonFilters","exports","list","useContentEntriesList","toggleFilters","useCallback","hideFilters","showFilters","IconButton","icon","onClick"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as FilterIcon } from \"@material-design-icons/svg/outlined/filter_alt.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@material-design-icons/svg/outlined/filter_alt_off.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks\";\n\nconst ButtonWrapper = styled(\"div\")`\n    margin: 0 8px;\n`;\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\nexport const ButtonFilters = () => {\n    const list = useContentEntriesList();\n\n    const toggleFilters = useCallback(() => {\n        if (list.showingFilters) {\n            list.hideFilters();\n            return;\n        }\n        list.showFilters();\n    }, [list.showingFilters]);\n\n    return (\n        <ButtonWrapper>\n            <IconButton\n                icon={<IconComponent showingFilters={list.showingFilters} />}\n                onClick={toggleFilters}\n                data-testid=\"cms.list-entries.toggle-filters\"\n            />\n        </ButtonWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2E,SAAAK,iCAAA;AAE3E,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAElC;AAMD,IAAMa,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAsC;EAAA,IAAhCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAC1B,OAAOA,cAAc,gBAAGtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,eAAA,CAAAoB,cAAe,MAAE,CAAC,gBAAGxB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,WAAA,CAAAqB,cAAU,MAAE,CAAC;AAChE,CAAC;AACD,IAAMC,aAAa,gBAAGC,cAAK,CAACC,IAAI,CAACP,IAAI,CAAC;AAE/B,IAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EAC/B,IAAME,IAAI,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEpC,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpC,IAAIH,IAAI,CAACR,cAAc,EAAE;MACrBQ,IAAI,CAACI,WAAW,CAAC,CAAC;MAClB;IACJ;IACAJ,IAAI,CAACK,WAAW,CAAC,CAAC;EACtB,CAAC,EAAE,CAACL,IAAI,CAACR,cAAc,CAAC,CAAC;EAEzB,oBACItB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACf,aAAa,qBACVR,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,OAAA,CAAA+B,UAAU;IACPC,IAAI,eAAErC,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACE,aAAa;MAACH,cAAc,EAAEQ,IAAI,CAACR;IAAe,CAAE,CAAE;IAC7DgB,OAAO,EAAEN,aAAc;IACvB,eAAY;EAAiC,CAChD,CACU,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","FiltersToggle","useContentEntriesList","ButtonFilters","list","toggleFilters","showingFilters","hideFilters","showFilters","createElement","onFiltersToggle"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ButtonFilters = () => {\n    const list = useContentEntriesList();\n\n    const toggleFilters = useCallback(() => {\n        if (list.showingFilters) {\n            list.hideFilters();\n            return;\n        }\n        list.showFilters();\n    }, [list.showingFilters]);\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={toggleFilters}\n            showingFilters={list.showingFilters}\n            data-testid=\"cms.list-entries.toggle-filters\"\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,IAAI,GAAGF,qBAAqB,CAAC,CAAC;EAEpC,MAAMG,aAAa,GAAGL,WAAW,CAAC,MAAM;IACpC,IAAII,IAAI,CAACE,cAAc,EAAE;MACrBF,IAAI,CAACG,WAAW,CAAC,CAAC;MAClB;IACJ;IACAH,IAAI,CAACI,WAAW,CAAC,CAAC;EACtB,CAAC,EAAE,CAACJ,IAAI,CAACE,cAAc,CAAC,CAAC;EAEzB,oBACIP,KAAA,CAAAU,aAAA,CAACR,aAAa;IACVS,eAAe,EAAEL,aAAc;IAC/BC,cAAc,EAAEF,IAAI,CAACE,cAAe;IACpC,eAAY;EAAiC,CAChD,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Header/ButtonFilters/index.d.ts

@@ -1 +1 @@
-export * from "./ButtonFilters";
+export * from "./ButtonFilters.js";

package/admin/components/ContentEntries/Header/ButtonFilters/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ButtonFilters = require("./ButtonFilters");
-Object.keys(_ButtonFilters).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ButtonFilters[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ButtonFilters[key];
-    }
-  });
-});
+export * from "./ButtonFilters.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Header/ButtonFilters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ButtonFilters","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonFilters\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonFilters.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.js

@@ -1,55 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonsCreate = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _add = require("@material-design-icons/svg/filled/add.svg");
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var _styled = require("./styled");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _hooks = require("../../../../hooks");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-entries/header/buttons/create");
-var ButtonsCreate = exports.ButtonsCreate = function ButtonsCreate(_ref) {
-  var onCreateFolder = _ref.onCreateFolder,
-    onCreateEntry = _ref.onCreateEntry,
-    canCreateContent = _ref.canCreateContent,
-    canCreateFolder = _ref.canCreateFolder;
-  var _useModel = (0, _hooks.useModel)(),
-    model = _useModel.model;
-  var newFolderButton = /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
+import React from "react";
+import { ReactComponent as Add } from "@webiny/icons/add.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModel } from "../../../../hooks/index.js";
+import { Button, Tooltip } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/components/content-entries/header/buttons/create");
+export const ButtonsCreate = ({
+  onCreateFolder,
+  onCreateEntry,
+  canCreateContent,
+  canCreateFolder
+}) => {
+  const {
+    model
+  } = useModel();
+  let newFolderButton = /*#__PURE__*/React.createElement(Button, {
     "data-testid": "new-folder-button",
     onClick: onCreateFolder,
-    small: true,
-    disabled: !canCreateFolder
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
-  }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["New Folder"]))));
+    disabled: !canCreateFolder,
+    text: t`New Folder`,
+    icon: /*#__PURE__*/React.createElement(Add, null),
+    variant: "secondary"
+  });
   if (!canCreateFolder) {
-    newFolderButton = /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      content: "Cannot create folder because you're not an owner."
-    }, newFolderButton);
+    newFolderButton = /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Cannot create folder because you're not an owner.`,
+      trigger: newFolderButton
+    });
   }
-  var newEntryButton = /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+  let newEntryButton = /*#__PURE__*/React.createElement(Button, {
     "data-testid": "new-entry-button",
     onClick: onCreateEntry,
-    flat: true,
-    small: true,
-    disabled: !canCreateContent
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
-  }), "New ", model.name);
+    disabled: !canCreateContent,
+    text: `New ${model.name}`,
+    icon: /*#__PURE__*/React.createElement(Add, null)
+  });
   if (!canCreateContent) {
-    newEntryButton = /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      content: "Cannot create entry because you're not an owner."
-    }, newEntryButton);
+    newEntryButton = /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Cannot create entry because you're not an owner.`,
+      trigger: newEntryButton
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, newFolderButton, "\xA0", newEntryButton);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, newFolderButton, newEntryButton);
 };
 
 //# sourceMappingURL=ButtonsCreate.js.map

package/admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_add","_i18n","_Button","_styled","_Tooltip","_hooks","_templateObject","t","i18n","ns","ButtonsCreate","exports","_ref","onCreateFolder","onCreateEntry","canCreateContent","canCreateFolder","_useModel","useModel","model","newFolderButton","default","createElement","ButtonSecondary","onClick","small","disabled","ButtonIcon","icon","ReactComponent","_taggedTemplateLiteral2","Tooltip","content","newEntryButton","ButtonPrimary","flat","name","Container"],"sources":["ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@material-design-icons/svg/filled/add.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonIcon, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Container } from \"./styled\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useModel } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/header/buttons/create\");\n\ninterface ButtonsCreateProps {\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateEntry,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    const { model } = useModel();\n\n    let newFolderButton = (\n        <ButtonSecondary\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            small={true}\n            disabled={!canCreateFolder}\n        >\n            <ButtonIcon icon={<Add />} />\n            {t`New Folder`}\n        </ButtonSecondary>\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip content={`Cannot create folder because you're not an owner.`}>\n                {newFolderButton}\n            </Tooltip>\n        );\n    }\n\n    let newEntryButton = (\n        <ButtonPrimary\n            data-testid=\"new-entry-button\"\n            onClick={onCreateEntry}\n            flat={true}\n            small={true}\n            disabled={!canCreateContent}\n        >\n            <ButtonIcon icon={<Add />} />\n            New {model.name}\n        </ButtonPrimary>\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip content={`Cannot create entry because you're not an owner.`}>\n                {newEntryButton}\n            </Tooltip>\n        );\n    }\n\n    return (\n        <Container>\n            {newFolderButton}\n            &nbsp;\n            {newEntryButton}\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAyC,IAAAO,eAAA;AAEzC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yEAAyE,CAAC;AASrF,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAKA;EAAA,IAJtBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;EAEf,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAIC,eAAe,gBACfvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAqB,eAAe;IACZ,eAAY,mBAAmB;IAC/BC,OAAO,EAAEX,cAAe;IACxBY,KAAK,EAAE,IAAK;IACZC,QAAQ,EAAE,CAACV;EAAgB,gBAE3BnB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAyB,UAAU;IAACC,IAAI,eAAE/B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,cAAG,MAAE;EAAE,CAAE,CAAC,EAC5BtB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAT,OAAA,mBACW,CACpB;EAED,IAAI,CAACL,eAAe,EAAE;IAClBI,eAAe,gBACXvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAClB,QAAA,CAAA2B,OAAO;MAACC,OAAO;IAAsD,GACjEZ,eACI,CACZ;EACL;EAEA,IAAIa,cAAc,gBACdpC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAgC,aAAa;IACV,eAAY,kBAAkB;IAC9BV,OAAO,EAAEV,aAAc;IACvBqB,IAAI,EAAE,IAAK;IACXV,KAAK,EAAE,IAAK;IACZC,QAAQ,EAAE,CAACX;EAAiB,gBAE5BlB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAyB,UAAU;IAACC,IAAI,eAAE/B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,cAAG,MAAE;EAAE,CAAE,CAAC,QACzB,EAACV,KAAK,CAACiB,IACA,CAClB;EAED,IAAI,CAACrB,gBAAgB,EAAE;IACnBkB,cAAc,gBACVpC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAClB,QAAA,CAAA2B,OAAO;MAACC,OAAO;IAAqD,GAChEC,cACI,CACZ;EACL;EAEA,oBACIpC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAAkC,SAAS,QACLjB,eAAe,EAAC,MAEjB,EAACa,cACM,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Add","i18n","useModel","Button","Tooltip","t","ns","ButtonsCreate","onCreateFolder","onCreateEntry","canCreateContent","canCreateFolder","model","newFolderButton","createElement","onClick","disabled","text","icon","variant","content","trigger","newEntryButton","name","Fragment"],"sources":["ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModel } from \"~/admin/hooks/index.js\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/header/buttons/create\");\n\ninterface ButtonsCreateProps {\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateEntry,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    const { model } = useModel();\n\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={t`New Folder`}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateEntry}\n            disabled={!canCreateContent}\n            text={`New ${model.name}`}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create entry because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,GAAG,QAAQ,uBAAuB;AAC7D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ;AACjB,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAElD,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,yEAAyE,CAAC;AAS5F,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,cAAc;EACdC,aAAa;EACbC,gBAAgB;EAChBC;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAE5B,IAAIW,eAAe,gBACff,KAAA,CAAAgB,aAAA,CAACX,MAAM;IACH,eAAY,mBAAmB;IAC/BY,OAAO,EAAEP,cAAe;IACxBQ,QAAQ,EAAE,CAACL,eAAgB;IAC3BM,IAAI,EAAEZ,CAAC,YAAa;IACpBa,IAAI,eAAEpB,KAAA,CAAAgB,aAAA,CAACd,GAAG,MAAE,CAAE;IACdmB,OAAO,EAAE;EAAY,CACxB,CACJ;EAED,IAAI,CAACR,eAAe,EAAE;IAClBE,eAAe,gBACXf,KAAA,CAAAgB,aAAA,CAACV,OAAO;MACJgB,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAER;IAAgB,CAC5B,CACJ;EACL;EAEA,IAAIS,cAAc,gBACdxB,KAAA,CAAAgB,aAAA,CAACX,MAAM;IACH,eAAY,kBAAkB;IAC9BY,OAAO,EAAEN,aAAc;IACvBO,QAAQ,EAAE,CAACN,gBAAiB;IAC5BO,IAAI,EAAE,OAAOL,KAAK,CAACW,IAAI,EAAG;IAC1BL,IAAI,eAAEpB,KAAA,CAAAgB,aAAA,CAACd,GAAG,MAAE;EAAE,CACjB,CACJ;EAED,IAAI,CAACU,gBAAgB,EAAE;IACnBY,cAAc,gBACVxB,KAAA,CAAAgB,aAAA,CAACV,OAAO;MACJgB,OAAO,EAAE,kDAAmD;MAC5DC,OAAO,EAAEC;IAAe,CAC3B,CACJ;EACL;EAEA,oBACIxB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,QACKX,eAAe,EACfS,cACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Header/ButtonsCreate/index.d.ts

@@ -1 +1 @@
-export * from "./ButtonsCreate";
+export * from "./ButtonsCreate.js";

package/admin/components/ContentEntries/Header/ButtonsCreate/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ButtonsCreate = require("./ButtonsCreate");
-Object.keys(_ButtonsCreate).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ButtonsCreate[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ButtonsCreate[key];
-    }
-  });
-});
+export * from "./ButtonsCreate.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Header/ButtonsCreate/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ButtonsCreate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonsCreate\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonsCreate.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/admin/components/ContentEntries/Header/Header.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
 interface HeaderProps {
+    isRoot: boolean;
     title?: string;
     canCreateFolder: boolean;
     canCreateContent: boolean;
     onCreateEntry: (event?: React.SyntheticEvent) => void;
     onCreateFolder: (event?: React.SyntheticEvent) => void;
     searchValue: string;
+    searchPlaceholder: string;
     onSearchChange: (value: string) => void;
 }
 export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/admin/components/ContentEntries/Header/Header.js

@@ -1,35 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appAco = require("@webiny/app-aco");
-var _ButtonFilters = require("./ButtonFilters");
-var _ButtonsCreate = require("./ButtonsCreate");
-var _Title = require("./Title");
-var _styled = require("./styled");
-var Header = exports.Header = function Header(props) {
-  var canCreateFolder = props.canCreateFolder,
-    canCreateContent = props.canCreateContent,
-    onCreateEntry = props.onCreateEntry,
-    onCreateFolder = props.onCreateFolder,
-    title = props.title,
-    searchValue = props.searchValue,
-    onSearchChange = props.onSearchChange;
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_styled.TitleColumn, null, /*#__PURE__*/_react.default.createElement(_Title.Title, {
-    title: title
-  })), /*#__PURE__*/_react.default.createElement(_styled.ActionsColumn, null, /*#__PURE__*/_react.default.createElement(_styled.WrapperActions, null, /*#__PURE__*/_react.default.createElement(_appAco.Search, {
+import React from "react";
+import { Separator } from "@webiny/admin-ui";
+import { Search } from "@webiny/app-aco";
+import { ButtonFilters } from "./ButtonFilters/index.js";
+import { ButtonsCreate } from "./ButtonsCreate/index.js";
+import { Title } from "./Title/index.js";
+export const Header = props => {
+  const {
+    canCreateFolder,
+    canCreateContent,
+    onCreateEntry,
+    onCreateFolder,
+    title,
+    searchValue,
+    searchPlaceholder,
+    onSearchChange
+  } = props;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-md"
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    isRoot: props.isRoot
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "px-md pb-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/React.createElement(Search, {
     value: searchValue,
-    onChange: onSearchChange
-  }), /*#__PURE__*/_react.default.createElement(_ButtonFilters.ButtonFilters, null), /*#__PURE__*/_react.default.createElement(_ButtonsCreate.ButtonsCreate, {
+    onChange: onSearchChange,
+    placeholder: searchPlaceholder || "Search entries..."
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-sm"
+  }, /*#__PURE__*/React.createElement(ButtonFilters, null), /*#__PURE__*/React.createElement(ButtonsCreate, {
     canCreateFolder: canCreateFolder,
     canCreateContent: canCreateContent,
     onCreateFolder: onCreateFolder,
     onCreateEntry: onCreateEntry
-  }))));
+  })))))), /*#__PURE__*/React.createElement(Separator, null));
 };
 
 //# sourceMappingURL=Header.js.map

package/admin/components/ContentEntries/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAco","_ButtonFilters","_ButtonsCreate","_Title","_styled","Header","exports","props","canCreateFolder","canCreateContent","onCreateEntry","onCreateFolder","title","searchValue","onSearchChange","default","createElement","Container","TitleColumn","Title","ActionsColumn","WrapperActions","Search","value","onChange","ButtonFilters","ButtonsCreate"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Search } from \"@webiny/app-aco\";\nimport { ButtonFilters } from \"./ButtonFilters\";\nimport { ButtonsCreate } from \"./ButtonsCreate\";\nimport { Title } from \"./Title\";\nimport { ActionsColumn, Container, TitleColumn, WrapperActions } from \"./styled\";\n\ninterface HeaderProps {\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateEntry: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n    searchValue: string;\n    onSearchChange: (value: string) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const {\n        canCreateFolder,\n        canCreateContent,\n        onCreateEntry,\n        onCreateFolder,\n        title,\n        searchValue,\n        onSearchChange\n    } = props;\n\n    return (\n        <Container>\n            <TitleColumn>\n                <Title title={title} />\n            </TitleColumn>\n            <ActionsColumn>\n                <WrapperActions>\n                    <Search value={searchValue} onChange={onSearchChange} />\n                    <ButtonFilters />\n                    <ButtonsCreate\n                        canCreateFolder={canCreateFolder}\n                        canCreateContent={canCreateContent}\n                        onCreateFolder={onCreateFolder}\n                        onCreateEntry={onCreateEntry}\n                    />\n                </WrapperActions>\n            </ActionsColumn>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAYO,IAAMM,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EAC1C,IACIC,eAAe,GAOfD,KAAK,CAPLC,eAAe;IACfC,gBAAgB,GAMhBF,KAAK,CANLE,gBAAgB;IAChBC,aAAa,GAKbH,KAAK,CALLG,aAAa;IACbC,cAAc,GAIdJ,KAAK,CAJLI,cAAc;IACdC,KAAK,GAGLL,KAAK,CAHLK,KAAK;IACLC,WAAW,GAEXN,KAAK,CAFLM,WAAW;IACXC,cAAc,GACdP,KAAK,CADLO,cAAc;EAGlB,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,SAAS,qBACNpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,WAAW,qBACRrB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAgB,KAAK;IAACP,KAAK,EAAEA;EAAM,CAAE,CACb,CAAC,eACdf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAgB,aAAa,qBACVvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAiB,cAAc,qBACXxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAsB,MAAM;IAACC,KAAK,EAAEV,WAAY;IAACW,QAAQ,EAAEV;EAAe,CAAE,CAAC,eACxDjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAwB,aAAa,MAAE,CAAC,eACjB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,cAAA,CAAAwB,aAAa;IACVlB,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCE,cAAc,EAAEA,cAAe;IAC/BD,aAAa,EAAEA;EAAc,CAChC,CACW,CACL,CACR,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Separator","Search","ButtonFilters","ButtonsCreate","Title","Header","props","canCreateFolder","canCreateContent","onCreateEntry","onCreateFolder","title","searchValue","searchPlaceholder","onSearchChange","createElement","Fragment","className","isRoot","value","onChange","placeholder"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { Search } from \"@webiny/app-aco\";\nimport { ButtonFilters } from \"./ButtonFilters/index.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate/index.js\";\nimport { Title } from \"./Title/index.js\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateEntry: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n    searchValue: string;\n    searchPlaceholder: string;\n    onSearchChange: (value: string) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const {\n        canCreateFolder,\n        canCreateContent,\n        onCreateEntry,\n        onCreateFolder,\n        title,\n        searchValue,\n        searchPlaceholder,\n        onSearchChange\n    } = props;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={props.isRoot} />\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        <div className={\"flex-1\"}>\n                            <Search\n                                value={searchValue}\n                                onChange={onSearchChange}\n                                placeholder={searchPlaceholder || \"Search entries...\"}\n                            />\n                        </div>\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateEntry={onCreateEntry}\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,KAAK;AAcd,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,MAAM;IACFC,eAAe;IACfC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,KAAK;IACLC,WAAW;IACXC,iBAAiB;IACjBC;EACJ,CAAC,GAAGR,KAAK;EAET,oBACIP,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE;EAAuB,gBACnClB,KAAA,CAAAgB,aAAA,CAACX,KAAK;IAACO,KAAK,EAAEA,KAAM;IAACO,MAAM,EAAEZ,KAAK,CAACY;EAAO,CAAE,CAAC,eAC7CnB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BlB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE;EAAkC,gBAC9ClB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE;EAAS,gBACrBlB,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACHkB,KAAK,EAAEP,WAAY;IACnBQ,QAAQ,EAAEN,cAAe;IACzBO,WAAW,EAAER,iBAAiB,IAAI;EAAoB,CACzD,CACA,CAAC,eACNd,KAAA,CAAAgB,aAAA,2BACIhB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BlB,KAAA,CAAAgB,aAAA,CAACb,aAAa,MAAE,CAAC,eACjBH,KAAA,CAAAgB,aAAA,CAACZ,aAAa;IACVI,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCE,cAAc,EAAEA,cAAe;IAC/BD,aAAa,EAAEA;EAAc,CAChC,CACA,CACJ,CACJ,CACJ,CACJ,CAAC,eACNV,KAAA,CAAAgB,aAAA,CAACf,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Header/Title/Title.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface TitleProps {
+    isRoot: boolean;
     title?: string;
 }
-export declare const Title: ({ title }: TitleProps) => React.JSX.Element;
+export declare const Title: ({ title, isRoot }: TitleProps) => React.JSX.Element;
 export {};

package/admin/components/ContentEntries/Header/Title/Title.js

@@ -1,20 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("@webiny/ui/Skeleton");
-var _styled = require("./styled");
-var Title = exports.Title = function Title(_ref) {
-  var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(_styled.Name, {
-    use: "headline6",
-    tag: "h1"
-  }, title || /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-    theme: "dark"
+import React, { useMemo } from "react";
+import { Heading, Icon, Skeleton } from "@webiny/admin-ui";
+import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
+import { ReactComponent as FolderIcon } from "@webiny/icons/folder.svg";
+export const Title = ({
+  title,
+  isRoot
+}) => {
+  const icon = useMemo(() => {
+    return isRoot ? /*#__PURE__*/React.createElement(HomeIcon, null) : /*#__PURE__*/React.createElement(FolderIcon, null);
+  }, [isRoot]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-5/12 pt-md px-lg"
+  }, title && /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-sm items-center"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    label: title,
+    size: "md",
+    color: "neutral-strong"
+  }), /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    as: "h1",
+    className: "truncate"
+  }, title)) || /*#__PURE__*/React.createElement(Skeleton, {
+    size: "xl"
   }));
 };
 

package/admin/components/ContentEntries/Header/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","_styled","Title","exports","_ref","title","default","createElement","Name","use","tag","Skeleton","theme"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\nimport { Name } from \"./styled\";\n\ninterface TitleProps {\n    title?: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMO,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,IAAI;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7BL,KAAK,iBAAIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAW,QAAQ;IAACC,KAAK,EAAE;EAAO,CAAE,CAClC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Heading","Icon","Skeleton","ReactComponent","HomeIcon","FolderIcon","Title","title","isRoot","icon","createElement","className","label","size","color","level","as"],"sources":["Title.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Heading, Icon, Skeleton } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\n\ninterface TitleProps {\n    isRoot: boolean;\n    title?: string;\n}\n\nexport const Title = ({ title, isRoot }: TitleProps) => {\n    const icon = useMemo(() => {\n        return isRoot ? <HomeIcon /> : <FolderIcon />;\n    }, [isRoot]);\n\n    return (\n        <div className={\"w-5/12 pt-md px-lg\"}>\n            {(title && (\n                <div className={\"flex gap-sm items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"truncate\"}>\n                        {title}\n                    </Heading>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AAOvE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAmB,CAAC,KAAK;EACpD,MAAMC,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOS,MAAM,gBAAGV,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC,gBAAGN,KAAA,CAAAY,aAAA,CAACL,UAAU,MAAE,CAAC;EACjD,CAAC,EAAE,CAACG,MAAM,CAAC,CAAC;EAEZ,oBACIV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAqB,GAC/BJ,KAAK,iBACHT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,IAAI,EAAEA,IAAK;IAACG,KAAK,EAAEL,KAAM;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,CAAE,CAAC,eACvEhB,KAAA,CAAAY,aAAA,CAACV,OAAO;IAACe,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE,IAAK;IAACL,SAAS,EAAE;EAAW,GAC9CJ,KACI,CACR,CACR,iBAAKT,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACW,IAAI,EAAE;EAAK,CAAE,CAC5B,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Header/Title/index.d.ts

@@ -1 +1 @@
-export * from "./Title";
+export * from "./Title.js";

package/admin/components/ContentEntries/Header/Title/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Title = require("./Title");
-Object.keys(_Title).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Title[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Title[key];
-    }
-  });
-});
+export * from "./Title.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Header/Title/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Title","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/admin/components/ContentEntries/Header/index.d.ts

@@ -1 +1 @@
-export * from "./Header";
+export * from "./Header.js";

package/admin/components/ContentEntries/Header/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Header = require("./Header");
-Object.keys(_Header).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Header[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Header[key];
-    }
-  });
-});
+export * from "./Header.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Header\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Header.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.js

@@ -1,31 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadMoreButton = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-entries/load-more-button");
-var LoadMoreButton = exports.LoadMoreButton = function LoadMoreButton(_ref) {
-  var disabled = _ref.disabled,
-    windowHeight = _ref.windowHeight,
-    tableHeight = _ref.tableHeight,
-    show = _ref.show,
-    onClick = _ref.onClick;
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Button } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/components/content-entries/load-more-button");
+export const LoadMoreButton = ({
+  disabled,
+  windowHeight,
+  tableHeight,
+  show,
+  onClick
+}) => {
   if (!show || windowHeight <= tableHeight) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex text-center mt-md"
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     disabled: disabled,
-    flat: true
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Load more entries"])))));
+    text: t`Load more entries`
+  }));
 };
 
 //# sourceMappingURL=LoadMoreButton.js.map

package/admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Button","_styled","_templateObject","t","i18n","ns","LoadMoreButton","exports","_ref","disabled","windowHeight","tableHeight","show","onClick","default","createElement","Container","ButtonPrimary","flat","_taggedTemplateLiteral2"],"sources":["LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Container } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/load-more-button\");\n\ninterface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps) => {\n    if (!show || windowHeight <= tableHeight) {\n        return null;\n    }\n\n    return (\n        <Container>\n            <ButtonPrimary\n                onClick={onClick}\n                disabled={disabled}\n                flat={true}\n            >{t`Load more entries`}</ButtonPrimary>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,IAAAI,eAAA;AAErC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oEAAoE,CAAC;AAUhF,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAMA;EAAA,IALvBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,IAAA,CAAPK,OAAO;EAEP,IAAI,CAACD,IAAI,IAAIF,YAAY,IAAIC,WAAW,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,SAAS,qBACNpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAiB,aAAa;IACVJ,OAAO,EAAEA,OAAQ;IACjBJ,QAAQ,EAAEA,QAAS;IACnBS,IAAI,EAAE;EAAK,GACbf,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAiB,uBAAA,CAAAL,OAAA,0BAAmC,CAC/B,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","Button","t","ns","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","createElement","className","text"],"sources":["LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/load-more-button\");\n\ninterface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps) => {\n    if (!show || windowHeight <= tableHeight) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex text-center mt-md\"}>\n            <Button onClick={onClick} disabled={disabled} text={t`Load more entries`} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oEAAoE,CAAC;AAUvF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,WAAW;EACXC,IAAI;EACJC;AACiB,CAAC,KAAK;EACvB,IAAI,CAACD,IAAI,IAAIF,YAAY,IAAIC,WAAW,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrCZ,KAAA,CAAAW,aAAA,CAACT,MAAM;IAACQ,OAAO,EAAEA,OAAQ;IAACJ,QAAQ,EAAEA,QAAS;IAACO,IAAI,EAAEV,CAAC;EAAoB,CAAE,CAC1E,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/LoadMoreButton/index.d.ts

@@ -1 +1 @@
-export * from "./LoadMoreButton";
+export * from "./LoadMoreButton.js";