@blaze-cms/plugin-admin-core-ui 0.139.0-alpha.4 → 0.139.0-alpha.7

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

@@ -0,0 +1,117 @@
+"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"] = exports.MenuHandler = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.object.entries.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _lodash = _interopRequireDefault(require("lodash.merge"));
+var instance;
+var MenuHandler = exports.MenuHandler = /*#__PURE__*/function () {
+  function MenuHandler(app) {
+    (0, _classCallCheck2["default"])(this, MenuHandler);
+    (0, _defineProperty2["default"])(this, "menuSections", new Map());
+    (0, _defineProperty2["default"])(this, "menuConfig", void 0);
+    (0, _defineProperty2["default"])(this, "app", void 0);
+    if (instance) {
+      throw new Error('You can only create one instance!');
+    }
+    instance = this;
+    this.menuConfig = {};
+    this.app = null;
+  }
+  (0, _createClass2["default"])(MenuHandler, [{
+    key: "setApp",
+    value: function setApp(app) {
+      this.app = app;
+    }
+  }, {
+    key: "app",
+    get: function get() {
+      return this.app;
+    }
+  }, {
+    key: "menuConfig",
+    get: function get() {
+      return this.menuConfig;
+    }
+  }, {
+    key: "addConfig",
+    value: function addConfig(newConfig) {
+      this.menuConfig = (0, _lodash["default"])(this.menuConfig, newConfig);
+    }
+  }, {
+    key: "loadConfig",
+    value: function () {
+      var _loadConfig = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this = this;
+        var addConfig, menuConfig;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              addConfig = function addConfig(newConfig) {
+                _this.addConfig(newConfig);
+              };
+              menuConfig = this.menuConfig;
+              if (!(this.app && this.app.events)) {
+                _context.next = 7;
+                break;
+              }
+              _context.next = 5;
+              return this.app.events.emitAsync('admin:menu:config:load', {
+                addConfig: addConfig
+              });
+            case 5:
+              _context.next = 7;
+              return this.app.events.emitAsync('admin:menu:config:load:after', {
+                addConfig: addConfig,
+                menuConfig: menuConfig
+              });
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function loadConfig() {
+        return _loadConfig.apply(this, arguments);
+      }
+      return loadConfig;
+    }()
+  }, {
+    key: "getInstance",
+    value: function getInstance() {
+      return this;
+    }
+  }, {
+    key: "getAll",
+    value: function getAll() {
+      return Object.entries(this.menuConfig).sort(function (a, b) {
+        if (a[1].order === undefined) {
+          return 1;
+        }
+        if (b[1].order === undefined) {
+          return -1;
+        }
+        return a[1].order > b[1].order ? 1 : -1;
+      });
+    }
+  }]);
+  return MenuHandler;
+}();
+var menuHandler = new MenuHandler();
+var _default = exports["default"] = menuHandler;
+//# sourceMappingURL=menu-handler-singleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-handler-singleton.js","names":["_lodash","_interopRequireDefault","require","instance","MenuHandler","exports","app","_classCallCheck2","_defineProperty2","Map","Error","menuConfig","_createClass2","key","value","setApp","get","addConfig","newConfig","merge","_loadConfig","_asyncToGenerator2","_regenerator","mark","_callee","_this","wrap","_callee$","_context","prev","next","events","emitAsync","stop","loadConfig","apply","arguments","getInstance","getAll","Object","entries","sort","a","b","order","undefined","menuHandler","_default"],"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    return Object.entries(this.menuConfig).sort((a, b) => {\n      if (a[1].order === undefined) {\n        return 1;\n      }\n      if (b[1].order === undefined) {\n        return -1;\n      }\n      return a[1].order > b[1].order ? 1 : -1;\n    });\n  }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":"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"}

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

@@ -12,8 +12,10 @@ const Layout = ({
 }) => {
   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 /*#__PURE__*/React.createElement("div", {
-    className: "site-container grid--site-container"
+    className: `site-container grid--site-container${wrapperClass}`
   }, /*#__PURE__*/React.createElement(Query, {
     query: getQuery('GET_USER_AUTH_DATA'),
     errorPolicy: "all"
@@ -26,14 +28,15 @@ const Layout = ({
         userData = {}
       } = {}
     } = data;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !simpleLayout && /*#__PURE__*/React.createElement(Header, {
       isLoggedIn: isLoggedIn,
       onMenuClick: onMenuClick,
       isOpenMenu: isOpenMenu
     }), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
       isOpenMenu: isOpenMenu,
       onMenuClick: onMenuClick,
-      userData: userData
+      userData: userData,
+      simpleLayout: simpleLayout
     }, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n  const [isOpenMenu, setOpenMenu] = useState(true);\n  const onMenuClick = () => setOpenMenu(!isOpenMenu);\n  return (\n    <div className=\"site-container grid--site-container\">\n      <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n        {({ data = {} }) => {\n          const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n          return (\n            <>\n              <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n              {isLoggedIn ? (\n                <>\n                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n                    {children}\n                  </Grid>\n                </>\n              ) : (\n                <Background>\n                  <Login />\n                </Background>\n              )}\n            </>\n          );\n        }}\n      </Query>\n    </div>\n  );\n};\n\nLayout.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,sCAAsC;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACEX,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClDf,KAAA,CAAAc,aAAA,CAACX,KAAK;IAACa,KAAK,EAAEZ,QAAQ,CAAC,oBAAoB,CAAE;IAACa,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACElB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAc,aAAA,CAACN,MAAM;MAACY,UAAU,EAAEA,UAAW;MAACP,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CAAC,EACnFS,UAAU,gBACTpB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAc,aAAA,CAACR,IAAI;MAACK,UAAU,EAAEA,UAAW;MAACE,WAAW,EAAEA,WAAY;MAACQ,QAAQ,EAAEA;IAAS,GACxEX,QACG,CACN,CAAC,gBAEHV,KAAA,CAAAc,aAAA,CAACP,UAAU,qBACTP,KAAA,CAAAc,aAAA,CAACT,KAAK,MAAE,CACE,CAEd,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDI,MAAM,CAACc,SAAS,GAAG;EACjBb,QAAQ,EAAER,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,IAAI,CAAC,EAAExB,SAAS,CAACwB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAelB,MAAM"}
+{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","simpleLayout","window","location","parent","wrapperClass","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n  const [isOpenMenu, setOpenMenu] = useState(true);\n  const onMenuClick = () => setOpenMenu(!isOpenMenu);\n\n  const simpleLayout = window.location !== window.parent.location;\n\n  const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';\n\n  return (\n    <div className={`site-container grid--site-container${wrapperClass}`}>\n      <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n        {({ data = {} }) => {\n          const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n          return (\n            <>\n              {!simpleLayout && (\n                <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n              )}\n              {isLoggedIn ? (\n                <>\n                  <Grid\n                    isOpenMenu={isOpenMenu}\n                    onMenuClick={onMenuClick}\n                    userData={userData}\n                    simpleLayout={simpleLayout}>\n                    {children}\n                  </Grid>\n                </>\n              ) : (\n                <Background>\n                  <Login />\n                </Background>\n              )}\n            </>\n          );\n        }}\n      </Query>\n    </div>\n  );\n};\n\nLayout.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,sCAAsC;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAElD,MAAMG,YAAY,GAAGC,MAAM,CAACC,QAAQ,KAAKD,MAAM,CAACE,MAAM,CAACD,QAAQ;EAE/D,MAAME,YAAY,GAAGJ,YAAY,GAAG,qCAAqC,GAAG,EAAE;EAE9E,oBACEd,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAG,sCAAqCF,YAAa;EAAE,gBACnElB,KAAA,CAAAmB,aAAA,CAAChB,KAAK;IAACkB,KAAK,EAAEjB,QAAQ,CAAC,oBAAoB,CAAE;IAACkB,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACEvB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAA2B,QAAA,QACG,CAACb,YAAY,iBACZd,KAAA,CAAAmB,aAAA,CAACX,MAAM;MAACiB,UAAU,EAAEA,UAAW;MAACZ,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CACpF,EACAc,UAAU,gBACTzB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAAmB,aAAA,CAACb,IAAI;MACHK,UAAU,EAAEA,UAAW;MACvBE,WAAW,EAAEA,WAAY;MACzBa,QAAQ,EAAEA,QAAS;MACnBZ,YAAY,EAAEA;IAAa,GAC1BJ,QACG,CACN,CAAC,gBAEHV,KAAA,CAAAmB,aAAA,CAACZ,UAAU,qBACTP,KAAA,CAAAmB,aAAA,CAACd,KAAK,MAAE,CACE,CAEd,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDI,MAAM,CAACmB,SAAS,GAAG;EACjBlB,QAAQ,EAAER,SAAS,CAAC2B,SAAS,CAAC,CAAC3B,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAAC6B,IAAI,CAAC,EAAE7B,SAAS,CAAC6B,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAevB,MAAM"}

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"}