@webiny/app-headless-cms 0.0.0-unstable.97a151f74d → 0.0.0-unstable.99666aeb00

package/HeadlessCMS.js

@@ -1,36 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeadlessCMS = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _plugins = require("@webiny/plugins");
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _app = require("@webiny/app");
-
 var _Cms = require("./admin/contexts/Cms");
-
 var _CmsMenuLoader = require("./admin/menus/CmsMenuLoader");
-
 var _apiInformation = _interopRequireDefault(require("./admin/plugins/apiInformation"));
-
 var _ContentEntriesModule = require("./admin/views/contentEntries/experiment/ContentEntriesModule");
-
 var _DefaultOnEntryDelete = require("./admin/plugins/entry/DefaultOnEntryDelete");
-
 var _DefaultOnEntryPublish = require("./admin/plugins/entry/DefaultOnEntryPublish");
-
 var _allPlugins = _interopRequireDefault(require("./allPlugins"));
-
+var _LexicalEditorCmsPlugin = require("./admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin");
 var createHeadlessCMSProvider = function createHeadlessCMSProvider(createApolloClient) {
   return function (Component) {
     return function HeadlessCMSProvider(_ref) {
@@ -41,26 +28,27 @@ var createHeadlessCMSProvider = function createHeadlessCMSProvider(createApolloC
     };
   };
 };
-
+/**
+ * If there is a problem with some state being reset, it's probably because of this plugin.
+ * Check that __typename from the API and the __typename in the state are the same.
+ * If not, add it into the attachTypeName array.
+ */
+var attachTypeName = ["CmsContentEntry", "RefField"];
 var HeadlessCMSExtension = function HeadlessCMSExtension(_ref2) {
   var createApolloClient = _ref2.createApolloClient;
-
   _plugins.plugins.register(_apiInformation.default);
-
   _plugins.plugins.register(_allPlugins.default);
-
   _plugins.plugins.register(new _app.ApolloCacheObjectIdPlugin(function (obj) {
     if (obj.__typename === "CmsContentModelField") {
       return null;
+    } else if (obj.__typename && attachTypeName.includes(obj.__typename)) {
+      return "".concat(obj.__typename, "_").concat(obj.id);
     }
-
     return undefined;
   }));
-
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesModule.ContentEntriesModule, null), /*#__PURE__*/_react.default.createElement(_appAdmin.Provider, {
     hoc: createHeadlessCMSProvider(createApolloClient)
-  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_CmsMenuLoader.CmsMenuLoader, null), /*#__PURE__*/_react.default.createElement(_DefaultOnEntryDelete.DefaultOnEntryDelete, null), /*#__PURE__*/_react.default.createElement(_DefaultOnEntryPublish.DefaultOnEntryPublish, null)));
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_CmsMenuLoader.CmsMenuLoader, null), /*#__PURE__*/_react.default.createElement(_DefaultOnEntryDelete.DefaultOnEntryDelete, null), /*#__PURE__*/_react.default.createElement(_DefaultOnEntryPublish.DefaultOnEntryPublish, null)), /*#__PURE__*/_react.default.createElement(_LexicalEditorCmsPlugin.LexicalEditorCmsPlugin, null));
 };
-
 var HeadlessCMS = /*#__PURE__*/(0, _react.memo)(HeadlessCMSExtension);
 exports.HeadlessCMS = HeadlessCMS;

package/HeadlessCMS.js.map

@@ -1 +1 @@
-{"version":3,"names":["createHeadlessCMSProvider","createApolloClient","Component","HeadlessCMSProvider","children","HeadlessCMSExtension","plugins","register","apiInformation","allPlugins","ApolloCacheObjectIdPlugin","obj","__typename","undefined","HeadlessCMS","memo"],"sources":["HeadlessCMS.tsx"],"sourcesContent":["import React, { Fragment, memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugins, Provider } from \"@webiny/app-admin\";\nimport { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CmsProvider } from \"./admin/contexts/Cms\";\nimport { CmsMenuLoader } from \"~/admin/menus/CmsMenuLoader\";\nimport apiInformation from \"./admin/plugins/apiInformation\";\nimport { ContentEntriesModule } from \"./admin/views/contentEntries/experiment/ContentEntriesModule\";\nimport { DefaultOnEntryDelete } from \"./admin/plugins/entry/DefaultOnEntryDelete\";\nimport { DefaultOnEntryPublish } from \"~/admin/plugins/entry/DefaultOnEntryPublish\";\nimport allPlugins from \"./allPlugins\";\n\nconst createHeadlessCMSProvider =\n    (createApolloClient: CreateApolloClient) =>\n    (Component: React.FC): React.FC => {\n        return function HeadlessCMSProvider({ children }) {\n            return (\n                <CmsProvider createApolloClient={createApolloClient}>\n                    <Component>{children}</Component>\n                </CmsProvider>\n            );\n        };\n    };\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface CreateApolloClient {\n    (params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nexport interface HeadlessCMSProps {\n    createApolloClient: CreateApolloClient;\n}\n\nconst HeadlessCMSExtension = ({ createApolloClient }: HeadlessCMSProps) => {\n    plugins.register(apiInformation);\n    plugins.register(allPlugins);\n\n    plugins.register(\n        new ApolloCacheObjectIdPlugin(obj => {\n            if (obj.__typename === \"CmsContentModelField\") {\n                return null;\n            }\n\n            return undefined;\n        })\n    );\n\n    return (\n        <Fragment>\n            <ContentEntriesModule />\n            <Provider hoc={createHeadlessCMSProvider(createApolloClient)} />\n            <Plugins>\n                <CmsMenuLoader />\n                <DefaultOnEntryDelete />\n                <DefaultOnEntryPublish />\n            </Plugins>\n        </Fragment>\n    );\n};\n\nexport const HeadlessCMS = memo(HeadlessCMSExtension);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,yBAAyB,GAC3B,SADEA,yBACF,CAACC,kBAAD;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,mBAAT,OAA2C;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC9C,oBACI,6BAAC,gBAAD;QAAa,kBAAkB,EAAEH;MAAjC,gBACI,6BAAC,SAAD,QAAYG,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADJ;;AAuBA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,QAA8C;EAAA,IAA3CJ,kBAA2C,SAA3CA,kBAA2C;;EACvEK,gBAAA,CAAQC,QAAR,CAAiBC,uBAAjB;;EACAF,gBAAA,CAAQC,QAAR,CAAiBE,mBAAjB;;EAEAH,gBAAA,CAAQC,QAAR,CACI,IAAIG,8BAAJ,CAA8B,UAAAC,GAAG,EAAI;IACjC,IAAIA,GAAG,CAACC,UAAJ,KAAmB,sBAAvB,EAA+C;MAC3C,OAAO,IAAP;IACH;;IAED,OAAOC,SAAP;EACH,CAND,CADJ;;EAUA,oBACI,6BAAC,eAAD,qBACI,6BAAC,0CAAD,OADJ,eAEI,6BAAC,kBAAD;IAAU,GAAG,EAAEb,yBAAyB,CAACC,kBAAD;EAAxC,EAFJ,eAGI,6BAAC,iBAAD,qBACI,6BAAC,4BAAD,OADJ,eAEI,6BAAC,0CAAD,OAFJ,eAGI,6BAAC,4CAAD,OAHJ,CAHJ,CADJ;AAWH,CAzBD;;AA2BO,IAAMa,WAAW,gBAAG,IAAAC,WAAA,EAAKV,oBAAL,CAApB"}
+{"version":3,"names":["createHeadlessCMSProvider","createApolloClient","Component","HeadlessCMSProvider","children","attachTypeName","HeadlessCMSExtension","plugins","register","apiInformation","allPlugins","ApolloCacheObjectIdPlugin","obj","__typename","includes","id","undefined","HeadlessCMS","memo"],"sources":["HeadlessCMS.tsx"],"sourcesContent":["import React, { Fragment, memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugins, Provider } from \"@webiny/app-admin\";\nimport { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CmsProvider } from \"./admin/contexts/Cms\";\nimport { CmsMenuLoader } from \"~/admin/menus/CmsMenuLoader\";\nimport apiInformation from \"./admin/plugins/apiInformation\";\nimport { ContentEntriesModule } from \"./admin/views/contentEntries/experiment/ContentEntriesModule\";\nimport { DefaultOnEntryDelete } from \"./admin/plugins/entry/DefaultOnEntryDelete\";\nimport { DefaultOnEntryPublish } from \"~/admin/plugins/entry/DefaultOnEntryPublish\";\nimport allPlugins from \"./allPlugins\";\nimport { LexicalEditorCmsPlugin } from \"~/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin\";\n\nconst createHeadlessCMSProvider =\n    (createApolloClient: CreateApolloClient) =>\n    (Component: React.FC): React.FC => {\n        return function HeadlessCMSProvider({ children }) {\n            return (\n                <CmsProvider createApolloClient={createApolloClient}>\n                    <Component>{children}</Component>\n                </CmsProvider>\n            );\n        };\n    };\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface CreateApolloClient {\n    (params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nexport interface HeadlessCMSProps {\n    createApolloClient: CreateApolloClient;\n}\n\n/**\n * If there is a problem with some state being reset, it's probably because of this plugin.\n * Check that __typename from the API and the __typename in the state are the same.\n * If not, add it into the attachTypeName array.\n */\nconst attachTypeName = [\"CmsContentEntry\", \"RefField\"];\n\nconst HeadlessCMSExtension = ({ createApolloClient }: HeadlessCMSProps) => {\n    plugins.register(apiInformation);\n    plugins.register(allPlugins);\n\n    plugins.register(\n        new ApolloCacheObjectIdPlugin(obj => {\n            if (obj.__typename === \"CmsContentModelField\") {\n                return null;\n            } else if (obj.__typename && attachTypeName.includes(obj.__typename)) {\n                return `${obj.__typename}_${obj.id}`;\n            }\n\n            return undefined;\n        })\n    );\n\n    return (\n        <Fragment>\n            <ContentEntriesModule />\n            <Provider hoc={createHeadlessCMSProvider(createApolloClient)} />\n            <Plugins>\n                <CmsMenuLoader />\n                <DefaultOnEntryDelete />\n                <DefaultOnEntryPublish />\n            </Plugins>\n            <LexicalEditorCmsPlugin />\n        </Fragment>\n    );\n};\n\nexport const HeadlessCMS = memo(HeadlessCMSExtension);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,yBAAyB,GAC3B,SADEA,yBAAyB,CAC1BC,kBAAsC;EAAA,OACvC,UAACC,SAAmB,EAAe;IAC/B,OAAO,SAASC,mBAAmB,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MAC1C,oBACI,6BAAC,gBAAW;QAAC,kBAAkB,EAAEH;MAAmB,gBAChD,6BAAC,SAAS,QAAEG,QAAQ,CAAa,CACvB;IAEtB,CAAC;EACL,CAAC;AAAA;AAaL;AACA;AACA;AACA;AACA;AACA,IAAMC,cAAc,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC;AAEtD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,QAAiD;EAAA,IAA3CL,kBAAkB,SAAlBA,kBAAkB;EAC9CM,gBAAO,CAACC,QAAQ,CAACC,uBAAc,CAAC;EAChCF,gBAAO,CAACC,QAAQ,CAACE,mBAAU,CAAC;EAE5BH,gBAAO,CAACC,QAAQ,CACZ,IAAIG,8BAAyB,CAAC,UAAAC,GAAG,EAAI;IACjC,IAAIA,GAAG,CAACC,UAAU,KAAK,sBAAsB,EAAE;MAC3C,OAAO,IAAI;IACf,CAAC,MAAM,IAAID,GAAG,CAACC,UAAU,IAAIR,cAAc,CAACS,QAAQ,CAACF,GAAG,CAACC,UAAU,CAAC,EAAE;MAClE,iBAAUD,GAAG,CAACC,UAAU,cAAID,GAAG,CAACG,EAAE;IACtC;IAEA,OAAOC,SAAS;EACpB,CAAC,CAAC,CACL;EAED,oBACI,6BAAC,eAAQ,qBACL,6BAAC,0CAAoB,OAAG,eACxB,6BAAC,kBAAQ;IAAC,GAAG,EAAEhB,yBAAyB,CAACC,kBAAkB;EAAE,EAAG,eAChE,6BAAC,iBAAO,qBACJ,6BAAC,4BAAa,OAAG,eACjB,6BAAC,0CAAoB,OAAG,eACxB,6BAAC,4CAAqB,OAAG,CACnB,eACV,6BAAC,8CAAsB,OAAG,CACnB;AAEnB,CAAC;AAEM,IAAMgB,WAAW,gBAAG,IAAAC,WAAI,EAACZ,oBAAoB,CAAC;AAAC"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    isSearch: boolean;
+    onCreateEntry: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+    canCreate: boolean;
+}
+export declare const Empty: React.VFC<Props>;
+export {};

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Empty = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _search = require("@material-design-icons/svg/outlined/search.svg");
+var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var _styled = require("./styled");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-entries/empty");
+var Empty = function Empty(_ref) {
+  var isSearch = _ref.isSearch,
+    onCreateEntry = _ref.onCreateEntry,
+    onCreateFolder = _ref.onCreateFolder,
+    canCreate = _ref.canCreate;
+  if (isSearch) {
+    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_search.ReactComponent, null),
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No results found."]))),
+      action: null
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+    title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Nothing to show here, {message} "])))({
+      message: canCreate ? "navigate to a different folder or create a..." : "click on the left side to navigate to a different folder."
+    }),
+    action: canCreate ? /*#__PURE__*/_react.default.createElement(_styled.Buttons, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      "data-testid": "new-folder-button",
+      onClick: onCreateFolder
+    }, /*#__PURE__*/_react.default.createElement(_styled.Icon, null), " ", t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Folder"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      "data-testid": "new-entry-button",
+      onClick: onCreateEntry
+    }, /*#__PURE__*/_react.default.createElement(_styled.Icon, null), " ", t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New Entry"]))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+  });
+};
+exports.Empty = Empty;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","Empty","isSearch","onCreateEntry","onCreateFolder","canCreate","message"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Buttons, Icon } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/empty\");\n\ninterface Props {\n    isSearch: boolean;\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreate: boolean;\n}\n\nexport const Empty: React.VFC<Props> = ({ isSearch, onCreateEntry, onCreateFolder, canCreate }) => {\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={t`No results found.`} action={null} />;\n    }\n\n    return (\n        <EmptyView\n            title={t`Nothing to show here, {message} `({\n                message: canCreate\n                    ? \"navigate to a different folder or create a...\"\n                    : \"click on the left side to navigate to a different folder.\"\n            })}\n            action={\n                canCreate ? (\n                    <Buttons>\n                        <ButtonDefault data-testid=\"new-folder-button\" onClick={onCreateFolder}>\n                            <Icon /> {t`New Folder`}\n                        </ButtonDefault>\n                        <ButtonDefault data-testid=\"new-entry-button\" onClick={onCreateEntry}>\n                            <Icon /> {t`New Entry`}\n                        </ButtonDefault>\n                    </Buttons>\n                ) : (\n                    <></>\n                )\n            }\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAEzC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yDAAyD,CAAC;AASrE,IAAMC,KAAuB,GAAG,SAA1BA,KAAuB,OAA+D;EAAA,IAAzDC,QAAQ,QAARA,QAAQ;IAAEC,aAAa,QAAbA,aAAa;IAAEC,cAAc,QAAdA,cAAc;IAAEC,SAAS,QAATA,SAAS;EACxF,IAAIH,QAAQ,EAAE;IACV,oBAAO,6BAAC,kBAAS;MAAC,IAAI,eAAE,6BAAC,sBAAU,OAAI;MAAC,KAAK,EAAEJ,CAAC,oGAAoB;MAAC,MAAM,EAAE;IAAK,EAAG;EACzF;EAEA,oBACI,6BAAC,kBAAS;IACN,KAAK,EAAEA,CAAC,sHAAmC;MACvCQ,OAAO,EAAED,SAAS,GACZ,+CAA+C,GAC/C;IACV,CAAC,CAAE;IACH,MAAM,EACFA,SAAS,gBACL,6BAAC,eAAO,qBACJ,6BAAC,qBAAa;MAAC,eAAY,mBAAmB;MAAC,OAAO,EAAED;IAAe,gBACnE,6BAAC,YAAI,OAAG,KAAC,EAACN,CAAC,gGACC,eAChB,6BAAC,qBAAa;MAAC,eAAY,kBAAkB;MAAC,OAAO,EAAEK;IAAc,gBACjE,6BAAC,YAAI,OAAG,KAAC,EAACL,CAAC,+FACC,CACV,gBAEV;EAEP,EACH;AAEV,CAAC;AAAC"}

package/admin/components/ContentEntries/Empty/styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const Buttons: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Icon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/admin/components/ContentEntries/Empty/styled.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = exports.Buttons = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _add = require("@material-design-icons/svg/filled/add.svg");
+var Buttons = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Buttons",
+  target: "edlq3et0"
+})("> button{margin:0 8px;}");
+exports.Buttons = Buttons;
+var Icon = /*#__PURE__*/(0, _styled.default)(_add.ReactComponent, {
+  label: "Icon",
+  target: "edlq3et1"
+})("fill:var(--mdc-theme-primary);width:18px;margin-right:8px;");
+exports.Icon = Icon;

package/admin/components/ContentEntries/Empty/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Buttons","styled","Icon","Add"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Add } from \"@material-design-icons/svg/filled/add.svg\";\n\nexport const Buttons = styled(\"div\")`\n    > button {\n        margin: 0 8px;\n    }\n`;\n\nexport const Icon = styled(Add)`\n    fill: var(--mdc-theme-primary);\n    width: 18px;\n    margin-right: 8px;\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,6BAIlC;AAAC;AAEK,IAAMC,IAAI,oBAAGD,eAAM,EAACE,mBAAG;EAAA;EAAA;AAAA,gEAI7B;AAAC"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    onCreateEntry: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+}
+export declare const ButtonsCreate: React.VFC<Props>;
+export {};

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

@@ -0,0 +1,34 @@
+"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 _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-entries/header/buttons/create");
+var ButtonsCreate = function ButtonsCreate(_ref) {
+  var onCreateFolder = _ref.onCreateFolder,
+    onCreateEntry = _ref.onCreateEntry;
+  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
+    "data-testid": "new-folder-button",
+    onClick: onCreateFolder,
+    small: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
+  }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["New Folder"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    "data-testid": "new-entry-button",
+    onClick: onCreateEntry,
+    flat: true,
+    small: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
+  }), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))));
+};
+exports.ButtonsCreate = ButtonsCreate;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","ButtonsCreate","onCreateFolder","onCreateEntry"],"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\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/header/buttons/create\");\n\ninterface Props {\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n}\n\nexport const ButtonsCreate: React.VFC<Props> = ({ onCreateFolder, onCreateEntry }) => {\n    return (\n        <Container>\n            <ButtonSecondary data-testid=\"new-folder-button\" onClick={onCreateFolder} small={true}>\n                <ButtonIcon icon={<Add />} />\n                {t`New Folder`}\n            </ButtonSecondary>\n            <ButtonPrimary\n                data-testid=\"new-entry-button\"\n                onClick={onCreateEntry}\n                flat={true}\n                small={true}\n            >\n                <ButtonIcon icon={<Add />} />\n                {t`New Entry`}\n            </ButtonPrimary>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAqC;AAErC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yEAAyE,CAAC;AAOrF,IAAMC,aAA+B,GAAG,SAAlCA,aAA+B,OAA0C;EAAA,IAApCC,cAAc,QAAdA,cAAc;IAAEC,aAAa,QAAbA,aAAa;EAC3E,oBACI,6BAAC,iBAAS,qBACN,6BAAC,uBAAe;IAAC,eAAY,mBAAmB;IAAC,OAAO,EAAED,cAAe;IAAC,KAAK,EAAE;EAAK,gBAClF,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,mBAAG;EAAI,EAAG,EAC5BJ,CAAC,8FACY,eAClB,6BAAC,qBAAa;IACV,eAAY,kBAAkB;IAC9B,OAAO,EAAEK,aAAc;IACvB,IAAI,EAAE,IAAK;IACX,KAAK,EAAE;EAAK,gBAEZ,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,mBAAG;EAAI,EAAG,EAC5BL,CAAC,+FACU,CACR;AAEpB,CAAC;AAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonsCreate\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "ebq50ak0"
+})("display:flex;justify-content:flex-end;align-items:center;> button{margin-left:8px;}");
+exports.Container = Container;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    > button {\n        margin-left: 8px;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,yFAQpC;AAAC"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface Props {
+    title?: string;
+    canCreate: boolean;
+    onCreateEntry: (event?: React.SyntheticEvent) => void;
+    onCreateFolder: (event?: React.SyntheticEvent) => void;
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+}
+export declare const Header: React.VFC<Props>;
+export {};

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

@@ -0,0 +1,40 @@
+"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 _Grid = require("@webiny/ui/Grid");
+var _ButtonsCreate = require("./ButtonsCreate");
+var _Title = require("./Title");
+var _styled = require("./styled");
+var Header = function Header(props) {
+  var canCreate = props.canCreate,
+    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(_Grid.Grid, {
+    align: "right",
+    style: {
+      padding: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 4
+  }, /*#__PURE__*/_react.default.createElement(_Title.Title, {
+    title: title
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 8
+  }, /*#__PURE__*/_react.default.createElement(_styled.WrapperActions, null, /*#__PURE__*/_react.default.createElement(_appAco.Search, {
+    value: searchValue,
+    onChange: onSearchChange
+  }), canCreate && /*#__PURE__*/_react.default.createElement(_ButtonsCreate.ButtonsCreate, {
+    onCreateFolder: onCreateFolder,
+    onCreateEntry: onCreateEntry
+  })))));
+};
+exports.Header = Header;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Header","props","canCreate","onCreateEntry","onCreateFolder","title","searchValue","onSearchChange","padding"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Search } from \"@webiny/app-aco\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonsCreate } from \"./ButtonsCreate\";\nimport { Title } from \"./Title\";\n\nimport { Container, WrapperActions } from \"./styled\";\n\ninterface Props {\n    title?: string;\n    canCreate: 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: React.VFC<Props> = props => {\n    const { canCreate, onCreateEntry, onCreateFolder, title, searchValue, onSearchChange } = props;\n    return (\n        <Container>\n            <Grid align={\"right\"} style={{ padding: 0 }}>\n                <Cell span={4}>\n                    <Title title={title} />\n                </Cell>\n                <Cell span={8}>\n                    <WrapperActions>\n                        <Search value={searchValue} onChange={onSearchChange} />\n                        {canCreate && (\n                            <ButtonsCreate\n                                onCreateFolder={onCreateFolder}\n                                onCreateEntry={onCreateEntry}\n                            />\n                        )}\n                    </WrapperActions>\n                </Cell>\n            </Grid>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAWO,IAAMA,MAAwB,GAAG,SAA3BA,MAAwB,CAAGC,KAAK,EAAI;EAC7C,IAAQC,SAAS,GAAwED,KAAK,CAAtFC,SAAS;IAAEC,aAAa,GAAyDF,KAAK,CAA3EE,aAAa;IAAEC,cAAc,GAAyCH,KAAK,CAA5DG,cAAc;IAAEC,KAAK,GAAkCJ,KAAK,CAA5CI,KAAK;IAAEC,WAAW,GAAqBL,KAAK,CAArCK,WAAW;IAAEC,cAAc,GAAKN,KAAK,CAAxBM,cAAc;EACpF,oBACI,6BAAC,iBAAS,qBACN,6BAAC,UAAI;IAAC,KAAK,EAAE,OAAQ;IAAC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAE;EAAE,gBACxC,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,gBACV,6BAAC,YAAK;IAAC,KAAK,EAAEH;EAAM,EAAG,CACpB,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,gBACV,6BAAC,sBAAc,qBACX,6BAAC,cAAM;IAAC,KAAK,EAAEC,WAAY;IAAC,QAAQ,EAAEC;EAAe,EAAG,EACvDL,SAAS,iBACN,6BAAC,4BAAa;IACV,cAAc,EAAEE,cAAe;IAC/B,aAAa,EAAED;EAAc,EAEpC,CACY,CACd,CACJ,CACC;AAEpB,CAAC;AAAC"}

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    title?: string;
+}
+export declare const Title: React.VFC<Props>;
+export {};

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

@@ -0,0 +1,20 @@
+"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 = 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"
+  }));
+};
+exports.Title = Title;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Title","title"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\nimport { Name } from \"./styled\";\n\ninterface Props {\n    title?: string;\n}\n\nexport const Title: React.VFC<Props> = ({ title }) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAMO,IAAMA,KAAuB,GAAG,SAA1BA,KAAuB,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC3C,oBACI,6BAAC,YAAI;IAAC,GAAG,EAAE,WAAY;IAAC,GAAG,EAAE;EAAK,GAC7BA,KAAK,iBAAI,6BAAC,kBAAQ;IAAC,KAAK,EAAE;EAAO,EAAG,CAClC;AAEf,CAAC;AAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TypographyProps } from "@webiny/ui/Typography";
+export declare const Name: import("@emotion/styled").StyledComponent<TypographyProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Name = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Typography = require("@webiny/ui/Typography");
+var Name = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
+  label: "Name",
+  target: "e5s674u0"
+})("padding-left:16px;line-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;");
+exports.Name = Name;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Name","styled","Typography"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Typography, TypographyProps } from \"@webiny/ui/Typography\";\n\nexport const Name = styled(Typography)<TypographyProps>`\n    padding-left: 16px;\n    line-height: 48px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,IAAI,oBAAGC,eAAM,EAACC,sBAAU;EAAA;EAAA;AAAA,mGAMpC;AAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Header\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperActions: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WrapperActions = exports.Container = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "eih6qoy0"
+})("padding:8px 20px 8px 0;width:100%;height:65px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:3;background:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);");
+exports.Container = Container;
+var WrapperActions = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "WrapperActions",
+  target: "eih6qoy1"
+})("width:100%;display:flex;justify-content:flex-end;align-items:center;height:100%;");
+exports.WrapperActions = WrapperActions;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled","WrapperActions"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    padding: 8px 20px 8px 0;\n    width: 100%;\n    height: 65px;\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 3;\n    background: var(--mdc-theme-surface);\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n`;\n\nexport const WrapperActions = styled(\"div\")`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    height: 100%;\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,gMAWpC;AAAC;AAEK,IAAMC,cAAc,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,sFAMzC;AAAC"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface Props {
+    windowHeight: number;
+    tableHeight: number;
+    onClick: () => void;
+    disabled?: boolean;
+    show: boolean;
+}
+export declare const LoadMoreButton: React.VFC<Props>;
+export {};

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

@@ -0,0 +1,30 @@
+"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 = function LoadMoreButton(_ref) {
+  var disabled = _ref.disabled,
+    windowHeight = _ref.windowHeight,
+    tableHeight = _ref.tableHeight,
+    show = _ref.show,
+    onClick = _ref.onClick;
+  if (!show || windowHeight <= tableHeight) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    onClick: onClick,
+    disabled: disabled,
+    flat: true
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Load more entries"])))));
+};
+exports.LoadMoreButton = LoadMoreButton;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick"],"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 Props {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton: React.VFC<Props> = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}) => {\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;AACA;AACA;AACA;AAAqC;AAErC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oEAAoE,CAAC;AAUhF,IAAMC,cAAgC,GAAG,SAAnCA,cAAgC,OAMvC;EAAA,IALFC,QAAQ,QAARA,QAAQ;IACRC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;EAEP,IAAI,CAACD,IAAI,IAAIF,YAAY,IAAIC,WAAW,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,iBAAS,qBACN,6BAAC,qBAAa;IACV,OAAO,EAAEE,OAAQ;IACjB,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAE;EAAK,GACbJ,CAAC,qGAAoC,CAC/B;AAEpB,CAAC;AAAC"}

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LoadMoreButton = require("./LoadMoreButton");
+Object.keys(_LoadMoreButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoadMoreButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LoadMoreButton[key];
+    }
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadMoreButton\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "emhuqmk0"
+})("display:flex;justify-content:center;margin-top:16px;");
+exports.Container = Container;