npm - @blaze-cms/plugin-admin-core-ui - Versions diffs - 0.139.0-project-admin-customisations.0 → 0.139.1-core-styles.0 - Mend

@blaze-cms/plugin-admin-core-ui 0.139.0-project-admin-customisations.0 → 0.139.1-core-styles.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,12 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-# [0.139.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.138.0...v0.139.0-project-admin-customisations.0) (2024-01-03)
+## [0.139.1-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.139.0...v0.139.1-core-styles.0) (2024-02-07)
+### Bug Fixes
+* admin menu section items to use label, tweak styles ([#4244](https://github.com/thebyte9/blaze/issues/4244)) ([365ebbc](https://github.com/thebyte9/blaze/commit/365ebbca795cc034d01bcabd314ca6768f67f3e3))
+# [0.139.0](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.7...v0.139.0) (2024-01-31)
+**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
+# [0.139.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.6...v0.139.0-alpha.7) (2024-01-30)
+**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
+# [0.139.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.5...v0.139.0-alpha.6) (2024-01-30)
 ### Bug Fixes
 * adding improvements ([86d4357](https://github.com/thebyte9/blaze/commit/86d4357516beced00d93c90b78de7f965eb75059))
+* correct active menu highlighting based on url ([#4215](https://github.com/thebyte9/blaze/issues/4215)) ([de998b9](https://github.com/thebyte9/blaze/commit/de998b96a59c4aa4b01bc671a5d878774ba72488))
 * improving code readability ([bd567fb](https://github.com/thebyte9/blaze/commit/bd567fb8cc05df3495c43b562c56cae8f0f1d3d9))
 * order menu ([cc1a14d](https://github.com/thebyte9/blaze/commit/cc1a14dd03f6dfe7920dfb0c247ba5e0b4cf8509))
 * updating menu handle test ([4dbd39d](https://github.com/thebyte9/blaze/commit/4dbd39d11bb92f058b3beb5d5c87bd5418deb89b))
@@ -36,6 +64,25 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
+# [0.139.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.3...v0.139.0-alpha.4) (2024-01-19)
+### Features
+* update the left sidebar system nav for the display of logged-in… ([#4186](https://github.com/thebyte9/blaze/issues/4186)) ([fd7ad46](https://github.com/thebyte9/blaze/commit/fd7ad4670dcc844e742f266274eabb32c11ebfa3))
+# [0.139.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.2...v0.139.0-alpha.3) (2024-01-09)
+**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
 # [0.136.0](https://github.com/thebyte9/blaze/compare/v0.136.0-alpha.1...v0.136.0) (2023-11-22)
 **Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui

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

@@ -7,14 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ChevronDown = function ChevronDown() {
+var ChevronDown = function ChevronDown(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '18px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '18px' : _ref$height;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     strokeWidth: 1.5,
-    width: "20",
-    height: "20",
+    width: width,
+    height: height,
     stroke: "currentColor"
   }, /*#__PURE__*/_react["default"].createElement("path", {
     strokeLinecap: "round",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","~~createElement~~","~~xmlns~~","~~fill~~","~~viewBox~~","~~strokeWidth~~","~~width~~","~~height~~","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n width~~=\"20~~\"\n height~~=\"20~~\"\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n </svg>\n);\n\nexport default ChevronDown;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,~~CAAA~~;EAAA,~~oBACfH~~,MAAA,~~YAAAI~~,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;~~IACjBC~~,KAAK,~~EAAC~~,~~IAAI~~;~~IACVC~~,MAAM,~~EAAC~~,~~IAAI~~;~~IACXC~~,MAAM,EAAC;EAAc,~~gBACrBX~~,MAAA,~~YAAAI~~,aAAA;~~IAAMQ~~,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA6B,CAAE,CACjF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,~~GAEaZ~~,WAAW;~~AAAAa~~,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","_ref","_ref$width","width","_ref$height","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,oBACpDP,MAAA,YAAAS,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBP,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAC;EAAc,gBACrBd,MAAA,YAAAS,aAAA;IAAMM,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA6B,CAAE,CACjF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAEaf,WAAW;AAAAgB,OAAA,cAAAD,QAAA"}

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

@@ -7,14 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ChevronUp = function ChevronUp() {
+var ChevronUp = function ChevronUp(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '18px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '18px' : _ref$height;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 22 22",
     strokeWidth: 1.5,
-    width: "20",
-    height: "20",
+    width: width,
+    height: height,
     stroke: "currentColor"
   }, /*#__PURE__*/_react["default"].createElement("path", {
     strokeLinecap: "round",

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

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

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

@@ -28,7 +28,10 @@ var MenuActionItem = function MenuActionItem(_ref) {
     }
   }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
     className: "side-nav__list-link--icon"
-  }, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "side-nav__list-label"
   }, label)));
 };

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

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

package/lib/components/Menu/Items/MenuItem.js CHANGED Viewed

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+require("core-js/modules/es.string.starts-with.js");
 require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.keys.js");
@@ -19,11 +20,13 @@ var MenuItem = function MenuItem(_ref) {
   var label = item.label,
     items = item.items,
     uri = item.uri;
+  var isActive = function isActive(currentUri) {
+    return location.pathname === currentUri || location.pathname.startsWith("".concat(currentUri, "/"));
+  };
   if (label && uri) {
-    var isActive = location.pathname === uri;
     return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
       item: item,
-      isActive: isActive,
+      isActive: isActive(uri),
       root: true
     });
   }
@@ -34,12 +37,12 @@ var MenuItem = function MenuItem(_ref) {
     var childrenComponents = childrenMenu.map(function (child) {
       var childLabel = child.label,
         childUri = child.uri;
-      var isActive = location.pathname === childUri;
       if (childLabel && childUri) {
         return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
           item: child,
-          isActive: isActive,
-          root: false
+          isActive: isActive(childUri),
+          root: false,
+          key: label
         });
       }
       return null;
@@ -55,11 +58,11 @@ var MenuItem = function MenuItem(_ref) {
     return _childrenMenu.map(function (child) {
       var childLabel = child.label,
         childUri = child.uri;
-      var isActive = location.pathname === childUri;
       if (childLabel && childUri) {
         return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
           item: child,
-          isActive: isActive,
+          isActive: isActive(childUri),
+          key: childUri,
           root: true
         });
       }

package/lib/components/Menu/Items/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_MenuLinkItem","MenuItem","_ref","item","RenderItems","location","useLocation","label","items","uri","isActive","pathname","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri","_default","exports"],"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 if ~~(label~~ && ~~uri)~~ {\n ~~const~~ ~~isActive~~ = location.pathname ~~===~~ uri;\n return <MenuLinkItem item={item} isActive={isActive} 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 ~~const isActive = location.pathname === childUri;\n~~\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\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 ~~const isActive = location.pathname === childUri;\n~~\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root />;\n }\n\n return null;\n });\n }\n\n return null;\n};\n\nexport default MenuItem;\n"],"mappings":"~~;;;;;;;;;;;~~AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACnC,IAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAC9B,IAAQC,KAAK,GAAiBJ,IAAI,CAA1BI,KAAK;IAAEC,KAAK,GAAUL,IAAI,CAAnBK,KAAK;IAAEC,GAAG,GAAKN,IAAI,CAAZM,GAAG;EAEzB,~~IAAIF~~,~~KAAK~~,~~IAAIE,~~GAAG,~~EAAE~~;~~IAChB~~,~~IAAMC~~,QAAQ,~~GAAGL~~,QAAQ,~~CAACM~~,QAAQ,~~KAAKF~~,GAAG;~~IAC1C~~,oBAAOb,MAAA,~~YAAAgB~~,aAAA,~~CAACZ~~,aAAA,WAAY;MAACG,IAAI,EAAEA,IAAK;MAACO,QAAQ,EAAEA,~~QAAS~~;~~MAACG~~,IAAI;IAAA,CAAE,CAAC;~~EAC9D~~;EAEA,~~IAAIN~~,KAAK,IAAIC,KAAK,~~IAAIM~~,MAAM,CAACC,MAAM,~~CAACP~~,KAAK,CAAC,~~CAACQ~~,MAAM,GAAG,CAAC,EAAE;IACrD,IAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,~~CAACV~~,KAAK,CAAC,~~CAACW~~,GAAG,CAAC,UAAAC,GAAG;MAAA,~~OAAIZ~~,KAAK,~~CAACY~~,GAAG,CAAC;IAAA,EAAC;IAE9D,IAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MACnD,IAAeC,UAAU,GAAoBD,KAAK,~~CAA1Cf~~,KAAK;~~QAAmBiB~~,QAAQ,GAAKF,KAAK,~~CAAvBb~~,GAAG;~~MAC9B~~,~~IAAMC~~,~~QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,~~UAAU,IAAIC,QAAQ,EAAE;QAC1B,~~oBAAO5B~~,MAAA,~~YAAAgB~~,aAAA,~~CAACZ~~,aAAA,WAAY;UAACG,IAAI,~~EAAEmB~~,KAAM;~~UAACZ~~,QAAQ,EAAEA,~~QAAS~~;~~UAACG~~,IAAI,EAAE;QAAM,CAAE,CAAC;~~MACvE~~;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,~~oBAAOjB~~,MAAA,~~YAAAgB~~,aAAA,~~CAACR~~,WAAW;MAACD,IAAI,EAAEA;IAAK,~~GAAEkB~~,kBAAgC,CAAC;EACpE;EAEA,IAAI,~~CAACd~~,KAAK,IAAIC,KAAK,EAAE;IACnB,~~IAAMS~~,aAAY,GAAGH,MAAM,CAACI,IAAI,~~CAACV~~,KAAK,CAAC,~~CAACW~~,GAAG,CAAC,UAAAC,GAAG;MAAA,~~OAAIZ~~,KAAK,~~CAACY~~,GAAG,CAAC;IAAA,EAAC;IAE9D,OAAOH,aAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MAC/B,IAAeC,UAAU,GAAoBD,KAAK,~~CAA1Cf~~,KAAK;~~QAAmBiB~~,QAAQ,GAAKF,KAAK,~~CAAvBb~~,GAAG;~~MAC9B~~,~~IAAMC~~,~~QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,~~UAAU,IAAIC,QAAQ,EAAE;QAC1B,~~oBAAO5B~~,MAAA,~~YAAAgB~~,aAAA,~~CAACZ~~,aAAA,WAAY;UAACG,IAAI,~~EAAEmB~~,KAAM;~~UAACZ~~,QAAQ,EAAEA,QAAS;~~UAACG~~,IAAI;QAAA,CAAE,CAAC;~~MAC/D~~;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAY,QAAA,~~GAEaxB~~,QAAQ;~~AAAAyB~~,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"MenuItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_MenuLinkItem","MenuItem","_ref","item","RenderItems","location","useLocation","label","items","uri","isActive","currentUri","pathname","startsWith","concat","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACnC,IAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAC9B,IAAQC,KAAK,GAAiBJ,IAAI,CAA1BI,KAAK;IAAEC,KAAK,GAAUL,IAAI,CAAnBK,KAAK;IAAEC,GAAG,GAAKN,IAAI,CAAZM,GAAG;EAEzB,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,UAAU;IAAA,OACzBN,QAAQ,CAACO,QAAQ,KAAKD,UAAU,IAAIN,QAAQ,CAACO,QAAQ,CAACC,UAAU,IAAAC,MAAA,CAAIH,UAAU,MAAG,CAAC;EAAA;EAEpF,IAAIJ,KAAK,IAAIE,GAAG,EAAE;IAChB,oBAAOb,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;MAACG,IAAI,EAAEA,IAAK;MAACO,QAAQ,EAAEA,QAAQ,CAACD,GAAG,CAAE;MAACO,IAAI;IAAA,CAAE,CAAC;EACnE;EAEA,IAAIT,KAAK,IAAIC,KAAK,IAAIS,MAAM,CAACC,MAAM,CAACV,KAAK,CAAC,CAACW,MAAM,GAAG,CAAC,EAAE;IACrD,IAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACb,KAAK,CAAC,CAACc,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIf,KAAK,CAACe,GAAG,CAAC;IAAA,EAAC;IAE9D,IAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MACnD,IAAeC,UAAU,GAAoBD,KAAK,CAA1ClB,KAAK;QAAmBoB,QAAQ,GAAKF,KAAK,CAAvBhB,GAAG;MAE9B,IAAIiB,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO/B,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;UAACG,IAAI,EAAEsB,KAAM;UAACf,QAAQ,EAAEA,QAAQ,CAACiB,QAAQ,CAAE;UAACX,IAAI,EAAE,KAAM;UAACO,GAAG,EAAEhB;QAAM,CAAE,CAAC;MAC7F;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOX,MAAA,YAAAmB,aAAA,CAACX,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEqB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACjB,KAAK,IAAIC,KAAK,EAAE;IACnB,IAAMY,aAAY,GAAGH,MAAM,CAACI,IAAI,CAACb,KAAK,CAAC,CAACc,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIf,KAAK,CAACe,GAAG,CAAC;IAAA,EAAC;IAE9D,OAAOH,aAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MAC/B,IAAeC,UAAU,GAAoBD,KAAK,CAA1ClB,KAAK;QAAmBoB,QAAQ,GAAKF,KAAK,CAAvBhB,GAAG;MAE9B,IAAIiB,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO/B,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;UAACG,IAAI,EAAEsB,KAAM;UAACf,QAAQ,EAAEA,QAAQ,CAACiB,QAAQ,CAAE;UAACJ,GAAG,EAAEI,QAAS;UAACX,IAAI;QAAA,CAAE,CAAC;MACxF;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAY,QAAA,GAEa3B,QAAQ;AAAA4B,OAAA,cAAAD,QAAA"}

package/lib/components/Menu/Items/MenuLinkItem.js CHANGED Viewed

@@ -27,7 +27,10 @@ var MenuLinkItem = function MenuLinkItem(_ref) {
     className: "side-nav__list-link ".concat(modifier, " ").concat(activeModifier)
   }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
     className: "side-nav__list-link--icon"
-  }, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "side-nav__list-link--label"
   }, label)));
 };

package/lib/components/Menu/Items/MenuLinkItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuLinkItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuLinkItem","_ref","item","isActive","_ref$root","root","label","MenuSectionIcon","icon","uri","modifier","activeModifier","createElement","className","key","Link","to","concat","_default","exports"],"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 />\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACjD,IAAQE,KAAK,GAAiCJ,IAAI,CAA1CI,KAAK;IAAQC,eAAe,GAAUL,IAAI,CAAnCM,IAAI;IAAmBC,GAAG,GAAKP,IAAI,CAAZO,GAAG;EAEzC,IAAMC,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,IAAMI,cAAc,GAAGR,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEP,MAAA,YAAAgB,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEZ,IAAI,CAACI;EAAM,gBACnDV,MAAA,YAAAgB,aAAA,CAACb,eAAA,CAAAgB,IAAI;IAACC,EAAE,EAAEP,GAAI;IAACI,SAAS,yBAAAI,MAAA,CAAyBP,QAAQ,OAAAO,MAAA,CAAIN,cAAc;EAAG,GAC3EJ,eAAe,iBACdX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCjB,MAAA,YAAAgB,aAAA,CAACL,eAAe,~~MAAE~~,~~CACf~~,CACN,~~eACDX~~,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAAC,~~IAAAY~~,QAAA,~~GAEalB~~,YAAY;~~AAAAmB~~,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"MenuLinkItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuLinkItem","_ref","item","isActive","_ref$root","root","label","MenuSectionIcon","icon","uri","modifier","activeModifier","createElement","className","key","Link","to","concat","width","height","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACjD,IAAQE,KAAK,GAAiCJ,IAAI,CAA1CI,KAAK;IAAQC,eAAe,GAAUL,IAAI,CAAnCM,IAAI;IAAmBC,GAAG,GAAKP,IAAI,CAAZO,GAAG;EAEzC,IAAMC,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,IAAMI,cAAc,GAAGR,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEP,MAAA,YAAAgB,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEZ,IAAI,CAACI;EAAM,gBACnDV,MAAA,YAAAgB,aAAA,CAACb,eAAA,CAAAgB,IAAI;IAACC,EAAE,EAAEP,GAAI;IAACI,SAAS,yBAAAI,MAAA,CAAyBP,QAAQ,OAAAO,MAAA,CAAIN,cAAc;EAAG,GAC3EJ,eAAe,iBACdX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCjB,MAAA,YAAAgB,aAAA,CAACL,eAAe;IAACW,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDvB,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAAC,IAAAc,QAAA,GAEapB,YAAY;AAAAqB,OAAA,cAAAD,QAAA"}

package/lib/components/Menu/Section/MenuSectionCollapsible.js CHANGED Viewed

@@ -44,22 +44,23 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
   var handleClick = function handleClick() {
     setCollapsed(!collapsed);
   };
-  var modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
-  var buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
   if (name) {
     return /*#__PURE__*/_react["default"].createElement("li", {
-      className: modifier
+      className: "side-nav__list--item"
     }, /*#__PURE__*/_react["default"].createElement("button", {
       type: "button",
-      className: buttonModifier,
+      className: "side-nav__list-link",
       onClick: handleClick
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-link--icon"
-    }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
+    }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
+      width: "20px",
+      height: "20px"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-link--wrapper"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-link--label"
-    }, capitalise(name)), /*#__PURE__*/_react["default"].createElement("div", {
+    }, capitalise(label) || capitalise(name)), /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-link--toggleCollapseIcon",
       role: "button"
     }, /*#__PURE__*/_react["default"].createElement(CollapseIcon, null)))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -68,19 +69,22 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
   }
   if (label && items && Object.keys(items).length > 0) {
     return /*#__PURE__*/_react["default"].createElement("li", {
-      className: modifier
+      className: "side-nav__list--item"
     }, children);
   }
   if (label && items && Object.keys(items).length === 0) {
     return /*#__PURE__*/_react["default"].createElement("li", {
-      className: modifier
+      className: "side-nav__list--item"
     }, /*#__PURE__*/_react["default"].createElement("button", {
       type: "button",
       className: "side-nav__list-link",
       onClick: handleClick
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-link--icon"
-    }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
+    }, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
+      width: "20px",
+      height: "20px"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "side-nav__list-label"
     }, label)));
   }

package/lib/components/Menu/Section/MenuSectionCollapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuSectionCollapsible.js","names":["_react","_interopRequireWildcard","require","_ChevronDown","_interopRequireDefault","_ChevronUp","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","_ref","name","item","children","label","loadOpen","MenuSectionIcon","icon","items","_useState","useState","_useState2","_slicedToArray2","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","~~modifier~~","~~buttonModifier~~","~~className~~","~~type~~","~~onClick~~","role","keys","length","_default","exports"],"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":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA2C,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAE3C,IAAMW,UAAU,GAAG,SAAbA,UAAUA,CAAGC,CAAC,EAAI;EACtB,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAE,OAAO,EAAE;EACpC,OAAOA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAiC;EAAA,IAA3BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACpD,IAAQC,KAAK,GAA6CF,IAAI,CAAtDE,KAAK;IAAEC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAQC,eAAe,GAAYJ,IAAI,CAArCK,IAAI;IAAmBC,KAAK,GAAKN,IAAI,CAAdM,KAAK;EACrD,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAAC,CAACL,QAAQ,CAAC;IAAAM,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA9CI,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAE9B,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAA;IAAA,OAAUF,SAAS,gBAAG/C,MAAA,YAAAkD,aAAA,CAAC/C,YAAA,WAAW,MAAE,CAAC,gBAAGH,MAAA,YAAAkD,aAAA,CAAC7C,UAAA,WAAS,MAAE,CAAC;EAAA,CAAC;EAExE,IAAM8C,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBH,YAAY,CAAC,CAACD,SAAS,CAAC;EAC1B,CAAC;EAED,~~IAAMK,QAAQ,GAAGL,SAAS,GAAG,sBAAsB,GAAG,gCAAgC;EAEtF,IAAMM,cAAc,GAAGN,SAAS,GAAG,qBAAqB,GAAG,+BAA+B;EAE1F,~~IAAIZ,IAAI,EAAE;IACR,oBACEnC,MAAA,YAAAkD,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,~~gBACtBpD~~,MAAA,YAAAkD,aAAA;~~MAAQK~~,IAAI,EAAC,QAAQ;MAACD,SAAS,~~EAAED~~,~~cAAe~~;~~MAACG~~,OAAO,~~EAAEL~~;IAAY,~~gBACpEnD~~,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAA2B,~~GAAEd~~,eAAe,iBAAIxC,MAAA,YAAAkD,aAAA,CAACV,eAAe,~~MAAE~~,~~CAAO~~,CAAC,~~eACzFxC~~,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAA8B,~~gBAC3CtD~~,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAA4B,~~GAAE1B~~,UAAU,CAACO,IAAI,~~CAAO~~,CAAC,~~eACpEnC~~,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC,yCAAyC;~~MAACG~~,IAAI,EAAC;IAAQ,gBACpEzD,MAAA,YAAAkD,aAAA,CAACD,YAAY,MAAE,CACZ,CACF,CACC,CAAC,eACTjD,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAA+B,~~GAAEP~~,SAAS,GAAG,IAAI,GAAGV,QAAc,CAC/E,CAAC;EAET;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIvB,MAAM,CAACuC,IAAI,CAAChB,KAAK,CAAC,CAACiB,MAAM,GAAG,CAAC,EAAE;IACnD,oBAAO3D,MAAA,YAAAkD,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,GAAEf,QAAa,CAAC;~~EACjD~~;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIvB,MAAM,CAACuC,IAAI,CAAChB,KAAK,CAAC,CAACiB,MAAM,KAAK,CAAC,EAAE;IACrD,oBACE3D,MAAA,YAAAkD,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,~~gBACtBpD~~,MAAA,YAAAkD,aAAA;~~MAAQK~~,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,~~EAAEL~~;IAAY,gBACzEnD,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAA2B,~~GAAEd~~,eAAe,iBAAIxC,MAAA,YAAAkD,aAAA,CAACV,eAAe,~~MAAE~~,~~CAAO~~,CAAC,~~eACzFxC~~,MAAA,YAAAkD,aAAA;~~MAAKI~~,SAAS,EAAC;IAAsB,~~GAAEhB~~,KAAW,CAC5C,CACN,CAAC;EAET;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAsB,QAAA,GAEa3B,sBAAsB;AAAA4B,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"MenuSectionCollapsible.js","names":["_react","_interopRequireWildcard","require","_ChevronDown","_interopRequireDefault","_ChevronUp","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","_ref","name","item","children","label","loadOpen","MenuSectionIcon","icon","items","_useState","useState","_useState2","_slicedToArray2","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","className","type","onClick","width","height","role","keys","length","_default","exports"],"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 if (name) {\n return (\n <li className=\"side-nav__list--item\">\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-link--wrapper\">\n <div className=\"side-nav__list-link--label\">\n {capitalise(label) \|\| capitalise(name)}\n </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=\"side-nav__list--item\">{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className=\"side-nav__list--item\">\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/components/SideBar/SideBar.js CHANGED Viewed

@@ -15,6 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _client = require("@apollo/client");
 var _avatar = _interopRequireDefault(require("@blaze-react/avatar"));
 var _coreAuthUi = require("@blaze-cms/core-auth-ui");
+var _reactRouterDom = require("react-router-dom");
 var _Menu = _interopRequireDefault(require("../Menu"));
 var SideBar = function SideBar(_ref) {
   var isOpenMenu = _ref.isOpenMenu,
@@ -22,7 +23,8 @@ var SideBar = function SideBar(_ref) {
     userData = _ref.userData;
   var client = (0, _client.useApolloClient)();
   var firstname = userData.firstname,
-    lastname = userData.lastname;
+    lastname = userData.lastname,
+    id = userData.id;
   var username = "".concat(firstname, " ").concat(lastname);
   var sideNavClassname = (0, _classnames["default"])('side-nav', {
     'side-nav--open': isOpenMenu,
@@ -51,7 +53,8 @@ var SideBar = function SideBar(_ref) {
     className: "side-nav__user--info"
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
     username: username
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+    to: "/data-listing/user/update/".concat(id),
     className: "user-name"
   }, username)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "side-nav__user--button"

package/lib/components/SideBar/SideBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_Menu","SideBar","_ref","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","id","~~onClick~~","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","bool","isRequired","func","object","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,~~GAAAP~~,sBAAA,CAAAC,OAAA;AAEA,~~IAAMO~~,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA8C;EAAA,IAAxCC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAClD,IAAMC,MAAM,GAAG,IAAAC,uBAAe,EAAC,CAAC;EAEhC,IAAQC,SAAS,~~GAAeH~~,QAAQ,~~CAAhCG~~,SAAS;IAAEC,QAAQ,~~GAAKJ~~,QAAQ,~~CAArBI~~,QAAQ;~~EAC3B~~,IAAMC,QAAQ,MAAAC,MAAA,~~CAAMH~~,SAAS,~~OAAAG~~,MAAA,~~CAAIF~~,QAAQ,CAAE;EAE3C,~~IAAMG~~,gBAAgB,GAAG,IAAAC,sBAAU,EAAC,UAAU,EAAE;IAC9C,gBAAgB,~~EAAEV~~,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,~~IAAMW~~,uBAAuB,GAAG,IAAAD,sBAAU,EAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,~~CAACV~~;EAC/B,CAAC,CAAC;EAEF,~~oBACEX~~,MAAA,~~YAAAuB~~,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEJ;EAAiB,~~gBACrDpB~~,MAAA,~~YAAAuB~~,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;~~IACjCE~~,EAAE,EAAC,iBAAiB;~~IACpBC~~,OAAO,EAAEf;EAAY,~~gBACrBZ~~,MAAA,~~YAAAuB~~,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,~~eAINxB~~,MAAA,~~YAAAuB~~,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;~~IAACI~~,EAAE,EAAC;EAAmB,~~gBACnF1B~~,MAAA,~~YAAAuB~~,aAAA,~~CAACf~~,KAAA,WAAI,MAAE,CACJ,CAAC,~~eACNR~~,MAAA,~~YAAAuB~~,aAAA;IAAKC,SAAS,EAAC;EAAgB,~~gBAC7BxB~~,MAAA,~~YAAAuB~~,aAAA;IAAKC,SAAS,EAAC;EAAsB,~~gBACnCxB~~,MAAA,~~YAAAuB~~,aAAA,~~CAACjB~~,OAAA,WAAM;~~IAACY~~,QAAQ,EAAEA;EAAS,CAAE,CAAC,~~eAC9BlB~~,MAAA,~~YAAAuB~~,aAAA;~~IAAMC~~,SAAS,EAAC;EAAW,~~GAAEN~~,~~QAAe~~,~~CACzC~~,CAAC,~~eACNlB~~,MAAA,~~YAAAuB~~,aAAA;IAAKC,SAAS,EAAC;EAAwB,~~gBACrCxB~~,MAAA,~~YAAAuB~~,aAAA;~~IACEG~~,EAAE,EAAC,eAAe;~~IAClBD~~,IAAI,EAAC,QAAQ;~~IACbE~~,OAAO,~~mBAAAC~~,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAE,SAAAC,QAAA;MAAA,OAAAF,YAAA,YAAAG,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAAAF,QAAA,CAAAE,IAAA;YAAA,OACD,IAAAC,wBAAY,~~EAACvB~~,MAAM,CAAC;UAAA;~~YAC1BwB~~,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;UAAC;UAAA;YAAA,OAAAN,QAAA,CAAAO,IAAA;QAAA;MAAA,GAAAV,OAAA;IAAA,CAC5B,EAAC;~~IACFP~~,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,~~eACNxB~~,MAAA,~~YAAAuB~~,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;~~AAEDf~~,OAAO,~~CAACiC~~,SAAS,GAAG;~~EAClB/B~~,UAAU,~~EAAEgC~~,qBAAS,CAACC,IAAI,CAACC,UAAU;~~EACrCjC~~,WAAW,~~EAAE+B~~,qBAAS,CAACG,IAAI,CAACD,UAAU;~~EACtChC~~,QAAQ,~~EAAE8B~~,qBAAS,CAACI,MAAM,CAACF;AAC7B,CAAC;AAAC,IAAAG,QAAA,~~GAEavC~~,OAAO;~~AAAAwC~~,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_reactRouterDom","_Menu","SideBar","_ref","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","id","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","onClick","Link","to","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","bool","isRequired","func","object","_default","exports"],"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 { Link } from 'react-router-dom';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname, id } = 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 <Link to={`/data-listing/user/update/${id}`} className=\"user-name\">\n {username}\n </Link>\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":"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"}

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

@@ -1,11 +1,14 @@
 import React from 'react';
-const ChevronDown = () => /*#__PURE__*/React.createElement("svg", {
+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: "20",
-  height: "20",
+  width: width,
+  height: height,
   stroke: "currentColor"
 }, /*#__PURE__*/React.createElement("path", {
   strokeLinecap: "round",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronDown.js","names":["React","ChevronDown","~~createElement~~","~~xmlns~~","~~fill~~","~~viewBox~~","~~strokeWidth~~","~~width~~","~~height~~","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n width~~=\"20~~\"\n height~~=\"20~~\"\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n </svg>\n);\n\nexport default ChevronDown;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGA,~~CAAA~~,~~kBAClBD~~,KAAA,~~CAAAE~~,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;~~EACjBC~~,KAAK,~~EAAC~~,~~IAAI~~;~~EACVC~~,MAAM,~~EAAC~~,~~IAAI~~;~~EACXC~~,MAAM,EAAC;AAAc,gBACrBT,KAAA,~~CAAAE~~,aAAA;~~EAAMQ~~,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA6B,CAAE,CACjF,CACN;AAED,eAAeX,WAAW"}
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 CHANGED Viewed

@@ -1,11 +1,14 @@
 import React from 'react';
-const ChevronUp = () => /*#__PURE__*/React.createElement("svg", {
+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: "20",
-  height: "20",
+  width: width,
+  height: height,
   stroke: "currentColor"
 }, /*#__PURE__*/React.createElement("path", {
   strokeLinecap: "round",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","~~createElement~~","~~xmlns~~","~~fill~~","~~viewBox~~","~~strokeWidth~~","~~width~~","~~height~~","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 22 22\"\n strokeWidth={1.5}\n width~~=\"20~~\"\n height~~=\"20~~\"\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n </svg>\n);\n\nexport default ChevronUp;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,SAAS,GAAGA,~~CAAA~~,~~kBAChBD~~,KAAA,~~CAAAE~~,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;~~EACjBC~~,KAAK,~~EAAC~~,~~IAAI~~;~~EACVC~~,MAAM,~~EAAC~~,~~IAAI~~;~~EACXC~~,MAAM,EAAC;AAAc,gBACrBT,KAAA,~~CAAAE~~,aAAA;~~EAAMQ~~,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA4B,CAAE,CAChF,CACN;AAED,eAAeX,SAAS"}
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 CHANGED Viewed

@@ -23,7 +23,10 @@ const MenuActionItem = ({
     }
   }, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
     className: "side-nav__list-link--icon"
-  }, /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "side-nav__list-label"
   }, label)));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuActionItem.js","names":["React","Link","MenuActionItem","item","label","icon","MenuSectionIcon","onClick","uri","modifier","createElement","className","key","to"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link\n to={uri}\n className={`side-nav__list-link ${modifier}`}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuActionItem;\n"],"mappings":"AAAA,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,~~MAAE~~,~~CACf~~,CACN,~~eACDN~~,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc"}
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 CHANGED Viewed

@@ -11,11 +11,11 @@ const MenuItem = ({
     items,
     uri
   } = item;
+  const isActive = currentUri => location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);
   if (label && uri) {
-    const isActive = location.pathname === uri;
     return /*#__PURE__*/React.createElement(MenuLinkItem, {
       item: item,
-      isActive: isActive,
+      isActive: isActive(uri),
       root: true
     });
   }
@@ -26,12 +26,12 @@ const MenuItem = ({
         label: childLabel,
         uri: childUri
       } = child;
-      const isActive = location.pathname === childUri;
       if (childLabel && childUri) {
         return /*#__PURE__*/React.createElement(MenuLinkItem, {
           item: child,
-          isActive: isActive,
-          root: false
+          isActive: isActive(childUri),
+          root: false,
+          key: label
         });
       }
       return null;
@@ -47,11 +47,11 @@ const MenuItem = ({
         label: childLabel,
         uri: childUri
       } = child;
-      const isActive = location.pathname === childUri;
       if (childLabel && childUri) {
         return /*#__PURE__*/React.createElement(MenuLinkItem, {
           item: child,
-          isActive: isActive,
+          isActive: isActive(childUri),
+          key: childUri,
           root: true
         });
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","names":["React","useLocation","MenuLinkItem","MenuItem","item","RenderItems","location","label","items","uri","isActive","pathname","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 if ~~(label~~ && ~~uri)~~ {\n ~~const~~ ~~isActive~~ = location.pathname ~~===~~ uri;\n return <MenuLinkItem item={item} isActive={isActive} 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 ~~const isActive = location.pathname === childUri;\n~~\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\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 ~~const isActive = location.pathname === childUri;\n~~\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} 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,~~IAAIG~~,~~KAAK~~,~~IAAIE~~,~~GAAG~~,~~EAAE;IAChB~~,~~MAAMC~~,QAAQ,~~GAAGJ~~,QAAQ,~~CAACK~~,QAAQ,~~KAAKF~~,GAAG;~~IAC1C~~,oBAAOT,KAAA,~~CAAAY~~,aAAA,~~CAACV~~,YAAY;MAACE,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAEA,~~QAAS~~;~~MAACG~~,IAAI;IAAA,CAAE,CAAC;~~EAC9D~~;EAEA,~~IAAIN~~,KAAK,IAAIC,KAAK,~~IAAIM~~,MAAM,CAACC,MAAM,~~CAACP~~,KAAK,CAAC,~~CAACQ~~,MAAM,GAAG,CAAC,EAAE;IACrD,MAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,~~CAACV~~,KAAK,CAAC,~~CAACW~~,GAAG,CAACC,GAAG,~~IAAIZ~~,KAAK,~~CAACY~~,GAAG,CAAC,CAAC;IAE9D,MAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MACnD,MAAM;~~QAAEf~~,KAAK,~~EAAEgB~~,UAAU;~~QAAEd~~,GAAG,~~EAAEe~~;MAAS,CAAC,GAAGF,KAAK;~~MAClD~~,~~MAAMZ~~,~~QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,~~UAAU,IAAIC,QAAQ,EAAE;QAC1B,~~oBAAOxB~~,KAAA,~~CAAAY~~,aAAA,~~CAACV~~,YAAY;UAACE,IAAI,~~EAAEkB~~,KAAM;~~UAACZ~~,QAAQ,EAAEA,~~QAAS~~;~~UAACG~~,IAAI,EAAE;QAAM,CAAE,CAAC;~~MACvE~~;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,~~oBAAOb~~,KAAA,~~CAAAY~~,aAAA,~~CAACP~~,WAAW;MAACD,IAAI,EAAEA;IAAK,~~GAAEiB~~,kBAAgC,CAAC;EACpE;EAEA,IAAI,~~CAACd~~,KAAK,IAAIC,KAAK,EAAE;IACnB,~~MAAMS~~,YAAY,GAAGH,MAAM,CAACI,IAAI,~~CAACV~~,KAAK,CAAC,~~CAACW~~,GAAG,CAACC,GAAG,~~IAAIZ~~,KAAK,~~CAACY~~,GAAG,CAAC,CAAC;IAE9D,OAAOH,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MAC/B,MAAM;~~QAAEf~~,KAAK,~~EAAEgB~~,UAAU;~~QAAEd~~,GAAG,~~EAAEe~~;MAAS,CAAC,GAAGF,KAAK;~~MAClD~~,~~MAAMZ~~,~~QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,~~UAAU,IAAIC,QAAQ,EAAE;QAC1B,~~oBAAOxB~~,KAAA,~~CAAAY~~,aAAA,~~CAACV~~,YAAY;UAACE,IAAI,~~EAAEkB~~,KAAM;~~UAACZ~~,QAAQ,EAAEA,QAAS;~~UAACG~~,IAAI;QAAA,CAAE,CAAC;~~MAC/D~~;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAED,~~eAAeV~~,QAAQ"}
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 CHANGED Viewed

@@ -20,7 +20,10 @@ const MenuLinkItem = ({
     className: `side-nav__list-link ${modifier} ${activeModifier}`
   }, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
     className: "side-nav__list-link--icon"
-  }, /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(MenuSectionIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "side-nav__list-link--label"
   }, label)));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuLinkItem.js","names":["React","Link","MenuLinkItem","item","isActive","root","label","icon","MenuSectionIcon","uri","modifier","activeModifier","createElement","className","key","to"],"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 />\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,~~MAAE~~,~~CACf~~,CACN,~~eACDR~~,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAED,eAAeJ,YAAY"}
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/Section/MenuSectionCollapsible.js CHANGED Viewed

@@ -21,22 +21,23 @@ const MenuSectionCollapsible = ({
   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
+      className: "side-nav__list--item"
     }, /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: buttonModifier,
+      className: "side-nav__list-link",
       onClick: handleClick
     }, /*#__PURE__*/React.createElement("div", {
       className: "side-nav__list-link--icon"
-    }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
+    }, 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", {
+    }, capitalise(label) || capitalise(name)), /*#__PURE__*/React.createElement("div", {
       className: "side-nav__list-link--toggleCollapseIcon",
       role: "button"
     }, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
@@ -45,19 +46,22 @@ const MenuSectionCollapsible = ({
   }
   if (label && items && Object.keys(items).length > 0) {
     return /*#__PURE__*/React.createElement("li", {
-      className: modifier
+      className: "side-nav__list--item"
     }, children);
   }
   if (label && items && Object.keys(items).length === 0) {
     return /*#__PURE__*/React.createElement("li", {
-      className: modifier
+      className: "side-nav__list--item"
     }, /*#__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, null)), /*#__PURE__*/React.createElement("div", {
+    }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
+      width: "20px",
+      height: "20px"
+    })), /*#__PURE__*/React.createElement("div", {
       className: "side-nav__list-label"
     }, label)));
   }

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

	@@ -1 +1 @@
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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,MAAMC,UAAU,GAAGC,CAAC,IAAI;EACtB,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAE,OAAO,EAAE;EACpC,OAAOA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAS,CAAC,KAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC,eAAe;IAAEC;EAAM,CAAC,GAAGN,IAAI;EAC9D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,CAAC,CAACa,QAAQ,CAAC;EAErD,MAAMM,YAAY,GAAGA,CAAA,KAAOF,SAAS,gBAAGlB,KAAA,CAAAqB,aAAA,CAACnB,WAAW,MAAE,CAAC,gBAAGF,KAAA,CAAAqB,aAAA,CAAClB,SAAS,MAAE,CAAE;EAExE,MAAMmB,WAAW,GAAGA,CAAA,KAAM;IACxBH,YAAY,CAAC,CAACD,SAAS,CAAC;EAC1B,CAAC;EAED,~~MAAMK,QAAQ,GAAGL,SAAS,GAAG,sBAAsB,GAAG,gCAAgC;EAEtF,MAAMM,cAAc,GAAGN,SAAS,GAAG,qBAAqB,GAAG,+BAA+B;EAE1F,~~IAAIR,IAAI,EAAE;IACR,oBACEV,KAAA,CAAAqB,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,~~gBACtBvB~~,KAAA,CAAAqB,aAAA;~~MAAQK~~,IAAI,EAAC,QAAQ;MAACD,SAAS,~~EAAED~~,~~cAAe~~;~~MAACG~~,OAAO,~~EAAEL~~;IAAY,~~gBACpEtB~~,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAA2B,~~GAAET~~,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe,~~MAAE~~,~~CAAO~~,CAAC,~~eACzFhB~~,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAA8B,~~gBAC3CzB~~,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAA4B,~~GAAErB~~,UAAU,CAACM,IAAI,~~CAAO~~,CAAC,~~eACpEV~~,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC,yCAAyC;~~MAACG~~,IAAI,EAAC;IAAQ,gBACpE5B,KAAA,CAAAqB,aAAA,CAACD,YAAY,MAAE,CACZ,CACF,CACC,CAAC,eACTpB,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAA+B,~~GAAEP~~,SAAS,GAAG,IAAI,GAAGN,QAAc,CAC/E,CAAC;EAET;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIY,MAAM,CAACC,IAAI,CAACb,KAAK,CAAC,CAACc,MAAM,GAAG,CAAC,EAAE;IACnD,oBAAO/B,KAAA,CAAAqB,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,GAAEX,QAAa,CAAC;~~EACjD~~;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIY,MAAM,CAACC,IAAI,CAACb,KAAK,CAAC,CAACc,MAAM,KAAK,CAAC,EAAE;IACrD,oBACE/B,KAAA,CAAAqB,aAAA;~~MAAII~~,SAAS,~~EAAEF~~;~~IAAS~~,~~gBACtBvB~~,KAAA,CAAAqB,aAAA;~~MAAQK~~,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,~~EAAEL~~;IAAY,gBACzEtB,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAA2B,~~GAAET~~,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe,~~MAAE~~,~~CAAO~~,CAAC,~~eACzFhB~~,KAAA,CAAAqB,aAAA;~~MAAKI~~,SAAS,EAAC;IAAsB,~~GAAEZ~~,KAAW,CAC5C,CACN,CAAC;EAET;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeJ,sBAAsB"}
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","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 if (name) {\n return (\n <li className=\"side-nav__list--item\">\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-link--wrapper\">\n <div className=\"side-nav__list-link--label\">\n {capitalise(label) \|\| capitalise(name)}\n </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=\"side-nav__list--item\">{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className=\"side-nav__list--item\">\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/SideBar/SideBar.js CHANGED Viewed

@@ -4,6 +4,7 @@ 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 { Link } from 'react-router-dom';
 import Menu from '../Menu';
 const SideBar = ({
   isOpenMenu,
@@ -13,7 +14,8 @@ const SideBar = ({
   const client = useApolloClient();
   const {
     firstname,
-    lastname
+    lastname,
+    id
   } = userData;
   const username = `${firstname} ${lastname}`;
   const sideNavClassname = classnames('side-nav', {
@@ -43,7 +45,8 @@ const SideBar = ({
     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"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","id","~~onClick~~","window","location","href","propTypes","bool","isRequired","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n {/* <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link> */}\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n <Menu />\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <~~span~~ className=\"user-name\">{username}</~~span~~>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,OAAO,GAAGA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAMC,MAAM,~~GAAGR~~,eAAe,CAAC,CAAC;EAEhC,MAAM;~~IAAES~~,SAAS;IAAEC;~~EAAS~~,CAAC,~~GAAGH~~,QAAQ;~~EACxC~~,~~MAAMI~~,QAAQ,GAAI,~~GAAEF~~,SAAU,IAAGC,QAAS,EAAC;EAE3C,~~MAAME~~,gBAAgB,~~GAAGd~~,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,~~EAAEO~~,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,~~MAAMQ~~,uBAAuB,~~GAAGf~~,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,~~CAACO~~;EAC/B,CAAC,CAAC;EAEF,~~oBACER~~,KAAA,~~CAAAiB~~,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,~~gBACrDf~~,KAAA,~~CAAAiB~~,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;~~IACjCE~~,EAAE,EAAC,iBAAiB;~~IACpBC~~,OAAO,EAAEZ;EAAY,~~gBACrBT~~,KAAA,~~CAAAiB~~,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,~~eAINlB~~,KAAA,~~CAAAiB~~,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;~~IAACI~~,EAAE,EAAC;EAAmB,~~gBACnFpB~~,KAAA,~~CAAAiB~~,aAAA,~~CAACX~~,IAAI,MAAE,CACJ,CAAC,~~eACNN~~,KAAA,~~CAAAiB~~,aAAA;IAAKC,SAAS,EAAC;EAAgB,~~gBAC7BlB~~,KAAA,~~CAAAiB~~,aAAA;IAAKC,SAAS,EAAC;EAAsB,~~gBACnClB~~,KAAA,~~CAAAiB~~,aAAA,~~CAACb~~,MAAM;~~IAACU~~,QAAQ,EAAEA;EAAS,CAAE,CAAC,~~eAC9Bd~~,KAAA,~~CAAAiB~~,aAAA;~~IAAMC~~,SAAS,EAAC;EAAW,~~GAAEJ~~,~~QAAe~~,~~CACzC~~,CAAC,~~eACNd~~,KAAA,~~CAAAiB~~,aAAA;IAAKC,SAAS,EAAC;EAAwB,~~gBACrClB~~,KAAA,~~CAAAiB~~,aAAA;~~IACEG~~,EAAE,EAAC,eAAe;~~IAClBD~~,IAAI,EAAC,QAAQ;~~IACbE~~,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,~~MAAMhB~~,YAAY,~~CAACM~~,MAAM,CAAC;~~MAC1BW~~,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFN,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,~~eACNlB~~,KAAA,~~CAAAiB~~,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;~~AAEDX~~,OAAO,~~CAACkB~~,SAAS,GAAG;~~EAClBjB~~,UAAU,~~EAAEN~~,SAAS,~~CAACwB~~,IAAI,CAACC,UAAU;~~EACrClB~~,WAAW,~~EAAEP~~,SAAS,~~CAAC0B~~,IAAI,CAACD,UAAU;~~EACtCjB~~,QAAQ,~~EAAER~~,SAAS,~~CAAC2B~~,MAAM,CAACF;AAC7B,CAAC;AAED,~~eAAepB~~,OAAO"}
1	+ {"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Link","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","id","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","onClick","to","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 { Link } from 'react-router-dom';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname, id } = 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 <Link to={`/data-listing/user/update/${id}`} className=\"user-name\">\n {username}\n </Link>\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,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,OAAO,GAAGA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAEhC,MAAM;IAAEU,SAAS;IAAEC,QAAQ;IAAEC;EAAG,CAAC,GAAGJ,QAAQ;EAC5C,MAAMK,QAAQ,GAAI,GAAEH,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAMG,gBAAgB,GAAGhB,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMS,uBAAuB,GAAGjB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACET,KAAA,CAAAmB,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,gBACrDjB,KAAA,CAAAmB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;IACjCL,EAAE,EAAC,iBAAiB;IACpBO,OAAO,EAAEZ;EAAY,gBACrBV,KAAA,CAAAmB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,eAINpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;IAACH,EAAE,EAAC;EAAmB,gBACnFf,KAAA,CAAAmB,aAAA,CAACZ,IAAI,MAAE,CACJ,CAAC,eACNP,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnCpB,KAAA,CAAAmB,aAAA,CAACf,MAAM;IAACY,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC9BhB,KAAA,CAAAmB,aAAA,CAACb,IAAI;IAACiB,EAAE,EAAG,6BAA4BR,EAAG,EAAE;IAACK,SAAS,EAAC;EAAW,GAC/DJ,QACG,CACH,CAAC,eACNhB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCpB,KAAA,CAAAmB,aAAA;IACEJ,EAAE,EAAC,eAAe;IAClBM,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMjB,YAAY,CAACO,MAAM,CAAC;MAC1BY,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFN,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,eACNpB,KAAA,CAAAmB,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;AAEDZ,OAAO,CAACmB,SAAS,GAAG;EAClBlB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACrCnB,WAAW,EAAER,SAAS,CAAC4B,IAAI,CAACD,UAAU;EACtClB,QAAQ,EAAET,SAAS,CAAC6B,MAAM,CAACF;AAC7B,CAAC;AAED,eAAerB,OAAO"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.139.0-project-admin-customisations.0",
+  "version": "0.139.1-core-styles.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.139.0-project-admin-customisations.0",
-    "@blaze-cms/admin-ui-utils": "0.139.0-project-admin-customisations.0",
-    "@blaze-cms/core-ui": "0.139.0-project-admin-customisations.0",
-    "@blaze-cms/plugin-search-ui": "0.139.0-project-admin-customisations.0",
-    "@blaze-cms/setup-ui": "0.139.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-styles": "0.139.1-core-styles.0",
+    "@blaze-cms/admin-ui-utils": "0.139.1-core-styles.0",
+    "@blaze-cms/core-ui": "0.139.1-core-styles.0",
+    "@blaze-cms/plugin-search-ui": "0.139.1-core-styles.0",
+    "@blaze-cms/setup-ui": "0.139.1-core-styles.0",
     "@blaze-react/avatar": "0.5.19",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -47,7 +47,7 @@
     "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
-    "@blaze-cms/plugin-auth-ui": "0.139.0-project-admin-customisations.0",
+    "@blaze-cms/plugin-auth-ui": "0.139.1-core-styles.0",
     "lodash.merge": "^4.6.2",
     "waait": "1.0.5"
   },
@@ -55,5 +55,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "20623d0001dddc54159030f527efb9d8d3eb42b9"
+  "gitHead": "7631974706a04751ed0abf368bd0cd3b1c4c1b07"
 }

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

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

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

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

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

@@ -18,7 +18,7 @@ const MenuActionItem = ({ item }) => {
         }}>
         {MenuSectionIcon && (
           <div className="side-nav__list-link--icon">
-            <MenuSectionIcon />
+            <MenuSectionIcon width="20px" height="20px" />
           </div>
         )}
         <div className="side-nav__list-label">{label}</div>

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

@@ -6,9 +6,11 @@ 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) {
-    const isActive = location.pathname === uri;
-    return <MenuLinkItem item={item} isActive={isActive} root />;
+    return <MenuLinkItem item={item} isActive={isActive(uri)} root />;
   }
   if (label && items && Object.values(items).length > 0) {
@@ -16,10 +18,9 @@ const MenuItem = ({ item, RenderItems }) => {
     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 <MenuLinkItem item={child} isActive={isActive(childUri)} root={false} key={label} />;
       }
       return null;
@@ -33,10 +34,9 @@ const MenuItem = ({ item, RenderItems }) => {
     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 <MenuLinkItem item={child} isActive={isActive(childUri)} key={childUri} root />;
       }
       return null;

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

@@ -13,7 +13,7 @@ const MenuLinkItem = ({ item, isActive, root = true }) => {
       <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>
         {MenuSectionIcon && (
           <div className="side-nav__list-link--icon">
-            <MenuSectionIcon />
+            <MenuSectionIcon width="20px" height="20px" />
           </div>
         )}
         <div className="side-nav__list-link--label">{label}</div>

package/src/components/Menu/Section/MenuSectionCollapsible.js CHANGED Viewed

@@ -17,17 +17,17 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
     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 (
-      <li className={modifier}>
-        <button type="button" className={buttonModifier} onClick={handleClick}>
-          <div className="side-nav__list-link--icon">{MenuSectionIcon && <MenuSectionIcon />}</div>
+      <li className="side-nav__list--item">
+        <button type="button" className="side-nav__list-link" onClick={handleClick}>
+          <div className="side-nav__list-link--icon">
+            {MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}
+          </div>
           <div className="side-nav__list-link--wrapper">
-            <div className="side-nav__list-link--label">{capitalise(name)}</div>
+            <div className="side-nav__list-link--label">
+              {capitalise(label) || capitalise(name)}
+            </div>
             <div className="side-nav__list-link--toggleCollapseIcon" role="button">
               <CollapseIcon />
             </div>
@@ -39,14 +39,16 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
   }
   if (label && items && Object.keys(items).length > 0) {
-    return <li className={modifier}>{children}</li>;
+    return <li className="side-nav__list--item">{children}</li>;
   }
   if (label && items && Object.keys(items).length === 0) {
     return (
-      <li className={modifier}>
+      <li className="side-nav__list--item">
         <button type="button" className="side-nav__list-link" onClick={handleClick}>
-          <div className="side-nav__list-link--icon">{MenuSectionIcon && <MenuSectionIcon />}</div>
+          <div className="side-nav__list-link--icon">
+            {MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}
+          </div>
           <div className="side-nav__list-label">{label}</div>
         </button>
       </li>

package/src/components/SideBar/SideBar.js CHANGED Viewed

@@ -4,12 +4,13 @@ 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 { Link } from 'react-router-dom';
 import Menu from '../Menu';
 const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
   const client = useApolloClient();
-  const { firstname, lastname } = userData;
+  const { firstname, lastname, id } = userData;
   const username = `${firstname} ${lastname}`;
   const sideNavClassname = classnames('side-nav', {
@@ -39,7 +40,9 @@ const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
       <div className="side-nav__user">
         <div className="side-nav__user--info">
           <Avatar username={username} />
-          <span className="user-name">{username}</span>
+          <Link to={`/data-listing/user/update/${id}`} className="user-name">
+            {username}
+          </Link>
         </div>
         <div className="side-nav__user--button">
           <span