@blaze-cms/plugin-admin-core-ui 0.133.0 → 0.134.0-project-admin-customisations.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/README.md +97 -0
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Layout/Background.js +26 -0
- package/lib/components/Layout/Background.js.map +1 -0
- package/lib/components/Layout/Layout.js +10 -6
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +10 -86
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/Menu/Icons/ChevronDown.js +27 -0
- package/lib/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib/components/Menu/Icons/ChevronUp.js +27 -0
- package/lib/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib/components/Menu/Items/MenuActionItem.js +37 -0
- package/lib/components/Menu/Items/MenuActionItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuItem.js +73 -0
- package/lib/components/Menu/Items/MenuItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuLinkItem.js +36 -0
- package/lib/components/Menu/Items/MenuLinkItem.js.map +1 -0
- package/lib/components/Menu/Menu.js +86 -0
- package/lib/components/Menu/Menu.js.map +1 -0
- package/lib/components/Menu/Section/MenuSection.js +28 -0
- package/lib/components/Menu/Section/MenuSection.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +91 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItem.js +40 -0
- package/lib/components/Menu/Section/MenuSectionItem.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItems.js +33 -0
- package/lib/components/Menu/Section/MenuSectionItems.js.map +1 -0
- package/lib/components/Menu/index.js +12 -0
- package/lib/components/Menu/index.js.map +1 -0
- package/lib/components/SideBar/SideBar.js +4 -19
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/containers/Home/Home.js +1 -1
- package/lib/containers/Home/Home.js.map +1 -1
- package/lib/index.js +13 -9
- package/lib/index.js.map +1 -1
- package/lib/utils/menu-handler-singleton.js +114 -0
- package/lib/utils/menu-handler-singleton.js.map +1 -0
- package/lib-es/components/Header/Header.js +3 -3
- package/lib-es/components/Header/Header.js.map +1 -1
- package/lib-es/components/Layout/Background.js +16 -0
- package/lib-es/components/Layout/Background.js.map +1 -0
- package/lib-es/components/Layout/Layout.js +10 -6
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +14 -52
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +16 -0
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js +16 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuActionItem.js +31 -0
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuItem.js +64 -0
- package/lib-es/components/Menu/Items/MenuItem.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuLinkItem.js +28 -0
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +1 -0
- package/lib-es/components/Menu/Menu.js +40 -0
- package/lib-es/components/Menu/Menu.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSection.js +18 -0
- package/lib-es/components/Menu/Section/MenuSection.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +67 -0
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionItem.js +30 -0
- package/lib-es/components/Menu/Section/MenuSectionItem.js.map +1 -0
- package/lib-es/components/Menu/Section/MenuSectionItems.js +20 -0
- package/lib-es/components/Menu/Section/MenuSectionItems.js.map +1 -0
- package/lib-es/components/Menu/index.js +3 -0
- package/lib-es/components/Menu/index.js.map +1 -0
- package/lib-es/components/SideBar/SideBar.js +3 -12
- package/lib-es/components/SideBar/SideBar.js.map +1 -1
- package/lib-es/constants.js +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/containers/Home/Home.js +1 -1
- package/lib-es/containers/Home/Home.js.map +1 -1
- package/lib-es/index.js +9 -9
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/menu-handler-singleton.js +55 -0
- package/lib-es/utils/menu-handler-singleton.js.map +1 -0
- package/package.json +9 -8
- package/src/components/Header/Header.js +9 -7
- package/src/components/Layout/Background.js +16 -0
- package/src/components/Layout/Layout.js +23 -8
- package/src/components/Layout/bg.svg +22 -0
- package/src/components/Layout/components/Grid/Grid.js +13 -52
- package/src/components/Menu/Icons/ChevronDown.js +16 -0
- package/src/components/Menu/Icons/ChevronUp.js +16 -0
- package/src/components/Menu/Items/MenuActionItem.js +30 -0
- package/src/components/Menu/Items/MenuItem.js +49 -0
- package/src/components/Menu/Items/MenuLinkItem.js +25 -0
- package/src/components/Menu/Menu.js +48 -0
- package/src/components/Menu/Section/MenuSection.js +16 -0
- package/src/components/Menu/Section/MenuSectionCollapsible.js +59 -0
- package/src/components/Menu/Section/MenuSectionItem.js +28 -0
- package/src/components/Menu/Section/MenuSectionItems.js +17 -0
- package/src/components/Menu/index.js +3 -0
- package/src/components/SideBar/SideBar.js +5 -9
- package/src/constants.js +3 -1
- package/src/containers/Home/Home.js +1 -1
- package/src/index.js +7 -6
- package/src/utils/menu-handler-singleton.js +64 -0
package/lib/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
20
20
|
var _components = require("./components");
|
|
21
21
|
var _package = _interopRequireDefault(require("../package.json"));
|
|
22
22
|
var _constants = require("./constants");
|
|
23
|
-
var
|
|
23
|
+
var _menuHandlerSingleton = _interopRequireDefault(require("./utils/menu-handler-singleton"));
|
|
24
24
|
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); }
|
|
25
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(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; }
|
|
26
26
|
var Home = /*#__PURE__*/_react["default"].lazy(function () {
|
|
@@ -33,10 +33,15 @@ function load(_x) {
|
|
|
33
33
|
}
|
|
34
34
|
function _load() {
|
|
35
35
|
_load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(app) {
|
|
36
|
-
var
|
|
36
|
+
var options,
|
|
37
|
+
home,
|
|
38
|
+
_options$menuConfig,
|
|
39
|
+
menuConfig,
|
|
40
|
+
_args = arguments;
|
|
37
41
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
38
42
|
while (1) switch (_context.prev = _context.next) {
|
|
39
43
|
case 0:
|
|
44
|
+
options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
|
|
40
45
|
home = {
|
|
41
46
|
path: '/',
|
|
42
47
|
exact: true,
|
|
@@ -44,19 +49,18 @@ function _load() {
|
|
|
44
49
|
component: Home
|
|
45
50
|
};
|
|
46
51
|
app.addRoute(home);
|
|
47
|
-
|
|
52
|
+
_menuHandlerSingleton["default"].setApp(app);
|
|
48
53
|
app.setLayout(_components.Layout);
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
});
|
|
54
|
+
_options$menuConfig = options.menuConfig, menuConfig = _options$menuConfig === void 0 ? {} : _options$menuConfig;
|
|
55
|
+
app.events.once('admin:menu:config:load:after', function (_ref) {
|
|
56
|
+
var addConfig = _ref.addConfig;
|
|
57
|
+
return addConfig(menuConfig);
|
|
54
58
|
});
|
|
55
59
|
return _context.abrupt("return", {
|
|
56
60
|
name: _constants.PLUGIN_NAME,
|
|
57
61
|
version: _package["default"].version
|
|
58
62
|
});
|
|
59
|
-
case
|
|
63
|
+
case 8:
|
|
60
64
|
case "end":
|
|
61
65
|
return _context.stop();
|
|
62
66
|
}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_package","_constants","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_package","_constants","_menuHandlerSingleton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_interopRequireWildcard","obj","__esModule","_typeof2","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Home","React","lazy","Promise","resolve","then","load","_x","_load","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","app","options","home","_options$menuConfig","menuConfig","_args","wrap","_callee$","_context","prev","next","length","undefined","path","exact","component","addRoute","menuHandler","setApp","setLayout","Layout","events","once","_ref","addConfig","abrupt","name","PLUGIN_NAME","version","pkg","stop","pluginName","_default","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { Layout } from './components';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\nimport menuHandler from './utils/menu-handler-singleton';\n\nconst Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));\n\nasync function load(app, options = {}) {\n const home = {\n path: '/',\n exact: true,\n key: 'home',\n component: Home\n };\n\n app.addRoute(home);\n\n menuHandler.setApp(app);\n\n app.setLayout(Layout);\n\n const { menuConfig = {} } = options;\n\n app.events.once('admin:menu:config:load:after', ({ addConfig }) => addConfig(menuConfig));\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -7,15 +7,15 @@ const Header = ({
|
|
|
7
7
|
isLoggedIn,
|
|
8
8
|
isOpenMenu,
|
|
9
9
|
onMenuClick
|
|
10
|
-
}) => /*#__PURE__*/React.createElement("header", {
|
|
10
|
+
}) => /*#__PURE__*/React.createElement(React.Fragment, null, isLoggedIn && /*#__PURE__*/React.createElement("header", {
|
|
11
11
|
className: "header"
|
|
12
|
-
},
|
|
12
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
13
13
|
className: "header__menu"
|
|
14
14
|
}, /*#__PURE__*/React.createElement(Menu, {
|
|
15
15
|
isOpenMenu: isOpenMenu,
|
|
16
16
|
onMenuClick: onMenuClick,
|
|
17
17
|
id: "menu-button"
|
|
18
|
-
})), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS),
|
|
18
|
+
})), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), /*#__PURE__*/React.createElement(SearchAdmin, null)));
|
|
19
19
|
Header.propTypes = {
|
|
20
20
|
isLoggedIn: PropTypes.bool,
|
|
21
21
|
isOpenMenu: PropTypes.bool.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","createElement","className","id","propTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n
|
|
1
|
+
{"version":3,"file":"Header.js","names":["React","PropTypes","SearchAdmin","Menu","Logo","LOGO_PROPS","Header","isLoggedIn","isOpenMenu","onMenuClick","createElement","Fragment","className","id","propTypes","bool","isRequired","func","defaultProps"],"sources":["../../../src/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchAdmin } from '@blaze-cms/plugin-search-ui';\nimport { Menu, Logo } from './components';\nimport { LOGO_PROPS } from '../../constants';\n\nconst Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (\n <>\n {isLoggedIn && (\n <header className=\"header\">\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n <Logo {...LOGO_PROPS} />\n <SearchAdmin />\n </header>\n )}\n </>\n);\n\nHeader.propTypes = {\n isLoggedIn: PropTypes.bool,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired\n};\n\nHeader.defaultProps = {\n isLoggedIn: false\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,MAAMC,MAAM,GAAGA,CAAC;EAAEC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,kBACrDT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGJ,UAAU,iBACTP,KAAA,CAAAU,aAAA;EAAQE,SAAS,EAAC;AAAQ,gBACxBZ,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAAc,gBAC3BZ,KAAA,CAAAU,aAAA,CAACP,IAAI;EAACK,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACI,EAAE,EAAC;AAAa,CAAE,CACvE,CAAC,eACNb,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAKC,UAAa,CAAC,eACxBL,KAAA,CAAAU,aAAA,CAACR,WAAW,MAAE,CACR,CAEV,CACH;AAEDI,MAAM,CAACQ,SAAS,GAAG;EACjBP,UAAU,EAAEN,SAAS,CAACc,IAAI;EAC1BP,UAAU,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACrCP,WAAW,EAAER,SAAS,CAACgB,IAAI,CAACD;AAC9B,CAAC;AAEDV,MAAM,CAACY,YAAY,GAAG;EACpBX,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -3,16 +3,19 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { Query } from '@apollo/client/react/components';
|
|
4
4
|
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
5
5
|
import { Login } from '@blaze-cms/plugin-auth-ui';
|
|
6
|
-
import Header from '../Header';
|
|
7
6
|
import { Grid } from './components';
|
|
7
|
+
import Background from './Background';
|
|
8
8
|
import '@blaze-cms/admin-ui-styles/main.scss';
|
|
9
|
+
import Header from '../Header';
|
|
9
10
|
const Layout = ({
|
|
10
11
|
children
|
|
11
12
|
}) => {
|
|
12
13
|
const [isOpenMenu, setOpenMenu] = useState(true);
|
|
13
14
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
15
|
+
const simpleLayout = window.location !== window.parent.location;
|
|
16
|
+
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
14
17
|
return /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className:
|
|
18
|
+
className: `site-container grid--site-container${wrapperClass}`
|
|
16
19
|
}, /*#__PURE__*/React.createElement(Query, {
|
|
17
20
|
query: getQuery('GET_USER_AUTH_DATA'),
|
|
18
21
|
errorPolicy: "all"
|
|
@@ -25,15 +28,16 @@ const Layout = ({
|
|
|
25
28
|
userData = {}
|
|
26
29
|
} = {}
|
|
27
30
|
} = data;
|
|
28
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
|
31
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, !simpleLayout && /*#__PURE__*/React.createElement(Header, {
|
|
29
32
|
isLoggedIn: isLoggedIn,
|
|
30
33
|
onMenuClick: onMenuClick,
|
|
31
34
|
isOpenMenu: isOpenMenu
|
|
32
|
-
}), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
|
|
35
|
+
}), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
|
|
33
36
|
isOpenMenu: isOpenMenu,
|
|
34
37
|
onMenuClick: onMenuClick,
|
|
35
|
-
userData: userData
|
|
36
|
-
|
|
38
|
+
userData: userData,
|
|
39
|
+
simpleLayout: simpleLayout
|
|
40
|
+
}, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
|
|
37
41
|
}));
|
|
38
42
|
};
|
|
39
43
|
Layout.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","simpleLayout","window","location","parent","wrapperClass","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n\n const simpleLayout = window.location !== window.parent.location;\n\n const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';\n\n return (\n <div className={`site-container grid--site-container${wrapperClass}`}>\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n {!simpleLayout && (\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n )}\n {isLoggedIn ? (\n <>\n <Grid\n isOpenMenu={isOpenMenu}\n onMenuClick={onMenuClick}\n userData={userData}\n simpleLayout={simpleLayout}>\n {children}\n </Grid>\n </>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,sCAAsC;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAElD,MAAMG,YAAY,GAAGC,MAAM,CAACC,QAAQ,KAAKD,MAAM,CAACE,MAAM,CAACD,QAAQ;EAE/D,MAAME,YAAY,GAAGJ,YAAY,GAAG,qCAAqC,GAAG,EAAE;EAE9E,oBACEd,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAG,sCAAqCF,YAAa;EAAE,gBACnElB,KAAA,CAAAmB,aAAA,CAAChB,KAAK;IAACkB,KAAK,EAAEjB,QAAQ,CAAC,oBAAoB,CAAE;IAACkB,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACEvB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAA2B,QAAA,QACG,CAACb,YAAY,iBACZd,KAAA,CAAAmB,aAAA,CAACX,MAAM;MAACiB,UAAU,EAAEA,UAAW;MAACZ,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CACpF,EACAc,UAAU,gBACTzB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAAmB,aAAA,CAACb,IAAI;MACHK,UAAU,EAAEA,UAAW;MACvBE,WAAW,EAAEA,WAAY;MACzBa,QAAQ,EAAEA,QAAS;MACnBZ,YAAY,EAAEA;IAAa,GAC1BJ,QACG,CACN,CAAC,gBAEHV,KAAA,CAAAmB,aAAA,CAACZ,UAAU,qBACTP,KAAA,CAAAmB,aAAA,CAACd,KAAK,MAAE,CACE,CAEd,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDI,MAAM,CAACmB,SAAS,GAAG;EACjBlB,QAAQ,EAAER,SAAS,CAAC2B,SAAS,CAAC,CAAC3B,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAAC6B,IAAI,CAAC,EAAE7B,SAAS,CAAC6B,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAevB,MAAM"}
|
|
@@ -1,67 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import React, { useState, useEffect } from 'react';
|
|
1
|
+
import React from 'react';
|
|
5
2
|
import PropTypes from 'prop-types';
|
|
6
|
-
import { useApolloClient } from '@apollo/client';
|
|
7
|
-
import { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';
|
|
8
3
|
import SideBar from '../../../SideBar';
|
|
9
4
|
const Grid = ({
|
|
10
5
|
children,
|
|
11
6
|
isOpenMenu,
|
|
12
7
|
onMenuClick,
|
|
13
|
-
userData
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
} = await client.query({
|
|
24
|
-
query: getQuery('GET_MENU_ITEMS')
|
|
25
|
-
});
|
|
26
|
-
const parsedMenuItems = getMenuItems.map(([key, {
|
|
27
|
-
header,
|
|
28
|
-
items
|
|
29
|
-
}]) => [key, {
|
|
30
|
-
header,
|
|
31
|
-
items: items.map(item => _objectSpread(_objectSpread({}, item), {}, {
|
|
32
|
-
isDisplayedPrompt: true
|
|
33
|
-
}))
|
|
34
|
-
}]);
|
|
35
|
-
if (!menuItems) {
|
|
36
|
-
setMenuItems(parsedMenuItems);
|
|
37
|
-
}
|
|
38
|
-
})();
|
|
39
|
-
}, [client, menuItems]);
|
|
40
|
-
const updateItems = items => {
|
|
41
|
-
setMenuItems(items);
|
|
42
|
-
};
|
|
43
|
-
return menuItems ? /*#__PURE__*/React.createElement(MainContextProvider, {
|
|
44
|
-
value: {
|
|
45
|
-
menuItems,
|
|
46
|
-
setMenuItems: items => updateItems(items)
|
|
47
|
-
}
|
|
48
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: "main-content grid grid--main-content"
|
|
50
|
-
}, /*#__PURE__*/React.createElement(SideBar, {
|
|
51
|
-
isOpenMenu: isOpenMenu,
|
|
52
|
-
menuItems: menuItems,
|
|
53
|
-
onMenuClick: onMenuClick,
|
|
54
|
-
userData: userData
|
|
55
|
-
}), children)) : 'loading';
|
|
56
|
-
};
|
|
8
|
+
userData,
|
|
9
|
+
simpleLayout
|
|
10
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
11
|
+
className: "main-content grid grid--main-content"
|
|
12
|
+
}, !simpleLayout && /*#__PURE__*/React.createElement(SideBar, {
|
|
13
|
+
isOpenMenu: isOpenMenu,
|
|
14
|
+
onMenuClick: onMenuClick,
|
|
15
|
+
userData: userData
|
|
16
|
+
}), children);
|
|
57
17
|
Grid.propTypes = {
|
|
58
18
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
59
19
|
isOpenMenu: PropTypes.bool.isRequired,
|
|
60
20
|
onMenuClick: PropTypes.func.isRequired,
|
|
61
|
-
userData: PropTypes.object
|
|
21
|
+
userData: PropTypes.object,
|
|
22
|
+
simpleLayout: PropTypes.bool
|
|
62
23
|
};
|
|
63
24
|
Grid.defaultProps = {
|
|
64
|
-
userData: {}
|
|
25
|
+
userData: {},
|
|
26
|
+
simpleLayout: false
|
|
65
27
|
};
|
|
66
28
|
export default Grid;
|
|
67
29
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","names":["React","
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["React","PropTypes","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","simpleLayout","createElement","className","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData, simpleLayout }) => (\n <div className=\"main-content grid grid--main-content\">\n {!simpleLayout && (\n <SideBar isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData} />\n )}\n {children}\n </div>\n);\n\nGrid.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object,\n simpleLayout: PropTypes.bool\n};\n\nGrid.defaultProps = {\n userData: {},\n simpleLayout: false\n};\n\nexport default Grid;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,kBAAkB;AAEtC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAa,CAAC,kBACzER,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAC;AAAsC,GAClD,CAACF,YAAY,iBACZR,KAAA,CAAAS,aAAA,CAACP,OAAO;EAACG,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACC,QAAQ,EAAEA;AAAS,CAAE,CACjF,EACAH,QACE,CACN;AAEDD,IAAI,CAACQ,SAAS,GAAG;EACfP,QAAQ,EAAEH,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,IAAI,CAAC,EAAEb,SAAS,CAACa,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FV,UAAU,EAAEJ,SAAS,CAACe,IAAI,CAACD,UAAU;EACrCT,WAAW,EAAEL,SAAS,CAACgB,IAAI,CAACF,UAAU;EACtCR,QAAQ,EAAEN,SAAS,CAACiB,MAAM;EAC1BV,YAAY,EAAEP,SAAS,CAACe;AAC1B,CAAC;AAEDb,IAAI,CAACgB,YAAY,GAAG;EAClBZ,QAAQ,EAAE,CAAC,CAAC;EACZC,YAAY,EAAE;AAChB,CAAC;AAED,eAAeL,IAAI"}
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuActionItem.js","names":["React","Link","MenuActionItem","item","label","icon","MenuSectionIcon","onClick","uri","modifier","createElement","className","key","to"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link\n to={uri}\n className={`side-nav__list-link ${modifier}`}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuActionItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAE3D,MAAMM,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACEN,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDJ,KAAA,CAAAU,aAAA,CAACT,IAAI;IACHY,EAAE,EAAEL,GAAI;IACRG,SAAS,EAAG,uBAAsBF,QAAS,EAAE;IAC7CF,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIA,OAAO,EAAE;QACXA,OAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDD,eAAe,iBACdN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCX,KAAA,CAAAU,aAAA,CAACJ,eAAe,MAAE,CACf,CACN,eACDN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc"}
|
|
@@ -0,0 +1,64 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|