@blaze-cms/plugin-admin-core-ui 0.133.0-project-admin-customisations.0 → 0.133.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 +4 -25
- package/README.md +0 -97
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Layout/Layout.js +6 -10
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +86 -10
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/SideBar/SideBar.js +19 -4
- 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 +9 -13
- package/lib/index.js.map +1 -1
- package/lib-es/components/Header/Header.js +3 -3
- package/lib-es/components/Header/Header.js.map +1 -1
- package/lib-es/components/Layout/Layout.js +6 -10
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +52 -14
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/SideBar/SideBar.js +12 -3
- 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/package.json +8 -9
- package/src/components/Header/Header.js +7 -9
- package/src/components/Layout/Layout.js +8 -23
- package/src/components/Layout/components/Grid/Grid.js +52 -13
- package/src/components/SideBar/SideBar.js +9 -5
- package/src/constants.js +1 -3
- package/src/containers/Home/Home.js +1 -1
- package/src/index.js +6 -7
- package/lib/components/Layout/Background.js +0 -26
- package/lib/components/Layout/Background.js.map +0 -1
- package/lib/components/Menu/Icons/ChevronDown.js +0 -27
- package/lib/components/Menu/Icons/ChevronDown.js.map +0 -1
- package/lib/components/Menu/Icons/ChevronUp.js +0 -27
- package/lib/components/Menu/Icons/ChevronUp.js.map +0 -1
- package/lib/components/Menu/Items/MenuActionItem.js +0 -37
- package/lib/components/Menu/Items/MenuActionItem.js.map +0 -1
- package/lib/components/Menu/Items/MenuItem.js +0 -73
- package/lib/components/Menu/Items/MenuItem.js.map +0 -1
- package/lib/components/Menu/Items/MenuLinkItem.js +0 -36
- package/lib/components/Menu/Items/MenuLinkItem.js.map +0 -1
- package/lib/components/Menu/Menu.js +0 -86
- package/lib/components/Menu/Menu.js.map +0 -1
- package/lib/components/Menu/Section/MenuSection.js +0 -28
- package/lib/components/Menu/Section/MenuSection.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +0 -91
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionItem.js +0 -40
- package/lib/components/Menu/Section/MenuSectionItem.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionItems.js +0 -33
- package/lib/components/Menu/Section/MenuSectionItems.js.map +0 -1
- package/lib/components/Menu/index.js +0 -12
- package/lib/components/Menu/index.js.map +0 -1
- package/lib/utils/menu-handler-singleton.js +0 -114
- package/lib/utils/menu-handler-singleton.js.map +0 -1
- package/lib-es/components/Layout/Background.js +0 -16
- package/lib-es/components/Layout/Background.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +0 -16
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronUp.js +0 -16
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuActionItem.js +0 -31
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuItem.js +0 -64
- package/lib-es/components/Menu/Items/MenuItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuLinkItem.js +0 -28
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +0 -1
- package/lib-es/components/Menu/Menu.js +0 -40
- package/lib-es/components/Menu/Menu.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSection.js +0 -18
- package/lib-es/components/Menu/Section/MenuSection.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +0 -67
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItem.js +0 -30
- package/lib-es/components/Menu/Section/MenuSectionItem.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItems.js +0 -20
- package/lib-es/components/Menu/Section/MenuSectionItems.js.map +0 -1
- package/lib-es/components/Menu/index.js +0 -3
- package/lib-es/components/Menu/index.js.map +0 -1
- package/lib-es/utils/menu-handler-singleton.js +0 -55
- package/lib-es/utils/menu-handler-singleton.js.map +0 -1
- package/src/components/Layout/Background.js +0 -16
- package/src/components/Layout/bg.svg +0 -22
- package/src/components/Menu/Icons/ChevronDown.js +0 -16
- package/src/components/Menu/Icons/ChevronUp.js +0 -16
- package/src/components/Menu/Items/MenuActionItem.js +0 -30
- package/src/components/Menu/Items/MenuItem.js +0 -49
- package/src/components/Menu/Items/MenuLinkItem.js +0 -25
- package/src/components/Menu/Menu.js +0 -48
- package/src/components/Menu/Section/MenuSection.js +0 -16
- package/src/components/Menu/Section/MenuSectionCollapsible.js +0 -59
- package/src/components/Menu/Section/MenuSectionItem.js +0 -28
- package/src/components/Menu/Section/MenuSectionItems.js +0 -17
- package/src/components/Menu/index.js +0 -3
- package/src/utils/menu-handler-singleton.js +0 -64
|
@@ -1,40 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,114 +0,0 @@
|
|
|
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"] = exports.MenuHandler = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
require("core-js/modules/es.array.iterator.js");
|
|
11
|
-
require("core-js/modules/es.map.js");
|
|
12
|
-
require("core-js/modules/es.object.to-string.js");
|
|
13
|
-
require("core-js/modules/es.string.iterator.js");
|
|
14
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
15
|
-
require("core-js/modules/es.array.sort.js");
|
|
16
|
-
require("core-js/modules/es.object.entries.js");
|
|
17
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
18
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
var _lodash = _interopRequireDefault(require("lodash.merge"));
|
|
22
|
-
var instance;
|
|
23
|
-
var MenuHandler = /*#__PURE__*/function () {
|
|
24
|
-
function MenuHandler(app) {
|
|
25
|
-
(0, _classCallCheck2["default"])(this, MenuHandler);
|
|
26
|
-
(0, _defineProperty2["default"])(this, "menuSections", new Map());
|
|
27
|
-
(0, _defineProperty2["default"])(this, "menuConfig", void 0);
|
|
28
|
-
(0, _defineProperty2["default"])(this, "app", void 0);
|
|
29
|
-
if (instance) {
|
|
30
|
-
throw new Error('You can only create one instance!');
|
|
31
|
-
}
|
|
32
|
-
instance = this;
|
|
33
|
-
this.menuConfig = {};
|
|
34
|
-
this.app = null;
|
|
35
|
-
}
|
|
36
|
-
(0, _createClass2["default"])(MenuHandler, [{
|
|
37
|
-
key: "setApp",
|
|
38
|
-
value: function setApp(app) {
|
|
39
|
-
this.app = app;
|
|
40
|
-
}
|
|
41
|
-
}, {
|
|
42
|
-
key: "app",
|
|
43
|
-
get: function get() {
|
|
44
|
-
return this.app;
|
|
45
|
-
}
|
|
46
|
-
}, {
|
|
47
|
-
key: "menuConfig",
|
|
48
|
-
get: function get() {
|
|
49
|
-
return this.menuConfig;
|
|
50
|
-
}
|
|
51
|
-
}, {
|
|
52
|
-
key: "addConfig",
|
|
53
|
-
value: function addConfig(newConfig) {
|
|
54
|
-
this.menuConfig = (0, _lodash["default"])(this.menuConfig, newConfig);
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
key: "loadConfig",
|
|
58
|
-
value: function () {
|
|
59
|
-
var _loadConfig = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
60
|
-
var _this = this;
|
|
61
|
-
var addConfig, menuConfig;
|
|
62
|
-
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
63
|
-
while (1) switch (_context.prev = _context.next) {
|
|
64
|
-
case 0:
|
|
65
|
-
addConfig = function addConfig(newConfig) {
|
|
66
|
-
_this.addConfig(newConfig);
|
|
67
|
-
};
|
|
68
|
-
menuConfig = this.menuConfig;
|
|
69
|
-
if (!(this.app && this.app.events)) {
|
|
70
|
-
_context.next = 7;
|
|
71
|
-
break;
|
|
72
|
-
}
|
|
73
|
-
_context.next = 5;
|
|
74
|
-
return this.app.events.emitAsync('admin:menu:config:load', {
|
|
75
|
-
addConfig: addConfig
|
|
76
|
-
});
|
|
77
|
-
case 5:
|
|
78
|
-
_context.next = 7;
|
|
79
|
-
return this.app.events.emitAsync('admin:menu:config:load:after', {
|
|
80
|
-
addConfig: addConfig,
|
|
81
|
-
menuConfig: menuConfig
|
|
82
|
-
});
|
|
83
|
-
case 7:
|
|
84
|
-
case "end":
|
|
85
|
-
return _context.stop();
|
|
86
|
-
}
|
|
87
|
-
}, _callee, this);
|
|
88
|
-
}));
|
|
89
|
-
function loadConfig() {
|
|
90
|
-
return _loadConfig.apply(this, arguments);
|
|
91
|
-
}
|
|
92
|
-
return loadConfig;
|
|
93
|
-
}()
|
|
94
|
-
}, {
|
|
95
|
-
key: "getInstance",
|
|
96
|
-
value: function getInstance() {
|
|
97
|
-
return this;
|
|
98
|
-
}
|
|
99
|
-
}, {
|
|
100
|
-
key: "getAll",
|
|
101
|
-
value: function getAll() {
|
|
102
|
-
var sortedByOrder = Object.entries(this.menuConfig).sort(function (a, b) {
|
|
103
|
-
return a.order > b.order ? 1 : -1;
|
|
104
|
-
});
|
|
105
|
-
return sortedByOrder;
|
|
106
|
-
}
|
|
107
|
-
}]);
|
|
108
|
-
return MenuHandler;
|
|
109
|
-
}();
|
|
110
|
-
exports.MenuHandler = MenuHandler;
|
|
111
|
-
var menuHandler = new MenuHandler();
|
|
112
|
-
var _default = menuHandler;
|
|
113
|
-
exports["default"] = _default;
|
|
114
|
-
//# sourceMappingURL=menu-handler-singleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-handler-singleton.js","names":["_lodash","_interopRequireDefault","require","instance","MenuHandler","app","_classCallCheck2","_defineProperty2","Map","Error","menuConfig","_createClass2","key","value","setApp","get","addConfig","newConfig","merge","_loadConfig","_asyncToGenerator2","_regenerator","mark","_callee","_this","wrap","_callee$","_context","prev","next","events","emitAsync","stop","loadConfig","apply","arguments","getInstance","getAll","sortedByOrder","Object","entries","sort","a","b","order","exports","menuHandler","_default"],"sources":["../../src/utils/menu-handler-singleton.js"],"sourcesContent":["import merge from 'lodash.merge';\n\nlet instance;\n\nexport class MenuHandler {\n menuSections = new Map();\n\n menuConfig;\n\n app;\n\n constructor(app) {\n if (instance) {\n throw new Error('You can only create one instance!');\n }\n instance = this;\n this.menuConfig = {};\n this.app = null;\n }\n\n setApp(app) {\n this.app = app;\n }\n\n get app() {\n return this.app;\n }\n\n get menuConfig() {\n return this.menuConfig;\n }\n\n addConfig(newConfig) {\n this.menuConfig = merge(this.menuConfig, newConfig);\n }\n\n async loadConfig() {\n const addConfig = newConfig => {\n this.addConfig(newConfig);\n };\n\n const { menuConfig } = this;\n\n if (this.app && this.app.events) {\n await this.app.events.emitAsync('admin:menu:config:load', { addConfig });\n await this.app.events.emitAsync('admin:menu:config:load:after', { addConfig, menuConfig });\n }\n }\n\n getInstance() {\n return this;\n }\n\n getAll() {\n const sortedByOrder = Object.entries(this.menuConfig).sort(\n (a, b) => (a.order > b.order ? 1 : -1)\n );\n\n return sortedByOrder;\n }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
// import Svg from './bg.svg';
|
|
4
|
-
|
|
5
|
-
const Background = ({
|
|
6
|
-
children
|
|
7
|
-
}) => /*#__PURE__*/React.createElement("div", {
|
|
8
|
-
className: "bg-blue-900 h-full w-full relative"
|
|
9
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
10
|
-
className: "login-container"
|
|
11
|
-
}, children));
|
|
12
|
-
Background.propTypes = {
|
|
13
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
14
|
-
};
|
|
15
|
-
export default Background;
|
|
16
|
-
//# sourceMappingURL=Background.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Background.js","names":["React","PropTypes","Background","children","createElement","className","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n <div className=\"bg-blue-900 h-full w-full relative\">\n {/* <Svg /> */}\n <div className=\"login-container\">{children}</div>\n </div>\n);\n\nBackground.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC;;AAEA,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAS,CAAC,kBAC9BH,KAAA,CAAAI,aAAA;EAAKC,SAAS,EAAC;AAAoC,gBAEjDL,KAAA,CAAAI,aAAA;EAAKC,SAAS,EAAC;AAAiB,GAAEF,QAAc,CAC7C,CACN;AAEDD,UAAU,CAACI,SAAS,GAAG;EACrBH,QAAQ,EAAEF,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,IAAI,CAAC,EAAER,SAAS,CAACQ,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeR,UAAU"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
const ChevronDown = () => /*#__PURE__*/React.createElement("svg", {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
fill: "none",
|
|
5
|
-
viewBox: "0 0 24 24",
|
|
6
|
-
strokeWidth: 1.5,
|
|
7
|
-
width: "20",
|
|
8
|
-
height: "20",
|
|
9
|
-
stroke: "currentColor"
|
|
10
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
11
|
-
strokeLinecap: "round",
|
|
12
|
-
strokeLinejoin: "round",
|
|
13
|
-
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
14
|
-
}));
|
|
15
|
-
export default ChevronDown;
|
|
16
|
-
//# sourceMappingURL=ChevronDown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronDown.js","names":["React","ChevronDown","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n width=\"20\"\n height=\"20\"\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n </svg>\n);\n\nexport default ChevronDown;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,WAAW,GAAGA,CAAA,kBAClBD,KAAA,CAAAE,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAE,aAAA;EAAMQ,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA6B,CAAE,CACjF,CACN;AAED,eAAeX,WAAW"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
const ChevronUp = () => /*#__PURE__*/React.createElement("svg", {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
fill: "none",
|
|
5
|
-
viewBox: "0 0 22 22",
|
|
6
|
-
strokeWidth: 1.5,
|
|
7
|
-
width: "20",
|
|
8
|
-
height: "20",
|
|
9
|
-
stroke: "currentColor"
|
|
10
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
11
|
-
strokeLinecap: "round",
|
|
12
|
-
strokeLinejoin: "round",
|
|
13
|
-
d: "M4.5 15.75l7.5-7.5 7.5 7.5"
|
|
14
|
-
}));
|
|
15
|
-
export default ChevronUp;
|
|
16
|
-
//# sourceMappingURL=ChevronUp.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 22 22\"\n strokeWidth={1.5}\n width=\"20\"\n height=\"20\"\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n </svg>\n);\n\nexport default ChevronUp;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,SAAS,GAAGA,CAAA,kBAChBD,KAAA,CAAAE,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAE,aAAA;EAAMQ,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA4B,CAAE,CAChF,CACN;AAED,eAAeX,SAAS"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
const MenuActionItem = ({
|
|
4
|
-
item
|
|
5
|
-
}) => {
|
|
6
|
-
const {
|
|
7
|
-
label,
|
|
8
|
-
icon: MenuSectionIcon,
|
|
9
|
-
onClick,
|
|
10
|
-
uri
|
|
11
|
-
} = item;
|
|
12
|
-
const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
13
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
14
|
-
className: "side-nav__list--item",
|
|
15
|
-
key: item.label
|
|
16
|
-
}, /*#__PURE__*/React.createElement(Link, {
|
|
17
|
-
to: uri,
|
|
18
|
-
className: `side-nav__list-link ${modifier}`,
|
|
19
|
-
onClick: () => {
|
|
20
|
-
if (onClick) {
|
|
21
|
-
onClick();
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: "side-nav__list-link--icon"
|
|
26
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "side-nav__list-label"
|
|
28
|
-
}, label)));
|
|
29
|
-
};
|
|
30
|
-
export default MenuActionItem;
|
|
31
|
-
//# sourceMappingURL=MenuActionItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuActionItem.js","names":["React","Link","MenuActionItem","item","label","icon","MenuSectionIcon","onClick","uri","modifier","createElement","className","key","to"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link\n to={uri}\n className={`side-nav__list-link ${modifier}`}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuActionItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAE3D,MAAMM,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACEN,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDJ,KAAA,CAAAU,aAAA,CAACT,IAAI;IACHY,EAAE,EAAEL,GAAI;IACRG,SAAS,EAAG,uBAAsBF,QAAS,EAAE;IAC7CF,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIA,OAAO,EAAE;QACXA,OAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDD,eAAe,iBACdN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCX,KAAA,CAAAU,aAAA,CAACJ,eAAe,MAAE,CACf,CACN,eACDN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useLocation } from 'react-router-dom';
|
|
3
|
-
import MenuLinkItem from './MenuLinkItem';
|
|
4
|
-
const MenuItem = ({
|
|
5
|
-
item,
|
|
6
|
-
RenderItems
|
|
7
|
-
}) => {
|
|
8
|
-
const location = useLocation();
|
|
9
|
-
const {
|
|
10
|
-
label,
|
|
11
|
-
items,
|
|
12
|
-
uri
|
|
13
|
-
} = item;
|
|
14
|
-
if (label && uri) {
|
|
15
|
-
const isActive = location.pathname === uri;
|
|
16
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
17
|
-
item: item,
|
|
18
|
-
isActive: isActive,
|
|
19
|
-
root: true
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
if (label && items && Object.values(items).length > 0) {
|
|
23
|
-
const childrenMenu = Object.keys(items).map(key => items[key]);
|
|
24
|
-
const childrenComponents = childrenMenu.map(child => {
|
|
25
|
-
const {
|
|
26
|
-
label: childLabel,
|
|
27
|
-
uri: childUri
|
|
28
|
-
} = child;
|
|
29
|
-
const isActive = location.pathname === childUri;
|
|
30
|
-
if (childLabel && childUri) {
|
|
31
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
32
|
-
item: child,
|
|
33
|
-
isActive: isActive,
|
|
34
|
-
root: false
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
return null;
|
|
38
|
-
});
|
|
39
|
-
return /*#__PURE__*/React.createElement(RenderItems, {
|
|
40
|
-
item: item
|
|
41
|
-
}, childrenComponents);
|
|
42
|
-
}
|
|
43
|
-
if (!label && items) {
|
|
44
|
-
const childrenMenu = Object.keys(items).map(key => items[key]);
|
|
45
|
-
return childrenMenu.map(child => {
|
|
46
|
-
const {
|
|
47
|
-
label: childLabel,
|
|
48
|
-
uri: childUri
|
|
49
|
-
} = child;
|
|
50
|
-
const isActive = location.pathname === childUri;
|
|
51
|
-
if (childLabel && childUri) {
|
|
52
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
53
|
-
item: child,
|
|
54
|
-
isActive: isActive,
|
|
55
|
-
root: true
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
return null;
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
return null;
|
|
62
|
-
};
|
|
63
|
-
export default MenuItem;
|
|
64
|
-
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","names":["React","useLocation","MenuLinkItem","MenuItem","item","RenderItems","location","label","items","uri","isActive","pathname","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri"],"sources":["../../../../src/components/Menu/Items/MenuItem.js"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport MenuLinkItem from './MenuLinkItem';\n\nconst MenuItem = ({ item, RenderItems }) => {\n const location = useLocation();\n const { label, items, uri } = item;\n\n if (label && uri) {\n const isActive = location.pathname === uri;\n return <MenuLinkItem item={item} isActive={isActive} root />;\n }\n\n if (label && items && Object.values(items).length > 0) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n const childrenComponents = childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\n }\n\n return null;\n });\n\n return <RenderItems item={item}>{childrenComponents}</RenderItems>;\n }\n\n if (!label && items) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n return childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root />;\n }\n\n return null;\n });\n }\n\n return null;\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAY,CAAC,KAAK;EAC1C,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEM,KAAK;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAElC,IAAIG,KAAK,IAAIE,GAAG,EAAE;IAChB,MAAMC,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKF,GAAG;IAC1C,oBAAOT,KAAA,CAAAY,aAAA,CAACV,YAAY;MAACE,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAEA,QAAS;MAACG,IAAI;IAAA,CAAE,CAAC;EAC9D;EAEA,IAAIN,KAAK,IAAIC,KAAK,IAAIM,MAAM,CAACC,MAAM,CAACP,KAAK,CAAC,CAACQ,MAAM,GAAG,CAAC,EAAE;IACrD,MAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAACC,GAAG,IAAIZ,KAAK,CAACY,GAAG,CAAC,CAAC;IAE9D,MAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MACnD,MAAM;QAAEf,KAAK,EAAEgB,UAAU;QAAEd,GAAG,EAAEe;MAAS,CAAC,GAAGF,KAAK;MAClD,MAAMZ,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAOxB,KAAA,CAAAY,aAAA,CAACV,YAAY;UAACE,IAAI,EAAEkB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI,EAAE;QAAM,CAAE,CAAC;MACvE;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOb,KAAA,CAAAY,aAAA,CAACP,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEiB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACd,KAAK,IAAIC,KAAK,EAAE;IACnB,MAAMS,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAACC,GAAG,IAAIZ,KAAK,CAACY,GAAG,CAAC,CAAC;IAE9D,OAAOH,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MAC/B,MAAM;QAAEf,KAAK,EAAEgB,UAAU;QAAEd,GAAG,EAAEe;MAAS,CAAC,GAAGF,KAAK;MAClD,MAAMZ,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAOxB,KAAA,CAAAY,aAAA,CAACV,YAAY;UAACE,IAAI,EAAEkB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI;QAAA,CAAE,CAAC;MAC/D;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeV,QAAQ"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
const MenuLinkItem = ({
|
|
4
|
-
item,
|
|
5
|
-
isActive,
|
|
6
|
-
root = true
|
|
7
|
-
}) => {
|
|
8
|
-
const {
|
|
9
|
-
label,
|
|
10
|
-
icon: MenuSectionIcon,
|
|
11
|
-
uri
|
|
12
|
-
} = item;
|
|
13
|
-
const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
14
|
-
const activeModifier = isActive ? 'side-nav__list-link--active' : '';
|
|
15
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
16
|
-
className: "side-nav__list--item",
|
|
17
|
-
key: item.label
|
|
18
|
-
}, /*#__PURE__*/React.createElement(Link, {
|
|
19
|
-
to: uri,
|
|
20
|
-
className: `side-nav__list-link ${modifier} ${activeModifier}`
|
|
21
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: "side-nav__list-link--icon"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
|
|
24
|
-
className: "side-nav__list-link--label"
|
|
25
|
-
}, label)));
|
|
26
|
-
};
|
|
27
|
-
export default MenuLinkItem;
|
|
28
|
-
//# sourceMappingURL=MenuLinkItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuLinkItem.js","names":["React","Link","MenuLinkItem","item","isActive","root","label","icon","MenuSectionIcon","uri","modifier","activeModifier","createElement","className","key","to"],"sources":["../../../../src/components/Menu/Items/MenuLinkItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuLinkItem = ({ item, isActive, root = true }) => {\n const { label, icon: MenuSectionIcon, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n const activeModifier = isActive ? 'side-nav__list-link--active' : '';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-link--label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuLinkItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC;EAAI,CAAC,GAAGN,IAAI;EAElD,MAAMO,QAAQ,GAAGF,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,MAAMG,cAAc,GAAGP,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEJ,KAAA,CAAAY,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEX,IAAI,CAACG;EAAM,gBACnDN,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACc,EAAE,EAAEN,GAAI;IAACI,SAAS,EAAG,uBAAsBH,QAAS,IAAGC,cAAe;EAAE,GAC3EH,eAAe,iBACdR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCb,KAAA,CAAAY,aAAA,CAACJ,eAAe,MAAE,CACf,CACN,eACDR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAED,eAAeJ,YAAY"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import menuHandler from '../../utils/menu-handler-singleton';
|
|
4
|
-
import MenuSection from './Section/MenuSection';
|
|
5
|
-
const Menu = ({
|
|
6
|
-
children
|
|
7
|
-
}) => {
|
|
8
|
-
const [config, setConfig] = useState();
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
const loadConfig = async () => {
|
|
11
|
-
await menuHandler.loadConfig();
|
|
12
|
-
};
|
|
13
|
-
loadConfig().then(() => setConfig(menuHandler.getAll()));
|
|
14
|
-
}, []);
|
|
15
|
-
const MenuSections = () => {
|
|
16
|
-
if (!config) return null;
|
|
17
|
-
return config.map(sections => {
|
|
18
|
-
if (!sections || !Array.isArray(sections) || !sections.length) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
const menuSections = sections.filter(section => section.items);
|
|
22
|
-
return menuSections.map(menuSection => /*#__PURE__*/React.createElement(MenuSection, {
|
|
23
|
-
items: menuSection
|
|
24
|
-
}));
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: "side-nav__block"
|
|
29
|
-
}, /*#__PURE__*/React.createElement("ul", {
|
|
30
|
-
className: "side-nav__list"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(MenuSections, null)));
|
|
32
|
-
};
|
|
33
|
-
Menu.propTypes = {
|
|
34
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
|
|
35
|
-
};
|
|
36
|
-
Menu.defaultProps = {
|
|
37
|
-
children: null
|
|
38
|
-
};
|
|
39
|
-
export default Menu;
|
|
40
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","menuHandler","MenuSection","Menu","children","config","setConfig","loadConfig","then","getAll","MenuSections","map","sections","Array","isArray","length","menuSections","filter","section","items","menuSection","createElement","className","propTypes","oneOfType","arrayOf","node","defaultProps"],"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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,oCAAoC;AAC5D,OAAOC,WAAW,MAAM,uBAAuB;AAE/C,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAEtCC,SAAS,CAAC,MAAM;IACd,MAAMQ,UAAU,GAAG,MAAAA,CAAA,KAAY;MAC7B,MAAMN,WAAW,CAACM,UAAU,CAAC,CAAC;IAChC,CAAC;IAEDA,UAAU,CAAC,CAAC,CAACC,IAAI,CAAC,MAAMF,SAAS,CAACL,WAAW,CAACQ,MAAM,CAAC,CAAC,CAAC,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACL,MAAM,EAAE,OAAO,IAAI;IAExB,OAAOA,MAAM,CAACM,GAAG,CAACC,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAI,CAACA,QAAQ,CAACG,MAAM,EAAE;QAC7D,OAAO,IAAI;MACb;MAEA,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,CAACC,OAAO,IAAIA,OAAO,CAACC,KAAK,CAAC;MAE9D,OAAOH,YAAY,CAACL,GAAG,CAACS,WAAW,iBAAIvB,KAAA,CAAAwB,aAAA,CAACnB,WAAW;QAACiB,KAAK,EAAEC;MAAY,CAAE,CAAC,CAAC;IAC7E,CAAC,CAAC;EACJ,CAAC;EAED,oBACEvB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAiB,gBAC9BzB,KAAA,CAAAwB,aAAA;IAAIC,SAAS,EAAC;EAAgB,gBAC5BzB,KAAA,CAAAwB,aAAA,CAACX,YAAY,MAAE,CACb,CACD,CAAC;AAEV,CAAC;AAEDP,IAAI,CAACoB,SAAS,GAAG;EACfnB,QAAQ,EAAEJ,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,IAAI,CAAC,EAAE1B,SAAS,CAAC0B,IAAI,CAAC;AACnF,CAAC;AAEDvB,IAAI,CAACwB,YAAY,GAAG;EAClBvB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,IAAI"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import PropTypes from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import MenuSectionItems from './MenuSectionItems';
|
|
4
|
-
const MenuSection = ({
|
|
5
|
-
items,
|
|
6
|
-
children
|
|
7
|
-
}) => /*#__PURE__*/React.createElement(MenuSectionItems, {
|
|
8
|
-
sectionItems: items
|
|
9
|
-
});
|
|
10
|
-
MenuSection.propTypes = {
|
|
11
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
12
|
-
items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
13
|
-
};
|
|
14
|
-
MenuSection.defaultProps = {
|
|
15
|
-
children: null
|
|
16
|
-
};
|
|
17
|
-
export default MenuSection;
|
|
18
|
-
//# sourceMappingURL=MenuSection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSection.js","names":["PropTypes","React","MenuSectionItems","MenuSection","items","children","createElement","sectionItems","propTypes","oneOfType","arrayOf","node","isRequired","defaultProps"],"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,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAS,CAAC,kBAAKJ,KAAA,CAAAK,aAAA,CAACJ,gBAAgB;EAACK,YAAY,EAAEH;AAAM,CAAE,CAAC;AAEtFD,WAAW,CAACK,SAAS,GAAG;EACtBH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC;EAClFP,KAAK,EAAEJ,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACC;AAClF,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import ChevronDown from '../Icons/ChevronDown';
|
|
3
|
-
import ChevronUp from '../Icons/ChevronUp';
|
|
4
|
-
const capitalise = s => {
|
|
5
|
-
if (typeof s !== 'string') return '';
|
|
6
|
-
return s.charAt(0).toUpperCase() + s.slice(1);
|
|
7
|
-
};
|
|
8
|
-
const MenuSectionCollapsible = ({
|
|
9
|
-
name,
|
|
10
|
-
item,
|
|
11
|
-
children
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
label,
|
|
15
|
-
loadOpen,
|
|
16
|
-
icon: MenuSectionIcon,
|
|
17
|
-
items
|
|
18
|
-
} = item;
|
|
19
|
-
const [collapsed, setCollapsed] = useState(!loadOpen);
|
|
20
|
-
const CollapseIcon = () => collapsed ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronUp, null);
|
|
21
|
-
const handleClick = () => {
|
|
22
|
-
setCollapsed(!collapsed);
|
|
23
|
-
};
|
|
24
|
-
const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
|
|
25
|
-
const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
|
|
26
|
-
if (name) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
28
|
-
className: modifier
|
|
29
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
30
|
-
type: "button",
|
|
31
|
-
className: buttonModifier,
|
|
32
|
-
onClick: handleClick
|
|
33
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: "side-nav__list-link--icon"
|
|
35
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
className: "side-nav__list-link--wrapper"
|
|
37
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: "side-nav__list-link--label"
|
|
39
|
-
}, capitalise(name)), /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className: "side-nav__list-link--toggleCollapseIcon",
|
|
41
|
-
role: "button"
|
|
42
|
-
}, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "side-nav__list-link--children"
|
|
44
|
-
}, collapsed ? null : children));
|
|
45
|
-
}
|
|
46
|
-
if (label && items && Object.keys(items).length > 0) {
|
|
47
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
48
|
-
className: modifier
|
|
49
|
-
}, children);
|
|
50
|
-
}
|
|
51
|
-
if (label && items && Object.keys(items).length === 0) {
|
|
52
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
53
|
-
className: modifier
|
|
54
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
55
|
-
type: "button",
|
|
56
|
-
className: "side-nav__list-link",
|
|
57
|
-
onClick: handleClick
|
|
58
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
59
|
-
className: "side-nav__list-link--icon"
|
|
60
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: "side-nav__list-label"
|
|
62
|
-
}, label)));
|
|
63
|
-
}
|
|
64
|
-
return null;
|
|
65
|
-
};
|
|
66
|
-
export default MenuSectionCollapsible;
|
|
67
|
-
//# sourceMappingURL=MenuSectionCollapsible.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSectionCollapsible.js","names":["React","useState","ChevronDown","ChevronUp","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","name","item","children","label","loadOpen","icon","MenuSectionIcon","items","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","modifier","buttonModifier","className","type","onClick","role","Object","keys","length"],"sources":["../../../../src/components/Menu/Section/MenuSectionCollapsible.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nconst capitalise = s => {\n if (typeof s !== 'string') return '';\n return s.charAt(0).toUpperCase() + s.slice(1);\n};\n\nconst MenuSectionCollapsible = ({ name, item, children }) => {\n const { label, loadOpen, icon: MenuSectionIcon, items } = item;\n const [collapsed, setCollapsed] = useState(!loadOpen);\n\n const CollapseIcon = () => (collapsed ? <ChevronDown /> : <ChevronUp />);\n\n const handleClick = () => {\n setCollapsed(!collapsed);\n };\n\n const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';\n\n const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';\n\n if (name) {\n return (\n <li className={modifier}>\n <button type=\"button\" className={buttonModifier} onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n <div className=\"side-nav__list-link--wrapper\">\n <div className=\"side-nav__list-link--label\">{capitalise(name)}</div>\n <div className=\"side-nav__list-link--toggleCollapseIcon\" role=\"button\">\n <CollapseIcon />\n </div>\n </div>\n </button>\n <div className=\"side-nav__list-link--children\">{collapsed ? null : children}</div>\n </li>\n );\n }\n\n if (label && items && Object.keys(items).length > 0) {\n return <li className={modifier}>{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className={modifier}>\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n <div className=\"side-nav__list-label\">{label}</div>\n </button>\n </li>\n );\n }\n\n return null;\n};\n\nexport default MenuSectionCollapsible;\n"],"mappings":"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"}
|