@blaze-cms/plugin-admin-core-ui 0.133.0 → 0.134.0-project-admin-customisations.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 +37 -0
- package/README.md +97 -0
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Layout/Background.js +26 -0
- package/lib/components/Layout/Background.js.map +1 -0
- package/lib/components/Layout/Layout.js +10 -6
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +10 -86
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/Menu/Icons/ChevronDown.js +27 -0
- package/lib/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib/components/Menu/Icons/ChevronUp.js +27 -0
- package/lib/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib/components/Menu/Items/MenuActionItem.js +37 -0
- package/lib/components/Menu/Items/MenuActionItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuItem.js +73 -0
- package/lib/components/Menu/Items/MenuItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuLinkItem.js +36 -0
- package/lib/components/Menu/Items/MenuLinkItem.js.map +1 -0
- package/lib/components/Menu/Menu.js +86 -0
- package/lib/components/Menu/Menu.js.map +1 -0
- package/lib/components/Menu/Section/MenuSection.js +28 -0
- package/lib/components/Menu/Section/MenuSection.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +91 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItem.js +40 -0
- package/lib/components/Menu/Section/MenuSectionItem.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItems.js +33 -0
- package/lib/components/Menu/Section/MenuSectionItems.js.map +1 -0
- package/lib/components/Menu/index.js +12 -0
- package/lib/components/Menu/index.js.map +1 -0
- package/lib/components/SideBar/SideBar.js +4 -19
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/containers/Home/Home.js +1 -1
- package/lib/containers/Home/Home.js.map +1 -1
- package/lib/index.js +13 -9
- package/lib/index.js.map +1 -1
- package/lib/utils/menu-handler-singleton.js +114 -0
- package/lib/utils/menu-handler-singleton.js.map +1 -0
- package/lib-es/components/Header/Header.js +3 -3
- package/lib-es/components/Header/Header.js.map +1 -1
- package/lib-es/components/Layout/Background.js +16 -0
- package/lib-es/components/Layout/Background.js.map +1 -0
- package/lib-es/components/Layout/Layout.js +10 -6
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +14 -52
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +16 -0
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js +16 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuActionItem.js +31 -0
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuItem.js +64 -0
- package/lib-es/components/Menu/Items/MenuItem.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuLinkItem.js +28 -0
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +1 -0
- package/lib-es/components/Menu/Menu.js +40 -0
- package/lib-es/components/Menu/Menu.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSection.js +18 -0
- package/lib-es/components/Menu/Section/MenuSection.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +67 -0
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionItem.js +30 -0
- package/lib-es/components/Menu/Section/MenuSectionItem.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionItems.js +20 -0
- package/lib-es/components/Menu/Section/MenuSectionItems.js.map +1 -0
- package/lib-es/components/Menu/index.js +3 -0
- package/lib-es/components/Menu/index.js.map +1 -0
- package/lib-es/components/SideBar/SideBar.js +3 -12
- package/lib-es/components/SideBar/SideBar.js.map +1 -1
- package/lib-es/constants.js +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/containers/Home/Home.js +1 -1
- package/lib-es/containers/Home/Home.js.map +1 -1
- package/lib-es/index.js +9 -9
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/menu-handler-singleton.js +55 -0
- package/lib-es/utils/menu-handler-singleton.js.map +1 -0
- package/package.json +9 -8
- package/src/components/Header/Header.js +9 -7
- package/src/components/Layout/Background.js +16 -0
- package/src/components/Layout/Layout.js +23 -8
- package/src/components/Layout/bg.svg +22 -0
- package/src/components/Layout/components/Grid/Grid.js +13 -52
- package/src/components/Menu/Icons/ChevronDown.js +16 -0
- package/src/components/Menu/Icons/ChevronUp.js +16 -0
- package/src/components/Menu/Items/MenuActionItem.js +30 -0
- package/src/components/Menu/Items/MenuItem.js +49 -0
- package/src/components/Menu/Items/MenuLinkItem.js +25 -0
- package/src/components/Menu/Menu.js +48 -0
- package/src/components/Menu/Section/MenuSection.js +16 -0
- package/src/components/Menu/Section/MenuSectionCollapsible.js +59 -0
- package/src/components/Menu/Section/MenuSectionItem.js +28 -0
- package/src/components/Menu/Section/MenuSectionItems.js +17 -0
- package/src/components/Menu/index.js +3 -0
- package/src/components/SideBar/SideBar.js +5 -9
- package/src/constants.js +3 -1
- package/src/containers/Home/Home.js +1 -1
- package/src/index.js +7 -6
- package/src/utils/menu-handler-singleton.js +64 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.object.values.js");
|
|
10
|
+
require("core-js/modules/es.array.map.js");
|
|
11
|
+
require("core-js/modules/es.object.keys.js");
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
var _reactRouterDom = require("react-router-dom");
|
|
14
|
+
var _MenuLinkItem = _interopRequireDefault(require("./MenuLinkItem"));
|
|
15
|
+
var MenuItem = function MenuItem(_ref) {
|
|
16
|
+
var item = _ref.item,
|
|
17
|
+
RenderItems = _ref.RenderItems;
|
|
18
|
+
var location = (0, _reactRouterDom.useLocation)();
|
|
19
|
+
var label = item.label,
|
|
20
|
+
items = item.items,
|
|
21
|
+
uri = item.uri;
|
|
22
|
+
if (label && uri) {
|
|
23
|
+
var isActive = location.pathname === uri;
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
25
|
+
item: item,
|
|
26
|
+
isActive: isActive,
|
|
27
|
+
root: true
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
if (label && items && Object.values(items).length > 0) {
|
|
31
|
+
var childrenMenu = Object.keys(items).map(function (key) {
|
|
32
|
+
return items[key];
|
|
33
|
+
});
|
|
34
|
+
var childrenComponents = childrenMenu.map(function (child) {
|
|
35
|
+
var childLabel = child.label,
|
|
36
|
+
childUri = child.uri;
|
|
37
|
+
var isActive = location.pathname === childUri;
|
|
38
|
+
if (childLabel && childUri) {
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
40
|
+
item: child,
|
|
41
|
+
isActive: isActive,
|
|
42
|
+
root: false
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
return null;
|
|
46
|
+
});
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement(RenderItems, {
|
|
48
|
+
item: item
|
|
49
|
+
}, childrenComponents);
|
|
50
|
+
}
|
|
51
|
+
if (!label && items) {
|
|
52
|
+
var _childrenMenu = Object.keys(items).map(function (key) {
|
|
53
|
+
return items[key];
|
|
54
|
+
});
|
|
55
|
+
return _childrenMenu.map(function (child) {
|
|
56
|
+
var childLabel = child.label,
|
|
57
|
+
childUri = child.uri;
|
|
58
|
+
var isActive = location.pathname === childUri;
|
|
59
|
+
if (childLabel && childUri) {
|
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
61
|
+
item: child,
|
|
62
|
+
isActive: isActive,
|
|
63
|
+
root: true
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return null;
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return null;
|
|
70
|
+
};
|
|
71
|
+
var _default = MenuItem;
|
|
72
|
+
exports["default"] = _default;
|
|
73
|
+
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_MenuLinkItem","MenuItem","_ref","item","RenderItems","location","useLocation","label","items","uri","isActive","pathname","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuItem.js"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport MenuLinkItem from './MenuLinkItem';\n\nconst MenuItem = ({ item, RenderItems }) => {\n const location = useLocation();\n const { label, items, uri } = item;\n\n if (label && uri) {\n const isActive = location.pathname === uri;\n return <MenuLinkItem item={item} isActive={isActive} root />;\n }\n\n if (label && items && Object.values(items).length > 0) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n const childrenComponents = childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\n }\n\n return null;\n });\n\n return <RenderItems item={item}>{childrenComponents}</RenderItems>;\n }\n\n if (!label && items) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n return childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root />;\n }\n\n return null;\n });\n }\n\n return null;\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACnC,IAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAC9B,IAAQC,KAAK,GAAiBJ,IAAI,CAA1BI,KAAK;IAAEC,KAAK,GAAUL,IAAI,CAAnBK,KAAK;IAAEC,GAAG,GAAKN,IAAI,CAAZM,GAAG;EAEzB,IAAIF,KAAK,IAAIE,GAAG,EAAE;IAChB,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKF,GAAG;IAC1C,oBAAOb,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;MAACG,IAAI,EAAEA,IAAK;MAACO,QAAQ,EAAEA,QAAS;MAACG,IAAI;IAAA,CAAE,CAAC;EAC9D;EAEA,IAAIN,KAAK,IAAIC,KAAK,IAAIM,MAAM,CAACC,MAAM,CAACP,KAAK,CAAC,CAACQ,MAAM,GAAG,CAAC,EAAE;IACrD,IAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIZ,KAAK,CAACY,GAAG,CAAC;IAAA,EAAC;IAE9D,IAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MACnD,IAAeC,UAAU,GAAoBD,KAAK,CAA1Cf,KAAK;QAAmBiB,QAAQ,GAAKF,KAAK,CAAvBb,GAAG;MAC9B,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO5B,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;UAACG,IAAI,EAAEmB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI,EAAE;QAAM,CAAE,CAAC;MACvE;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOjB,MAAA,YAAAgB,aAAA,CAACR,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEkB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACd,KAAK,IAAIC,KAAK,EAAE;IACnB,IAAMS,aAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIZ,KAAK,CAACY,GAAG,CAAC;IAAA,EAAC;IAE9D,OAAOH,aAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MAC/B,IAAeC,UAAU,GAAoBD,KAAK,CAA1Cf,KAAK;QAAmBiB,QAAQ,GAAKF,KAAK,CAAvBb,GAAG;MAC9B,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO5B,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;UAACG,IAAI,EAAEmB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI;QAAA,CAAE,CAAC;MAC/D;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAY,QAAA,GAEaxB,QAAQ;AAAAyB,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.array.concat.js");
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _reactRouterDom = require("react-router-dom");
|
|
12
|
+
var MenuLinkItem = function MenuLinkItem(_ref) {
|
|
13
|
+
var item = _ref.item,
|
|
14
|
+
isActive = _ref.isActive,
|
|
15
|
+
_ref$root = _ref.root,
|
|
16
|
+
root = _ref$root === void 0 ? true : _ref$root;
|
|
17
|
+
var label = item.label,
|
|
18
|
+
MenuSectionIcon = item.icon,
|
|
19
|
+
uri = item.uri;
|
|
20
|
+
var modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
21
|
+
var activeModifier = isActive ? 'side-nav__list-link--active' : '';
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
23
|
+
className: "side-nav__list--item",
|
|
24
|
+
key: item.label
|
|
25
|
+
}, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
26
|
+
to: uri,
|
|
27
|
+
className: "side-nav__list-link ".concat(modifier, " ").concat(activeModifier)
|
|
28
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
|
+
className: "side-nav__list-link--icon"
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
+
className: "side-nav__list-link--label"
|
|
32
|
+
}, label)));
|
|
33
|
+
};
|
|
34
|
+
var _default = MenuLinkItem;
|
|
35
|
+
exports["default"] = _default;
|
|
36
|
+
//# sourceMappingURL=MenuLinkItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLinkItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuLinkItem","_ref","item","isActive","_ref$root","root","label","MenuSectionIcon","icon","uri","modifier","activeModifier","createElement","className","key","Link","to","concat","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuLinkItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuLinkItem = ({ item, isActive, root = true }) => {\n const { label, icon: MenuSectionIcon, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n const activeModifier = isActive ? 'side-nav__list-link--active' : '';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-link--label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuLinkItem;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACjD,IAAQE,KAAK,GAAiCJ,IAAI,CAA1CI,KAAK;IAAQC,eAAe,GAAUL,IAAI,CAAnCM,IAAI;IAAmBC,GAAG,GAAKP,IAAI,CAAZO,GAAG;EAEzC,IAAMC,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,IAAMI,cAAc,GAAGR,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEP,MAAA,YAAAgB,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEZ,IAAI,CAACI;EAAM,gBACnDV,MAAA,YAAAgB,aAAA,CAACb,eAAA,CAAAgB,IAAI;IAACC,EAAE,EAAEP,GAAI;IAACI,SAAS,yBAAAI,MAAA,CAAyBP,QAAQ,OAAAO,MAAA,CAAIN,cAAc;EAAG,GAC3EJ,eAAe,iBACdX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCjB,MAAA,YAAAgB,aAAA,CAACL,eAAe,MAAE,CACf,CACN,eACDX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAEalB,YAAY;AAAAmB,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.string.iterator.js");
|
|
5
|
+
require("core-js/modules/es.weak-map.js");
|
|
6
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
7
|
+
require("core-js/modules/es.object.define-property.js");
|
|
8
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
10
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
11
|
+
Object.defineProperty(exports, "__esModule", {
|
|
12
|
+
value: true
|
|
13
|
+
});
|
|
14
|
+
exports["default"] = void 0;
|
|
15
|
+
require("core-js/modules/es.array.map.js");
|
|
16
|
+
require("core-js/modules/es.array.is-array.js");
|
|
17
|
+
require("core-js/modules/es.array.filter.js");
|
|
18
|
+
require("core-js/modules/es.object.to-string.js");
|
|
19
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
20
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
21
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
22
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
24
|
+
var _menuHandlerSingleton = _interopRequireDefault(require("../../utils/menu-handler-singleton"));
|
|
25
|
+
var _MenuSection = _interopRequireDefault(require("./Section/MenuSection"));
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
|
+
var Menu = function Menu(_ref) {
|
|
29
|
+
var children = _ref.children;
|
|
30
|
+
var _useState = (0, _react.useState)(),
|
|
31
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
|
+
config = _useState2[0],
|
|
33
|
+
setConfig = _useState2[1];
|
|
34
|
+
(0, _react.useEffect)(function () {
|
|
35
|
+
var loadConfig = /*#__PURE__*/function () {
|
|
36
|
+
var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
37
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
38
|
+
while (1) switch (_context.prev = _context.next) {
|
|
39
|
+
case 0:
|
|
40
|
+
_context.next = 2;
|
|
41
|
+
return _menuHandlerSingleton["default"].loadConfig();
|
|
42
|
+
case 2:
|
|
43
|
+
case "end":
|
|
44
|
+
return _context.stop();
|
|
45
|
+
}
|
|
46
|
+
}, _callee);
|
|
47
|
+
}));
|
|
48
|
+
return function loadConfig() {
|
|
49
|
+
return _ref2.apply(this, arguments);
|
|
50
|
+
};
|
|
51
|
+
}();
|
|
52
|
+
loadConfig().then(function () {
|
|
53
|
+
return setConfig(_menuHandlerSingleton["default"].getAll());
|
|
54
|
+
});
|
|
55
|
+
}, []);
|
|
56
|
+
var MenuSections = function MenuSections() {
|
|
57
|
+
if (!config) return null;
|
|
58
|
+
return config.map(function (sections) {
|
|
59
|
+
if (!sections || !Array.isArray(sections) || !sections.length) {
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
var menuSections = sections.filter(function (section) {
|
|
63
|
+
return section.items;
|
|
64
|
+
});
|
|
65
|
+
return menuSections.map(function (menuSection) {
|
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuSection["default"], {
|
|
67
|
+
items: menuSection
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
|
+
className: "side-nav__block"
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
75
|
+
className: "side-nav__list"
|
|
76
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSections, null)));
|
|
77
|
+
};
|
|
78
|
+
Menu.propTypes = {
|
|
79
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
|
|
80
|
+
};
|
|
81
|
+
Menu.defaultProps = {
|
|
82
|
+
children: null
|
|
83
|
+
};
|
|
84
|
+
var _default = Menu;
|
|
85
|
+
exports["default"] = _default;
|
|
86
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_menuHandlerSingleton","_MenuSection","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Menu","_ref","children","_useState","useState","_useState2","_slicedToArray2","config","setConfig","useEffect","loadConfig","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","menuHandler","stop","apply","arguments","then","getAll","MenuSections","map","sections","Array","isArray","length","menuSections","filter","section","items","menuSection","createElement","className","propTypes","PropTypes","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport menuHandler from '../../utils/menu-handler-singleton';\nimport MenuSection from './Section/MenuSection';\n\nconst Menu = ({ children }) => {\n const [config, setConfig] = useState();\n\n useEffect(() => {\n const loadConfig = async () => {\n await menuHandler.loadConfig();\n };\n\n loadConfig().then(() => setConfig(menuHandler.getAll()));\n }, []);\n\n const MenuSections = () => {\n if (!config) return null;\n\n return config.map(sections => {\n if (!sections || !Array.isArray(sections) || !sections.length) {\n return null;\n }\n\n const menuSections = sections.filter(section => section.items);\n\n return menuSections.map(menuSection => <MenuSection items={menuSection} />);\n });\n };\n\n return (\n <div className=\"side-nav__block\">\n <ul className=\"side-nav__list\">\n <MenuSections />\n </ul>\n </div>\n );\n};\n\nMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n children: null\n};\n\nexport default Menu;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _MenuSectionItems = _interopRequireDefault(require("./MenuSectionItems"));
|
|
12
|
+
var MenuSection = function MenuSection(_ref) {
|
|
13
|
+
var items = _ref.items,
|
|
14
|
+
children = _ref.children;
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuSectionItems["default"], {
|
|
16
|
+
sectionItems: items
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
MenuSection.propTypes = {
|
|
20
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
21
|
+
items: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
22
|
+
};
|
|
23
|
+
MenuSection.defaultProps = {
|
|
24
|
+
children: null
|
|
25
|
+
};
|
|
26
|
+
var _default = MenuSection;
|
|
27
|
+
exports["default"] = _default;
|
|
28
|
+
//# sourceMappingURL=MenuSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSection.js","names":["_propTypes","_interopRequireDefault","require","_react","_MenuSectionItems","MenuSection","_ref","items","children","createElement","sectionItems","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","defaultProps","_default","exports"],"sources":["../../../../src/components/Menu/Section/MenuSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport MenuSectionItems from './MenuSectionItems';\n\nconst MenuSection = ({ items, children }) => <MenuSectionItems sectionItems={items} />;\n\nMenuSection.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nMenuSection.defaultProps = {\n children: null\n};\n\nexport default MenuSection;\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAAOL,MAAA,YAAAM,aAAA,CAACL,iBAAA,WAAgB;IAACM,YAAY,EAAEH;EAAM,CAAE,CAAC;AAAA;AAEtFF,WAAW,CAACM,SAAS,GAAG;EACtBH,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC;EAClFR,KAAK,EAAEK,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AAClF,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBT,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAU,QAAA,GAEab,WAAW;AAAAc,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.object.to-string.js");
|
|
5
|
+
require("core-js/modules/es.string.iterator.js");
|
|
6
|
+
require("core-js/modules/es.weak-map.js");
|
|
7
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
|
+
require("core-js/modules/es.object.define-property.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
|
+
Object.defineProperty(exports, "__esModule", {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
15
|
+
exports["default"] = void 0;
|
|
16
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
+
require("core-js/modules/es.array.slice.js");
|
|
18
|
+
require("core-js/modules/es.function.name.js");
|
|
19
|
+
require("core-js/modules/es.object.keys.js");
|
|
20
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
+
var _ChevronDown = _interopRequireDefault(require("../Icons/ChevronDown"));
|
|
22
|
+
var _ChevronUp = _interopRequireDefault(require("../Icons/ChevronUp"));
|
|
23
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
var capitalise = function capitalise(s) {
|
|
26
|
+
if (typeof s !== 'string') return '';
|
|
27
|
+
return s.charAt(0).toUpperCase() + s.slice(1);
|
|
28
|
+
};
|
|
29
|
+
var MenuSectionCollapsible = function MenuSectionCollapsible(_ref) {
|
|
30
|
+
var name = _ref.name,
|
|
31
|
+
item = _ref.item,
|
|
32
|
+
children = _ref.children;
|
|
33
|
+
var label = item.label,
|
|
34
|
+
loadOpen = item.loadOpen,
|
|
35
|
+
MenuSectionIcon = item.icon,
|
|
36
|
+
items = item.items;
|
|
37
|
+
var _useState = (0, _react.useState)(!loadOpen),
|
|
38
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
39
|
+
collapsed = _useState2[0],
|
|
40
|
+
setCollapsed = _useState2[1];
|
|
41
|
+
var CollapseIcon = function CollapseIcon() {
|
|
42
|
+
return collapsed ? /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], null) : /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], null);
|
|
43
|
+
};
|
|
44
|
+
var handleClick = function handleClick() {
|
|
45
|
+
setCollapsed(!collapsed);
|
|
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
|
+
if (name) {
|
|
50
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
51
|
+
className: modifier
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
53
|
+
type: "button",
|
|
54
|
+
className: buttonModifier,
|
|
55
|
+
onClick: handleClick
|
|
56
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
|
+
className: "side-nav__list-link--icon"
|
|
58
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
|
+
className: "side-nav__list-link--wrapper"
|
|
60
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
+
className: "side-nav__list-link--label"
|
|
62
|
+
}, capitalise(name)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
63
|
+
className: "side-nav__list-link--toggleCollapseIcon",
|
|
64
|
+
role: "button"
|
|
65
|
+
}, /*#__PURE__*/_react["default"].createElement(CollapseIcon, null)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
66
|
+
className: "side-nav__list-link--children"
|
|
67
|
+
}, collapsed ? null : children));
|
|
68
|
+
}
|
|
69
|
+
if (label && items && Object.keys(items).length > 0) {
|
|
70
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
71
|
+
className: modifier
|
|
72
|
+
}, children);
|
|
73
|
+
}
|
|
74
|
+
if (label && items && Object.keys(items).length === 0) {
|
|
75
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
76
|
+
className: modifier
|
|
77
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
78
|
+
type: "button",
|
|
79
|
+
className: "side-nav__list-link",
|
|
80
|
+
onClick: handleClick
|
|
81
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
82
|
+
className: "side-nav__list-link--icon"
|
|
83
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
|
+
className: "side-nav__list-label"
|
|
85
|
+
}, label)));
|
|
86
|
+
}
|
|
87
|
+
return null;
|
|
88
|
+
};
|
|
89
|
+
var _default = MenuSectionCollapsible;
|
|
90
|
+
exports["default"] = _default;
|
|
91
|
+
//# sourceMappingURL=MenuSectionCollapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSectionCollapsible.js","names":["_react","_interopRequireWildcard","require","_ChevronDown","_interopRequireDefault","_ChevronUp","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","_ref","name","item","children","label","loadOpen","MenuSectionIcon","icon","items","_useState","useState","_useState2","_slicedToArray2","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","modifier","buttonModifier","className","type","onClick","role","keys","length","_default","exports"],"sources":["../../../../src/components/Menu/Section/MenuSectionCollapsible.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nconst capitalise = s => {\n if (typeof s !== 'string') return '';\n return s.charAt(0).toUpperCase() + s.slice(1);\n};\n\nconst MenuSectionCollapsible = ({ name, item, children }) => {\n const { label, loadOpen, icon: MenuSectionIcon, items } = item;\n const [collapsed, setCollapsed] = useState(!loadOpen);\n\n const CollapseIcon = () => (collapsed ? <ChevronDown /> : <ChevronUp />);\n\n const handleClick = () => {\n setCollapsed(!collapsed);\n };\n\n const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';\n\n const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';\n\n if (name) {\n return (\n <li className={modifier}>\n <button type=\"button\" className={buttonModifier} onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n <div className=\"side-nav__list-link--wrapper\">\n <div className=\"side-nav__list-link--label\">{capitalise(name)}</div>\n <div className=\"side-nav__list-link--toggleCollapseIcon\" role=\"button\">\n <CollapseIcon />\n </div>\n </div>\n </button>\n <div className=\"side-nav__list-link--children\">{collapsed ? null : children}</div>\n </li>\n );\n }\n\n if (label && items && Object.keys(items).length > 0) {\n return <li className={modifier}>{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className={modifier}>\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n <div className=\"side-nav__list-label\">{label}</div>\n </button>\n </li>\n );\n }\n\n return null;\n};\n\nexport default MenuSectionCollapsible;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.function.name.js");
|
|
10
|
+
require("core-js/modules/es.object.values.js");
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _MenuItem = _interopRequireDefault(require("../Items/MenuItem"));
|
|
14
|
+
var _MenuSectionCollapsible = _interopRequireDefault(require("./MenuSectionCollapsible"));
|
|
15
|
+
var MenuSectionItem = function MenuSectionItem(_ref) {
|
|
16
|
+
var name = _ref.name,
|
|
17
|
+
item = _ref.item;
|
|
18
|
+
if (!item) return null;
|
|
19
|
+
if (item.uri) {
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
21
|
+
item: item,
|
|
22
|
+
RenderItems: _MenuSectionCollapsible["default"]
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
if (Object.values(item.items).length === 0) return null;
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuSectionCollapsible["default"], {
|
|
27
|
+
name: name,
|
|
28
|
+
item: item
|
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
30
|
+
item: item,
|
|
31
|
+
RenderItems: _MenuSectionCollapsible["default"]
|
|
32
|
+
}));
|
|
33
|
+
};
|
|
34
|
+
var _default = MenuSectionItem;
|
|
35
|
+
exports["default"] = _default;
|
|
36
|
+
MenuSectionItem.propTypes = {
|
|
37
|
+
name: _propTypes["default"].string.isRequired,
|
|
38
|
+
item: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node, _propTypes["default"].object]).isRequired
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=MenuSectionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSectionItem.js","names":["_react","_interopRequireDefault","require","_propTypes","_MenuItem","_MenuSectionCollapsible","MenuSectionItem","_ref","name","item","uri","createElement","RenderItems","MenuSectionCollapsible","Object","values","items","length","_default","exports","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","object"],"sources":["../../../../src/components/Menu/Section/MenuSectionItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuItem from '../Items/MenuItem';\nimport MenuSectionCollapsible from './MenuSectionCollapsible';\n\nconst MenuSectionItem = ({ name, item }) => {\n if (!item) return null;\n\n if (item.uri) {\n return <MenuItem item={item} RenderItems={MenuSectionCollapsible} />;\n }\n\n if (Object.values(item.items).length === 0) return null;\n\n return (\n <MenuSectionCollapsible name={name} item={item}>\n <MenuItem item={item} RenderItems={MenuSectionCollapsible} />\n </MenuSectionCollapsible>\n );\n};\n\nexport default MenuSectionItem;\n\nMenuSectionItem.propTypes = {\n name: PropTypes.string.isRequired,\n item: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.object])\n .isRequired\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,uBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAuB;EAAA,IAAjBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EACnC,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EAEtB,IAAIA,IAAI,CAACC,GAAG,EAAE;IACZ,oBAAOV,MAAA,YAAAW,aAAA,CAACP,SAAA,WAAQ;MAACK,IAAI,EAAEA,IAAK;MAACG,WAAW,EAAEC;IAAuB,CAAE,CAAC;EACtE;EAEA,IAAIC,MAAM,CAACC,MAAM,CAACN,IAAI,CAACO,KAAK,CAAC,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEvD,oBACEjB,MAAA,YAAAW,aAAA,CAACN,uBAAA,WAAsB;IAACG,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,gBAC7CT,MAAA,YAAAW,aAAA,CAACP,SAAA,WAAQ;IAACK,IAAI,EAAEA,IAAK;IAACG,WAAW,EAAEC;EAAuB,CAAE,CACtC,CAAC;AAE7B,CAAC;AAAC,IAAAK,QAAA,GAEaZ,eAAe;AAAAa,OAAA,cAAAD,QAAA;AAE9BZ,eAAe,CAACc,SAAS,GAAG;EAC1BZ,IAAI,EAAEa,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCd,IAAI,EAAEY,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,EAAEL,qBAAS,CAACM,MAAM,CAAC,CAAC,CAC7FJ;AACL,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.array.sort.js");
|
|
10
|
+
require("core-js/modules/es.object.entries.js");
|
|
11
|
+
require("core-js/modules/es.array.map.js");
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
+
var _MenuSectionItem = _interopRequireDefault(require("./MenuSectionItem"));
|
|
15
|
+
var MenuSectionItems = function MenuSectionItems(_ref) {
|
|
16
|
+
var sectionItems = _ref.sectionItems;
|
|
17
|
+
var items = sectionItems.items;
|
|
18
|
+
var menuSections = Object.entries(items).sort(function (a, b) {
|
|
19
|
+
return a[1].order - b[1].order;
|
|
20
|
+
});
|
|
21
|
+
return menuSections.map(function (menuItem) {
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuSectionItem["default"], {
|
|
23
|
+
name: menuItem[0],
|
|
24
|
+
item: menuItem[1]
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var _default = MenuSectionItems;
|
|
29
|
+
exports["default"] = _default;
|
|
30
|
+
MenuSectionItems.propTypes = {
|
|
31
|
+
sectionItems: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=MenuSectionItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSectionItems.js","names":["_react","_interopRequireDefault","require","_propTypes","_MenuSectionItem","MenuSectionItems","_ref","sectionItems","items","menuSections","Object","entries","sort","a","b","order","map","menuItem","createElement","name","item","_default","exports","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/Menu/Section/MenuSectionItems.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuSectionItem from './MenuSectionItem';\n\nconst MenuSectionItems = ({ sectionItems }) => {\n const { items } = sectionItems;\n\n const menuSections = Object.entries(items).sort((a, b) => a[1].order - b[1].order);\n\n return menuSections.map(menuItem => <MenuSectionItem name={menuItem[0]} item={menuItem[1]} />);\n};\n\nexport default MenuSectionItems;\n\nMenuSectionItems.propTypes = {\n sectionItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAyB;EAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;EACtC,IAAQC,KAAK,GAAKD,YAAY,CAAtBC,KAAK;EAEb,IAAMC,YAAY,GAAGC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAAKD,CAAC,CAAC,CAAC,CAAC,CAACE,KAAK,GAAGD,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK;EAAA,EAAC;EAElF,OAAON,YAAY,CAACO,GAAG,CAAC,UAAAC,QAAQ;IAAA,oBAAIjB,MAAA,YAAAkB,aAAA,CAACd,gBAAA,WAAe;MAACe,IAAI,EAAEF,QAAQ,CAAC,CAAC,CAAE;MAACG,IAAI,EAAEH,QAAQ,CAAC,CAAC;IAAE,CAAE,CAAC;EAAA,EAAC;AAChG,CAAC;AAAC,IAAAI,QAAA,GAEahB,gBAAgB;AAAAiB,OAAA,cAAAD,QAAA;AAE/BhB,gBAAgB,CAACkB,SAAS,GAAG;EAC3BhB,YAAY,EAAEiB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AACzF,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
10
|
+
var _default = _Menu["default"];
|
|
11
|
+
exports["default"] = _default;
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Menu","_interopRequireDefault","require","_default","Menu","exports"],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,QAAA,GAEXC,gBAAI;AAAAC,OAAA,cAAAF,QAAA"}
|
|
@@ -8,21 +8,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
11
|
require("core-js/modules/es.array.concat.js");
|
|
14
|
-
require("core-js/modules/es.array.map.js");
|
|
15
12
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _reactRouterDom = require("react-router-dom");
|
|
17
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
18
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
15
|
var _client = require("@apollo/client");
|
|
20
16
|
var _avatar = _interopRequireDefault(require("@blaze-react/avatar"));
|
|
21
17
|
var _coreAuthUi = require("@blaze-cms/core-auth-ui");
|
|
22
|
-
var
|
|
18
|
+
var _Menu = _interopRequireDefault(require("../Menu"));
|
|
23
19
|
var SideBar = function SideBar(_ref) {
|
|
24
|
-
var
|
|
25
|
-
isOpenMenu = _ref.isOpenMenu,
|
|
20
|
+
var isOpenMenu = _ref.isOpenMenu,
|
|
26
21
|
onMenuClick = _ref.onMenuClick,
|
|
27
22
|
userData = _ref.userData;
|
|
28
23
|
var client = (0, _client.useApolloClient)();
|
|
@@ -46,20 +41,11 @@ var SideBar = function SideBar(_ref) {
|
|
|
46
41
|
onClick: onMenuClick
|
|
47
42
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
48
43
|
className: "material-icons"
|
|
49
|
-
}, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement(
|
|
50
|
-
to: "/",
|
|
51
|
-
className: "side-nav__block-home"
|
|
52
|
-
}, "Dashboard"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
|
+
}, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
45
|
className: sideNavWrapperClassname,
|
|
54
46
|
"data-testid": "sidenav",
|
|
55
47
|
id: "side-nav__wrapper"
|
|
56
|
-
},
|
|
57
|
-
var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
58
|
-
data = _ref3[1];
|
|
59
|
-
return /*#__PURE__*/_react["default"].createElement(_components.SideBlock, (0, _extends2["default"])({
|
|
60
|
-
key: data.header
|
|
61
|
-
}, data));
|
|
62
|
-
}) : 'Not available content types'), /*#__PURE__*/_react["default"].createElement("div", {
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement(_Menu["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
63
49
|
className: "side-nav__user"
|
|
64
50
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
65
51
|
className: "side-nav__user--info"
|
|
@@ -92,7 +78,6 @@ var SideBar = function SideBar(_ref) {
|
|
|
92
78
|
}, "Log off")));
|
|
93
79
|
};
|
|
94
80
|
SideBar.propTypes = {
|
|
95
|
-
menuItems: _propTypes["default"].array.isRequired,
|
|
96
81
|
isOpenMenu: _propTypes["default"].bool.isRequired,
|
|
97
82
|
onMenuClick: _propTypes["default"].func.isRequired,
|
|
98
83
|
userData: _propTypes["default"].object.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_Menu","SideBar","_ref","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","id","onClick","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","bool","isRequired","func","object","_default","exports"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n {/* <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link> */}\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n <Menu />\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":"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"}
|
package/lib/constants.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.PLUGIN_NAME = exports.LOGO_PROPS = exports.DOWN_ICON = exports.DEFAULT_L
|
|
|
8
8
|
var PLUGIN_NAME = 'admin-core-ui';
|
|
9
9
|
exports.PLUGIN_NAME = PLUGIN_NAME;
|
|
10
10
|
var LOGO_PROPS = {
|
|
11
|
-
src: 'https://images.thisisblaze.com/logo-
|
|
11
|
+
src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'
|
|
12
12
|
};
|
|
13
13
|
exports.LOGO_PROPS = LOGO_PROPS;
|
|
14
14
|
var DEFAULT_LABEL = {
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,eAAe;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AACpC,IAAME,UAAU,GAAG;EACjBC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,yBAAyB,IAAI;AAChD,CAAC;AAACL,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEF,IAAMK,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACR,OAAA,CAAAM,aAAA,GAAAA,aAAA;AAEF,IAAMG,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACR,OAAA,CAAAS,YAAA,GAAAA,YAAA;AAEF,IAAMC,SAAS,GAAG,MAAM;AAACV,OAAA,CAAAU,SAAA,GAAAA,SAAA"}
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var Home = function Home() {
|
|
11
|
-
return /*#__PURE__*/_react["default"].createElement("div", null
|
|
11
|
+
return /*#__PURE__*/_react["default"].createElement("div", null);
|
|
12
12
|
};
|
|
13
13
|
Home.displayName = 'Home';
|
|
14
14
|
var _default = Home;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Home.js","names":["_react","_interopRequireDefault","require","Home","createElement","displayName","_default","exports"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div
|
|
1
|
+
{"version":3,"file":"Home.js","names":["_react","_interopRequireDefault","require","Home","createElement","displayName","_default","exports"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div />;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAA;EAAA,oBAASH,MAAA,YAAAI,aAAA,YAAM,CAAC;AAAA;AAE1BD,IAAI,CAACE,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEXH,IAAI;AAAAI,OAAA,cAAAD,QAAA"}
|