@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.
Files changed (104) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/README.md +97 -0
  3. package/lib/components/Header/Header.js +3 -3
  4. package/lib/components/Header/Header.js.map +1 -1
  5. package/lib/components/Layout/Background.js +26 -0
  6. package/lib/components/Layout/Background.js.map +1 -0
  7. package/lib/components/Layout/Layout.js +10 -6
  8. package/lib/components/Layout/Layout.js.map +1 -1
  9. package/lib/components/Layout/components/Grid/Grid.js +10 -86
  10. package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
  11. package/lib/components/Menu/Icons/ChevronDown.js +27 -0
  12. package/lib/components/Menu/Icons/ChevronDown.js.map +1 -0
  13. package/lib/components/Menu/Icons/ChevronUp.js +27 -0
  14. package/lib/components/Menu/Icons/ChevronUp.js.map +1 -0
  15. package/lib/components/Menu/Items/MenuActionItem.js +37 -0
  16. package/lib/components/Menu/Items/MenuActionItem.js.map +1 -0
  17. package/lib/components/Menu/Items/MenuItem.js +73 -0
  18. package/lib/components/Menu/Items/MenuItem.js.map +1 -0
  19. package/lib/components/Menu/Items/MenuLinkItem.js +36 -0
  20. package/lib/components/Menu/Items/MenuLinkItem.js.map +1 -0
  21. package/lib/components/Menu/Menu.js +86 -0
  22. package/lib/components/Menu/Menu.js.map +1 -0
  23. package/lib/components/Menu/Section/MenuSection.js +28 -0
  24. package/lib/components/Menu/Section/MenuSection.js.map +1 -0
  25. package/lib/components/Menu/Section/MenuSectionCollapsible.js +91 -0
  26. package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
  27. package/lib/components/Menu/Section/MenuSectionItem.js +40 -0
  28. package/lib/components/Menu/Section/MenuSectionItem.js.map +1 -0
  29. package/lib/components/Menu/Section/MenuSectionItems.js +33 -0
  30. package/lib/components/Menu/Section/MenuSectionItems.js.map +1 -0
  31. package/lib/components/Menu/index.js +12 -0
  32. package/lib/components/Menu/index.js.map +1 -0
  33. package/lib/components/SideBar/SideBar.js +4 -19
  34. package/lib/components/SideBar/SideBar.js.map +1 -1
  35. package/lib/constants.js +1 -1
  36. package/lib/constants.js.map +1 -1
  37. package/lib/containers/Home/Home.js +1 -1
  38. package/lib/containers/Home/Home.js.map +1 -1
  39. package/lib/index.js +13 -9
  40. package/lib/index.js.map +1 -1
  41. package/lib/utils/menu-handler-singleton.js +114 -0
  42. package/lib/utils/menu-handler-singleton.js.map +1 -0
  43. package/lib-es/components/Header/Header.js +3 -3
  44. package/lib-es/components/Header/Header.js.map +1 -1
  45. package/lib-es/components/Layout/Background.js +16 -0
  46. package/lib-es/components/Layout/Background.js.map +1 -0
  47. package/lib-es/components/Layout/Layout.js +10 -6
  48. package/lib-es/components/Layout/Layout.js.map +1 -1
  49. package/lib-es/components/Layout/components/Grid/Grid.js +14 -52
  50. package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
  51. package/lib-es/components/Menu/Icons/ChevronDown.js +16 -0
  52. package/lib-es/components/Menu/Icons/ChevronDown.js.map +1 -0
  53. package/lib-es/components/Menu/Icons/ChevronUp.js +16 -0
  54. package/lib-es/components/Menu/Icons/ChevronUp.js.map +1 -0
  55. package/lib-es/components/Menu/Items/MenuActionItem.js +31 -0
  56. package/lib-es/components/Menu/Items/MenuActionItem.js.map +1 -0
  57. package/lib-es/components/Menu/Items/MenuItem.js +64 -0
  58. package/lib-es/components/Menu/Items/MenuItem.js.map +1 -0
  59. package/lib-es/components/Menu/Items/MenuLinkItem.js +28 -0
  60. package/lib-es/components/Menu/Items/MenuLinkItem.js.map +1 -0
  61. package/lib-es/components/Menu/Menu.js +40 -0
  62. package/lib-es/components/Menu/Menu.js.map +1 -0
  63. package/lib-es/components/Menu/Section/MenuSection.js +18 -0
  64. package/lib-es/components/Menu/Section/MenuSection.js.map +1 -0
  65. package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +67 -0
  66. package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
  67. package/lib-es/components/Menu/Section/MenuSectionItem.js +30 -0
  68. package/lib-es/components/Menu/Section/MenuSectionItem.js.map +1 -0
  69. package/lib-es/components/Menu/Section/MenuSectionItems.js +20 -0
  70. package/lib-es/components/Menu/Section/MenuSectionItems.js.map +1 -0
  71. package/lib-es/components/Menu/index.js +3 -0
  72. package/lib-es/components/Menu/index.js.map +1 -0
  73. package/lib-es/components/SideBar/SideBar.js +3 -12
  74. package/lib-es/components/SideBar/SideBar.js.map +1 -1
  75. package/lib-es/constants.js +1 -1
  76. package/lib-es/constants.js.map +1 -1
  77. package/lib-es/containers/Home/Home.js +1 -1
  78. package/lib-es/containers/Home/Home.js.map +1 -1
  79. package/lib-es/index.js +9 -9
  80. package/lib-es/index.js.map +1 -1
  81. package/lib-es/utils/menu-handler-singleton.js +55 -0
  82. package/lib-es/utils/menu-handler-singleton.js.map +1 -0
  83. package/package.json +9 -8
  84. package/src/components/Header/Header.js +9 -7
  85. package/src/components/Layout/Background.js +16 -0
  86. package/src/components/Layout/Layout.js +23 -8
  87. package/src/components/Layout/bg.svg +22 -0
  88. package/src/components/Layout/components/Grid/Grid.js +13 -52
  89. package/src/components/Menu/Icons/ChevronDown.js +16 -0
  90. package/src/components/Menu/Icons/ChevronUp.js +16 -0
  91. package/src/components/Menu/Items/MenuActionItem.js +30 -0
  92. package/src/components/Menu/Items/MenuItem.js +49 -0
  93. package/src/components/Menu/Items/MenuLinkItem.js +25 -0
  94. package/src/components/Menu/Menu.js +48 -0
  95. package/src/components/Menu/Section/MenuSection.js +16 -0
  96. package/src/components/Menu/Section/MenuSectionCollapsible.js +59 -0
  97. package/src/components/Menu/Section/MenuSectionItem.js +28 -0
  98. package/src/components/Menu/Section/MenuSectionItems.js +17 -0
  99. package/src/components/Menu/index.js +3 -0
  100. package/src/components/SideBar/SideBar.js +5 -9
  101. package/src/constants.js +3 -1
  102. package/src/containers/Home/Home.js +1 -1
  103. package/src/index.js +7 -6
  104. 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 _components = require("./components");
18
+ var _Menu = _interopRequireDefault(require("../Menu"));
23
19
  var SideBar = function SideBar(_ref) {
24
- var menuItems = _ref.menuItems,
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(_reactRouterDom.Link, {
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
- }, menuItems.length ? menuItems.map(function (_ref2) {
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","_reactRouterDom","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_components","SideBar","_ref","menuItems","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","id","onClick","Link","to","length","map","_ref2","_ref3","_slicedToArray2","data","SideBlock","_extends2","key","header","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","array","isRequired","bool","func","object","_default","exports"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\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 { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, 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 {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\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 menuItems: PropTypes.array.isRequired,\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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"}
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-85-30.png'
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 = {
@@ -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 = { src: 'https://images.thisisblaze.com/logo-85-30.png' };\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;EAAEC,GAAG,EAAE;AAAgD,CAAC;AAACF,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAE5E,IAAME,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACL,OAAA,CAAAG,aAAA,GAAAA,aAAA;AAEF,IAAMG,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACL,OAAA,CAAAM,YAAA,GAAAA,YAAA;AAEF,IAAMC,SAAS,GAAG,MAAM;AAACP,OAAA,CAAAO,SAAA,GAAAA,SAAA"}
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, "Home");
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>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,cAAK,MAAS,CAAC;AAAA;AAElCD,IAAI,CAACE,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEXH,IAAI;AAAAI,OAAA,cAAAD,QAAA"}
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"}