@webiny/app-headless-cms 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

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 _ContentEntriesModule = require("./admin/views/contentEntries/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":["_react","_interopRequireWildcard","require","_plugins","_appAdmin","_app","_Cms","_CmsMenuLoader","_apiInformation","_interopRequireDefault","_ContentEntriesModule","_DefaultOnEntryDelete","_DefaultOnEntryPublish","_allPlugins","_LexicalEditorCmsPlugin","createHeadlessCMSProvider","createApolloClient","Component","HeadlessCMSProvider","_ref","children","default","createElement","CmsProvider","attachTypeName","HeadlessCMSExtension","_ref2","plugins","register","apiInformation","allPlugins","ApolloCacheObjectIdPlugin","obj","__typename","includes","concat","id","undefined","Fragment","ContentEntriesModule","Provider","hoc","Plugins","CmsMenuLoader","DefaultOnEntryDelete","DefaultOnEntryPublish","LexicalEditorCmsPlugin","HeadlessCMS","memo","exports"],"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/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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAEA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,qBAAA,GAAAT,OAAA;AACA,IAAAU,sBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAJ,sBAAA,CAAAP,OAAA;AACA,IAAAY,uBAAA,GAAAZ,OAAA;AAEA,IAAMa,yBAAyB,GAC3B,SADEA,yBAAyBA,CAC1BC,kBAAsC;EAAA,OACvC,UAACC,SAAmB,EAAe;IAC/B,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;MAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAC1C,oBACIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,IAAA,CAAAiB,WAAW;QAACP,kBAAkB,EAAEA;MAAmB,gBAChDhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACvB,CAAC;IAEtB,CAAC;EACL,CAAC;AAAA;AAaL;AACA;AACA;AACA;AACA;AACA,IAAMI,cAAc,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC;AAEtD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAAiD;EAAA,IAA3CV,kBAAkB,GAAAU,KAAA,CAAlBV,kBAAkB;EAC9CW,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,IAAIT,cAAc,CAACU,QAAQ,CAACF,GAAG,CAACC,UAAU,CAAC,EAAE;MAClE,UAAAE,MAAA,CAAUH,GAAG,CAACC,UAAU,OAAAE,MAAA,CAAIH,GAAG,CAACI,EAAE;IACtC;IAEA,OAAOC,SAAS;EACpB,CAAC,CACL,CAAC;EAED,oBACIrC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACtB,MAAA,CAAAsC,QAAQ,qBACLtC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAA6B,oBAAoB,MAAE,CAAC,eACxBvC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAoC,QAAQ;IAACC,GAAG,EAAE1B,yBAAyB,CAACC,kBAAkB;EAAE,CAAE,CAAC,eAChEhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAsC,OAAO,qBACJ1C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAoC,aAAa,MAAE,CAAC,eACjB3C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACX,qBAAA,CAAAiC,oBAAoB,MAAE,CAAC,eACxB5C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAiC,qBAAqB,MAAE,CACnB,CAAC,eACV7C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAgC,sBAAsB,MAAE,CACnB,CAAC;AAEnB,CAAC;AAEM,IAAMC,WAAW,gBAAG,IAAAC,WAAI,EAACvB,oBAAoB,CAAC;AAACwB,OAAA,CAAAF,WAAA,GAAAA,WAAA"}

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":["_react","_interopRequireDefault","require","_search","_EmptyView","_i18n","_Button","_styled","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","Empty","_ref","isSearch","onCreateEntry","onCreateFolder","canCreate","default","createElement","icon","ReactComponent","title","_taggedTemplateLiteral2","action","message","Buttons","ButtonDefault","onClick","Icon","Fragment","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEzC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yDAAyD,CAAC;AASrE,IAAMC,KAAuB,GAAG,SAA1BA,KAAuBA,CAAAC,IAAA,EAA+D;EAAA,IAAzDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EACxF,IAAIH,QAAQ,EAAE;IACV,oBAAOjB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAAiB,OAAS;MAACE,IAAI,eAAEvB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAAqB,cAAU,MAAE,CAAE;MAACC,KAAK,EAAEb,CAAC,CAAAJ,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,CAAAL,OAAA,0BAAoB;MAACM,MAAM,EAAE;IAAK,CAAE,CAAC;EACzF;EAEA,oBACI3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAAiB,OAAS;IACNI,KAAK,EAAEb,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAiB,uBAAA,CAAAL,OAAA,0CAAmC;MACvCO,OAAO,EAAER,SAAS,GACZ,+CAA+C,GAC/C;IACV,CAAC,CAAE;IACHO,MAAM,EACFP,SAAS,gBACLpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAsB,OAAO,qBACJ7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAwB,aAAa;MAAC,eAAY,mBAAmB;MAACC,OAAO,EAAEZ;IAAe,gBACnEnB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAyB,IAAI,MAAE,CAAC,KAAC,EAACpB,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,CAAAL,OAAA,mBACA,CAAC,eAChBrB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAwB,aAAa;MAAC,eAAY,kBAAkB;MAACC,OAAO,EAAEb;IAAc,gBACjElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAyB,IAAI,MAAE,CAAC,KAAC,EAACpB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAL,OAAA,kBACA,CACV,CAAC,gBAEVrB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAAtB,MAAA,CAAAqB,OAAA,CAAAY,QAAA,MAAI;EAEX,CACJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAnB,KAAA,GAAAA,KAAA"}

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":["_styled","_interopRequireDefault","require","_add","Buttons","styled","label","target","exports","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,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,6BAIlC;AAACC,OAAA,CAAAJ,OAAA,GAAAA,OAAA;AAEK,IAAMK,IAAI,oBAAGJ,eAAM,EAACK,mBAAG;EAAAJ,KAAA;EAAAC,MAAA;AAAA,gEAI7B;AAACC,OAAA,CAAAC,IAAA,GAAAA,IAAA"}

package/admin/components/ContentEntries/Filters/FilterByStatus.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByStatus: React.FC;

package/admin/components/ContentEntries/Filters/FilterByStatus.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterByStatus = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _form = require("@webiny/form");
+var _plugins = require("@webiny/plugins");
+var _Select = require("@webiny/ui/Select");
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+var FilterByStatus = function FilterByStatus() {
+  var bind = (0, _form.useBind)({
+    name: "status",
+    beforeChange: function beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  var options = (0, _react.useMemo)(function () {
+    var options = [{
+      label: "All",
+      value: "all"
+    }, {
+      label: "Draft",
+      value: "draft"
+    }, {
+      label: "Published",
+      value: "published"
+    }, {
+      label: "Unpublished",
+      value: "unpublished"
+    }];
+    var filterStatusPlugins = _plugins.plugins.byType("cms.entry.filter.status");
+    filterStatusPlugins.forEach(function (plugin) {
+      options.push({
+        label: plugin.label,
+        value: plugin.value
+      });
+    });
+    return options;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by status",
+    options: options
+  }));
+};
+exports.FilterByStatus = FilterByStatus;

package/admin/components/ContentEntries/Filters/FilterByStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_plugins","_Select","getValidFilterValue","value","undefined","FilterByStatus","bind","useBind","name","beforeChange","cb","options","useMemo","label","filterStatusPlugins","plugins","byType","forEach","plugin","push","default","createElement","Select","Object","assign","size","placeholder","exports"],"sources":["FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { useBind } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Select } from \"@webiny/ui/Select\";\n\nimport { CmsEntryFilterStatusPlugin } from \"@webiny/app-headless-cms-common/types\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus: React.FC = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const options = [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n\n        const filterStatusPlugins =\n            plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n\n        filterStatusPlugins.forEach(plugin => {\n            options.push({ label: plugin.label, value: plugin.value });\n        });\n\n        return options;\n    }, []);\n\n    return <Select {...bind} size={\"medium\"} placeholder={\"Filter by status\"} options={options} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,cAAwB,GAAG,SAA3BA,cAAwBA,CAAA,EAAS;EAC1C,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,QAAQ;IACdC,YAAY,WAAAA,aAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMQ,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,IAAMD,OAAO,GAAG,CACZ;MAAEE,KAAK,EAAE,KAAK;MAAEV,KAAK,EAAE;IAAM,CAAC,EAC9B;MAAEU,KAAK,EAAE,OAAO;MAAEV,KAAK,EAAE;IAAQ,CAAC,EAClC;MAAEU,KAAK,EAAE,WAAW;MAAEV,KAAK,EAAE;IAAY,CAAC,EAC1C;MAAEU,KAAK,EAAE,aAAa;MAAEV,KAAK,EAAE;IAAc,CAAC,CACjD;IAED,IAAMW,mBAAmB,GACrBC,gBAAO,CAACC,MAAM,CAA6B,yBAAyB,CAAC;IAEzEF,mBAAmB,CAACG,OAAO,CAAC,UAAAC,MAAM,EAAI;MAClCP,OAAO,CAACQ,IAAI,CAAC;QAAEN,KAAK,EAAEK,MAAM,CAACL,KAAK;QAAEV,KAAK,EAAEe,MAAM,CAACf;MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAOQ,OAAO;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAqB,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAKlB,IAAI;IAAEmB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACf,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC;AAACgB,OAAA,CAAAtB,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Filters: () => JSX.Element;

package/admin/components/ContentEntries/Filters/Filters.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filters = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _contentEntries = require("../../../config/contentEntries");
+var _hooks = require("../../../views/contentEntries/hooks");
+var Filters = function Filters() {
+  var _useContentEntryListC = (0, _contentEntries.useContentEntryListConfig)(),
+    browser = _useContentEntryListC.browser;
+  var list = (0, _hooks.useContentEntriesList)();
+  var applyFilters = function applyFilters(data) {
+    if (!Object.keys(data).length) {
+      return;
+    }
+    var convertedFilters = browser.filtersToWhere.reduce(function (data, converter) {
+      return converter(data);
+    }, data);
+    list.setFilters(convertedFilters);
+  };
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Filters, {
+    filters: browser.filters,
+    show: list.showingFilters,
+    data: {},
+    onChange: applyFilters
+  });
+};
+exports.Filters = Filters;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_contentEntries","_hooks","Filters","_useContentEntryListC","useContentEntryListConfig","browser","list","useContentEntriesList","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","setFilters","default","createElement","filters","show","showingFilters","onChange","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Filters as BaseFilters, FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks\";\n\nexport const Filters = () => {\n    const { browser } = useContentEntryListConfig();\n    const list = useContentEntriesList();\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n\n        list.setFilters(convertedFilters);\n    };\n\n    return (\n        <BaseFilters\n            filters={browser.filters}\n            show={list.showingFilters}\n            data={{}}\n            onChange={applyFilters}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEO,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAAC,qBAAA,GAAoB,IAAAC,yCAAyB,EAAC,CAAC;IAAvCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAMC,IAAI,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEpC,IAAMC,YAA6B,GAAG,SAAhCA,YAA6BA,CAAGC,IAAI,EAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,IAAMC,gBAAgB,GAAGR,OAAO,CAACS,cAAc,CAACC,MAAM,CAClD,UAACN,IAAI,EAAEO,SAAS;MAAA,OAAKA,SAAS,CAACP,IAAI,CAAC;IAAA,GACpCA,IACJ,CAAC;IAEDH,IAAI,CAACW,UAAU,CAACJ,gBAAgB,CAAC;EACrC,CAAC;EAED,oBACIjB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,SAAA,CAAAG,OAAW;IACRkB,OAAO,EAAEf,OAAO,CAACe,OAAQ;IACzBC,IAAI,EAAEf,IAAI,CAACgB,cAAe;IAC1Bb,IAAI,EAAE,CAAC,CAAE;IACTc,QAAQ,EAAEf;EAAa,CAC1B,CAAC;AAEV,CAAC;AAACgB,OAAA,CAAAtB,OAAA,GAAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+export * from "./Filters";
+export * from "./FilterByStatus";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Filters","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FilterByStatus"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Filters\";\nexport * from \"./FilterByStatus\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentEntries/Filters/styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const FiltersContainer: 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 FormContainer: 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 FilterContainer: 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/Filters/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContainer = exports.FiltersContainer = exports.FilterContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var FiltersContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FiltersContainer",
+  target: "e17hzy3e0"
+})("width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);padding:8px;");
+exports.FiltersContainer = FiltersContainer;
+var FormContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FormContainer",
+  target: "e17hzy3e1"
+})("display:flex;flex-wrap:wrap;width:100%;");
+exports.FormContainer = FormContainer;
+var FilterContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FilterContainer",
+  target: "e17hzy3e2"
+})("padding:8px;");
+exports.FilterContainer = FilterContainer;

package/admin/components/ContentEntries/Filters/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","FiltersContainer","styled","label","target","exports","FormContainer","FilterContainer"],"sources":["styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const FiltersContainer = styled.div`\n    width: 100%;\n    height: auto;\n    background-color: var(--mdc-theme-surface);\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n    padding: 8px;\n`;\n\nexport const FormContainer = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n`;\n\nexport const FilterContainer = styled.div`\n    padding: 8px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,gBAAgB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,4HAMrC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6CAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,eAAe,oBAAGL,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,kBAEpC;AAACC,OAAA,CAAAE,eAAA,GAAAA,eAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ButtonFilters: React.VFC;

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

@@ -0,0 +1,41 @@
+"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.ButtonFilters = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+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");
+var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ButtonWrapper",
+  target: "e1hiy7so0"
+})("margin-left:8px;");
+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 = function ButtonFilters() {
+  var list = (0, _hooks.useContentEntriesList)();
+  var toggleFilters = (0, _react.useCallback)(function () {
+    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,
+    "data-testid": "cms.list-entries.toggle-filters"
+  }));
+};
+exports.ButtonFilters = ButtonFilters;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_filter_alt","_filter_alt_off","_Button","_hooks","ButtonWrapper","styled","label","target","Icon","_ref","showingFilters","default","createElement","ReactComponent","IconComponent","React","memo","ButtonFilters","list","useContentEntriesList","toggleFilters","useCallback","hideFilters","showFilters","IconButton","icon","onClick","exports"],"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-left: 8px;\n`;\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon: React.VFC<IconProps> = ({ showingFilters }) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\nexport const ButtonFilters: React.VFC = () => {\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;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAMO,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAEjC;AAMD,IAAMC,IAA0B,GAAG,SAA7BA,IAA0BA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAChD,OAAOA,cAAc,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,eAAA,CAAAY,cAAe,MAAE,CAAC,gBAAGlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAa,cAAU,MAAE,CAAC;AAChE,CAAC;AACD,IAAMC,aAAa,gBAAGC,cAAK,CAACC,IAAI,CAACR,IAAI,CAAC;AAE/B,IAAMS,aAAwB,GAAG,SAA3BA,aAAwBA,CAAA,EAAS;EAC1C,IAAMC,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,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACR,aAAa,qBACVT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAsB,UAAU;IACPC,IAAI,eAAE9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACE,aAAa;MAACJ,cAAc,EAAEQ,IAAI,CAACR;IAAe,CAAE,CAAE;IAC7DgB,OAAO,EAAEN,aAAc;IACvB,eAAY;EAAiC,CAChD,CACU,CAAC;AAExB,CAAC;AAACO,OAAA,CAAAV,aAAA,GAAAA,aAAA"}

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

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

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

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

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

@@ -0,0 +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"}

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":["_react","_interopRequireDefault","require","_add","_i18n","_Button","_styled","_templateObject","_templateObject2","t","i18n","ns","ButtonsCreate","_ref","onCreateFolder","onCreateEntry","default","createElement","Container","ButtonSecondary","onClick","small","ButtonIcon","icon","ReactComponent","_taggedTemplateLiteral2","ButtonPrimary","flat","exports"],"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,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;AAAqC,IAAAK,eAAA,EAAAC,gBAAA;AAErC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yEAAyE,CAAC;AAOrF,IAAMC,aAA+B,GAAG,SAAlCA,aAA+BA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAC3E,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,SAAS,qBACNlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,eAAe;IAAC,eAAY,mBAAmB;IAACC,OAAO,EAAEN,cAAe;IAACO,KAAK,EAAE;EAAK,gBAClFrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAiB,UAAU;IAACC,IAAI,eAAEvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,IAAA,CAAAqB,cAAG,MAAE;EAAE,CAAE,CAAC,EAC5Bf,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,CAAAT,OAAA,mBACW,CAAC,eAClBhB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAqB,aAAa;IACV,eAAY,kBAAkB;IAC9BN,OAAO,EAAEL,aAAc;IACvBY,IAAI,EAAE,IAAK;IACXN,KAAK,EAAE;EAAK,gBAEZrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAiB,UAAU;IAACC,IAAI,eAAEvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,IAAA,CAAAqB,cAAG,MAAE;EAAE,CAAE,CAAC,EAC5Bf,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAiB,uBAAA,CAAAT,OAAA,kBACS,CACR,CAAC;AAEpB,CAAC;AAACY,OAAA,CAAAhB,aAAA,GAAAA,aAAA"}

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":["_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"}

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":["_styled","_interopRequireDefault","require","Container","styled","label","target","exports"],"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,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,yFAQpC;AAACC,OAAA,CAAAJ,SAAA,GAAAA,SAAA"}

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 {};