@blaze-cms/plugin-admin-core-ui 0.131.0-project-admin-customisations.2 → 0.132.0-admin-updates.0

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

@@ -1,29 +1,69 @@
-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,
-  simpleLayout
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "main-content grid grid--main-content"
-}, !simpleLayout && /*#__PURE__*/React.createElement(SideBar, {
-  isOpenMenu: isOpenMenu,
-  onMenuClick: onMenuClick,
-  userData: userData
-}), children);
+  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 => _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
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "grid--main-content-wrapper"
+  }, children))) : 'loading';
+};
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
-  userData: PropTypes.object,
-  simpleLayout: PropTypes.bool
+  userData: PropTypes.object
 };
 Grid.defaultProps = {
-  userData: {},
-  simpleLayout: false
+  userData: {}
 };
 export default Grid;
 //# sourceMappingURL=Grid.js.map

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","simpleLayout","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, simpleLayout }) => (\n  <div className=\"main-content grid grid--main-content\">\n    {!simpleLayout && (\n      <SideBar isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData} />\n    )}\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  simpleLayout: PropTypes.bool\n};\n\nGrid.defaultProps = {\n  userData: {},\n  simpleLayout: false\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,QAAQ;EAAEC;AAAa,CAAC,kBACzER,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAC;AAAsC,GAClD,CAACF,YAAY,iBACZR,KAAA,CAAAS,aAAA,CAACP,OAAO;EAACG,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACC,QAAQ,EAAEA;AAAS,CAAE,CACjF,EACAH,QACE,CACN;AAEDD,IAAI,CAACQ,SAAS,GAAG;EACfP,QAAQ,EAAEH,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,IAAI,CAAC,EAAEb,SAAS,CAACa,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FV,UAAU,EAAEJ,SAAS,CAACe,IAAI,CAACD,UAAU;EACrCT,WAAW,EAAEL,SAAS,CAACgB,IAAI,CAACF,UAAU;EACtCR,QAAQ,EAAEN,SAAS,CAACiB,MAAM;EAC1BV,YAAY,EAAEP,SAAS,CAACe;AAC1B,CAAC;AAEDb,IAAI,CAACgB,YAAY,GAAG;EAClBZ,QAAQ,EAAE,CAAC,CAAC;EACZC,YAAY,EAAE;AAChB,CAAC;AAED,eAAeL,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        <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,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,eACFZ,KAAA,CAAA4B,aAAA;IAAKE,SAAS,EAAC;EAA4B,GAAErB,QAAc,CACxD,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,13 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 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
@@ -37,7 +39,9 @@ const SideBar = ({
     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 +64,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","classnames","PropTypes","useApolloClient","Avatar","handleLogout","SideBlock","SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","id","onClick","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 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,GAAGA,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;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,oBACET,KAAA,CAAAkB,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,gBACrDhB,KAAA,CAAAkB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;IACjCE,EAAE,EAAC,iBAAiB;IACpBC,OAAO,EAAEZ;EAAY,gBACrBV,KAAA,CAAAkB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,eAINnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;IAACI,EAAE,EAAC;EAAmB,GAClFb,SAAS,CAACe,MAAM,GACbf,SAAS,CAACgB,GAAG,CAAC,CAAC,GAAGC,IAAI,CAAC,kBAAKzB,KAAA,CAAAkB,aAAA,CAACZ,SAAS,EAAAoB,QAAA;IAACC,GAAG,EAAEF,IAAI,CAACG;EAAO,GAAKH,IAAI,CAAG,CAAC,CAAC,GACtE,6BACD,CAAC,eACNzB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnCnB,KAAA,CAAAkB,aAAA,CAACd,MAAM;IAACW,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC9Bf,KAAA,CAAAkB,aAAA;IAAMC,SAAS,EAAC;EAAW,GAAEJ,QAAe,CACzC,CAAC,eACNf,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCnB,KAAA,CAAAkB,aAAA;IACEG,EAAE,EAAC,eAAe;IAClBD,IAAI,EAAC,QAAQ;IACbE,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMjB,YAAY,CAACO,MAAM,CAAC;MAC1BiB,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFZ,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,eACNnB,KAAA,CAAAkB,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;AAEDZ,OAAO,CAACyB,SAAS,GAAG;EAClBxB,SAAS,EAAEN,SAAS,CAAC+B,KAAK,CAACC,UAAU;EACrCzB,UAAU,EAAEP,SAAS,CAACiC,IAAI,CAACD,UAAU;EACrCxB,WAAW,EAAER,SAAS,CAACkC,IAAI,CAACF,UAAU;EACtCvB,QAAQ,EAAET,SAAS,CAACmC,MAAM,CAACH;AAC7B,CAAC;AAED,eAAe3B,OAAO"}

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-98-148.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-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"}

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.131.0-project-admin-customisations.2",
+  "version": "0.132.0-admin-updates.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.131.0-project-admin-customisations.1",
-    "@blaze-cms/admin-ui-utils": "0.131.0-project-admin-customisations.2",
-    "@blaze-cms/core-ui": "0.131.0-project-admin-customisations.0",
-    "@blaze-cms/plugin-search-ui": "0.131.0-project-admin-customisations.2",
-    "@blaze-cms/setup-ui": "0.131.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-styles": "0.132.0-admin-updates.0",
+    "@blaze-cms/admin-ui-utils": "0.132.0-admin-updates.0",
+    "@blaze-cms/core-ui": "0.132.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.132.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.132.0-admin-updates.0",
     "@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.131.0-project-admin-customisations.2",
-    "lodash.merge": "^4.6.2",
+    "@blaze-cms/plugin-auth-ui": "0.132.0-admin-updates.0",
     "waait": "1.0.5"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "afa5f3dedb77eefe1ca4d1e043a8c88d4771e982"
+  "gitHead": "fd6ece22f357131c0b0e5201e5e1df825389b860"
 }

package/src/components/Layout/Layout.js

@@ -11,29 +11,18 @@ import Header from '../Header';
 const Layout = ({ children }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
-
-  const simpleLayout = window.location !== window.parent.location;
-
-  const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
-
   return (
-    <div className={`site-container grid--site-container${wrapperClass}`}>
+    <div className="site-container grid--site-container">
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
 
           return (
             <>
-              {!simpleLayout && (
-                <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
-              )}
+              <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
               {isLoggedIn ? (
                 <>
-                  <Grid
-                    isOpenMenu={isOpenMenu}
-                    onMenuClick={onMenuClick}
-                    userData={userData}
-                    simpleLayout={simpleLayout}>
+                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
                     {children}
                   </Grid>
                 </>

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

@@ -1,27 +1,66 @@
-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, simpleLayout }) => (
-  <div className="main-content grid grid--main-content">
-    {!simpleLayout && (
-      <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}
+        />
+        <div className="grid--main-content-wrapper">{children}</div>
+      </div>
+    </MainContextProvider>
+  ) : (
+    'loading'
+  );
+};
 
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
-  userData: PropTypes.object,
-  simpleLayout: PropTypes.bool
+  userData: PropTypes.object
 };
 
 Grid.defaultProps = {
-  userData: {},
-  simpleLayout: false
+  userData: {}
 };
 
 export default Grid;

package/src/components/SideBar/SideBar.js

@@ -4,9 +4,9 @@ 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;
@@ -34,7 +34,9 @@ const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
         Dashboard
       </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 +62,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-98-148.png' };
 
 const DEFAULT_LABEL = {
   text: 'See more',

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,

package/lib/components/Menu/Icons/ChevronDown.js

@@ -1,27 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var ChevronDown = function ChevronDown() {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: 1.5,
-    width: "20",
-    height: "20",
-    stroke: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-  }));
-};
-var _default = ChevronDown;
-exports["default"] = _default;
-//# sourceMappingURL=ChevronDown.js.map

package/lib/components/Menu/Icons/ChevronDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    strokeWidth={1.5}\n    width=\"20\"\n    height=\"20\"\n    stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n  </svg>\n);\n\nexport default ChevronDown;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;EAAA,oBACfH,MAAA,YAAAI,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,MAAM,EAAC;EAAc,gBACrBX,MAAA,YAAAI,aAAA;IAAMQ,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA6B,CAAE,CACjF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAEaZ,WAAW;AAAAa,OAAA,cAAAD,QAAA"}

package/lib/components/Menu/Icons/ChevronUp.js

@@ -1,27 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var ChevronUp = function ChevronUp() {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 22 22",
-    strokeWidth: 1.5,
-    width: "20",
-    height: "20",
-    stroke: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M4.5 15.75l7.5-7.5 7.5 7.5"
-  }));
-};
-var _default = ChevronUp;
-exports["default"] = _default;
-//# sourceMappingURL=ChevronUp.js.map

package/lib/components/Menu/Icons/ChevronUp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChevronUp.js","names":["_react","_interopRequireDefault","require","ChevronUp","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 22 22\"\n    strokeWidth={1.5}\n    width=\"20\"\n    height=\"20\"\n    stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n  </svg>\n);\n\nexport default ChevronUp;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA;EAAA,oBACbH,MAAA,YAAAI,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,MAAM,EAAC;EAAc,gBACrBX,MAAA,YAAAI,aAAA;IAAMQ,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA4B,CAAE,CAChF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAEaZ,SAAS;AAAAa,OAAA,cAAAD,QAAA"}

package/lib/components/Menu/Items/MenuActionItem.js

@@ -1,37 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var MenuActionItem = function MenuActionItem(_ref) {
-  var item = _ref.item;
-  var label = item.label,
-    MenuSectionIcon = item.icon,
-    _onClick = item.onClick,
-    uri = item.uri;
-  var modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    className: "side-nav__list--item",
-    key: item.label
-  }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-    to: uri,
-    className: "side-nav__list-link ".concat(modifier),
-    onClick: function onClick() {
-      if (_onClick) {
-        _onClick();
-      }
-    }
-  }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "side-nav__list-link--icon"
-  }, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "side-nav__list-label"
-  }, label)));
-};
-var _default = MenuActionItem;
-exports["default"] = _default;
-//# sourceMappingURL=MenuActionItem.js.map

package/lib/components/Menu/Items/MenuActionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuActionItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuActionItem","_ref","item","label","MenuSectionIcon","icon","onClick","uri","modifier","createElement","className","key","Link","to","concat","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n  const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n  const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n  return (\n    <li className=\"side-nav__list--item\" key={item.label}>\n      <Link\n        to={uri}\n        className={`side-nav__list-link ${modifier}`}\n        onClick={() => {\n          if (onClick) {\n            onClick();\n          }\n        }}>\n        {MenuSectionIcon && (\n          <div className=\"side-nav__list-link--icon\">\n            <MenuSectionIcon />\n          </div>\n        )}\n        <div className=\"side-nav__list-label\">{label}</div>\n      </Link>\n    </li>\n  );\n};\n\nexport default MenuActionItem;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC5B,IAAQC,KAAK,GAA0CD,IAAI,CAAnDC,KAAK;IAAQC,eAAe,GAAmBF,IAAI,CAA5CG,IAAI;IAAmBC,QAAO,GAAUJ,IAAI,CAArBI,OAAO;IAAEC,GAAG,GAAKL,IAAI,CAAZK,GAAG;EAElD,IAAMC,QAAQ,GAAGJ,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACER,MAAA,YAAAa,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDP,MAAA,YAAAa,aAAA,CAACV,eAAA,CAAAa,IAAI;IACHC,EAAE,EAAEN,GAAI;IACRG,SAAS,yBAAAI,MAAA,CAAyBN,QAAQ,CAAG;IAC7CF,OAAO,EAAE,SAAAA,QAAA,EAAM;MACb,IAAIA,QAAO,EAAE;QACXA,QAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDF,eAAe,iBACdR,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCd,MAAA,YAAAa,aAAA,CAACL,eAAe,MAAE,CACf,CACN,eACDR,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAEaf,cAAc;AAAAgB,OAAA,cAAAD,QAAA"}