@blaze-cms/plugin-admin-core-ui 0.139.0-core-styles.2 → 0.139.0-core-styles.4
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 +8 -0
- package/lib/components/Menu/Icons/ChevronDown.js +7 -3
- package/lib/components/Menu/Icons/ChevronDown.js.map +1 -1
- package/lib/components/Menu/Icons/ChevronUp.js +7 -3
- package/lib/components/Menu/Icons/ChevronUp.js.map +1 -1
- package/lib/components/Menu/Items/MenuActionItem.js +4 -1
- package/lib/components/Menu/Items/MenuActionItem.js.map +1 -1
- package/lib/components/Menu/Items/MenuLinkItem.js +4 -1
- package/lib/components/Menu/Items/MenuLinkItem.js.map +1 -1
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +8 -2
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +1 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +6 -3
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +1 -1
- package/lib-es/components/Menu/Icons/ChevronUp.js +6 -3
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +1 -1
- package/lib-es/components/Menu/Items/MenuActionItem.js +4 -1
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +1 -1
- package/lib-es/components/Menu/Items/MenuLinkItem.js +4 -1
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +1 -1
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +8 -2
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +1 -1
- package/package.json +4 -4
- package/src/components/Menu/Icons/ChevronDown.js +3 -3
- package/src/components/Menu/Icons/ChevronUp.js +3 -3
- package/src/components/Menu/Items/MenuActionItem.js +1 -1
- package/src/components/Menu/Items/MenuLinkItem.js +1 -1
- package/src/components/Menu/Section/MenuSectionCollapsible.js +6 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.0-core-styles.4](https://github.com/thebyte9/blaze/compare/v0.139.0-core-styles.3...v0.139.0-core-styles.4) (2024-01-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [0.139.0-core-styles.2](https://github.com/thebyte9/blaze/compare/v0.139.0-core-styles.1...v0.139.0-core-styles.2) (2024-01-09)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
@@ -7,14 +7,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var ChevronDown = function ChevronDown() {
|
|
10
|
+
var ChevronDown = function ChevronDown(_ref) {
|
|
11
|
+
var _ref$width = _ref.width,
|
|
12
|
+
width = _ref$width === void 0 ? '18px' : _ref$width,
|
|
13
|
+
_ref$height = _ref.height,
|
|
14
|
+
height = _ref$height === void 0 ? '18px' : _ref$height;
|
|
11
15
|
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
12
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13
17
|
fill: "none",
|
|
14
18
|
viewBox: "0 0 24 24",
|
|
15
19
|
strokeWidth: 1.5,
|
|
16
|
-
width:
|
|
17
|
-
height:
|
|
20
|
+
width: width,
|
|
21
|
+
height: height,
|
|
18
22
|
stroke: "currentColor"
|
|
19
23
|
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
20
24
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","
|
|
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"}
|
|
@@ -7,14 +7,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var ChevronUp = function ChevronUp() {
|
|
10
|
+
var ChevronUp = function ChevronUp(_ref) {
|
|
11
|
+
var _ref$width = _ref.width,
|
|
12
|
+
width = _ref$width === void 0 ? '18px' : _ref$width,
|
|
13
|
+
_ref$height = _ref.height,
|
|
14
|
+
height = _ref$height === void 0 ? '18px' : _ref$height;
|
|
11
15
|
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
12
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13
17
|
fill: "none",
|
|
14
18
|
viewBox: "0 0 22 22",
|
|
15
19
|
strokeWidth: 1.5,
|
|
16
|
-
width:
|
|
17
|
-
height:
|
|
20
|
+
width: width,
|
|
21
|
+
height: height,
|
|
18
22
|
stroke: "currentColor"
|
|
19
23
|
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
20
24
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronUp.js","names":["_react","_interopRequireDefault","require","ChevronUp","
|
|
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"}
|
|
@@ -28,7 +28,10 @@ var MenuActionItem = function MenuActionItem(_ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
30
|
className: "side-nav__list-link--icon"
|
|
31
|
-
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon,
|
|
31
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
|
|
32
|
+
width: "20px",
|
|
33
|
+
height: "20px"
|
|
34
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
35
|
className: "side-nav__list-label"
|
|
33
36
|
}, label)));
|
|
34
37
|
};
|
|
@@ -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,
|
|
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"}
|
|
@@ -27,7 +27,10 @@ var MenuLinkItem = function MenuLinkItem(_ref) {
|
|
|
27
27
|
className: "side-nav__list-link ".concat(modifier, " ").concat(activeModifier)
|
|
28
28
|
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
29
|
className: "side-nav__list-link--icon"
|
|
30
|
-
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon,
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
|
|
31
|
+
width: "20px",
|
|
32
|
+
height: "20px"
|
|
33
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
34
|
className: "side-nav__list-link--label"
|
|
32
35
|
}, label)));
|
|
33
36
|
};
|
|
@@ -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,
|
|
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"}
|
|
@@ -55,7 +55,10 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
|
|
|
55
55
|
onClick: handleClick
|
|
56
56
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
57
|
className: "side-nav__list-link--icon"
|
|
58
|
-
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon,
|
|
58
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
|
|
59
|
+
width: "20px",
|
|
60
|
+
height: "20px"
|
|
61
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
62
|
className: "side-nav__list-link--wrapper"
|
|
60
63
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
64
|
className: "side-nav__list-link--label"
|
|
@@ -80,7 +83,10 @@ var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
|
|
|
80
83
|
onClick: handleClick
|
|
81
84
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
82
85
|
className: "side-nav__list-link--icon"
|
|
83
|
-
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon,
|
|
86
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, {
|
|
87
|
+
width: "20px",
|
|
88
|
+
height: "20px"
|
|
89
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
90
|
className: "side-nav__list-label"
|
|
85
91
|
}, label)));
|
|
86
92
|
}
|
|
@@ -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\"
|
|
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","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,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
const ChevronDown = (
|
|
2
|
+
const ChevronDown = ({
|
|
3
|
+
width = '18px',
|
|
4
|
+
height = '18px'
|
|
5
|
+
}) => /*#__PURE__*/React.createElement("svg", {
|
|
3
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
7
|
fill: "none",
|
|
5
8
|
viewBox: "0 0 24 24",
|
|
6
9
|
strokeWidth: 1.5,
|
|
7
|
-
width:
|
|
8
|
-
height:
|
|
10
|
+
width: width,
|
|
11
|
+
height: height,
|
|
9
12
|
stroke: "currentColor"
|
|
10
13
|
}, /*#__PURE__*/React.createElement("path", {
|
|
11
14
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronDown.js","names":["React","ChevronDown","
|
|
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"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
const ChevronUp = (
|
|
2
|
+
const ChevronUp = ({
|
|
3
|
+
width = '18px',
|
|
4
|
+
height = '18px'
|
|
5
|
+
}) => /*#__PURE__*/React.createElement("svg", {
|
|
3
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
7
|
fill: "none",
|
|
5
8
|
viewBox: "0 0 22 22",
|
|
6
9
|
strokeWidth: 1.5,
|
|
7
|
-
width:
|
|
8
|
-
height:
|
|
10
|
+
width: width,
|
|
11
|
+
height: height,
|
|
9
12
|
stroke: "currentColor"
|
|
10
13
|
}, /*#__PURE__*/React.createElement("path", {
|
|
11
14
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","
|
|
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"}
|
|
@@ -23,7 +23,10 @@ const MenuActionItem = ({
|
|
|
23
23
|
}
|
|
24
24
|
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
25
25
|
className: "side-nav__list-link--icon"
|
|
26
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon,
|
|
26
|
+
}, /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
27
|
+
width: "20px",
|
|
28
|
+
height: "20px"
|
|
29
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
27
30
|
className: "side-nav__list-label"
|
|
28
31
|
}, label)));
|
|
29
32
|
};
|
|
@@ -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,
|
|
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"}
|
|
@@ -20,7 +20,10 @@ const MenuLinkItem = ({
|
|
|
20
20
|
className: `side-nav__list-link ${modifier} ${activeModifier}`
|
|
21
21
|
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
22
22
|
className: "side-nav__list-link--icon"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon,
|
|
23
|
+
}, /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
24
|
+
width: "20px",
|
|
25
|
+
height: "20px"
|
|
26
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
24
27
|
className: "side-nav__list-link--label"
|
|
25
28
|
}, label)));
|
|
26
29
|
};
|
|
@@ -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,
|
|
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"}
|
|
@@ -32,7 +32,10 @@ const MenuSectionCollapsible = ({
|
|
|
32
32
|
onClick: handleClick
|
|
33
33
|
}, /*#__PURE__*/React.createElement("div", {
|
|
34
34
|
className: "side-nav__list-link--icon"
|
|
35
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon,
|
|
35
|
+
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
36
|
+
width: "20px",
|
|
37
|
+
height: "20px"
|
|
38
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
36
39
|
className: "side-nav__list-link--wrapper"
|
|
37
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
38
41
|
className: "side-nav__list-link--label"
|
|
@@ -57,7 +60,10 @@ const MenuSectionCollapsible = ({
|
|
|
57
60
|
onClick: handleClick
|
|
58
61
|
}, /*#__PURE__*/React.createElement("div", {
|
|
59
62
|
className: "side-nav__list-link--icon"
|
|
60
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon,
|
|
63
|
+
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
64
|
+
width: "20px",
|
|
65
|
+
height: "20px"
|
|
66
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
61
67
|
className: "side-nav__list-label"
|
|
62
68
|
}, label)));
|
|
63
69
|
}
|
|
@@ -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\"
|
|
1
|
+
{"version":3,"file":"MenuSectionCollapsible.js","names":["React","useState","ChevronDown","ChevronUp","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","name","item","children","label","loadOpen","icon","MenuSectionIcon","items","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","modifier","buttonModifier","className","type","onClick","width","height","role","Object","keys","length"],"sources":["../../../../src/components/Menu/Section/MenuSectionCollapsible.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nconst capitalise = s => {\n if (typeof s !== 'string') return '';\n return s.charAt(0).toUpperCase() + s.slice(1);\n};\n\nconst MenuSectionCollapsible = ({ name, item, children }) => {\n const { label, loadOpen, icon: MenuSectionIcon, items } = item;\n const [collapsed, setCollapsed] = useState(!loadOpen);\n\n const CollapseIcon = () => (collapsed ? <ChevronDown /> : <ChevronUp />);\n\n const handleClick = () => {\n setCollapsed(!collapsed);\n };\n\n const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';\n\n const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';\n\n if (name) {\n return (\n <li className={modifier}>\n <button type=\"button\" className={buttonModifier} onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">\n {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n </div>\n <div className=\"side-nav__list-link--wrapper\">\n <div className=\"side-nav__list-link--label\">{capitalise(name)}</div>\n <div className=\"side-nav__list-link--toggleCollapseIcon\" role=\"button\">\n <CollapseIcon />\n </div>\n </div>\n </button>\n <div className=\"side-nav__list-link--children\">{collapsed ? null : children}</div>\n </li>\n );\n }\n\n if (label && items && Object.keys(items).length > 0) {\n return <li className={modifier}>{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className={modifier}>\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">\n {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n </div>\n <div className=\"side-nav__list-label\">{label}</div>\n </button>\n </li>\n );\n }\n\n return null;\n};\n\nexport default MenuSectionCollapsible;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.139.0-core-styles.
|
|
3
|
+
"version": "0.139.0-core-styles.4",
|
|
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-core-styles.
|
|
30
|
+
"@blaze-cms/admin-ui-styles": "0.139.0-core-styles.4",
|
|
31
31
|
"@blaze-cms/admin-ui-utils": "0.139.0-core-styles.0",
|
|
32
32
|
"@blaze-cms/core-ui": "0.139.0-core-styles.0",
|
|
33
33
|
"@blaze-cms/plugin-search-ui": "0.139.0-core-styles.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-core-styles.
|
|
50
|
+
"@blaze-cms/plugin-auth-ui": "0.139.0-core-styles.4",
|
|
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": "
|
|
58
|
+
"gitHead": "ceeece3bb9a727b2aebccddcb8c94175666e3cf6"
|
|
59
59
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
const ChevronDown = () => (
|
|
3
|
+
const ChevronDown = ({ width = '18px', height = '18px' }) => (
|
|
4
4
|
<svg
|
|
5
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
6
|
fill="none"
|
|
7
7
|
viewBox="0 0 24 24"
|
|
8
8
|
strokeWidth={1.5}
|
|
9
|
-
width=
|
|
10
|
-
height=
|
|
9
|
+
width={width}
|
|
10
|
+
height={height}
|
|
11
11
|
stroke="currentColor">
|
|
12
12
|
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
|
|
13
13
|
</svg>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
const ChevronUp = () => (
|
|
3
|
+
const ChevronUp = ({ width = '18px', height = '18px' }) => (
|
|
4
4
|
<svg
|
|
5
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
6
|
fill="none"
|
|
7
7
|
viewBox="0 0 22 22"
|
|
8
8
|
strokeWidth={1.5}
|
|
9
|
-
width=
|
|
10
|
-
height=
|
|
9
|
+
width={width}
|
|
10
|
+
height={height}
|
|
11
11
|
stroke="currentColor">
|
|
12
12
|
<path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
|
|
13
13
|
</svg>
|
|
@@ -18,7 +18,7 @@ const MenuActionItem = ({ item }) => {
|
|
|
18
18
|
}}>
|
|
19
19
|
{MenuSectionIcon && (
|
|
20
20
|
<div className="side-nav__list-link--icon">
|
|
21
|
-
<MenuSectionIcon />
|
|
21
|
+
<MenuSectionIcon width="20px" height="20px" />
|
|
22
22
|
</div>
|
|
23
23
|
)}
|
|
24
24
|
<div className="side-nav__list-label">{label}</div>
|
|
@@ -13,7 +13,7 @@ const MenuLinkItem = ({ item, isActive, root = true }) => {
|
|
|
13
13
|
<Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>
|
|
14
14
|
{MenuSectionIcon && (
|
|
15
15
|
<div className="side-nav__list-link--icon">
|
|
16
|
-
<MenuSectionIcon />
|
|
16
|
+
<MenuSectionIcon width="20px" height="20px" />
|
|
17
17
|
</div>
|
|
18
18
|
)}
|
|
19
19
|
<div className="side-nav__list-link--label">{label}</div>
|
|
@@ -25,7 +25,9 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
|
|
|
25
25
|
return (
|
|
26
26
|
<li className={modifier}>
|
|
27
27
|
<button type="button" className={buttonModifier} onClick={handleClick}>
|
|
28
|
-
<div className="side-nav__list-link--icon">
|
|
28
|
+
<div className="side-nav__list-link--icon">
|
|
29
|
+
{MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}
|
|
30
|
+
</div>
|
|
29
31
|
<div className="side-nav__list-link--wrapper">
|
|
30
32
|
<div className="side-nav__list-link--label">{capitalise(name)}</div>
|
|
31
33
|
<div className="side-nav__list-link--toggleCollapseIcon" role="button">
|
|
@@ -46,7 +48,9 @@ const MenuSectionCollapsible = ({ name, item, children }) => {
|
|
|
46
48
|
return (
|
|
47
49
|
<li className={modifier}>
|
|
48
50
|
<button type="button" className="side-nav__list-link" onClick={handleClick}>
|
|
49
|
-
<div className="side-nav__list-link--icon">
|
|
51
|
+
<div className="side-nav__list-link--icon">
|
|
52
|
+
{MenuSectionIcon && <MenuSectionIcon width="20px" height="20px" />}
|
|
53
|
+
</div>
|
|
50
54
|
<div className="side-nav__list-label">{label}</div>
|
|
51
55
|
</button>
|
|
52
56
|
</li>
|