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

package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSectionCollapsible.js","names":["React","useState","ChevronDown","ChevronUp","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","name","item","children","label","loadOpen","icon","MenuSectionIcon","items","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","modifier","buttonModifier","className","type","onClick","role","Object","keys","length"],"sources":["../../../../src/components/Menu/Section/MenuSectionCollapsible.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nconst capitalise = s => {\n  if (typeof s !== 'string') return '';\n  return s.charAt(0).toUpperCase() + s.slice(1);\n};\n\nconst MenuSectionCollapsible = ({ name, item, children }) => {\n  const { label, loadOpen, icon: MenuSectionIcon, items } = item;\n  const [collapsed, setCollapsed] = useState(!loadOpen);\n\n  const CollapseIcon = () => (collapsed ? <ChevronDown /> : <ChevronUp />);\n\n  const handleClick = () => {\n    setCollapsed(!collapsed);\n  };\n\n  const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';\n\n  const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';\n\n  if (name) {\n    return (\n      <li className={modifier}>\n        <button type=\"button\" className={buttonModifier} onClick={handleClick}>\n          <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n          <div className=\"side-nav__list-link--wrapper\">\n            <div className=\"side-nav__list-link--label\">{capitalise(name)}</div>\n            <div className=\"side-nav__list-link--toggleCollapseIcon\" role=\"button\">\n              <CollapseIcon />\n            </div>\n          </div>\n        </button>\n        <div className=\"side-nav__list-link--children\">{collapsed ? null : children}</div>\n      </li>\n    );\n  }\n\n  if (label && items && Object.keys(items).length > 0) {\n    return <li className={modifier}>{children}</li>;\n  }\n\n  if (label && items && Object.keys(items).length === 0) {\n    return (\n      <li className={modifier}>\n        <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n          <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n          <div className=\"side-nav__list-label\">{label}</div>\n        </button>\n      </li>\n    );\n  }\n\n  return null;\n};\n\nexport default MenuSectionCollapsible;\n"],"mappings":"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"}

package/lib-es/components/Menu/Section/MenuSectionItem.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import MenuItem from '../Items/MenuItem';
+import MenuSectionCollapsible from './MenuSectionCollapsible';
+const MenuSectionItem = ({
+  name,
+  item
+}) => {
+  if (!item) return null;
+  if (item.uri) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      item: item,
+      RenderItems: MenuSectionCollapsible
+    });
+  }
+  if (Object.values(item.items).length === 0) return null;
+  return /*#__PURE__*/React.createElement(MenuSectionCollapsible, {
+    name: name,
+    item: item
+  }, /*#__PURE__*/React.createElement(MenuItem, {
+    item: item,
+    RenderItems: MenuSectionCollapsible
+  }));
+};
+export default MenuSectionItem;
+MenuSectionItem.propTypes = {
+  name: PropTypes.string.isRequired,
+  item: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.object]).isRequired
+};
+//# sourceMappingURL=MenuSectionItem.js.map

package/lib-es/components/Menu/Section/MenuSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSectionItem.js","names":["React","PropTypes","MenuItem","MenuSectionCollapsible","MenuSectionItem","name","item","uri","createElement","RenderItems","Object","values","items","length","propTypes","string","isRequired","oneOfType","arrayOf","node","object"],"sources":["../../../../src/components/Menu/Section/MenuSectionItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuItem from '../Items/MenuItem';\nimport MenuSectionCollapsible from './MenuSectionCollapsible';\n\nconst MenuSectionItem = ({ name, item }) => {\n  if (!item) return null;\n\n  if (item.uri) {\n    return <MenuItem item={item} RenderItems={MenuSectionCollapsible} />;\n  }\n\n  if (Object.values(item.items).length === 0) return null;\n\n  return (\n    <MenuSectionCollapsible name={name} item={item}>\n      <MenuItem item={item} RenderItems={MenuSectionCollapsible} />\n    </MenuSectionCollapsible>\n  );\n};\n\nexport default MenuSectionItem;\n\nMenuSectionItem.propTypes = {\n  name: PropTypes.string.isRequired,\n  item: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.object])\n    .isRequired\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,MAAMC,eAAe,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EAC1C,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EAEtB,IAAIA,IAAI,CAACC,GAAG,EAAE;IACZ,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,QAAQ;MAACI,IAAI,EAAEA,IAAK;MAACG,WAAW,EAAEN;IAAuB,CAAE,CAAC;EACtE;EAEA,IAAIO,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,KAAK,CAAC,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEvD,oBACEb,KAAA,CAAAQ,aAAA,CAACL,sBAAsB;IAACE,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,gBAC7CN,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACI,IAAI,EAAEA,IAAK;IAACG,WAAW,EAAEN;EAAuB,CAAE,CACtC,CAAC;AAE7B,CAAC;AAED,eAAeC,eAAe;AAE9BA,eAAe,CAACU,SAAS,GAAG;EAC1BT,IAAI,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EACjCV,IAAI,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,EAAElB,SAAS,CAACmB,MAAM,CAAC,CAAC,CAC7FJ;AACL,CAAC"}

package/lib-es/components/Menu/Section/MenuSectionItems.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import MenuSectionItem from './MenuSectionItem';
+const MenuSectionItems = ({
+  sectionItems
+}) => {
+  const {
+    items
+  } = sectionItems;
+  const menuSections = Object.entries(items).sort((a, b) => a[1].order - b[1].order);
+  return menuSections.map(menuItem => /*#__PURE__*/React.createElement(MenuSectionItem, {
+    name: menuItem[0],
+    item: menuItem[1]
+  }));
+};
+export default MenuSectionItems;
+MenuSectionItems.propTypes = {
+  sectionItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+//# sourceMappingURL=MenuSectionItems.js.map

package/lib-es/components/Menu/Section/MenuSectionItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSectionItems.js","names":["React","PropTypes","MenuSectionItem","MenuSectionItems","sectionItems","items","menuSections","Object","entries","sort","a","b","order","map","menuItem","createElement","name","item","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/Menu/Section/MenuSectionItems.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuSectionItem from './MenuSectionItem';\n\nconst MenuSectionItems = ({ sectionItems }) => {\n  const { items } = sectionItems;\n\n  const menuSections = Object.entries(items).sort((a, b) => a[1].order - b[1].order);\n\n  return menuSections.map(menuItem => <MenuSectionItem name={menuItem[0]} item={menuItem[1]} />);\n};\n\nexport default MenuSectionItems;\n\nMenuSectionItems.propTypes = {\n  sectionItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC7C,MAAM;IAAEC;EAAM,CAAC,GAAGD,YAAY;EAE9B,MAAME,YAAY,GAAGC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAAC,CAAC,CAAC,CAACE,KAAK,GAAGD,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC;EAElF,OAAON,YAAY,CAACO,GAAG,CAACC,QAAQ,iBAAId,KAAA,CAAAe,aAAA,CAACb,eAAe;IAACc,IAAI,EAAEF,QAAQ,CAAC,CAAC,CAAE;IAACG,IAAI,EAAEH,QAAQ,CAAC,CAAC;EAAE,CAAE,CAAC,CAAC;AAChG,CAAC;AAED,eAAeX,gBAAgB;AAE/BA,gBAAgB,CAACe,SAAS,GAAG;EAC3Bd,YAAY,EAAEH,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,IAAI,CAAC,EAAEpB,SAAS,CAACoB,IAAI,CAAC,CAAC,CAACC;AACzF,CAAC"}

package/lib-es/components/Menu/index.js

@@ -0,0 +1,3 @@
+import Menu from './Menu';
+export default Menu;
+//# sourceMappingURL=index.js.map

package/lib-es/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Menu"],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,eAAeA,IAAI"}

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

@@ -1,13 +1,11 @@
-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 { SideBlock } from './components';
+import Menu from '../Menu';
 const SideBar = ({
-  menuItems,
   isOpenMenu,
   onMenuClick,
   userData
@@ -39,9 +37,7 @@ const SideBar = ({
     className: sideNavWrapperClassname,
     "data-testid": "sidenav",
     id: "side-nav__wrapper"
-  }, menuItems.length ? menuItems.map(([, data]) => /*#__PURE__*/React.createElement(SideBlock, _extends({
-    key: data.header
-  }, data))) : 'Not available content types'), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Menu, null)), /*#__PURE__*/React.createElement("div", {
     className: "side-nav__user"
   }, /*#__PURE__*/React.createElement("div", {
     className: "side-nav__user--info"
@@ -64,7 +60,6 @@ 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","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"}
+{"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"}

package/lib-es/constants.js

@@ -1,6 +1,6 @@
 const PLUGIN_NAME = 'admin-core-ui';
 const LOGO_PROPS = {
-  src: 'https://images.thisisblaze.com/logo-98-148.png'
+  src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || '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","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"}
+{"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"}

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 getMenuItemsResolver from './utils/get-menu-items-resolver';
+import menuHandler from './utils/menu-handler-singleton';
 const Home = React.lazy(() => import( /* webpackChunkName: 'Home' */'./containers'));
-async function load(app) {
+async function load(app, options = {}) {
   const home = {
     path: '/',
     exact: true,
@@ -12,14 +12,14 @@ async function load(app) {
     component: Home
   };
   app.addRoute(home);
-  app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));
+  menuHandler.setApp(app);
   app.setLayout(Layout);
-  app.events.once('load:menu-section', addSection => {
-    addSection('plugins', {
-      header: 'plugins',
-      order: 200
-    });
-  });
+  const {
+    menuConfig = {}
+  } = options;
+  app.events.once('admin:menu:config:load:after', ({
+    addConfig
+  }) => addConfig(menuConfig));
   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","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"}
+{"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"}

package/lib-es/utils/menu-handler-singleton.js

@@ -0,0 +1,55 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import merge from 'lodash.merge';
+let instance;
+export class MenuHandler {
+  constructor(app) {
+    _defineProperty(this, "menuSections", new Map());
+    _defineProperty(this, "menuConfig", void 0);
+    _defineProperty(this, "app", void 0);
+    if (instance) {
+      throw new Error('You can only create one instance!');
+    }
+    instance = this;
+    this.menuConfig = {};
+    this.app = null;
+  }
+  setApp(app) {
+    this.app = app;
+  }
+  get app() {
+    return this.app;
+  }
+  get menuConfig() {
+    return this.menuConfig;
+  }
+  addConfig(newConfig) {
+    this.menuConfig = merge(this.menuConfig, newConfig);
+  }
+  async loadConfig() {
+    const addConfig = newConfig => {
+      this.addConfig(newConfig);
+    };
+    const {
+      menuConfig
+    } = this;
+    if (this.app && this.app.events) {
+      await this.app.events.emitAsync('admin:menu:config:load', {
+        addConfig
+      });
+      await this.app.events.emitAsync('admin:menu:config:load:after', {
+        addConfig,
+        menuConfig
+      });
+    }
+  }
+  getInstance() {
+    return this;
+  }
+  getAll() {
+    const sortedByOrder = Object.entries(this.menuConfig).sort((a, b) => a.order > b.order ? 1 : -1);
+    return sortedByOrder;
+  }
+}
+const menuHandler = new MenuHandler();
+export default menuHandler;
+//# sourceMappingURL=menu-handler-singleton.js.map

package/lib-es/utils/menu-handler-singleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-handler-singleton.js","names":["merge","instance","MenuHandler","constructor","app","_defineProperty","Map","Error","menuConfig","setApp","addConfig","newConfig","loadConfig","events","emitAsync","getInstance","getAll","sortedByOrder","Object","entries","sort","a","b","order","menuHandler"],"sources":["../../src/utils/menu-handler-singleton.js"],"sourcesContent":["import merge from 'lodash.merge';\n\nlet instance;\n\nexport class MenuHandler {\n  menuSections = new Map();\n\n  menuConfig;\n\n  app;\n\n  constructor(app) {\n    if (instance) {\n      throw new Error('You can only create one instance!');\n    }\n    instance = this;\n    this.menuConfig = {};\n    this.app = null;\n  }\n\n  setApp(app) {\n    this.app = app;\n  }\n\n  get app() {\n    return this.app;\n  }\n\n  get menuConfig() {\n    return this.menuConfig;\n  }\n\n  addConfig(newConfig) {\n    this.menuConfig = merge(this.menuConfig, newConfig);\n  }\n\n  async loadConfig() {\n    const addConfig = newConfig => {\n      this.addConfig(newConfig);\n    };\n\n    const { menuConfig } = this;\n\n    if (this.app && this.app.events) {\n      await this.app.events.emitAsync('admin:menu:config:load', { addConfig });\n      await this.app.events.emitAsync('admin:menu:config:load:after', { addConfig, menuConfig });\n    }\n  }\n\n  getInstance() {\n    return this;\n  }\n\n  getAll() {\n    const sortedByOrder = Object.entries(this.menuConfig).sort(\n      (a, b) => (a.order > b.order ? 1 : -1)\n    );\n\n    return sortedByOrder;\n  }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,cAAc;AAEhC,IAAIC,QAAQ;AAEZ,OAAO,MAAMC,WAAW,CAAC;EAOvBC,WAAWA,CAACC,GAAG,EAAE;IAAAC,eAAA,uBANF,IAAIC,GAAG,CAAC,CAAC;IAAAD,eAAA;IAAAA,eAAA;IAOtB,IAAIJ,QAAQ,EAAE;MACZ,MAAM,IAAIM,KAAK,CAAC,mCAAmC,CAAC;IACtD;IACAN,QAAQ,GAAG,IAAI;IACf,IAAI,CAACO,UAAU,GAAG,CAAC,CAAC;IACpB,IAAI,CAACJ,GAAG,GAAG,IAAI;EACjB;EAEAK,MAAMA,CAACL,GAAG,EAAE;IACV,IAAI,CAACA,GAAG,GAAGA,GAAG;EAChB;EAEA,IAAIA,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACA,GAAG;EACjB;EAEA,IAAII,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACA,UAAU;EACxB;EAEAE,SAASA,CAACC,SAAS,EAAE;IACnB,IAAI,CAACH,UAAU,GAAGR,KAAK,CAAC,IAAI,CAACQ,UAAU,EAAEG,SAAS,CAAC;EACrD;EAEA,MAAMC,UAAUA,CAAA,EAAG;IACjB,MAAMF,SAAS,GAAGC,SAAS,IAAI;MAC7B,IAAI,CAACD,SAAS,CAACC,SAAS,CAAC;IAC3B,CAAC;IAED,MAAM;MAAEH;IAAW,CAAC,GAAG,IAAI;IAE3B,IAAI,IAAI,CAACJ,GAAG,IAAI,IAAI,CAACA,GAAG,CAACS,MAAM,EAAE;MAC/B,MAAM,IAAI,CAACT,GAAG,CAACS,MAAM,CAACC,SAAS,CAAC,wBAAwB,EAAE;QAAEJ;MAAU,CAAC,CAAC;MACxE,MAAM,IAAI,CAACN,GAAG,CAACS,MAAM,CAACC,SAAS,CAAC,8BAA8B,EAAE;QAAEJ,SAAS;QAAEF;MAAW,CAAC,CAAC;IAC5F;EACF;EAEAO,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAC,IAAI,CAACX,UAAU,CAAC,CAACY,IAAI,CACxD,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,KAAK,GAAGD,CAAC,CAACC,KAAK,GAAG,CAAC,GAAG,CAAC,CACtC,CAAC;IAED,OAAON,aAAa;EACtB;AACF;AAEA,MAAMO,WAAW,GAAG,IAAItB,WAAW,CAAC,CAAC;AACrC,eAAesB,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.131.0-admin-updates.0",
+  "version": "0.131.0-project-admin-customisations.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-admin-updates.0",
-    "@blaze-cms/admin-ui-utils": "0.131.0-admin-updates.0",
-    "@blaze-cms/core-ui": "0.131.0-admin-updates.0",
-    "@blaze-cms/plugin-search-ui": "0.131.0-admin-updates.0",
-    "@blaze-cms/setup-ui": "0.131.0-admin-updates.0",
+    "@blaze-cms/admin-ui-styles": "0.131.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-utils": "0.131.0-project-admin-customisations.0",
+    "@blaze-cms/core-ui": "0.131.0-project-admin-customisations.0",
+    "@blaze-cms/plugin-search-ui": "0.131.0-project-admin-customisations.0",
+    "@blaze-cms/setup-ui": "0.131.0-project-admin-customisations.0",
     "@blaze-react/avatar": "0.5.19",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -47,12 +47,13 @@
     "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
-    "@blaze-cms/plugin-auth-ui": "0.131.0-admin-updates.0",
+    "@blaze-cms/plugin-auth-ui": "0.131.0-project-admin-customisations.0",
+    "lodash.merge": "^4.6.2",
     "waait": "1.0.5"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "e09b4e7a48c39d6dd98f21491e94cc483e791f4a"
+  "gitHead": "409049b62066b81019273ca9ab431439659776ef"
 }

package/src/components/Layout/Layout.js

@@ -11,18 +11,29 @@ 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">
+    <div className={`site-container grid--site-container${wrapperClass}`}>
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
 
           return (
             <>
-              <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
+              {!simpleLayout && (
+                <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
+              )}
               {isLoggedIn ? (
                 <>
-                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
+                  <Grid
+                    isOpenMenu={isOpenMenu}
+                    onMenuClick={onMenuClick}
+                    userData={userData}
+                    simpleLayout={simpleLayout}>
                     {children}
                   </Grid>
                 </>

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

@@ -1,66 +1,27 @@
-import React, { useState, useEffect } from 'react';
+import React 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 }) => {
-  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'
-  );
-};
+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>
+);
 
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
-  userData: PropTypes.object
+  userData: PropTypes.object,
+  simpleLayout: PropTypes.bool
 };
 
 Grid.defaultProps = {
-  userData: {}
+  userData: {},
+  simpleLayout: false
 };
 
 export default Grid;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+
+const ChevronDown = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    width="20"
+    height="20"
+    stroke="currentColor">
+    <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
+  </svg>
+);
+
+export default ChevronDown;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+
+const ChevronUp = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 22 22"
+    strokeWidth={1.5}
+    width="20"
+    height="20"
+    stroke="currentColor">
+    <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
+  </svg>
+);
+
+export default ChevronUp;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const MenuActionItem = ({ item }) => {
+  const { label, icon: MenuSectionIcon, onClick, uri } = item;
+
+  const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
+
+  return (
+    <li className="side-nav__list--item" key={item.label}>
+      <Link
+        to={uri}
+        className={`side-nav__list-link ${modifier}`}
+        onClick={() => {
+          if (onClick) {
+            onClick();
+          }
+        }}>
+        {MenuSectionIcon && (
+          <div className="side-nav__list-link--icon">
+            <MenuSectionIcon />
+          </div>
+        )}
+        <div className="side-nav__list-label">{label}</div>
+      </Link>
+    </li>
+  );
+};
+
+export default MenuActionItem;

package/src/components/Menu/Items/MenuItem.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useLocation } from 'react-router-dom';
+import MenuLinkItem from './MenuLinkItem';
+
+const MenuItem = ({ item, RenderItems }) => {
+  const location = useLocation();
+  const { label, items, uri } = item;
+
+  if (label && uri) {
+    const isActive = location.pathname === uri;
+    return <MenuLinkItem item={item} isActive={isActive} root />;
+  }
+
+  if (label && items && Object.values(items).length > 0) {
+    const childrenMenu = Object.keys(items).map(key => items[key]);
+
+    const childrenComponents = childrenMenu.map(child => {
+      const { label: childLabel, uri: childUri } = child;
+      const isActive = location.pathname === childUri;
+
+      if (childLabel && childUri) {
+        return <MenuLinkItem item={child} isActive={isActive} root={false} />;
+      }
+
+      return null;
+    });
+
+    return <RenderItems item={item}>{childrenComponents}</RenderItems>;
+  }
+
+  if (!label && items) {
+    const childrenMenu = Object.keys(items).map(key => items[key]);
+
+    return childrenMenu.map(child => {
+      const { label: childLabel, uri: childUri } = child;
+      const isActive = location.pathname === childUri;
+
+      if (childLabel && childUri) {
+        return <MenuLinkItem item={child} isActive={isActive} root />;
+      }
+
+      return null;
+    });
+  }
+
+  return null;
+};
+
+export default MenuItem;

package/src/components/Menu/Items/MenuLinkItem.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const MenuLinkItem = ({ item, isActive, root = true }) => {
+  const { label, icon: MenuSectionIcon, uri } = item;
+
+  const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
+
+  const activeModifier = isActive ? 'side-nav__list-link--active' : '';
+
+  return (
+    <li className="side-nav__list--item" key={item.label}>
+      <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>
+        {MenuSectionIcon && (
+          <div className="side-nav__list-link--icon">
+            <MenuSectionIcon />
+          </div>
+        )}
+        <div className="side-nav__list-link--label">{label}</div>
+      </Link>
+    </li>
+  );
+};
+
+export default MenuLinkItem;

package/src/components/Menu/Menu.js

@@ -0,0 +1,48 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import menuHandler from '../../utils/menu-handler-singleton';
+import MenuSection from './Section/MenuSection';
+
+const Menu = ({ children }) => {
+  const [config, setConfig] = useState();
+
+  useEffect(() => {
+    const loadConfig = async () => {
+      await menuHandler.loadConfig();
+    };
+
+    loadConfig().then(() => setConfig(menuHandler.getAll()));
+  }, []);
+
+  const MenuSections = () => {
+    if (!config) return null;
+
+    return config.map(sections => {
+      if (!sections || !Array.isArray(sections) || !sections.length) {
+        return null;
+      }
+
+      const menuSections = sections.filter(section => section.items);
+
+      return menuSections.map(menuSection => <MenuSection items={menuSection} />);
+    });
+  };
+
+  return (
+    <div className="side-nav__block">
+      <ul className="side-nav__list">
+        <MenuSections />
+      </ul>
+    </div>
+  );
+};
+
+Menu.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+};
+
+Menu.defaultProps = {
+  children: null
+};
+
+export default Menu;