@blaze-cms/plugin-admin-core-ui 0.139.0 → 0.139.1-alpha.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.139.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.139.0...v0.139.1-alpha.0) (2024-02-12)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * 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))
12
+
13
+
14
+
15
+
16
+
6
17
  # [0.139.0](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.7...v0.139.0) (2024-01-31)
7
18
 
8
19
  **Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
@@ -44,14 +44,12 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
44
44
  var handleClick = function handleClick() {
45
45
  setCollapsed(!collapsed);
46
46
  };
47
- var modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
48
- var buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
49
47
  if (name) {
50
48
  return /*#__PURE__*/_react["default"].createElement("li", {
51
- className: modifier
49
+ className: "side-nav__list--item"
52
50
  }, /*#__PURE__*/_react["default"].createElement("button", {
53
51
  type: "button",
54
- className: buttonModifier,
52
+ className: "side-nav__list-link",
55
53
  onClick: handleClick
56
54
  }, /*#__PURE__*/_react["default"].createElement("div", {
57
55
  className: "side-nav__list-link--icon"
@@ -62,7 +60,7 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
62
60
  className: "side-nav__list-link--wrapper"
63
61
  }, /*#__PURE__*/_react["default"].createElement("div", {
64
62
  className: "side-nav__list-link--label"
65
- }, capitalise(name)), /*#__PURE__*/_react["default"].createElement("div", {
63
+ }, capitalise(label) || capitalise(name)), /*#__PURE__*/_react["default"].createElement("div", {
66
64
  className: "side-nav__list-link--toggleCollapseIcon",
67
65
  role: "button"
68
66
  }, /*#__PURE__*/_react["default"].createElement(CollapseIcon, null)))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -71,12 +69,12 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
71
69
  }
72
70
  if (label && items && Object.keys(items).length > 0) {
73
71
  return /*#__PURE__*/_react["default"].createElement("li", {
74
- className: modifier
72
+ className: "side-nav__list--item"
75
73
  }, children);
76
74
  }
77
75
  if (label && items && Object.keys(items).length === 0) {
78
76
  return /*#__PURE__*/_react["default"].createElement("li", {
79
- className: modifier
77
+ className: "side-nav__list--item"
80
78
  }, /*#__PURE__*/_react["default"].createElement("button", {
81
79
  type: "button",
82
80
  className: "side-nav__list-link",
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSectionCollapsible.js","names":["_react","_interopRequireWildcard","require","_ChevronDown","_interopRequireDefault","_ChevronUp","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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","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 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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"}
1
+ {"version":3,"file":"MenuSectionCollapsible.js","names":["_react","_interopRequireWildcard","require","_ChevronDown","_interopRequireDefault","_ChevronUp","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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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"}
@@ -21,14 +21,12 @@ const MenuSectionCollapsible = ({
21
21
  const handleClick = () => {
22
22
  setCollapsed(!collapsed);
23
23
  };
24
- const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
25
- const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
26
24
  if (name) {
27
25
  return /*#__PURE__*/React.createElement("li", {
28
- className: modifier
26
+ className: "side-nav__list--item"
29
27
  }, /*#__PURE__*/React.createElement("button", {
30
28
  type: "button",
31
- className: buttonModifier,
29
+ className: "side-nav__list-link",
32
30
  onClick: handleClick
33
31
  }, /*#__PURE__*/React.createElement("div", {
34
32
  className: "side-nav__list-link--icon"
@@ -39,7 +37,7 @@ const MenuSectionCollapsible = ({
39
37
  className: "side-nav__list-link--wrapper"
40
38
  }, /*#__PURE__*/React.createElement("div", {
41
39
  className: "side-nav__list-link--label"
42
- }, capitalise(name)), /*#__PURE__*/React.createElement("div", {
40
+ }, capitalise(label) || capitalise(name)), /*#__PURE__*/React.createElement("div", {
43
41
  className: "side-nav__list-link--toggleCollapseIcon",
44
42
  role: "button"
45
43
  }, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
@@ -48,12 +46,12 @@ const MenuSectionCollapsible = ({
48
46
  }
49
47
  if (label && items && Object.keys(items).length > 0) {
50
48
  return /*#__PURE__*/React.createElement("li", {
51
- className: modifier
49
+ className: "side-nav__list--item"
52
50
  }, children);
53
51
  }
54
52
  if (label && items && Object.keys(items).length === 0) {
55
53
  return /*#__PURE__*/React.createElement("li", {
56
- className: modifier
54
+ className: "side-nav__list--item"
57
55
  }, /*#__PURE__*/React.createElement("button", {
58
56
  type: "button",
59
57
  className: "side-nav__list-link",
@@ -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","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":"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,GACvCT,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACY,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN7B,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;MAACK,IAAI,EAAC;IAAQ,gBACpE9B,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,IAAIc,MAAM,CAACC,IAAI,CAACf,KAAK,CAAC,CAACgB,MAAM,GAAG,CAAC,EAAE;IACnD,oBAAOjC,KAAA,CAAAqB,aAAA;MAAII,SAAS,EAAEF;IAAS,GAAEX,QAAa,CAAC;EACjD;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIc,MAAM,CAACC,IAAI,CAACf,KAAK,CAAC,CAACgB,MAAM,KAAK,CAAC,EAAE;IACrD,oBACEjC,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,GACvCT,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACY,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN7B,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":"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,IAAIR,IAAI,EAAE;IACR,oBACEV,KAAA,CAAAqB,aAAA;MAAIE,SAAS,EAAC;IAAsB,gBAClCvB,KAAA,CAAAqB,aAAA;MAAQG,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,EAAEH;IAAY,gBACzEtB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA2B,GACvCP,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACU,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN3B,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA8B,gBAC3CvB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA4B,GACxCnB,UAAU,CAACS,KAAK,CAAC,IAAIT,UAAU,CAACM,IAAI,CAClC,CAAC,eACNV,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC,yCAAyC;MAACK,IAAI,EAAC;IAAQ,gBACpE5B,KAAA,CAAAqB,aAAA,CAACD,YAAY,MAAE,CACZ,CACF,CACC,CAAC,eACTpB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA+B,GAAEL,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;MAAIE,SAAS,EAAC;IAAsB,GAAEX,QAAa,CAAC;EAC7D;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIY,MAAM,CAACC,IAAI,CAACb,KAAK,CAAC,CAACc,MAAM,KAAK,CAAC,EAAE;IACrD,oBACE/B,KAAA,CAAAqB,aAAA;MAAIE,SAAS,EAAC;IAAsB,gBAClCvB,KAAA,CAAAqB,aAAA;MAAQG,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,EAAEH;IAAY,gBACzEtB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA2B,GACvCP,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACU,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN3B,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAAsB,GAAEV,KAAW,CAC5C,CACN,CAAC;EAET;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeJ,sBAAsB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/plugin-admin-core-ui",
3
- "version": "0.139.0",
3
+ "version": "0.139.1-alpha.0",
4
4
  "description": "Blaze plugin admin core ui",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "license": "GPL-3.0",
29
29
  "dependencies": {
30
- "@blaze-cms/admin-ui-styles": "^0.139.0",
30
+ "@blaze-cms/admin-ui-styles": "0.139.1-alpha.0",
31
31
  "@blaze-cms/admin-ui-utils": "^0.139.0",
32
32
  "@blaze-cms/core-ui": "^0.139.0",
33
33
  "@blaze-cms/plugin-search-ui": "^0.139.0",
@@ -47,7 +47,7 @@
47
47
  "react-router-dom": "^5.0.1"
48
48
  },
49
49
  "devDependencies": {
50
- "@blaze-cms/plugin-auth-ui": "^0.139.0",
50
+ "@blaze-cms/plugin-auth-ui": "0.139.1-alpha.0",
51
51
  "lodash.merge": "^4.6.2",
52
52
  "waait": "1.0.5"
53
53
  },
@@ -55,5 +55,5 @@
55
55
  "lib/*",
56
56
  "lib-es/*"
57
57
  ],
58
- "gitHead": "46e367b8a46748bb6b2b1a129f1ec511381c2d56"
58
+ "gitHead": "d31f49b1c9609bd8ef1f34b8b4f533295b0a440f"
59
59
  }
@@ -17,19 +17,17 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
17
17
  setCollapsed(!collapsed);
18
18
  };
19
19
 
20
- const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
21
-
22
- const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
23
-
24
20
  if (name) {
25
21
  return (
26
- <li className={modifier}>
27
- <button type="button" className={buttonModifier} onClick={handleClick}>
22
+ <li className="side-nav__list--item">
23
+ <button type="button" className="side-nav__list-link" onClick={handleClick}>
28
24
  <div className="side-nav__list-link--icon">
29
25
  {MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}
30
26
  </div>
31
27
  <div className="side-nav__list-link--wrapper">
32
- <div className="side-nav__list-link--label">{capitalise(name)}</div>
28
+ <div className="side-nav__list-link--label">
29
+ {capitalise(label) || capitalise(name)}
30
+ </div>
33
31
  <div className="side-nav__list-link--toggleCollapseIcon" role="button">
34
32
  <CollapseIcon />
35
33
  </div>
@@ -41,12 +39,12 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
41
39
  }
42
40
 
43
41
  if (label && items && Object.keys(items).length > 0) {
44
- return <li className={modifier}>{children}</li>;
42
+ return <li className="side-nav__list--item">{children}</li>;
45
43
  }
46
44
 
47
45
  if (label && items && Object.keys(items).length === 0) {
48
46
  return (
49
- <li className={modifier}>
47
+ <li className="side-nav__list--item">
50
48
  <button type="button" className="side-nav__list-link" onClick={handleClick}>
51
49
  <div className="side-nav__list-link--icon">
52
50
  {MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}