@blaze-cms/plugin-admin-core-ui 0.139.0-alpha.3 → 0.139.0-alpha.6

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

@@ -1,69 +1,29 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 => _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';
-};
+  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);
 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;
 //# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","MainContextProvider","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","menuItems","setMenuItems","client","data","getMenuItems","query","parsedMenuItems","map","key","header","items","item","_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"}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.js","names":["React","ChevronDown","width","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = ({ width = '18px', height = '18px' }) => (\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={width}\n    height={height}\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,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK,GAAG,MAAM;EAAEC,MAAM,GAAG;AAAO,CAAC,kBACtDH,KAAA,CAAAI,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBN,KAAK,EAAEA,KAAM;EACbC,MAAM,EAAEA,MAAO;EACfM,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAI,aAAA;EAAMM,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA6B,CAAE,CACjF,CACN;AAED,eAAeX,WAAW"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","width","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = ({ width = '18px', height = '18px' }) => (\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={width}\n    height={height}\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,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK,GAAG,MAAM;EAAEC,MAAM,GAAG;AAAO,CAAC,kBACpDH,KAAA,CAAAI,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBN,KAAK,EAAEA,KAAM;EACbC,MAAM,EAAEA,MAAO;EACfM,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAI,aAAA;EAAMM,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA4B,CAAE,CAChF,CACN;AAED,eAAeX,SAAS"}

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

@@ -0,0 +1,34 @@
+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 /*#__PURE__*/React.createElement("li", {
+    className: "side-nav__list--item",
+    key: item.label
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: uri,
+    className: `side-nav__list-link ${modifier}`,
+    onClick: () => {
+      if (onClick) {
+        onClick();
+      }
+    }
+  }, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__list-link--icon"
+  }, /*#__PURE__*/React.createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__list-label"
+  }, label)));
+};
+export default MenuActionItem;
+//# sourceMappingURL=MenuActionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuActionItem.js","names":["React","Link","MenuActionItem","item","label","icon","MenuSectionIcon","onClick","uri","modifier","createElement","className","key","to","width","height"],"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 width=\"20px\" height=\"20px\" />\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAE3D,MAAMM,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACEN,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDJ,KAAA,CAAAU,aAAA,CAACT,IAAI;IACHY,EAAE,EAAEL,GAAI;IACRG,SAAS,EAAG,uBAAsBF,QAAS,EAAE;IAC7CF,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIA,OAAO,EAAE;QACXA,OAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDD,eAAe,iBACdN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCX,KAAA,CAAAU,aAAA,CAACJ,eAAe;IAACQ,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDf,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc"}

package/lib-es/components/Menu/Items/MenuItem.js

@@ -0,0 +1,64 @@
+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;
+  const isActive = currentUri => location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);
+  if (label && uri) {
+    return /*#__PURE__*/React.createElement(MenuLinkItem, {
+      item: item,
+      isActive: isActive(uri),
+      root: true
+    });
+  }
+  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;
+      if (childLabel && childUri) {
+        return /*#__PURE__*/React.createElement(MenuLinkItem, {
+          item: child,
+          isActive: isActive(childUri),
+          root: false,
+          key: label
+        });
+      }
+      return null;
+    });
+    return /*#__PURE__*/React.createElement(RenderItems, {
+      item: item
+    }, childrenComponents);
+  }
+  if (!label && items) {
+    const childrenMenu = Object.keys(items).map(key => items[key]);
+    return childrenMenu.map(child => {
+      const {
+        label: childLabel,
+        uri: childUri
+      } = child;
+      if (childLabel && childUri) {
+        return /*#__PURE__*/React.createElement(MenuLinkItem, {
+          item: child,
+          isActive: isActive(childUri),
+          key: childUri,
+          root: true
+        });
+      }
+      return null;
+    });
+  }
+  return null;
+};
+export default MenuItem;
+//# sourceMappingURL=MenuItem.js.map

package/lib-es/components/Menu/Items/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","names":["React","useLocation","MenuLinkItem","MenuItem","item","RenderItems","location","label","items","uri","isActive","currentUri","pathname","startsWith","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri"],"sources":["../../../../src/components/Menu/Items/MenuItem.js"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport MenuLinkItem from './MenuLinkItem';\n\nconst MenuItem = ({ item, RenderItems }) => {\n  const location = useLocation();\n  const { label, items, uri } = item;\n\n  const isActive = currentUri =>\n    location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);\n\n  if (label && uri) {\n    return <MenuLinkItem item={item} isActive={isActive(uri)} root />;\n  }\n\n  if (label && items && Object.values(items).length > 0) {\n    const childrenMenu = Object.keys(items).map(key => items[key]);\n\n    const childrenComponents = childrenMenu.map(child => {\n      const { label: childLabel, uri: childUri } = child;\n\n      if (childLabel && childUri) {\n        return <MenuLinkItem item={child} isActive={isActive(childUri)} root={false} key={label} />;\n      }\n\n      return null;\n    });\n\n    return <RenderItems item={item}>{childrenComponents}</RenderItems>;\n  }\n\n  if (!label && items) {\n    const childrenMenu = Object.keys(items).map(key => items[key]);\n\n    return childrenMenu.map(child => {\n      const { label: childLabel, uri: childUri } = child;\n\n      if (childLabel && childUri) {\n        return <MenuLinkItem item={child} isActive={isActive(childUri)} key={childUri} root />;\n      }\n\n      return null;\n    });\n  }\n\n  return null;\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAY,CAAC,KAAK;EAC1C,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEM,KAAK;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAElC,MAAMM,QAAQ,GAAGC,UAAU,IACzBL,QAAQ,CAACM,QAAQ,KAAKD,UAAU,IAAIL,QAAQ,CAACM,QAAQ,CAACC,UAAU,CAAE,GAAEF,UAAW,GAAE,CAAC;EAEpF,IAAIJ,KAAK,IAAIE,GAAG,EAAE;IAChB,oBAAOT,KAAA,CAAAc,aAAA,CAACZ,YAAY;MAACE,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAEA,QAAQ,CAACD,GAAG,CAAE;MAACM,IAAI;IAAA,CAAE,CAAC;EACnE;EAEA,IAAIR,KAAK,IAAIC,KAAK,IAAIQ,MAAM,CAACC,MAAM,CAACT,KAAK,CAAC,CAACU,MAAM,GAAG,CAAC,EAAE;IACrD,MAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACZ,KAAK,CAAC,CAACa,GAAG,CAACC,GAAG,IAAId,KAAK,CAACc,GAAG,CAAC,CAAC;IAE9D,MAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MACnD,MAAM;QAAEjB,KAAK,EAAEkB,UAAU;QAAEhB,GAAG,EAAEiB;MAAS,CAAC,GAAGF,KAAK;MAElD,IAAIC,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO1B,KAAA,CAAAc,aAAA,CAACZ,YAAY;UAACE,IAAI,EAAEoB,KAAM;UAACd,QAAQ,EAAEA,QAAQ,CAACgB,QAAQ,CAAE;UAACX,IAAI,EAAE,KAAM;UAACO,GAAG,EAAEf;QAAM,CAAE,CAAC;MAC7F;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOP,KAAA,CAAAc,aAAA,CAACT,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEmB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAAChB,KAAK,IAAIC,KAAK,EAAE;IACnB,MAAMW,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACZ,KAAK,CAAC,CAACa,GAAG,CAACC,GAAG,IAAId,KAAK,CAACc,GAAG,CAAC,CAAC;IAE9D,OAAOH,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MAC/B,MAAM;QAAEjB,KAAK,EAAEkB,UAAU;QAAEhB,GAAG,EAAEiB;MAAS,CAAC,GAAGF,KAAK;MAElD,IAAIC,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO1B,KAAA,CAAAc,aAAA,CAACZ,YAAY;UAACE,IAAI,EAAEoB,KAAM;UAACd,QAAQ,EAAEA,QAAQ,CAACgB,QAAQ,CAAE;UAACJ,GAAG,EAAEI,QAAS;UAACX,IAAI;QAAA,CAAE,CAAC;MACxF;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeZ,QAAQ"}

package/lib-es/components/Menu/Items/MenuLinkItem.js

@@ -0,0 +1,31 @@
+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 /*#__PURE__*/React.createElement("li", {
+    className: "side-nav__list--item",
+    key: item.label
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: uri,
+    className: `side-nav__list-link ${modifier} ${activeModifier}`
+  }, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__list-link--icon"
+  }, /*#__PURE__*/React.createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__list-link--label"
+  }, label)));
+};
+export default MenuLinkItem;
+//# sourceMappingURL=MenuLinkItem.js.map

package/lib-es/components/Menu/Items/MenuLinkItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLinkItem.js","names":["React","Link","MenuLinkItem","item","isActive","root","label","icon","MenuSectionIcon","uri","modifier","activeModifier","createElement","className","key","to","width","height"],"sources":["../../../../src/components/Menu/Items/MenuLinkItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuLinkItem = ({ item, isActive, root = true }) => {\n  const { label, icon: MenuSectionIcon, uri } = item;\n\n  const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n  const activeModifier = isActive ? 'side-nav__list-link--active' : '';\n\n  return (\n    <li className=\"side-nav__list--item\" key={item.label}>\n      <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>\n        {MenuSectionIcon && (\n          <div className=\"side-nav__list-link--icon\">\n            <MenuSectionIcon width=\"20px\" height=\"20px\" />\n          </div>\n        )}\n        <div className=\"side-nav__list-link--label\">{label}</div>\n      </Link>\n    </li>\n  );\n};\n\nexport default MenuLinkItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC;EAAI,CAAC,GAAGN,IAAI;EAElD,MAAMO,QAAQ,GAAGF,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,MAAMG,cAAc,GAAGP,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEJ,KAAA,CAAAY,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEX,IAAI,CAACG;EAAM,gBACnDN,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACc,EAAE,EAAEN,GAAI;IAACI,SAAS,EAAG,uBAAsBH,QAAS,IAAGC,cAAe;EAAE,GAC3EH,eAAe,iBACdR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCb,KAAA,CAAAY,aAAA,CAACJ,eAAe;IAACQ,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDjB,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAED,eAAeJ,YAAY"}

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

@@ -0,0 +1,40 @@
+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 => /*#__PURE__*/React.createElement(MenuSection, {
+        items: menuSection
+      }));
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__block"
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "side-nav__list"
+  }, /*#__PURE__*/React.createElement(MenuSections, null)));
+};
+Menu.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+};
+Menu.defaultProps = {
+  children: null
+};
+export default Menu;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","menuHandler","MenuSection","Menu","children","config","setConfig","loadConfig","then","getAll","MenuSections","map","sections","Array","isArray","length","menuSections","filter","section","items","menuSection","createElement","className","propTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport menuHandler from '../../utils/menu-handler-singleton';\nimport MenuSection from './Section/MenuSection';\n\nconst Menu = ({ children }) => {\n  const [config, setConfig] = useState();\n\n  useEffect(() => {\n    const loadConfig = async () => {\n      await menuHandler.loadConfig();\n    };\n\n    loadConfig().then(() => setConfig(menuHandler.getAll()));\n  }, []);\n\n  const MenuSections = () => {\n    if (!config) return null;\n\n    return config.map(sections => {\n      if (!sections || !Array.isArray(sections) || !sections.length) {\n        return null;\n      }\n\n      const menuSections = sections.filter(section => section.items);\n\n      return menuSections.map(menuSection => <MenuSection items={menuSection} />);\n    });\n  };\n\n  return (\n    <div className=\"side-nav__block\">\n      <ul className=\"side-nav__list\">\n        <MenuSections />\n      </ul>\n    </div>\n  );\n};\n\nMenu.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  children: null\n};\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,oCAAoC;AAC5D,OAAOC,WAAW,MAAM,uBAAuB;AAE/C,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAEtCC,SAAS,CAAC,MAAM;IACd,MAAMQ,UAAU,GAAG,MAAAA,CAAA,KAAY;MAC7B,MAAMN,WAAW,CAACM,UAAU,CAAC,CAAC;IAChC,CAAC;IAEDA,UAAU,CAAC,CAAC,CAACC,IAAI,CAAC,MAAMF,SAAS,CAACL,WAAW,CAACQ,MAAM,CAAC,CAAC,CAAC,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACL,MAAM,EAAE,OAAO,IAAI;IAExB,OAAOA,MAAM,CAACM,GAAG,CAACC,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAI,CAACA,QAAQ,CAACG,MAAM,EAAE;QAC7D,OAAO,IAAI;MACb;MAEA,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,CAACC,OAAO,IAAIA,OAAO,CAACC,KAAK,CAAC;MAE9D,OAAOH,YAAY,CAACL,GAAG,CAACS,WAAW,iBAAIvB,KAAA,CAAAwB,aAAA,CAACnB,WAAW;QAACiB,KAAK,EAAEC;MAAY,CAAE,CAAC,CAAC;IAC7E,CAAC,CAAC;EACJ,CAAC;EAED,oBACEvB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAiB,gBAC9BzB,KAAA,CAAAwB,aAAA;IAAIC,SAAS,EAAC;EAAgB,gBAC5BzB,KAAA,CAAAwB,aAAA,CAACX,YAAY,MAAE,CACb,CACD,CAAC;AAEV,CAAC;AAEDP,IAAI,CAACoB,SAAS,GAAG;EACfnB,QAAQ,EAAEJ,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,IAAI,CAAC,EAAE1B,SAAS,CAAC0B,IAAI,CAAC;AACnF,CAAC;AAEDvB,IAAI,CAACwB,YAAY,GAAG;EAClBvB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,IAAI"}

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

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import MenuSectionItems from './MenuSectionItems';
+const MenuSection = ({
+  items,
+  children
+}) => /*#__PURE__*/React.createElement(MenuSectionItems, {
+  sectionItems: items
+});
+MenuSection.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+MenuSection.defaultProps = {
+  children: null
+};
+export default MenuSection;
+//# sourceMappingURL=MenuSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.js","names":["PropTypes","React","MenuSectionItems","MenuSection","items","children","createElement","sectionItems","propTypes","oneOfType","arrayOf","node","isRequired","defaultProps"],"sources":["../../../../src/components/Menu/Section/MenuSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport MenuSectionItems from './MenuSectionItems';\n\nconst MenuSection = ({ items, children }) => <MenuSectionItems sectionItems={items} />;\n\nMenuSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nMenuSection.defaultProps = {\n  children: null\n};\n\nexport default MenuSection;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAS,CAAC,kBAAKJ,KAAA,CAAAK,aAAA,CAACJ,gBAAgB;EAACK,YAAY,EAAEH;AAAM,CAAE,CAAC;AAEtFD,WAAW,CAACK,SAAS,GAAG;EACtBH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC;EAClFP,KAAK,EAAEJ,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACC;AAClF,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW"}

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

@@ -0,0 +1,73 @@
+import React, { useState } from 'react';
+import ChevronDown from '../Icons/ChevronDown';
+import ChevronUp from '../Icons/ChevronUp';
+const capitalise = s => {
+  if (typeof s !== 'string') return '';
+  return s.charAt(0).toUpperCase() + s.slice(1);
+};
+const MenuSectionCollapsible = ({
+  name,
+  item,
+  children
+}) => {
+  const {
+    label,
+    loadOpen,
+    icon: MenuSectionIcon,
+    items
+  } = item;
+  const [collapsed, setCollapsed] = useState(!loadOpen);
+  const CollapseIcon = () => collapsed ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronUp, null);
+  const handleClick = () => {
+    setCollapsed(!collapsed);
+  };
+  const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
+  const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
+  if (name) {
+    return /*#__PURE__*/React.createElement("li", {
+      className: modifier
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: buttonModifier,
+      onClick: handleClick
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--icon"
+    }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
+      width: "20px",
+      height: "20px"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--label"
+    }, capitalise(name)), /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--toggleCollapseIcon",
+      role: "button"
+    }, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--children"
+    }, collapsed ? null : children));
+  }
+  if (label && items && Object.keys(items).length > 0) {
+    return /*#__PURE__*/React.createElement("li", {
+      className: modifier
+    }, children);
+  }
+  if (label && items && Object.keys(items).length === 0) {
+    return /*#__PURE__*/React.createElement("li", {
+      className: modifier
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "side-nav__list-link",
+      onClick: handleClick
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-link--icon"
+    }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
+      width: "20px",
+      height: "20px"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "side-nav__list-label"
+    }, label)));
+  }
+  return null;
+};
+export default MenuSectionCollapsible;
+//# sourceMappingURL=MenuSectionCollapsible.js.map

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","width","height","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\">\n            {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n          </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\">\n            {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n          </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,12 @@
-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 { Link } from 'react-router-dom';
+import Menu from '../Menu';
 const SideBar = ({
-  menuItems,
   isOpenMenu,
   onMenuClick,
   userData
@@ -15,7 +14,8 @@ const SideBar = ({
   const client = useApolloClient();
   const {
     firstname,
-    lastname
+    lastname,
+    id
   } = userData;
   const username = `${firstname} ${lastname}`;
   const sideNavClassname = classnames('side-nav', {
@@ -39,15 +39,14 @@ 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"
   }, /*#__PURE__*/React.createElement(Avatar, {
     username: username
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement(Link, {
+    to: `/data-listing/user/update/${id}`,
     className: "user-name"
   }, username)), /*#__PURE__*/React.createElement("div", {
     className: "side-nav__user--button"
@@ -64,7 +63,6 @@ const SideBar = ({
   }, "Log off")));
 };
 SideBar.propTypes = {
-  menuItems: PropTypes.array.isRequired,
   isOpenMenu: PropTypes.bool.isRequired,
   onMenuClick: PropTypes.func.isRequired,
   userData: PropTypes.object.isRequired