@blaze-cms/plugin-admin-core-ui 0.125.0 → 0.126.0-admin-updates.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/lib/components/Header/Header.js +3 -3
  3. package/lib/components/Header/Header.js.map +1 -1
  4. package/lib/components/Layout/Background.js +26 -0
  5. package/lib/components/Layout/Background.js.map +1 -0
  6. package/lib/components/Layout/Layout.js +5 -4
  7. package/lib/components/Layout/Layout.js.map +1 -1
  8. package/lib/components/Layout/components/Grid/Grid.js +3 -1
  9. package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
  10. package/lib/components/SideBar/SideBar.js +1 -5
  11. package/lib/components/SideBar/SideBar.js.map +1 -1
  12. package/lib/constants.js +1 -1
  13. package/lib/constants.js.map +1 -1
  14. package/lib/containers/Home/Home.js +1 -1
  15. package/lib/containers/Home/Home.js.map +1 -1
  16. package/lib-es/components/Header/Header.js +3 -3
  17. package/lib-es/components/Header/Header.js.map +1 -1
  18. package/lib-es/components/Layout/Background.js +16 -0
  19. package/lib-es/components/Layout/Background.js.map +1 -0
  20. package/lib-es/components/Layout/Layout.js +5 -4
  21. package/lib-es/components/Layout/Layout.js.map +1 -1
  22. package/lib-es/components/Layout/components/Grid/Grid.js +3 -1
  23. package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
  24. package/lib-es/components/SideBar/SideBar.js +1 -5
  25. package/lib-es/components/SideBar/SideBar.js.map +1 -1
  26. package/lib-es/constants.js +1 -1
  27. package/lib-es/constants.js.map +1 -1
  28. package/lib-es/containers/Home/Home.js +1 -1
  29. package/lib-es/containers/Home/Home.js.map +1 -1
  30. package/package.json +7 -7
  31. package/src/components/Header/Header.js +9 -7
  32. package/src/components/Layout/Background.js +16 -0
  33. package/src/components/Layout/Layout.js +11 -7
  34. package/src/components/Layout/bg.svg +22 -0
  35. package/src/components/Layout/components/Grid/Grid.js +1 -1
  36. package/src/components/SideBar/SideBar.js +2 -3
  37. package/src/constants.js +1 -1
  38. package/src/containers/Home/Home.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,37 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.126.0-admin-updates.1](https://github.com/thebyte9/blaze/compare/v0.126.0-admin-updates.0...v0.126.0-admin-updates.1) (2022-12-22)
7
+
8
+ **Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
9
+
10
+
11
+
12
+
13
+
14
+ # [0.126.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.125.2...v0.126.0-admin-updates.0) (2022-12-16)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * ammend unterminated comment ([2a10dd0](https://github.com/thebyte9/blaze/commit/2a10dd0dfad49ce162cffe7d45536283257c4747))
20
+ * remove unused variable ([7fed889](https://github.com/thebyte9/blaze/commit/7fed88946645154024402b8efb94d0b139a7c943))
21
+ * update test and snapshots ([af9dcae](https://github.com/thebyte9/blaze/commit/af9dcae54d0e295e5c32b98a6dbba2e88717ab81))
22
+
23
+
24
+ ### Features
25
+
26
+ * add admin style feedback ([3f8b9a1](https://github.com/thebyte9/blaze/commit/3f8b9a1416a8a7977631583cff62fddb43cd2e9d))
27
+ * add admin syle feedback ([56c01fd](https://github.com/thebyte9/blaze/commit/56c01fdf825a570143d4bc0c54fbcd970adc28ae))
28
+ * add new logo to admin header ([f43143a](https://github.com/thebyte9/blaze/commit/f43143a57993154fa60226de245574dc8e5886b6))
29
+ * fix layout and webpack plugins tests ([d09a939](https://github.com/thebyte9/blaze/commit/d09a93909cafd9ee9502548b24de5776e09fc920))
30
+ * style admin header ([35bf94f](https://github.com/thebyte9/blaze/commit/35bf94f02856e3ab4bd83880b047ff0f047bdb40))
31
+ * update toolbar design and other fixes ([022c39a](https://github.com/thebyte9/blaze/commit/022c39a05d97d05b4373b1c408e607e5e6751e06))
32
+
33
+
34
+
35
+
36
+
6
37
  # [0.125.0](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.18...v0.125.0) (2022-11-30)
7
38
 
8
39
  **Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
@@ -15,15 +15,15 @@ var Header = function Header(_ref) {
15
15
  var isLoggedIn = _ref.isLoggedIn,
16
16
  isOpenMenu = _ref.isOpenMenu,
17
17
  onMenuClick = _ref.onMenuClick;
18
- return /*#__PURE__*/_react["default"].createElement("header", {
18
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLoggedIn && /*#__PURE__*/_react["default"].createElement("header", {
19
19
  className: "header"
20
- }, isLoggedIn && /*#__PURE__*/_react["default"].createElement("div", {
20
+ }, /*#__PURE__*/_react["default"].createElement("div", {
21
21
  className: "header__menu"
22
22
  }, /*#__PURE__*/_react["default"].createElement(_components.Menu, {
23
23
  isOpenMenu: isOpenMenu,
24
24
  onMenuClick: onMenuClick,
25
25
  id: "menu-button"
26
- })), /*#__PURE__*/_react["default"].createElement(_components.Logo, _constants.LOGO_PROPS), isLoggedIn && /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchAdmin, null));
26
+ })), /*#__PURE__*/_react["default"].createElement(_components.Logo, _constants.LOGO_PROPS), /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchAdmin, null)));
27
27
  };
28
28
  Header.propTypes = {
29
29
  isLoggedIn: _propTypes["default"].bool,
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","names":["Header","isLoggedIn","isOpenMenu","onMenuClick","LOGO_PROPS","propTypes","PropTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n <header className=\"header\">\n {isLoggedIn && (\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n )}\n <Logo {...LOGO_PROPS} />\n {isLoggedIn && <SearchAdmin />}\n </header>\n);\n\nHeader.propTypes = {\n isLoggedIn: PropTypes.bool,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired\n};\n\nHeader.defaultProps = {\n isLoggedIn: false\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,UAAU,QAAVA,UAAU;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;EAAA,oBACnD;IAAQ,SAAS,EAAC;EAAQ,GACvBF,UAAU,iBACT;IAAK,SAAS,EAAC;EAAc,gBAC3B,gCAAC,gBAAI;IAAC,UAAU,EAAEC,UAAW;IAAC,WAAW,EAAEC,WAAY;IAAC,EAAE,EAAC;EAAa,EAAG,CAE9E,eACD,gCAAC,gBAAI,EAAKC,qBAAU,CAAI,EACvBH,UAAU,iBAAI,gCAAC,2BAAW,OAAG,CACvB;AAAA,CACV;AAEDD,MAAM,CAACK,SAAS,GAAG;EACjBJ,UAAU,EAAEK,qBAAS,CAACC,IAAI;EAC1BL,UAAU,EAAEI,qBAAS,CAACC,IAAI,CAACC,UAAU;EACrCL,WAAW,EAAEG,qBAAS,CAACG,IAAI,CAACD;AAC9B,CAAC;AAEDR,MAAM,CAACU,YAAY,GAAG;EACpBT,UAAU,EAAE;AACd,CAAC;AAAC,eAEaD,MAAM;AAAA"}
1
+ {"version":3,"file":"Header.js","names":["Header","isLoggedIn","isOpenMenu","onMenuClick","LOGO_PROPS","propTypes","PropTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n <>\n {isLoggedIn && (\n <header className=\"header\">\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n <Logo {...LOGO_PROPS} />\n <SearchAdmin />\n </header>\n )}\n </>\n);\n\nHeader.propTypes = {\n isLoggedIn: PropTypes.bool,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired\n};\n\nHeader.defaultProps = {\n isLoggedIn: false\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,UAAU,QAAVA,UAAU;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;EAAA,oBACnD,kEACGF,UAAU,iBACT;IAAQ,SAAS,EAAC;EAAQ,gBACxB;IAAK,SAAS,EAAC;EAAc,gBAC3B,gCAAC,gBAAI;IAAC,UAAU,EAAEC,UAAW;IAAC,WAAW,EAAEC,WAAY;IAAC,EAAE,EAAC;EAAa,EAAG,CACvE,eACN,gCAAC,gBAAI,EAAKC,qBAAU,CAAI,eACxB,gCAAC,2BAAW,OAAG,CAElB,CACA;AAAA,CACJ;AAEDJ,MAAM,CAACK,SAAS,GAAG;EACjBJ,UAAU,EAAEK,qBAAS,CAACC,IAAI;EAC1BL,UAAU,EAAEI,qBAAS,CAACC,IAAI,CAACC,UAAU;EACrCL,WAAW,EAAEG,qBAAS,CAACG,IAAI,CAACD;AAC9B,CAAC;AAEDR,MAAM,CAACU,YAAY,GAAG;EACpBT,UAAU,EAAE;AACd,CAAC;AAAC,eAEaD,MAAM;AAAA"}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/es.object.define-property.js");
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+ // import Svg from './bg.svg';
12
+
13
+ var Background = function Background(_ref) {
14
+ var children = _ref.children;
15
+ return /*#__PURE__*/_react["default"].createElement("div", {
16
+ className: "bg-blue-900 h-full w-full relative"
17
+ }, /*#__PURE__*/_react["default"].createElement("div", {
18
+ className: "login-container"
19
+ }, children));
20
+ };
21
+ Background.propTypes = {
22
+ children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
23
+ };
24
+ var _default = Background;
25
+ exports["default"] = _default;
26
+ //# sourceMappingURL=Background.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Background.js","names":["Background","children","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n <div className=\"bg-blue-900 h-full w-full relative\">\n {/* <Svg /> */}\n <div className=\"login-container\">{children}</div>\n </div>\n);\n\nBackground.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAU;EAAA,IAAMC,QAAQ,QAARA,QAAQ;EAAA,oBAC5B;IAAK,SAAS,EAAC;EAAoC,gBAEjD;IAAK,SAAS,EAAC;EAAiB,GAAEA,QAAQ,CAAO,CAC7C;AAAA,CACP;AAEDD,UAAU,CAACE,SAAS,GAAG;EACrBD,QAAQ,EAAEE,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAC,eAEaP,UAAU;AAAA"}
@@ -19,9 +19,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
19
19
  var _components = require("@apollo/client/react/components");
20
20
  var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
21
21
  var _pluginAuthUi = require("@blaze-cms/plugin-auth-ui");
22
- var _Header = _interopRequireDefault(require("../Header"));
23
22
  var _components2 = require("./components");
23
+ var _Background = _interopRequireDefault(require("./Background"));
24
24
  require("@blaze-cms/admin-ui-styles/main.scss");
25
+ var _Header = _interopRequireDefault(require("../Header"));
25
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
28
  var Layout = function Layout(_ref) {
@@ -34,7 +35,7 @@ var Layout = function Layout(_ref) {
34
35
  return setOpenMenu(!isOpenMenu);
35
36
  };
36
37
  return /*#__PURE__*/_react["default"].createElement("div", {
37
- className: "site-container grid grid--site-container"
38
+ className: "site-container grid--site-container"
38
39
  }, /*#__PURE__*/_react["default"].createElement(_components.Query, {
39
40
  query: (0, _adminUiUtils.getQuery)('GET_USER_AUTH_DATA'),
40
41
  errorPolicy: "all"
@@ -50,11 +51,11 @@ var Layout = function Layout(_ref) {
50
51
  isLoggedIn: isLoggedIn,
51
52
  onMenuClick: onMenuClick,
52
53
  isOpenMenu: isOpenMenu
53
- }), isLoggedIn ? /*#__PURE__*/_react["default"].createElement(_components2.Grid, {
54
+ }), isLoggedIn ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_components2.Grid, {
54
55
  isOpenMenu: isOpenMenu,
55
56
  onMenuClick: onMenuClick,
56
57
  userData: userData
57
- }, children) : /*#__PURE__*/_react["default"].createElement(_pluginAuthUi.Login, null));
58
+ }, children)) : /*#__PURE__*/_react["default"].createElement(_Background["default"], null, /*#__PURE__*/_react["default"].createElement(_pluginAuthUi.Login, null)));
58
59
  }));
59
60
  };
60
61
  Layout.propTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.js","names":["Layout","children","useState","isOpenMenu","setOpenMenu","onMenuClick","getQuery","data","session","isLoggedIn","userData","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport Header from '../Header';\nimport { Grid } from './components';\n\nimport '@blaze-cms/admin-ui-styles/main.scss';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n ) : (\n <Login />\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAA8C;AAAA;AAE9C,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACxB,gBAAkC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzCC,UAAU;IAAEC,WAAW;EAC9B,IAAMC,WAAW,GAAG,SAAdA,WAAW;IAAA,OAASD,WAAW,CAAC,CAACD,UAAU,CAAC;EAAA;EAClD,oBACE;IAAK,SAAS,EAAC;EAA0C,gBACvD,gCAAC,iBAAK;IAAC,KAAK,EAAE,IAAAG,sBAAQ,EAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,iBAAmB;IAAA,uBAAhBC,IAAI;MAAJA,IAAI,2BAAG,CAAC,CAAC;IACX,oBAAwDA,IAAI,CAApDC,OAAO;IAAf,2CAAiD,CAAC,CAAC;IAAnD,IAAmBC,UAAU,iBAAVA,UAAU;MAAA,sCAAEC,QAAQ;MAARA,QAAQ,sCAAG,CAAC,CAAC;IAE5C,oBACE,+EACE,gCAAC,kBAAM;MAAC,UAAU,EAAED,UAAW;MAAC,WAAW,EAAEJ,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFM,UAAU,gBACT,gCAAC,iBAAI;MAAC,UAAU,EAAEN,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEK;IAAS,GACxET,QAAQ,CACJ,gBAEP,gCAAC,mBAAK,OACP,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACW,SAAS,GAAG;EACjBV,QAAQ,EAAEW,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAC,eAEahB,MAAM;AAAA"}
1
+ {"version":3,"file":"Layout.js","names":["Layout","children","useState","isOpenMenu","setOpenMenu","onMenuClick","getQuery","data","session","isLoggedIn","userData","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <>\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n </>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA+B;AAAA;AAE/B,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACxB,gBAAkC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzCC,UAAU;IAAEC,WAAW;EAC9B,IAAMC,WAAW,GAAG,SAAdA,WAAW;IAAA,OAASD,WAAW,CAAC,CAACD,UAAU,CAAC;EAAA;EAClD,oBACE;IAAK,SAAS,EAAC;EAAqC,gBAClD,gCAAC,iBAAK;IAAC,KAAK,EAAE,IAAAG,sBAAQ,EAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,iBAAmB;IAAA,uBAAhBC,IAAI;MAAJA,IAAI,2BAAG,CAAC,CAAC;IACX,oBAAwDA,IAAI,CAApDC,OAAO;IAAf,2CAAiD,CAAC,CAAC;IAAnD,IAAmBC,UAAU,iBAAVA,UAAU;MAAA,sCAAEC,QAAQ;MAARA,QAAQ,sCAAG,CAAC,CAAC;IAE5C,oBACE,+EACE,gCAAC,kBAAM;MAAC,UAAU,EAAED,UAAW;MAAC,WAAW,EAAEJ,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFM,UAAU,gBACT,+EACE,gCAAC,iBAAI;MAAC,UAAU,EAAEN,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEK;IAAS,GACxET,QAAQ,CACJ,CACN,gBAEH,gCAAC,sBAAU,qBACT,gCAAC,mBAAK,OAAG,CAEZ,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACW,SAAS,GAAG;EACjBV,QAAQ,EAAEW,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAC,eAEahB,MAAM;AAAA"}
@@ -101,7 +101,9 @@ var Grid = function Grid(_ref) {
101
101
  menuItems: menuItems,
102
102
  onMenuClick: onMenuClick,
103
103
  userData: userData
104
- }), children)) : 'loading';
104
+ }), /*#__PURE__*/_react["default"].createElement("div", {
105
+ className: "grid--main-content-wrapper"
106
+ }, children))) : 'loading';
105
107
  };
106
108
  Grid.propTypes = {
107
109
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.js","names":["Grid","children","isOpenMenu","onMenuClick","userData","useState","menuItems","setMenuItems","client","useApolloClient","useEffect","query","getQuery","getMenuItems","data","parsedMenuItems","map","key","header","items","item","isDisplayedPrompt","updateItems","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n {children}\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\n};\n\nGrid.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object\n};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAwD;EAAA,IAAlDC,QAAQ,QAARA,QAAQ;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;EACzD,gBAAkC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzCC,SAAS;IAAEC,YAAY;EAC9B,IAAMC,MAAM,GAAG,IAAAC,uBAAe,GAAE;EAEhC,IAAAC,gBAAS,EACP,YAAM;IACJ,8EAAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OAGWF,MAAM,CAACG,KAAK,CAAC;gBAAEA,KAAK,EAAE,IAAAC,sBAAQ,EAAC,gBAAgB;cAAE,CAAC,CAAC;YAAA;cAAA;cADnDC,YAAY,uBAApBC,IAAI,CAAID,YAAY;cAGhBE,eAAe,GAAGF,YAAY,CAACG,GAAG,CAAC;gBAAA;kBAAEC,GAAG;kBAAA;kBAAIC,MAAM,UAANA,MAAM;kBAAEC,KAAK,UAALA,KAAK;gBAAA,OAAQ,CACrEF,GAAG,EACH;kBACEC,MAAM,EAANA,MAAM;kBACNC,KAAK,EAAEA,KAAK,CAACH,GAAG,CAAC,UAAAI,IAAI;oBAAA,uCAAUA,IAAI;sBAAEC,iBAAiB,EAAE;oBAAI;kBAAA,CAAG;gBACjE,CAAC,CACF;cAAA,EAAC;cAEF,IAAI,CAACf,SAAS,EAAE;gBACdC,YAAY,CAACQ,eAAe,CAAC;cAC/B;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CACF,IAAG;EACN,CAAC,EACD,CAACP,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,IAAMgB,WAAW,GAAG,SAAdA,WAAW,CAAGH,KAAK,EAAI;IAC3BZ,YAAY,CAACY,KAAK,CAAC;EACrB,CAAC;EAED,OAAOb,SAAS,gBACd,gCAAC,iCAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS,EAATA,SAAS;MAAEC,YAAY,EAAE,sBAAAY,KAAK;QAAA,OAAIG,WAAW,CAACH,KAAK,CAAC;MAAA;IAAC;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,gCAAC,mBAAO;IACN,UAAU,EAAEjB,UAAW;IACvB,SAAS,EAAEI,SAAU;IACrB,WAAW,EAAEH,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,EACDH,QAAQ,CACL,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACuB,SAAS,GAAG;EACftB,QAAQ,EAAEuB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7F1B,UAAU,EAAEsB,qBAAS,CAACK,IAAI,CAACD,UAAU;EACrCzB,WAAW,EAAEqB,qBAAS,CAACM,IAAI,CAACF,UAAU;EACtCxB,QAAQ,EAAEoB,qBAAS,CAACO;AACtB,CAAC;AAED/B,IAAI,CAACgC,YAAY,GAAG;EAClB5B,QAAQ,EAAE,CAAC;AACb,CAAC;AAAC,eAEaJ,IAAI;AAAA"}
1
+ {"version":3,"file":"Grid.js","names":["Grid","children","isOpenMenu","onMenuClick","userData","useState","menuItems","setMenuItems","client","useApolloClient","useEffect","query","getQuery","getMenuItems","data","parsedMenuItems","map","key","header","items","item","isDisplayedPrompt","updateItems","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n <div className=\"grid--main-content-wrapper\">{children}</div>\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\n};\n\nGrid.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object\n};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAwD;EAAA,IAAlDC,QAAQ,QAARA,QAAQ;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;EACzD,gBAAkC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzCC,SAAS;IAAEC,YAAY;EAC9B,IAAMC,MAAM,GAAG,IAAAC,uBAAe,GAAE;EAEhC,IAAAC,gBAAS,EACP,YAAM;IACJ,8EAAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OAGWF,MAAM,CAACG,KAAK,CAAC;gBAAEA,KAAK,EAAE,IAAAC,sBAAQ,EAAC,gBAAgB;cAAE,CAAC,CAAC;YAAA;cAAA;cADnDC,YAAY,uBAApBC,IAAI,CAAID,YAAY;cAGhBE,eAAe,GAAGF,YAAY,CAACG,GAAG,CAAC;gBAAA;kBAAEC,GAAG;kBAAA;kBAAIC,MAAM,UAANA,MAAM;kBAAEC,KAAK,UAALA,KAAK;gBAAA,OAAQ,CACrEF,GAAG,EACH;kBACEC,MAAM,EAANA,MAAM;kBACNC,KAAK,EAAEA,KAAK,CAACH,GAAG,CAAC,UAAAI,IAAI;oBAAA,uCAAUA,IAAI;sBAAEC,iBAAiB,EAAE;oBAAI;kBAAA,CAAG;gBACjE,CAAC,CACF;cAAA,EAAC;cAEF,IAAI,CAACf,SAAS,EAAE;gBACdC,YAAY,CAACQ,eAAe,CAAC;cAC/B;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CACF,IAAG;EACN,CAAC,EACD,CAACP,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,IAAMgB,WAAW,GAAG,SAAdA,WAAW,CAAGH,KAAK,EAAI;IAC3BZ,YAAY,CAACY,KAAK,CAAC;EACrB,CAAC;EAED,OAAOb,SAAS,gBACd,gCAAC,iCAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS,EAATA,SAAS;MAAEC,YAAY,EAAE,sBAAAY,KAAK;QAAA,OAAIG,WAAW,CAACH,KAAK,CAAC;MAAA;IAAC;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,gCAAC,mBAAO;IACN,UAAU,EAAEjB,UAAW;IACvB,SAAS,EAAEI,SAAU;IACrB,WAAW,EAAEH,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,eACF;IAAK,SAAS,EAAC;EAA4B,GAAEH,QAAQ,CAAO,CACxD,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACuB,SAAS,GAAG;EACftB,QAAQ,EAAEuB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7F1B,UAAU,EAAEsB,qBAAS,CAACK,IAAI,CAACD,UAAU;EACrCzB,WAAW,EAAEqB,qBAAS,CAACM,IAAI,CAACF,UAAU;EACtCxB,QAAQ,EAAEoB,qBAAS,CAACO;AACtB,CAAC;AAED/B,IAAI,CAACgC,YAAY,GAAG;EAClB5B,QAAQ,EAAE,CAAC;AACb,CAAC;AAAC,eAEaJ,IAAI;AAAA"}
@@ -13,7 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
13
13
  require("core-js/modules/es.array.concat.js");
14
14
  require("core-js/modules/es.array.map.js");
15
15
  var _react = _interopRequireDefault(require("react"));
16
- var _reactRouterDom = require("react-router-dom");
17
16
  var _classnames = _interopRequireDefault(require("classnames"));
18
17
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
18
  var _client = require("@apollo/client");
@@ -46,10 +45,7 @@ var SideBar = function SideBar(_ref) {
46
45
  onClick: onMenuClick
47
46
  }, /*#__PURE__*/_react["default"].createElement("i", {
48
47
  className: "material-icons"
49
- }, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
50
- to: "/",
51
- className: "side-nav__block-home"
52
- }, "Dashboard"), /*#__PURE__*/_react["default"].createElement("div", {
48
+ }, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement("div", {
53
49
  className: sideNavWrapperClassname,
54
50
  "data-testid": "sidenav",
55
51
  id: "side-nav__wrapper"
@@ -1 +1 @@
1
- {"version":3,"file":"SideBar.js","names":["SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","sideNavClassname","classnames","sideNavWrapperClassname","length","map","data","header","handleLogout","window","location","href","propTypes","PropTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link>\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAyD;EAAA,IAAnDC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;EAC7D,IAAMC,MAAM,GAAG,IAAAC,uBAAe,GAAE;EAEhC,IAAQC,SAAS,GAAeH,QAAQ,CAAhCG,SAAS;IAAEC,QAAQ,GAAKJ,QAAQ,CAArBI,QAAQ;EAC3B,IAAMC,QAAQ,aAAMF,SAAS,cAAIC,QAAQ,CAAE;EAE3C,IAAME,gBAAgB,GAAG,IAAAC,sBAAU,EAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAET,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,IAAMU,uBAAuB,GAAG,IAAAD,sBAAU,EAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACT;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEQ;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEP;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,yBAAwB,CACjD,eACN,gCAAC,oBAAI;IAAC,EAAE,EAAC,GAAG;IAAC,SAAS,EAAC;EAAsB,eAEtC,eACP;IAAK,SAAS,EAAES,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFX,SAAS,CAACY,MAAM,GACbZ,SAAS,CAACa,GAAG,CAAC;IAAA;MAAIC,IAAI;IAAA,oBAAM,gCAAC,qBAAS;MAAC,GAAG,EAAEA,IAAI,CAACC;IAAO,GAAKD,IAAI,EAAI;EAAA,EAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,gCAAC,kBAAM;IAAC,QAAQ,EAAEN;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,6FAAE;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACD,IAAAQ,wBAAY,EAACZ,MAAM,CAAC;YAAA;cAC1Ba,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAC5B,EAAC;IACF,SAAS,EAAC;EAAgB,wBAErB,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,aAAe,CACnD,CACF;AAEV,CAAC;AAEDpB,OAAO,CAACqB,SAAS,GAAG;EAClBpB,SAAS,EAAEqB,qBAAS,CAACC,KAAK,CAACC,UAAU;EACrCtB,UAAU,EAAEoB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACrCrB,WAAW,EAAEmB,qBAAS,CAACI,IAAI,CAACF,UAAU;EACtCpB,QAAQ,EAAEkB,qBAAS,CAACK,MAAM,CAACH;AAC7B,CAAC;AAAC,eAEaxB,OAAO;AAAA"}
1
+ {"version":3,"file":"SideBar.js","names":["SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","sideNavClassname","classnames","sideNavWrapperClassname","length","map","data","header","handleLogout","window","location","href","propTypes","PropTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n {/* <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link> */}\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAyD;EAAA,IAAnDC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;EAC7D,IAAMC,MAAM,GAAG,IAAAC,uBAAe,GAAE;EAEhC,IAAQC,SAAS,GAAeH,QAAQ,CAAhCG,SAAS;IAAEC,QAAQ,GAAKJ,QAAQ,CAArBI,QAAQ;EAC3B,IAAMC,QAAQ,aAAMF,SAAS,cAAIC,QAAQ,CAAE;EAE3C,IAAME,gBAAgB,GAAG,IAAAC,sBAAU,EAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAET,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,IAAMU,uBAAuB,GAAG,IAAAD,sBAAU,EAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACT;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEQ;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEP;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,yBAAwB,CACjD,eAIN;IAAK,SAAS,EAAES,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFX,SAAS,CAACY,MAAM,GACbZ,SAAS,CAACa,GAAG,CAAC;IAAA;MAAIC,IAAI;IAAA,oBAAM,gCAAC,qBAAS;MAAC,GAAG,EAAEA,IAAI,CAACC;IAAO,GAAKD,IAAI,EAAI;EAAA,EAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,gCAAC,kBAAM;IAAC,QAAQ,EAAEN;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,6FAAE;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACD,IAAAQ,wBAAY,EAACZ,MAAM,CAAC;YAAA;cAC1Ba,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAC5B,EAAC;IACF,SAAS,EAAC;EAAgB,wBAErB,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,aAAe,CACnD,CACF;AAEV,CAAC;AAEDpB,OAAO,CAACqB,SAAS,GAAG;EAClBpB,SAAS,EAAEqB,qBAAS,CAACC,KAAK,CAACC,UAAU;EACrCtB,UAAU,EAAEoB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACrCrB,WAAW,EAAEmB,qBAAS,CAACI,IAAI,CAACF,UAAU;EACtCpB,QAAQ,EAAEkB,qBAAS,CAACK,MAAM,CAACH;AAC7B,CAAC;AAAC,eAEaxB,OAAO;AAAA"}
package/lib/constants.js CHANGED
@@ -8,7 +8,7 @@ exports.PLUGIN_NAME = exports.LOGO_PROPS = exports.DOWN_ICON = exports.DEFAULT_L
8
8
  var PLUGIN_NAME = 'admin-core-ui';
9
9
  exports.PLUGIN_NAME = PLUGIN_NAME;
10
10
  var LOGO_PROPS = {
11
- src: 'https://images.thisisblaze.com/logo-85-30.png'
11
+ src: 'https://images.thisisblaze.com/logo-98-148.png'
12
12
  };
13
13
  exports.LOGO_PROPS = LOGO_PROPS;
14
14
  var DEFAULT_LABEL = {
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,eAAe;AAAC;AACpC,IAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAgD,CAAC;AAAC;AAE5E,IAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAAC;AAEF,IAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAAC;AAEF,IAAME,SAAS,GAAG,MAAM;AAAC"}
1
+ {"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-98-148.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,eAAe;AAAC;AACpC,IAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAiD,CAAC;AAAC;AAE7E,IAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAAC;AAEF,IAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAAC;AAEF,IAAME,SAAS,GAAG,MAAM;AAAC"}
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports["default"] = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var Home = function Home() {
11
- return /*#__PURE__*/_react["default"].createElement("div", null, "Home");
11
+ return /*#__PURE__*/_react["default"].createElement("div", null);
12
12
  };
13
13
  Home.displayName = 'Home';
14
14
  var _default = Home;
@@ -1 +1 @@
1
- {"version":3,"file":"Home.js","names":["Home","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div>Home</div>;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":";;;;;;;;AAAA;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,oBAAS,oDAAe;AAAA;AAElCA,IAAI,CAACC,WAAW,GAAG,MAAM;AAAC,eAEXD,IAAI;AAAA"}
1
+ {"version":3,"file":"Home.js","names":["Home","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div />;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":";;;;;;;;AAAA;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,oBAAS,4CAAO;AAAA;AAE1BA,IAAI,CAACC,WAAW,GAAG,MAAM;AAAC,eAEXD,IAAI;AAAA"}
@@ -7,15 +7,15 @@ const Header = ({
7
7
  isLoggedIn,
8
8
  isOpenMenu,
9
9
  onMenuClick
10
- }) => /*#__PURE__*/React.createElement("header", {
10
+ }) => /*#__PURE__*/React.createElement(React.Fragment, null, isLoggedIn && /*#__PURE__*/React.createElement("header", {
11
11
  className: "header"
12
- }, isLoggedIn && /*#__PURE__*/React.createElement("div", {
12
+ }, /*#__PURE__*/React.createElement("div", {
13
13
  className: "header__menu"
14
14
  }, /*#__PURE__*/React.createElement(Menu, {
15
15
  isOpenMenu: isOpenMenu,
16
16
  onMenuClick: onMenuClick,
17
17
  id: "menu-button"
18
- })), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), isLoggedIn && /*#__PURE__*/React.createElement(SearchAdmin, null));
18
+ })), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), /*#__PURE__*/React.createElement(SearchAdmin, null)));
19
19
  Header.propTypes = {
20
20
  isLoggedIn: PropTypes.bool,
21
21
  isOpenMenu: PropTypes.bool.isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","propTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n <header className=\"header\">\n {isLoggedIn && (\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n )}\n <Logo {...LOGO_PROPS} />\n {isLoggedIn && <SearchAdmin />}\n </header>\n);\n\nHeader.propTypes = {\n isLoggedIn: PropTypes.bool,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired\n};\n\nHeader.defaultProps = {\n isLoggedIn: false\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,MAAMC,MAAM,GAAG,CAAC;EAAEC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,kBACrD;EAAQ,SAAS,EAAC;AAAQ,GACvBF,UAAU,iBACT;EAAK,SAAS,EAAC;AAAc,gBAC3B,oBAAC,IAAI;EAAC,UAAU,EAAEC,UAAW;EAAC,WAAW,EAAEC,WAAY;EAAC,EAAE,EAAC;AAAa,EAAG,CAE9E,eACD,oBAAC,IAAI,EAAKJ,UAAU,CAAI,EACvBE,UAAU,iBAAI,oBAAC,WAAW,OAAG,CAEjC;AAEDD,MAAM,CAACI,SAAS,GAAG;EACjBH,UAAU,EAAEN,SAAS,CAACU,IAAI;EAC1BH,UAAU,EAAEP,SAAS,CAACU,IAAI,CAACC,UAAU;EACrCH,WAAW,EAAER,SAAS,CAACY,IAAI,CAACD;AAC9B,CAAC;AAEDN,MAAM,CAACQ,YAAY,GAAG;EACpBP,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}
1
+ {"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","propTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n <>\n {isLoggedIn && (\n <header className=\"header\">\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n <Logo {...LOGO_PROPS} />\n <SearchAdmin />\n </header>\n )}\n </>\n);\n\nHeader.propTypes = {\n isLoggedIn: PropTypes.bool,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired\n};\n\nHeader.defaultProps = {\n isLoggedIn: false\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,MAAMC,MAAM,GAAG,CAAC;EAAEC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,kBACrD,0CACGF,UAAU,iBACT;EAAQ,SAAS,EAAC;AAAQ,gBACxB;EAAK,SAAS,EAAC;AAAc,gBAC3B,oBAAC,IAAI;EAAC,UAAU,EAAEC,UAAW;EAAC,WAAW,EAAEC,WAAY;EAAC,EAAE,EAAC;AAAa,EAAG,CACvE,eACN,oBAAC,IAAI,EAAKJ,UAAU,CAAI,eACxB,oBAAC,WAAW,OAAG,CAElB,CAEJ;AAEDC,MAAM,CAACI,SAAS,GAAG;EACjBH,UAAU,EAAEN,SAAS,CAACU,IAAI;EAC1BH,UAAU,EAAEP,SAAS,CAACU,IAAI,CAACC,UAAU;EACrCH,WAAW,EAAER,SAAS,CAACY,IAAI,CAACD;AAC9B,CAAC;AAEDN,MAAM,CAACQ,YAAY,GAAG;EACpBP,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ // import Svg from './bg.svg';
4
+
5
+ const Background = ({
6
+ children
7
+ }) => /*#__PURE__*/React.createElement("div", {
8
+ className: "bg-blue-900 h-full w-full relative"
9
+ }, /*#__PURE__*/React.createElement("div", {
10
+ className: "login-container"
11
+ }, children));
12
+ Background.propTypes = {
13
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
14
+ };
15
+ export default Background;
16
+ //# sourceMappingURL=Background.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Background.js","names":["React","PropTypes","Background","children","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n <div className=\"bg-blue-900 h-full w-full relative\">\n {/* <Svg /> */}\n <div className=\"login-container\">{children}</div>\n </div>\n);\n\nBackground.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAAEC;AAAS,CAAC,kBAC9B;EAAK,SAAS,EAAC;AAAoC,gBAEjD;EAAK,SAAS,EAAC;AAAiB,GAAEA,QAAQ,CAAO,CAEpD;AAEDD,UAAU,CAACE,SAAS,GAAG;EACrBD,QAAQ,EAAEF,SAAS,CAACI,SAAS,CAAC,CAACJ,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,IAAI,CAAC,EAAEN,SAAS,CAACM,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeN,UAAU"}
@@ -3,16 +3,17 @@ import PropTypes from 'prop-types';
3
3
  import { Query } from '@apollo/client/react/components';
4
4
  import { getQuery } from '@blaze-cms/admin-ui-utils';
5
5
  import { Login } from '@blaze-cms/plugin-auth-ui';
6
- import Header from '../Header';
7
6
  import { Grid } from './components';
7
+ import Background from './Background';
8
8
  import '@blaze-cms/admin-ui-styles/main.scss';
9
+ import Header from '../Header';
9
10
  const Layout = ({
10
11
  children
11
12
  }) => {
12
13
  const [isOpenMenu, setOpenMenu] = useState(true);
13
14
  const onMenuClick = () => setOpenMenu(!isOpenMenu);
14
15
  return /*#__PURE__*/React.createElement("div", {
15
- className: "site-container grid grid--site-container"
16
+ className: "site-container grid--site-container"
16
17
  }, /*#__PURE__*/React.createElement(Query, {
17
18
  query: getQuery('GET_USER_AUTH_DATA'),
18
19
  errorPolicy: "all"
@@ -29,11 +30,11 @@ const Layout = ({
29
30
  isLoggedIn: isLoggedIn,
30
31
  onMenuClick: onMenuClick,
31
32
  isOpenMenu: isOpenMenu
32
- }), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
33
+ }), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
33
34
  isOpenMenu: isOpenMenu,
34
35
  onMenuClick: onMenuClick,
35
36
  userData: userData
36
- }, children) : /*#__PURE__*/React.createElement(Login, null));
37
+ }, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
37
38
  }));
38
39
  };
39
40
  Layout.propTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Header","Grid","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","data","session","isLoggedIn","userData","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport Header from '../Header';\nimport { Grid } from './components';\n\nimport '@blaze-cms/admin-ui-styles/main.scss';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n ) : (\n <Login />\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,2BAA2B;AACjD,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,sCAAsC;AAE7C,MAAMC,MAAM,GAAG,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMW,WAAW,GAAG,MAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACE;IAAK,SAAS,EAAC;EAA0C,gBACvD,oBAAC,KAAK;IAAC,KAAK,EAAEN,QAAQ,CAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAES,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACE,uDACE,oBAAC,MAAM;MAAC,UAAU,EAAEE,UAAW;MAAC,WAAW,EAAEH,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFK,UAAU,gBACT,oBAAC,IAAI;MAAC,UAAU,EAAEL,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEI;IAAS,GACxEP,QAAQ,CACJ,gBAEP,oBAAC,KAAK,OACP,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACS,SAAS,GAAG;EACjBR,QAAQ,EAAEP,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeb,MAAM"}
1
+ {"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","data","session","isLoggedIn","userData","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <>\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n </>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,sCAAsC;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,MAAM,GAAG,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAG,MAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACE;IAAK,SAAS,EAAC;EAAqC,gBAClD,oBAAC,KAAK;IAAC,KAAK,EAAEP,QAAQ,CAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEU,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACE,uDACE,oBAAC,MAAM;MAAC,UAAU,EAAEE,UAAW;MAAC,WAAW,EAAEH,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFK,UAAU,gBACT,uDACE,oBAAC,IAAI;MAAC,UAAU,EAAEL,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEI;IAAS,GACxEP,QAAQ,CACJ,CACN,gBAEH,oBAAC,UAAU,qBACT,oBAAC,KAAK,OAAG,CAEZ,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACS,SAAS,GAAG;EACjBR,QAAQ,EAAER,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,IAAI,CAAC,EAAEnB,SAAS,CAACmB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeb,MAAM"}
@@ -52,7 +52,9 @@ const Grid = ({
52
52
  menuItems: menuItems,
53
53
  onMenuClick: onMenuClick,
54
54
  userData: userData
55
- }), children)) : 'loading';
55
+ }), /*#__PURE__*/React.createElement("div", {
56
+ className: "grid--main-content-wrapper"
57
+ }, children))) : 'loading';
56
58
  };
57
59
  Grid.propTypes = {
58
60
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","MainContextProvider","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","menuItems","setMenuItems","client","data","getMenuItems","query","parsedMenuItems","map","key","header","items","item","isDisplayedPrompt","updateItems","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n {children}\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\n};\n\nGrid.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object\n};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,EAAEC,mBAAmB,QAAQ,2BAA2B;AACzE,OAAOC,OAAO,MAAM,kBAAkB;AAEtC,MAAMC,IAAI,GAAG,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMc,MAAM,GAAGX,eAAe,EAAE;EAEhCF,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAM;QACJc,IAAI,EAAE;UAAEC;QAAa;MACvB,CAAC,GAAG,MAAMF,MAAM,CAACG,KAAK,CAAC;QAAEA,KAAK,EAAEb,QAAQ,CAAC,gBAAgB;MAAE,CAAC,CAAC;MAE7D,MAAMc,eAAe,GAAGF,YAAY,CAACG,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;QAAEC,MAAM;QAAEC;MAAM,CAAC,CAAC,KAAK,CACrEF,GAAG,EACH;QACEC,MAAM;QACNC,KAAK,EAAEA,KAAK,CAACH,GAAG,CAACI,IAAI,oCAAUA,IAAI;UAAEC,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACZ,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,GAAG;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,MAAMa,WAAW,GAAGH,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACd,oBAAC,mBAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAIG,WAAW,CAACH,KAAK;IAAE;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,oBAAC,OAAO;IACN,UAAU,EAAEb,UAAW;IACvB,SAAS,EAAEG,SAAU;IACrB,WAAW,EAAEF,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,EACDH,QAAQ,CACL,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACmB,SAAS,GAAG;EACflB,QAAQ,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,IAAI,CAAC,EAAE3B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FrB,UAAU,EAAEP,SAAS,CAAC6B,IAAI,CAACD,UAAU;EACrCpB,WAAW,EAAER,SAAS,CAAC8B,IAAI,CAACF,UAAU;EACtCnB,QAAQ,EAAET,SAAS,CAAC+B;AACtB,CAAC;AAED1B,IAAI,CAAC2B,YAAY,GAAG;EAClBvB,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}
1
+ {"version":3,"file":"Grid.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","MainContextProvider","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","menuItems","setMenuItems","client","data","getMenuItems","query","parsedMenuItems","map","key","header","items","item","isDisplayedPrompt","updateItems","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n <div className=\"grid--main-content-wrapper\">{children}</div>\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\n};\n\nGrid.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object\n};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,EAAEC,mBAAmB,QAAQ,2BAA2B;AACzE,OAAOC,OAAO,MAAM,kBAAkB;AAEtC,MAAMC,IAAI,GAAG,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMc,MAAM,GAAGX,eAAe,EAAE;EAEhCF,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAM;QACJc,IAAI,EAAE;UAAEC;QAAa;MACvB,CAAC,GAAG,MAAMF,MAAM,CAACG,KAAK,CAAC;QAAEA,KAAK,EAAEb,QAAQ,CAAC,gBAAgB;MAAE,CAAC,CAAC;MAE7D,MAAMc,eAAe,GAAGF,YAAY,CAACG,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;QAAEC,MAAM;QAAEC;MAAM,CAAC,CAAC,KAAK,CACrEF,GAAG,EACH;QACEC,MAAM;QACNC,KAAK,EAAEA,KAAK,CAACH,GAAG,CAACI,IAAI,oCAAUA,IAAI;UAAEC,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACZ,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,GAAG;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,MAAMa,WAAW,GAAGH,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACd,oBAAC,mBAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAIG,WAAW,CAACH,KAAK;IAAE;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,oBAAC,OAAO;IACN,UAAU,EAAEb,UAAW;IACvB,SAAS,EAAEG,SAAU;IACrB,WAAW,EAAEF,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,eACF;IAAK,SAAS,EAAC;EAA4B,GAAEH,QAAQ,CAAO,CACxD,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACmB,SAAS,GAAG;EACflB,QAAQ,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,IAAI,CAAC,EAAE3B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FrB,UAAU,EAAEP,SAAS,CAAC6B,IAAI,CAACD,UAAU;EACrCpB,WAAW,EAAER,SAAS,CAAC8B,IAAI,CAACF,UAAU;EACtCnB,QAAQ,EAAET,SAAS,CAAC+B;AACtB,CAAC;AAED1B,IAAI,CAAC2B,YAAY,GAAG;EAClBvB,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { Link } from 'react-router-dom';
4
3
  import classnames from 'classnames';
5
4
  import PropTypes from 'prop-types';
6
5
  import { useApolloClient } from '@apollo/client';
@@ -36,10 +35,7 @@ const SideBar = ({
36
35
  onClick: onMenuClick
37
36
  }, /*#__PURE__*/React.createElement("i", {
38
37
  className: "material-icons"
39
- }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(Link, {
40
- to: "/",
41
- className: "side-nav__block-home"
42
- }, "Dashboard"), /*#__PURE__*/React.createElement("div", {
38
+ }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement("div", {
43
39
  className: sideNavWrapperClassname,
44
40
  "data-testid": "sidenav",
45
41
  id: "side-nav__wrapper"
@@ -1 +1 @@
1
- {"version":3,"file":"SideBar.js","names":["React","Link","classnames","PropTypes","useApolloClient","Avatar","handleLogout","SideBlock","SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","length","map","data","header","window","location","href","propTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link>\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAMC,MAAM,GAAGT,eAAe,EAAE;EAEhC,MAAM;IAAEU,SAAS;IAAEC;EAAS,CAAC,GAAGH,QAAQ;EACxC,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAME,gBAAgB,GAAGf,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMQ,uBAAuB,GAAGhB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEO;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEN;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,yBAAwB,CACjD,eACN,oBAAC,IAAI;IAAC,EAAE,EAAC,GAAG;IAAC,SAAS,EAAC;EAAsB,eAEtC,eACP;IAAK,SAAS,EAAEO,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFT,SAAS,CAACU,MAAM,GACbV,SAAS,CAACW,GAAG,CAAC,CAAC,GAAGC,IAAI,CAAC,kBAAK,oBAAC,SAAS;IAAC,GAAG,EAAEA,IAAI,CAACC;EAAO,GAAKD,IAAI,EAAI,CAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,oBAAC,MAAM;IAAC,QAAQ,EAAEL;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,YAAY;MACnB,MAAMV,YAAY,CAACO,MAAM,CAAC;MAC1BU,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACF,SAAS,EAAC;EAAgB,wBAErB,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,aAAe,CACnD,CACF;AAEV,CAAC;AAEDjB,OAAO,CAACkB,SAAS,GAAG;EAClBjB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAACC,UAAU;EACrClB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACrCjB,WAAW,EAAER,SAAS,CAAC2B,IAAI,CAACF,UAAU;EACtChB,QAAQ,EAAET,SAAS,CAAC4B,MAAM,CAACH;AAC7B,CAAC;AAED,eAAepB,OAAO"}
1
+ {"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","SideBlock","SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","length","map","data","header","window","location","href","propTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n {/* <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link> */}\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAMC,MAAM,GAAGT,eAAe,EAAE;EAEhC,MAAM;IAAEU,SAAS;IAAEC;EAAS,CAAC,GAAGH,QAAQ;EACxC,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAME,gBAAgB,GAAGf,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMQ,uBAAuB,GAAGhB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEO;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEN;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,yBAAwB,CACjD,eAIN;IAAK,SAAS,EAAEO,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFT,SAAS,CAACU,MAAM,GACbV,SAAS,CAACW,GAAG,CAAC,CAAC,GAAGC,IAAI,CAAC,kBAAK,oBAAC,SAAS;IAAC,GAAG,EAAEA,IAAI,CAACC;EAAO,GAAKD,IAAI,EAAI,CAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,oBAAC,MAAM;IAAC,QAAQ,EAAEL;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,YAAY;MACnB,MAAMV,YAAY,CAACO,MAAM,CAAC;MAC1BU,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACF,SAAS,EAAC;EAAgB,wBAErB,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,aAAe,CACnD,CACF;AAEV,CAAC;AAEDjB,OAAO,CAACkB,SAAS,GAAG;EAClBjB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAACC,UAAU;EACrClB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACrCjB,WAAW,EAAER,SAAS,CAAC2B,IAAI,CAACF,UAAU;EACtChB,QAAQ,EAAET,SAAS,CAAC4B,MAAM,CAACH;AAC7B,CAAC;AAED,eAAepB,OAAO"}
@@ -1,6 +1,6 @@
1
1
  const PLUGIN_NAME = 'admin-core-ui';
2
2
  const LOGO_PROPS = {
3
- src: 'https://images.thisisblaze.com/logo-85-30.png'
3
+ src: 'https://images.thisisblaze.com/logo-98-148.png'
4
4
  };
5
5
  const DEFAULT_LABEL = {
6
6
  text: 'See more',
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,eAAe;AACnC,MAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAgD,CAAC;AAE3E,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAME,SAAS,GAAG,MAAM;AAExB,SAASP,WAAW,EAAEC,UAAU,EAAEK,YAAY,EAAEH,aAAa,EAAEI,SAAS"}
1
+ {"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-98-148.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,eAAe;AACnC,MAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAiD,CAAC;AAE5E,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAME,SAAS,GAAG,MAAM;AAExB,SAASP,WAAW,EAAEC,UAAU,EAAEK,YAAY,EAAEH,aAAa,EAAEI,SAAS"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- const Home = () => /*#__PURE__*/React.createElement("div", null, "Home");
2
+ const Home = () => /*#__PURE__*/React.createElement("div", null);
3
3
  Home.displayName = 'Home';
4
4
  export default Home;
5
5
  //# sourceMappingURL=Home.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Home.js","names":["React","Home","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div>Home</div>;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,IAAI,GAAG,mBAAM,wCAAe;AAElCA,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,eAAeD,IAAI"}
1
+ {"version":3,"file":"Home.js","names":["React","Home","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div />;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,IAAI,GAAG,mBAAM,gCAAO;AAE1BA,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,eAAeD,IAAI"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/plugin-admin-core-ui",
3
- "version": "0.125.0",
3
+ "version": "0.126.0-admin-updates.1",
4
4
  "description": "Blaze plugin admin core ui",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -27,10 +27,10 @@
27
27
  },
28
28
  "license": "GPL-3.0",
29
29
  "dependencies": {
30
- "@blaze-cms/admin-ui-styles": "^0.124.0",
31
- "@blaze-cms/admin-ui-utils": "^0.125.0",
32
- "@blaze-cms/core-ui": "^0.125.0",
33
- "@blaze-cms/plugin-search-ui": "^0.125.0",
30
+ "@blaze-cms/admin-ui-styles": "0.126.0-admin-updates.0",
31
+ "@blaze-cms/admin-ui-utils": "0.126.0-admin-updates.1",
32
+ "@blaze-cms/core-ui": "0.126.0-admin-updates.0",
33
+ "@blaze-cms/plugin-search-ui": "0.126.0-admin-updates.1",
34
34
  "@blaze-cms/setup-ui": "^0.92.0",
35
35
  "@blaze-react/avatar": "0.5.19",
36
36
  "@blaze-react/button": "0.5.19",
@@ -47,12 +47,12 @@
47
47
  "react-router-dom": "^5.0.1"
48
48
  },
49
49
  "devDependencies": {
50
- "@blaze-cms/plugin-auth-ui": "^0.125.0",
50
+ "@blaze-cms/plugin-auth-ui": "0.126.0-admin-updates.1",
51
51
  "waait": "1.0.5"
52
52
  },
53
53
  "eslintIgnore": [
54
54
  "lib/*",
55
55
  "lib-es/*"
56
56
  ],
57
- "gitHead": "ae2788fd44b23bc206072ea3937a466d4a728a16"
57
+ "gitHead": "0c51ee64d86ab1d96172b813bf3ccd1ad2eed050"
58
58
  }
@@ -5,15 +5,17 @@ import { Menu, Logo } from './components';
5
5
  import { LOGO_PROPS } from '../../constants';
6
6
 
7
7
  const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
8
- <header className="header">
8
+ <>
9
9
  {isLoggedIn && (
10
- <div className="header__menu">
11
- <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
12
- </div>
10
+ <header className="header">
11
+ <div className="header__menu">
12
+ <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
13
+ </div>
14
+ <Logo {...LOGO_PROPS} />
15
+ <SearchAdmin />
16
+ </header>
13
17
  )}
14
- <Logo {...LOGO_PROPS} />
15
- {isLoggedIn && <SearchAdmin />}
16
- </header>
18
+ </>
17
19
  );
18
20
 
19
21
  Header.propTypes = {
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ // import Svg from './bg.svg';
4
+
5
+ const Background = ({ children }) => (
6
+ <div className="bg-blue-900 h-full w-full relative">
7
+ {/* <Svg /> */}
8
+ <div className="login-container">{children}</div>
9
+ </div>
10
+ );
11
+
12
+ Background.propTypes = {
13
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
14
+ };
15
+
16
+ export default Background;