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

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

@@ -1 +1 @@
-{"version":3,"file":"menu-handler-singleton.js","names":["_lodash","_interopRequireDefault","require","instance","MenuHandler","app","_classCallCheck2","_defineProperty2","Map","Error","menuConfig","_createClass2","key","value","setApp","get","addConfig","newConfig","merge","_loadConfig","_asyncToGenerator2","_regenerator","mark","_callee","_this","wrap","_callee$","_context","prev","next","events","emitAsync","stop","loadConfig","apply","arguments","getInstance","getAll","Object","entries","sort","a","b","order","undefined","exports","menuHandler","_default"],"sources":["../../src/utils/menu-handler-singleton.js"],"sourcesContent":["import merge from 'lodash.merge';\n\nlet instance;\n\nexport class MenuHandler {\n  menuSections = new Map();\n\n  menuConfig;\n\n  app;\n\n  constructor(app) {\n    if (instance) {\n      throw new Error('You can only create one instance!');\n    }\n    instance = this;\n    this.menuConfig = {};\n    this.app = null;\n  }\n\n  setApp(app) {\n    this.app = app;\n  }\n\n  get app() {\n    return this.app;\n  }\n\n  get menuConfig() {\n    return this.menuConfig;\n  }\n\n  addConfig(newConfig) {\n    this.menuConfig = merge(this.menuConfig, newConfig);\n  }\n\n  async loadConfig() {\n    const addConfig = newConfig => {\n      this.addConfig(newConfig);\n    };\n\n    const { menuConfig } = this;\n\n    if (this.app && this.app.events) {\n      await this.app.events.emitAsync('admin:menu:config:load', { addConfig });\n      await this.app.events.emitAsync('admin:menu:config:load:after', { addConfig, menuConfig });\n    }\n  }\n\n  getInstance() {\n    return this;\n  }\n\n  getAll() {\n    return Object.entries(this.menuConfig).sort((a, b) => {\n      if (a[1].order === undefined) {\n        return 1;\n      }\n      if (b[1].order === undefined) {\n        return -1;\n      }\n      return a[1].order > b[1].order ? 1 : -1;\n    });\n  }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":"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"}
+{"version":3,"file":"menu-handler-singleton.js","names":["_lodash","_interopRequireDefault","require","instance","MenuHandler","exports","app","_classCallCheck2","_defineProperty2","Map","Error","menuConfig","_createClass2","key","value","setApp","get","addConfig","newConfig","merge","_loadConfig","_asyncToGenerator2","_regenerator","mark","_callee","_this","wrap","_callee$","_context","prev","next","events","emitAsync","stop","loadConfig","apply","arguments","getInstance","getAll","Object","entries","sort","a","b","order","undefined","menuHandler","_default"],"sources":["../../src/utils/menu-handler-singleton.js"],"sourcesContent":["import merge from 'lodash.merge';\n\nlet instance;\n\nexport class MenuHandler {\n  menuSections = new Map();\n\n  menuConfig;\n\n  app;\n\n  constructor(app) {\n    if (instance) {\n      throw new Error('You can only create one instance!');\n    }\n    instance = this;\n    this.menuConfig = {};\n    this.app = null;\n  }\n\n  setApp(app) {\n    this.app = app;\n  }\n\n  get app() {\n    return this.app;\n  }\n\n  get menuConfig() {\n    return this.menuConfig;\n  }\n\n  addConfig(newConfig) {\n    this.menuConfig = merge(this.menuConfig, newConfig);\n  }\n\n  async loadConfig() {\n    const addConfig = newConfig => {\n      this.addConfig(newConfig);\n    };\n\n    const { menuConfig } = this;\n\n    if (this.app && this.app.events) {\n      await this.app.events.emitAsync('admin:menu:config:load', { addConfig });\n      await this.app.events.emitAsync('admin:menu:config:load:after', { addConfig, menuConfig });\n    }\n  }\n\n  getInstance() {\n    return this;\n  }\n\n  getAll() {\n    return Object.entries(this.menuConfig).sort((a, b) => {\n      if (a[1].order === undefined) {\n        return 1;\n      }\n      if (b[1].order === undefined) {\n        return -1;\n      }\n      return a[1].order > b[1].order ? 1 : -1;\n    });\n  }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":"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"}

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -32,7 +32,10 @@ const MenuSectionCollapsible = ({
       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"
@@ -57,7 +60,10 @@ const MenuSectionCollapsible = ({
       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

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

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

@@ -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

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

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.139.0-project-admin-customisations.0",
+  "version": "0.139.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.0",
+    "@blaze-cms/admin-ui-utils": "^0.139.0",
+    "@blaze-cms/core-ui": "^0.139.0",
+    "@blaze-cms/plugin-search-ui": "^0.139.0",
+    "@blaze-cms/setup-ui": "^0.139.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.0",
     "lodash.merge": "^4.6.2",
     "waait": "1.0.5"
   },
@@ -55,5 +55,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "20623d0001dddc54159030f527efb9d8d3eb42b9"
+  "gitHead": "46e367b8a46748bb6b2b1a129f1ec511381c2d56"
 }

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -25,7 +25,9 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
     return (
       <li className={modifier}>
         <button type="button" className={buttonModifier} 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-link--wrapper">
             <div className="side-nav__list-link--label">{capitalise(name)}</div>
             <div className="side-nav__list-link--toggleCollapseIcon" role="button">
@@ -46,7 +48,9 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
     return (
       <li className={modifier}>
         <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

@@ -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