@blaze-cms/plugin-admin-core-ui 0.129.0-project-admin-customisations.0 → 0.129.0

package/lib-es/components/Header/Header.js

@@ -7,15 +7,15 @@ const Header = ({
   isLoggedIn,
   isOpenMenu,
   onMenuClick
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, isLoggedIn && /*#__PURE__*/React.createElement("header", {
+}) => /*#__PURE__*/React.createElement("header", {
   className: "header"
-}, /*#__PURE__*/React.createElement("div", {
+}, isLoggedIn && /*#__PURE__*/React.createElement("div", {
   className: "header__menu"
 }, /*#__PURE__*/React.createElement(Menu, {
   isOpenMenu: isOpenMenu,
   onMenuClick: onMenuClick,
   id: "menu-button"
-})), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), /*#__PURE__*/React.createElement(SearchAdmin, null)));
+})), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), isLoggedIn && /*#__PURE__*/React.createElement(SearchAdmin, null));
 Header.propTypes = {
   isLoggedIn: PropTypes.bool,
   isOpenMenu: PropTypes.bool.isRequired,

package/lib-es/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","createElement","Fragment","className","id","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,GAAGA,CAAC;EAAEC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,kBACrDT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGJ,UAAU,iBACTP,KAAA,CAAAU,aAAA;EAAQE,SAAS,EAAC;AAAQ,gBACxBZ,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAAc,gBAC3BZ,KAAA,CAAAU,aAAA,CAACP,IAAI;EAACK,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACI,EAAE,EAAC;AAAa,CAAE,CACvE,CAAC,eACNb,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAKC,UAAa,CAAC,eACxBL,KAAA,CAAAU,aAAA,CAACR,WAAW,MAAE,CACR,CAEV,CACH;AAEDI,MAAM,CAACQ,SAAS,GAAG;EACjBP,UAAU,EAAEN,SAAS,CAACc,IAAI;EAC1BP,UAAU,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACrCP,WAAW,EAAER,SAAS,CAACgB,IAAI,CAACD;AAC9B,CAAC;AAEDV,MAAM,CAACY,YAAY,GAAG;EACpBX,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}
+{"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","createElement","className","id","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,GAAGA,CAAC;EAAEC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,kBACrDT,KAAA,CAAAU,aAAA;EAAQC,SAAS,EAAC;AAAQ,GACvBJ,UAAU,iBACTP,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAc,gBAC3BX,KAAA,CAAAU,aAAA,CAACP,IAAI;EAACK,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACG,EAAE,EAAC;AAAa,CAAE,CACvE,CACN,eACDZ,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAKC,UAAa,CAAC,EACvBE,UAAU,iBAAIP,KAAA,CAAAU,aAAA,CAACR,WAAW,MAAE,CACvB,CACT;AAEDI,MAAM,CAACO,SAAS,GAAG;EACjBN,UAAU,EAAEN,SAAS,CAACa,IAAI;EAC1BN,UAAU,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACrCN,WAAW,EAAER,SAAS,CAACe,IAAI,CAACD;AAC9B,CAAC;AAEDT,MAAM,CAACW,YAAY,GAAG;EACpBV,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}

package/lib-es/components/Layout/Layout.js

@@ -3,17 +3,16 @@ import PropTypes from 'prop-types';
 import { Query } from '@apollo/client/react/components';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { Login } from '@blaze-cms/plugin-auth-ui';
+import Header from '../Header';
 import { Grid } from './components';
-import Background from './Background';
 import '@blaze-cms/admin-ui-styles/main.scss';
-import Header from '../Header';
 const Layout = ({
   children
 }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
   return /*#__PURE__*/React.createElement("div", {
-    className: "site-container grid--site-container"
+    className: "site-container grid grid--site-container"
   }, /*#__PURE__*/React.createElement(Query, {
     query: getQuery('GET_USER_AUTH_DATA'),
     errorPolicy: "all"
@@ -30,11 +29,11 @@ const Layout = ({
       isLoggedIn: isLoggedIn,
       onMenuClick: onMenuClick,
       isOpenMenu: isOpenMenu
-    }), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    }), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
       isOpenMenu: isOpenMenu,
       onMenuClick: onMenuClick,
       userData: userData
-    }, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
+    }, children) : /*#__PURE__*/React.createElement(Login, null));
   }));
 };
 Layout.propTypes = {

package/lib-es/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","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,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACEX,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClDf,KAAA,CAAAc,aAAA,CAACX,KAAK;IAACa,KAAK,EAAEZ,QAAQ,CAAC,oBAAoB,CAAE;IAACa,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,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,oBACElB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAc,aAAA,CAACN,MAAM;MAACY,UAAU,EAAEA,UAAW;MAACP,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CAAC,EACnFS,UAAU,gBACTpB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAc,aAAA,CAACR,IAAI;MAACK,UAAU,EAAEA,UAAW;MAACE,WAAW,EAAEA,WAAY;MAACQ,QAAQ,EAAEA;IAAS,GACxEX,QACG,CACN,CAAC,gBAEHV,KAAA,CAAAc,aAAA,CAACP,UAAU,qBACTP,KAAA,CAAAc,aAAA,CAACT,KAAK,MAAE,CACE,CAEd,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDI,MAAM,CAACc,SAAS,GAAG;EACjBb,QAAQ,EAAER,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,IAAI,CAAC,EAAExB,SAAS,CAACwB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAelB,MAAM"}
+{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Header","Grid","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","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,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMW,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACEV,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDd,KAAA,CAAAa,aAAA,CAACV,KAAK;IAACY,KAAK,EAAEX,QAAQ,CAAC,oBAAoB,CAAE;IAACY,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,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,oBACEjB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAa,aAAA,CAACP,MAAM;MAACa,UAAU,EAAEA,UAAW;MAACP,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CAAC,EACnFS,UAAU,gBACTnB,KAAA,CAAAa,aAAA,CAACN,IAAI;MAACG,UAAU,EAAEA,UAAW;MAACE,WAAW,EAAEA,WAAY;MAACQ,QAAQ,EAAEA;IAAS,GACxEX,QACG,CAAC,gBAEPT,KAAA,CAAAa,aAAA,CAACR,KAAK,MAAE,CAEV,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDG,MAAM,CAACc,SAAS,GAAG;EACjBb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAelB,MAAM"}

package/lib-es/components/Layout/components/Grid/Grid.js

@@ -1,18 +1,59 @@
-import React from 'react';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { useApolloClient } from '@apollo/client';
+import { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';
 import SideBar from '../../../SideBar';
 const Grid = ({
   children,
   isOpenMenu,
   onMenuClick,
   userData
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "main-content grid grid--main-content"
-}, /*#__PURE__*/React.createElement(SideBar, {
-  isOpenMenu: isOpenMenu,
-  onMenuClick: onMenuClick,
-  userData: userData
-}), children);
+}) => {
+  const [menuItems, setMenuItems] = useState(null);
+  const client = useApolloClient();
+  useEffect(() => {
+    (async () => {
+      const {
+        data: {
+          getMenuItems
+        }
+      } = await client.query({
+        query: getQuery('GET_MENU_ITEMS')
+      });
+      const parsedMenuItems = getMenuItems.map(([key, {
+        header,
+        items
+      }]) => [key, {
+        header,
+        items: items.map(item => _objectSpread(_objectSpread({}, item), {}, {
+          isDisplayedPrompt: true
+        }))
+      }]);
+      if (!menuItems) {
+        setMenuItems(parsedMenuItems);
+      }
+    })();
+  }, [client, menuItems]);
+  const updateItems = items => {
+    setMenuItems(items);
+  };
+  return menuItems ? /*#__PURE__*/React.createElement(MainContextProvider, {
+    value: {
+      menuItems,
+      setMenuItems: items => updateItems(items)
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "main-content grid grid--main-content"
+  }, /*#__PURE__*/React.createElement(SideBar, {
+    isOpenMenu: isOpenMenu,
+    menuItems: menuItems,
+    onMenuClick: onMenuClick,
+    userData: userData
+  }), children)) : 'loading';
+};
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   isOpenMenu: PropTypes.bool.isRequired,

package/lib-es/components/Layout/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","PropTypes","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","createElement","className","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => (\n  <div className=\"main-content grid grid--main-content\">\n    <SideBar isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData} />\n    {children}\n  </div>\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,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,kBAAkB;AAEtC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,kBAC3DP,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAsC,gBACnDT,KAAA,CAAAQ,aAAA,CAACN,OAAO;EAACG,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACC,QAAQ,EAAEA;AAAS,CAAE,CAAC,EAChFH,QACE,CACN;AAEDD,IAAI,CAACO,SAAS,GAAG;EACfN,QAAQ,EAAEH,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,IAAI,CAAC,EAAEZ,SAAS,CAACY,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FT,UAAU,EAAEJ,SAAS,CAACc,IAAI,CAACD,UAAU;EACrCR,WAAW,EAAEL,SAAS,CAACe,IAAI,CAACF,UAAU;EACtCP,QAAQ,EAAEN,SAAS,CAACgB;AACtB,CAAC;AAEDd,IAAI,CAACe,YAAY,GAAG;EAClBX,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}
+{"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","_objectSpread","isDisplayedPrompt","updateItems","createElement","value","className","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,GAAGA,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,CAAC,CAAC;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,IAAAC,aAAA,CAAAA,aAAA,KAAUD,IAAI;UAAEE,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACb,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CACpB,CAAC;EAED,MAAMc,WAAW,GAAGJ,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACdb,KAAA,CAAA4B,aAAA,CAACtB,mBAAmB;IAACuB,KAAK,EAAE;MAAEhB,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAII,WAAW,CAACJ,KAAK;IAAE;EAAE,gBACnFvB,KAAA,CAAA4B,aAAA;IAAKE,SAAS,EAAC;EAAsC,gBACnD9B,KAAA,CAAA4B,aAAA,CAACrB,OAAO;IACNG,UAAU,EAAEA,UAAW;IACvBG,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA;EAAS,CACpB,CAAC,EACDH,QACE,CACc,CAAC,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACuB,SAAS,GAAG;EACftB,QAAQ,EAAEN,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC8B,OAAO,CAAC9B,SAAS,CAAC+B,IAAI,CAAC,EAAE/B,SAAS,CAAC+B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FzB,UAAU,EAAEP,SAAS,CAACiC,IAAI,CAACD,UAAU;EACrCxB,WAAW,EAAER,SAAS,CAACkC,IAAI,CAACF,UAAU;EACtCvB,QAAQ,EAAET,SAAS,CAACmC;AACtB,CAAC;AAED9B,IAAI,CAAC+B,YAAY,GAAG;EAClB3B,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}

package/lib-es/components/SideBar/SideBar.js

@@ -1,11 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
 import Avatar from '@blaze-react/avatar';
 import { handleLogout } from '@blaze-cms/core-auth-ui';
-import Menu from '../Menu';
+import { SideBlock } from './components';
 const SideBar = ({
+  menuItems,
   isOpenMenu,
   onMenuClick,
   userData
@@ -33,11 +36,16 @@ const SideBar = ({
     onClick: onMenuClick
   }, /*#__PURE__*/React.createElement("i", {
     className: "material-icons"
-  }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement("div", {
+  }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(Link, {
+    to: "/",
+    className: "side-nav__block-home"
+  }, "Dashboard"), /*#__PURE__*/React.createElement("div", {
     className: sideNavWrapperClassname,
     "data-testid": "sidenav",
     id: "side-nav__wrapper"
-  }, /*#__PURE__*/React.createElement(Menu, null)), /*#__PURE__*/React.createElement("div", {
+  }, menuItems.length ? menuItems.map(([, data]) => /*#__PURE__*/React.createElement(SideBlock, _extends({
+    key: data.header
+  }, data))) : 'Not available content types'), /*#__PURE__*/React.createElement("div", {
     className: "side-nav__user"
   }, /*#__PURE__*/React.createElement("div", {
     className: "side-nav__user--info"
@@ -60,6 +68,7 @@ const SideBar = ({
   }, "Log off")));
 };
 SideBar.propTypes = {
+  menuItems: PropTypes.array.isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
   userData: PropTypes.object.isRequired

package/lib-es/components/SideBar/SideBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","id","onClick","window","location","href","propTypes","bool","isRequired","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 Menu from '../Menu';\n\nconst SideBar = ({ 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        <Menu />\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  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,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,OAAO,GAAGA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGR,eAAe,CAAC,CAAC;EAEhC,MAAM;IAAES,SAAS;IAAEC;EAAS,CAAC,GAAGH,QAAQ;EACxC,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAME,gBAAgB,GAAGd,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEO,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMQ,uBAAuB,GAAGf,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACO;EAC/B,CAAC,CAAC;EAEF,oBACER,KAAA,CAAAiB,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,gBACrDf,KAAA,CAAAiB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;IACjCE,EAAE,EAAC,iBAAiB;IACpBC,OAAO,EAAEZ;EAAY,gBACrBT,KAAA,CAAAiB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,eAINlB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;IAACI,EAAE,EAAC;EAAmB,gBACnFpB,KAAA,CAAAiB,aAAA,CAACX,IAAI,MAAE,CACJ,CAAC,eACNN,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BlB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnClB,KAAA,CAAAiB,aAAA,CAACb,MAAM;IAACU,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC9Bd,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAC;EAAW,GAAEJ,QAAe,CACzC,CAAC,eACNd,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrClB,KAAA,CAAAiB,aAAA;IACEG,EAAE,EAAC,eAAe;IAClBD,IAAI,EAAC,QAAQ;IACbE,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMhB,YAAY,CAACM,MAAM,CAAC;MAC1BW,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFN,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,eACNlB,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;AAEDX,OAAO,CAACkB,SAAS,GAAG;EAClBjB,UAAU,EAAEN,SAAS,CAACwB,IAAI,CAACC,UAAU;EACrClB,WAAW,EAAEP,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACtCjB,QAAQ,EAAER,SAAS,CAAC2B,MAAM,CAACF;AAC7B,CAAC;AAED,eAAepB,OAAO"}
+{"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","createElement","className","role","id","onClick","to","length","map","data","_extends","key","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":"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"}

package/lib-es/constants.js

@@ -1,6 +1,6 @@
 const PLUGIN_NAME = 'admin-core-ui';
 const LOGO_PROPS = {
-  src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'
+  src: 'https://images.thisisblaze.com/logo-85-30.png'
 };
 const DEFAULT_LABEL = {
   text: 'See more',

package/lib-es/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n  src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\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;EACjBC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,yBAAyB,IAAI;AAChD,CAAC;AAED,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,SAASV,WAAW,EAAEC,UAAU,EAAEQ,YAAY,EAAEH,aAAa,EAAEI,SAAS"}
+{"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"}

package/lib-es/containers/Home/Home.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Home = () => /*#__PURE__*/React.createElement("div", null);
+const Home = () => /*#__PURE__*/React.createElement("div", null, "Home");
 Home.displayName = 'Home';
 export default Home;
 //# sourceMappingURL=Home.js.map

package/lib-es/containers/Home/Home.js.map

@@ -1 +1 @@
-{"version":3,"file":"Home.js","names":["React","Home","createElement","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,GAAGA,CAAA,kBAAMD,KAAA,CAAAE,aAAA,YAAM,CAAC;AAE1BD,IAAI,CAACE,WAAW,GAAG,MAAM;AAEzB,eAAeF,IAAI"}
+{"version":3,"file":"Home.js","names":["React","Home","createElement","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,GAAGA,CAAA,kBAAMD,KAAA,CAAAE,aAAA,cAAK,MAAS,CAAC;AAElCD,IAAI,CAACE,WAAW,GAAG,MAAM;AAEzB,eAAeF,IAAI"}

package/lib-es/index.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { Layout } from './components';
 import pkg from '../package.json';
 import { PLUGIN_NAME } from './constants';
-import menuHandler from './utils/menu-handler-singleton';
+import getMenuItemsResolver from './utils/get-menu-items-resolver';
 const Home = React.lazy(() => import( /* webpackChunkName: 'Home' */'./containers'));
-async function load(app, options = {}) {
+async function load(app) {
   const home = {
     path: '/',
     exact: true,
@@ -12,14 +12,14 @@ async function load(app, options = {}) {
     component: Home
   };
   app.addRoute(home);
-  menuHandler.setApp(app);
+  app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));
   app.setLayout(Layout);
-  const {
-    menuConfig = {}
-  } = options;
-  app.events.once('admin:menu:config:load:after', ({
-    addConfig
-  }) => addConfig(menuConfig));
+  app.events.once('load:menu-section', addSection => {
+    addSection('plugins', {
+      header: 'plugins',
+      order: 200
+    });
+  });
   return {
     name: PLUGIN_NAME,
     version: pkg.version

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Layout","pkg","PLUGIN_NAME","menuHandler","Home","lazy","load","app","options","home","path","exact","key","component","addRoute","setApp","setLayout","menuConfig","events","once","addConfig","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { Layout } from './components';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\nimport menuHandler from './utils/menu-handler-singleton';\n\nconst Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));\n\nasync function load(app, options = {}) {\n  const home = {\n    path: '/',\n    exact: true,\n    key: 'home',\n    component: Home\n  };\n\n  app.addRoute(home);\n\n  menuHandler.setApp(app);\n\n  app.setLayout(Layout);\n\n  const { menuConfig = {} } = options;\n\n  app.events.once('admin:menu:config:load:after', ({ addConfig }) => addConfig(menuConfig));\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,cAAc;AACrC,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,WAAW,MAAM,gCAAgC;AAExD,MAAMC,IAAI,GAAGL,KAAK,CAACM,IAAI,CAAC,MAAM,MAAM,EAAC,8BAA+B,cAAc,CAAC,CAAC;AAEpF,eAAeC,IAAIA,CAACC,GAAG,EAAEC,OAAO,GAAG,CAAC,CAAC,EAAE;EACrC,MAAMC,IAAI,GAAG;IACXC,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,IAAI;IACXC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAET;EACb,CAAC;EAEDG,GAAG,CAACO,QAAQ,CAACL,IAAI,CAAC;EAElBN,WAAW,CAACY,MAAM,CAACR,GAAG,CAAC;EAEvBA,GAAG,CAACS,SAAS,CAAChB,MAAM,CAAC;EAErB,MAAM;IAAEiB,UAAU,GAAG,CAAC;EAAE,CAAC,GAAGT,OAAO;EAEnCD,GAAG,CAACW,MAAM,CAACC,IAAI,CAAC,8BAA8B,EAAE,CAAC;IAAEC;EAAU,CAAC,KAAKA,SAAS,CAACH,UAAU,CAAC,CAAC;EAEzF,OAAO;IACLI,IAAI,EAAEnB,WAAW;IACjBoB,OAAO,EAAErB,GAAG,CAACqB;EACf,CAAC;AACH;AAEAhB,IAAI,CAACiB,UAAU,GAAGrB,WAAW;AAE7B,eAAeI,IAAI"}
+{"version":3,"file":"index.js","names":["React","Layout","pkg","PLUGIN_NAME","getMenuItemsResolver","Home","lazy","load","app","home","path","exact","key","component","addRoute","addQueryResolver","setLayout","events","once","addSection","header","order","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { Layout } from './components';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\nimport getMenuItemsResolver from './utils/get-menu-items-resolver';\n\nconst Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));\n\nasync function load(app) {\n  const home = {\n    path: '/',\n    exact: true,\n    key: 'home',\n    component: Home\n  };\n  app.addRoute(home);\n\n  app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));\n\n  app.setLayout(Layout);\n\n  app.events.once('load:menu-section', addSection => {\n    addSection('plugins', { header: 'plugins', order: 200 });\n  });\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,cAAc;AACrC,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,oBAAoB,MAAM,iCAAiC;AAElE,MAAMC,IAAI,GAAGL,KAAK,CAACM,IAAI,CAAC,MAAM,MAAM,EAAC,8BAA+B,cAAc,CAAC,CAAC;AAEpF,eAAeC,IAAIA,CAACC,GAAG,EAAE;EACvB,MAAMC,IAAI,GAAG;IACXC,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,IAAI;IACXC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAER;EACb,CAAC;EACDG,GAAG,CAACM,QAAQ,CAACL,IAAI,CAAC;EAElBD,GAAG,CAACO,gBAAgB,CAAC,cAAc,EAAEX,oBAAoB,CAACI,GAAG,CAAC,CAAC;EAE/DA,GAAG,CAACQ,SAAS,CAACf,MAAM,CAAC;EAErBO,GAAG,CAACS,MAAM,CAACC,IAAI,CAAC,mBAAmB,EAAEC,UAAU,IAAI;IACjDA,UAAU,CAAC,SAAS,EAAE;MAAEC,MAAM,EAAE,SAAS;MAAEC,KAAK,EAAE;IAAI,CAAC,CAAC;EAC1D,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAEnB,WAAW;IACjBoB,OAAO,EAAErB,GAAG,CAACqB;EACf,CAAC;AACH;AAEAhB,IAAI,CAACiB,UAAU,GAAGrB,WAAW;AAE7B,eAAeI,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.129.0-project-admin-customisations.0",
+  "version": "0.129.0",
   "description": "Blaze plugin admin core ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,11 +27,11 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-styles": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/admin-ui-utils": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/core-ui": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/plugin-search-ui": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/setup-ui": "0.129.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-styles": "^0.128.1",
+    "@blaze-cms/admin-ui-utils": "^0.129.0",
+    "@blaze-cms/core-ui": "^0.129.0",
+    "@blaze-cms/plugin-search-ui": "^0.129.0",
+    "@blaze-cms/setup-ui": "^0.128.1",
     "@blaze-react/avatar": "0.5.19",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -47,13 +47,12 @@
     "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
-    "@blaze-cms/plugin-auth-ui": "0.129.0-project-admin-customisations.0",
-    "lodash.merge": "^4.6.2",
+    "@blaze-cms/plugin-auth-ui": "^0.129.0",
     "waait": "1.0.5"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "e277f858e06d9e30c22e355ea5b44132ef5e910c"
+  "gitHead": "43e8a5d929313c50f8edb27358da7278299ce6c6"
 }

package/src/components/Header/Header.js

@@ -5,17 +5,15 @@ import { Menu, Logo } from './components';
 import { LOGO_PROPS } from '../../constants';
 
 const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
-  <>
+  <header className="header">
     {isLoggedIn && (
-      <header className="header">
-        <div className="header__menu">
-          <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
-        </div>
-        <Logo {...LOGO_PROPS} />
-        <SearchAdmin />
-      </header>
+      <div className="header__menu">
+        <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
+      </div>
     )}
-  </>
+    <Logo {...LOGO_PROPS} />
+    {isLoggedIn && <SearchAdmin />}
+  </header>
 );
 
 Header.propTypes = {

package/src/components/Layout/Layout.js

@@ -3,16 +3,16 @@ import PropTypes from 'prop-types';
 import { Query } from '@apollo/client/react/components';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { Login } from '@blaze-cms/plugin-auth-ui';
+import Header from '../Header';
 import { Grid } from './components';
-import Background from './Background';
+
 import '@blaze-cms/admin-ui-styles/main.scss';
-import Header from '../Header';
 
 const Layout = ({ children }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
   return (
-    <div className="site-container grid--site-container">
+    <div className="site-container grid grid--site-container">
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
@@ -21,15 +21,11 @@ const Layout = ({ children }) => {
             <>
               <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
               {isLoggedIn ? (
-                <>
-                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
-                    {children}
-                  </Grid>
-                </>
+                <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
+                  {children}
+                </Grid>
               ) : (
-                <Background>
-                  <Login />
-                </Background>
+                <Login />
               )}
             </>
           );

package/src/components/Layout/components/Grid/Grid.js

@@ -1,13 +1,56 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { useApolloClient } from '@apollo/client';
+import { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';
 import SideBar from '../../../SideBar';
 
-const Grid = ({ children, isOpenMenu, onMenuClick, userData }) => (
-  <div className="main-content grid grid--main-content">
-    <SideBar isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData} />
-    {children}
-  </div>
-);
+const Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {
+  const [menuItems, setMenuItems] = useState(null);
+  const client = useApolloClient();
+
+  useEffect(
+    () => {
+      (async () => {
+        const {
+          data: { getMenuItems }
+        } = await client.query({ query: getQuery('GET_MENU_ITEMS') });
+
+        const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [
+          key,
+          {
+            header,
+            items: items.map(item => ({ ...item, isDisplayedPrompt: true }))
+          }
+        ]);
+
+        if (!menuItems) {
+          setMenuItems(parsedMenuItems);
+        }
+      })();
+    },
+    [client, menuItems]
+  );
+
+  const updateItems = items => {
+    setMenuItems(items);
+  };
+
+  return menuItems ? (
+    <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>
+      <div className="main-content grid grid--main-content">
+        <SideBar
+          isOpenMenu={isOpenMenu}
+          menuItems={menuItems}
+          onMenuClick={onMenuClick}
+          userData={userData}
+        />
+        {children}
+      </div>
+    </MainContextProvider>
+  ) : (
+    'loading'
+  );
+};
 
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,

package/src/components/SideBar/SideBar.js

@@ -1,12 +1,13 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
 import Avatar from '@blaze-react/avatar';
 import { handleLogout } from '@blaze-cms/core-auth-ui';
-import Menu from '../Menu';
+import { SideBlock } from './components';
 
-const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
+const SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {
   const client = useApolloClient();
 
   const { firstname, lastname } = userData;
@@ -30,11 +31,13 @@ const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
         onClick={onMenuClick}>
         <i className="material-icons">keyboard_arrow_left</i>
       </div>
-      {/* <Link to="/" className="side-nav__block-home">
+      <Link to="/" className="side-nav__block-home">
         Dashboard
-      </Link> */}
+      </Link>
       <div className={sideNavWrapperClassname} data-testid="sidenav" id="side-nav__wrapper">
-        <Menu />
+        {menuItems.length
+          ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)
+          : 'Not available content types'}
       </div>
       <div className="side-nav__user">
         <div className="side-nav__user--info">
@@ -60,6 +63,7 @@ const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
 };
 
 SideBar.propTypes = {
+  menuItems: PropTypes.array.isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
   userData: PropTypes.object.isRequired

package/src/constants.js

@@ -1,7 +1,5 @@
 const PLUGIN_NAME = 'admin-core-ui';
-const LOGO_PROPS = {
-  src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'
-};
+const LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };
 
 const DEFAULT_LABEL = {
   text: 'See more',

package/src/containers/Home/Home.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const Home = () => <div />;
+const Home = () => <div>Home</div>;
 
 Home.displayName = 'Home';
 

package/src/index.js

@@ -2,27 +2,26 @@ import React from 'react';
 import { Layout } from './components';
 import pkg from '../package.json';
 import { PLUGIN_NAME } from './constants';
-import menuHandler from './utils/menu-handler-singleton';
+import getMenuItemsResolver from './utils/get-menu-items-resolver';
 
 const Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));
 
-async function load(app, options = {}) {
+async function load(app) {
   const home = {
     path: '/',
     exact: true,
     key: 'home',
     component: Home
   };
-
   app.addRoute(home);
 
-  menuHandler.setApp(app);
+  app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));
 
   app.setLayout(Layout);
 
-  const { menuConfig = {} } = options;
-
-  app.events.once('admin:menu:config:load:after', ({ addConfig }) => addConfig(menuConfig));
+  app.events.once('load:menu-section', addSection => {
+    addSection('plugins', { header: 'plugins', order: 200 });
+  });
 
   return {
     name: PLUGIN_NAME,