@blaze-cms/plugin-admin-core-ui 0.138.0-core-styles.0 → 0.139.0-core-styles.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 +27 -2
- package/README.md +97 -0
- package/lib/components/Layout/Layout.js +6 -3
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +10 -88
- 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 +3 -14
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/index.js +13 -9
- package/lib/index.js.map +1 -1
- package/lib/utils/menu-handler-singleton.js +119 -0
- package/lib/utils/menu-handler-singleton.js.map +1 -0
- package/lib-es/components/Layout/Layout.js +6 -3
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +14 -54
- 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 +2 -7
- 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/index.js +9 -9
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/menu-handler-singleton.js +62 -0
- package/lib-es/utils/menu-handler-singleton.js.map +1 -0
- package/package.json +9 -9
- package/src/components/Layout/Layout.js +14 -3
- 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 +3 -6
- package/src/constants.js +3 -1
- package/src/index.js +7 -6
- package/src/utils/menu-handler-singleton.js +68 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,9 +3,34 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [0.
|
|
6
|
+
# [0.139.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.138.0...v0.139.0-core-styles.0) (2024-01-03)
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* adding improvements ([86d4357](https://github.com/thebyte9/blaze/commit/86d4357516beced00d93c90b78de7f965eb75059))
|
|
12
|
+
* improving code readability ([bd567fb](https://github.com/thebyte9/blaze/commit/bd567fb8cc05df3495c43b562c56cae8f0f1d3d9))
|
|
13
|
+
* order menu ([cc1a14d](https://github.com/thebyte9/blaze/commit/cc1a14dd03f6dfe7920dfb0c247ba5e0b4cf8509))
|
|
14
|
+
* updating menu handle test ([4dbd39d](https://github.com/thebyte9/blaze/commit/4dbd39d11bb92f058b3beb5d5c87bd5418deb89b))
|
|
15
|
+
* wip order menu items ([7ec0a05](https://github.com/thebyte9/blaze/commit/7ec0a05ad0d7e82f99d3fb8e5077a91fcd982e71))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
# [0.129.0-project-admin-customisations.1](https://github.com/thebyte9/blaze/compare/v0.129.0-project-admin-customisations.0...v0.129.0-project-admin-customisations.1) (2023-05-05)
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
* add relationEdit formFieldType ([#3918](https://github.com/thebyte9/blaze/issues/3918)) ([3bcd898](https://github.com/thebyte9/blaze/commit/3bcd89888a8cad2b033e111586391f502a3506aa))
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [0.129.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-project-admin-customisations.0) (2023-05-03)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Bug Fixes
|
|
32
|
+
|
|
33
|
+
* collapsible menu ([f33d7b5](https://github.com/thebyte9/blaze/commit/f33d7b5e81d09660f3feca064a5061c1eecc1feb))
|
|
9
34
|
|
|
10
35
|
|
|
11
36
|
|
package/README.md
CHANGED
|
@@ -1,3 +1,100 @@
|
|
|
1
1
|
# Base Blaze plugin
|
|
2
2
|
|
|
3
3
|
Base files for a plugin
|
|
4
|
+
|
|
5
|
+
Mocked config used to test the Menu component
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
const mockedMenuConfig = {
|
|
9
|
+
main: {
|
|
10
|
+
order: 2,
|
|
11
|
+
items: [
|
|
12
|
+
{
|
|
13
|
+
content: {
|
|
14
|
+
icon: () => (
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
fill="none"
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
strokeWidth={1.5}
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
width="24"
|
|
22
|
+
height="24"
|
|
23
|
+
className="w-6 h-6">
|
|
24
|
+
<path
|
|
25
|
+
strokeLinecap="round"
|
|
26
|
+
strokeLinejoin="round"
|
|
27
|
+
d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
|
|
28
|
+
/>
|
|
29
|
+
</svg>
|
|
30
|
+
),
|
|
31
|
+
label: 'Content',
|
|
32
|
+
order: 1,
|
|
33
|
+
items: {
|
|
34
|
+
article: {
|
|
35
|
+
label: 'Article',
|
|
36
|
+
uri: '/data-listing/article',
|
|
37
|
+
order: 2.1
|
|
38
|
+
},
|
|
39
|
+
page: {
|
|
40
|
+
label: 'Page',
|
|
41
|
+
uri: '/data-listing/Page',
|
|
42
|
+
order: 1
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
enquiry: {
|
|
49
|
+
icon: () => (
|
|
50
|
+
<svg
|
|
51
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
52
|
+
fill="none"
|
|
53
|
+
viewBox="0 0 24 24"
|
|
54
|
+
strokeWidth={1.5}
|
|
55
|
+
stroke="currentColor"
|
|
56
|
+
width="24"
|
|
57
|
+
height="24"
|
|
58
|
+
className="w-6 h-6">
|
|
59
|
+
<path
|
|
60
|
+
strokeLinecap="round"
|
|
61
|
+
strokeLinejoin="round"
|
|
62
|
+
d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"
|
|
63
|
+
/>
|
|
64
|
+
</svg>
|
|
65
|
+
),
|
|
66
|
+
label: 'Enquiry',
|
|
67
|
+
uri: '/data-listing/enquiry',
|
|
68
|
+
order: 2
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
]
|
|
72
|
+
},
|
|
73
|
+
top: {
|
|
74
|
+
order: 1,
|
|
75
|
+
items: {
|
|
76
|
+
search: {
|
|
77
|
+
icon: () => (
|
|
78
|
+
<svg
|
|
79
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
80
|
+
fill="none"
|
|
81
|
+
viewBox="0 0 24 24"
|
|
82
|
+
strokeWidth={1.5}
|
|
83
|
+
stroke="currentColor"
|
|
84
|
+
width="24"
|
|
85
|
+
height="24"
|
|
86
|
+
className="w-4 h-4">
|
|
87
|
+
<path
|
|
88
|
+
strokeLinecap="round"
|
|
89
|
+
strokeLinejoin="round"
|
|
90
|
+
d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
|
|
91
|
+
/>
|
|
92
|
+
</svg>
|
|
93
|
+
),
|
|
94
|
+
label: 'Search',
|
|
95
|
+
onClick: () => 'open search modal'
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
```
|
|
@@ -34,8 +34,10 @@ var Layout = function Layout(_ref) {
|
|
|
34
34
|
var onMenuClick = function onMenuClick() {
|
|
35
35
|
return setOpenMenu(!isOpenMenu);
|
|
36
36
|
};
|
|
37
|
+
var simpleLayout = window.location !== window.parent.location;
|
|
38
|
+
var wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
37
39
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
-
className: "site-container grid--site-container"
|
|
40
|
+
className: "site-container grid--site-container".concat(wrapperClass)
|
|
39
41
|
}, /*#__PURE__*/_react["default"].createElement(_components.Query, {
|
|
40
42
|
query: (0, _adminUiUtils.getQuery)('GET_USER_AUTH_DATA'),
|
|
41
43
|
errorPolicy: "all"
|
|
@@ -47,14 +49,15 @@ var Layout = function Layout(_ref) {
|
|
|
47
49
|
isLoggedIn = _data$session2.isLoggedIn,
|
|
48
50
|
_data$session2$userDa = _data$session2.userData,
|
|
49
51
|
userData = _data$session2$userDa === void 0 ? {} : _data$session2$userDa;
|
|
50
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !simpleLayout && /*#__PURE__*/_react["default"].createElement(_Header["default"], {
|
|
51
53
|
isLoggedIn: isLoggedIn,
|
|
52
54
|
onMenuClick: onMenuClick,
|
|
53
55
|
isOpenMenu: isOpenMenu
|
|
54
56
|
}), isLoggedIn ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_components2.Grid, {
|
|
55
57
|
isOpenMenu: isOpenMenu,
|
|
56
58
|
onMenuClick: onMenuClick,
|
|
57
|
-
userData: userData
|
|
59
|
+
userData: userData,
|
|
60
|
+
simpleLayout: simpleLayout
|
|
58
61
|
}, children)) : /*#__PURE__*/_react["default"].createElement(_Background["default"], null, /*#__PURE__*/_react["default"].createElement(_pluginAuthUi.Login, null)));
|
|
59
62
|
}));
|
|
60
63
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","_components2","_Background","_Header","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Layout","_ref","children","_useState","useState","_useState2","_slicedToArray2","isOpenMenu","setOpenMenu","onMenuClick","createElement","className","Query","query","getQuery","errorPolicy","_ref2","_ref2$data","data","_data$session","session","_data$session2","isLoggedIn","_data$session2$userDa","userData","Fragment","Grid","Login","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","_default","exports"],"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 return (\n <div className
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","_components2","_Background","_Header","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Layout","_ref","children","_useState","useState","_useState2","_slicedToArray2","isOpenMenu","setOpenMenu","onMenuClick","simpleLayout","window","location","parent","wrapperClass","createElement","className","concat","Query","query","getQuery","errorPolicy","_ref2","_ref2$data","data","_data$session","session","_data$session2","isLoggedIn","_data$session2$userDa","userData","Fragment","Grid","Login","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","_default","exports"],"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":"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"}
|
|
@@ -1,116 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
3
|
require("core-js/modules/es.object.define-property.js");
|
|
13
|
-
require("core-js/modules/es.array.iterator.js");
|
|
14
|
-
require("core-js/modules/es.string.iterator.js");
|
|
15
|
-
require("core-js/modules/es.weak-map.js");
|
|
16
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
17
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
19
5
|
Object.defineProperty(exports, "__esModule", {
|
|
20
6
|
value: true
|
|
21
7
|
});
|
|
22
8
|
exports["default"] = void 0;
|
|
23
|
-
var
|
|
24
|
-
require("core-js/modules/es.array.map.js");
|
|
25
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
26
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
27
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
28
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
29
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
30
|
-
var _client = require("@apollo/client");
|
|
31
|
-
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
32
11
|
var _SideBar = _interopRequireDefault(require("../../../SideBar"));
|
|
33
|
-
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); }
|
|
34
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
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; }
|
|
36
|
-
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) { (0, _defineProperty2["default"])(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; }
|
|
37
12
|
var Grid = function Grid(_ref) {
|
|
38
13
|
var children = _ref.children,
|
|
39
14
|
isOpenMenu = _ref.isOpenMenu,
|
|
40
15
|
onMenuClick = _ref.onMenuClick,
|
|
41
|
-
userData = _ref.userData
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
menuItems = _useState2[0],
|
|
45
|
-
setMenuItems = _useState2[1];
|
|
46
|
-
var client = (0, _client.useApolloClient)();
|
|
47
|
-
(0, _react.useEffect)(function () {
|
|
48
|
-
(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
49
|
-
var _yield$client$query, getMenuItems, parsedMenuItems;
|
|
50
|
-
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
51
|
-
while (1) switch (_context.prev = _context.next) {
|
|
52
|
-
case 0:
|
|
53
|
-
_context.next = 2;
|
|
54
|
-
return client.query({
|
|
55
|
-
query: (0, _adminUiUtils.getQuery)('GET_MENU_ITEMS')
|
|
56
|
-
});
|
|
57
|
-
case 2:
|
|
58
|
-
_yield$client$query = _context.sent;
|
|
59
|
-
getMenuItems = _yield$client$query.data.getMenuItems;
|
|
60
|
-
parsedMenuItems = getMenuItems.map(function (_ref3) {
|
|
61
|
-
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
|
|
62
|
-
key = _ref4[0],
|
|
63
|
-
_ref4$ = _ref4[1],
|
|
64
|
-
header = _ref4$.header,
|
|
65
|
-
items = _ref4$.items;
|
|
66
|
-
return [key, {
|
|
67
|
-
header: header,
|
|
68
|
-
items: items.map(function (item) {
|
|
69
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
70
|
-
isDisplayedPrompt: true
|
|
71
|
-
});
|
|
72
|
-
})
|
|
73
|
-
}];
|
|
74
|
-
});
|
|
75
|
-
if (!menuItems) {
|
|
76
|
-
setMenuItems(parsedMenuItems);
|
|
77
|
-
}
|
|
78
|
-
case 6:
|
|
79
|
-
case "end":
|
|
80
|
-
return _context.stop();
|
|
81
|
-
}
|
|
82
|
-
}, _callee);
|
|
83
|
-
}))();
|
|
84
|
-
}, [client, menuItems]);
|
|
85
|
-
var updateItems = function updateItems(items) {
|
|
86
|
-
setMenuItems(items);
|
|
87
|
-
};
|
|
88
|
-
return menuItems ? /*#__PURE__*/_react["default"].createElement(_adminUiUtils.MainContextProvider, {
|
|
89
|
-
value: {
|
|
90
|
-
menuItems: menuItems,
|
|
91
|
-
setMenuItems: function setMenuItems(items) {
|
|
92
|
-
return updateItems(items);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
16
|
+
userData = _ref.userData,
|
|
17
|
+
simpleLayout = _ref.simpleLayout;
|
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
96
19
|
className: "main-content grid grid--main-content"
|
|
97
|
-
}, /*#__PURE__*/_react["default"].createElement(_SideBar["default"], {
|
|
20
|
+
}, !simpleLayout && /*#__PURE__*/_react["default"].createElement(_SideBar["default"], {
|
|
98
21
|
isOpenMenu: isOpenMenu,
|
|
99
|
-
menuItems: menuItems,
|
|
100
22
|
onMenuClick: onMenuClick,
|
|
101
23
|
userData: userData
|
|
102
|
-
}),
|
|
103
|
-
className: "grid--main-content-wrapper"
|
|
104
|
-
}, children))) : 'loading';
|
|
24
|
+
}), children);
|
|
105
25
|
};
|
|
106
26
|
Grid.propTypes = {
|
|
107
27
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
108
28
|
isOpenMenu: _propTypes["default"].bool.isRequired,
|
|
109
29
|
onMenuClick: _propTypes["default"].func.isRequired,
|
|
110
|
-
userData: _propTypes["default"].object
|
|
30
|
+
userData: _propTypes["default"].object,
|
|
31
|
+
simpleLayout: _propTypes["default"].bool
|
|
111
32
|
};
|
|
112
33
|
Grid.defaultProps = {
|
|
113
|
-
userData: {}
|
|
34
|
+
userData: {},
|
|
35
|
+
simpleLayout: false
|
|
114
36
|
};
|
|
115
37
|
var _default = Grid;
|
|
116
38
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","names":["_react","
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["_react","_interopRequireDefault","require","_propTypes","_SideBar","Grid","_ref","children","isOpenMenu","onMenuClick","userData","simpleLayout","createElement","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,YAAY,GAAAL,IAAA,CAAZK,YAAY;EAAA,oBACvEX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClD,CAACF,YAAY,iBACZX,MAAA,YAAAY,aAAA,CAACR,QAAA,WAAO;IAACI,UAAU,EAAEA,UAAW;IAACC,WAAW,EAAEA,WAAY;IAACC,QAAQ,EAAEA;EAAS,CAAE,CACjF,EACAH,QACE,CAAC;AAAA,CACP;AAEDF,IAAI,CAACS,SAAS,GAAG;EACfP,QAAQ,EAAEQ,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FX,UAAU,EAAEO,qBAAS,CAACK,IAAI,CAACD,UAAU;EACrCV,WAAW,EAAEM,qBAAS,CAACM,IAAI,CAACF,UAAU;EACtCT,QAAQ,EAAEK,qBAAS,CAACO,MAAM;EAC1BX,YAAY,EAAEI,qBAAS,CAACK;AAC1B,CAAC;AAEDf,IAAI,CAACkB,YAAY,GAAG;EAClBb,QAAQ,EAAE,CAAC,CAAC;EACZC,YAAY,EAAE;AAChB,CAAC;AAAC,IAAAa,QAAA,GAEanB,IAAI;AAAAoB,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var ChevronDown = function ChevronDown() {
|
|
11
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
fill: "none",
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
strokeWidth: 1.5,
|
|
16
|
+
width: "20",
|
|
17
|
+
height: "20",
|
|
18
|
+
stroke: "currentColor"
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
20
|
+
strokeLinecap: "round",
|
|
21
|
+
strokeLinejoin: "round",
|
|
22
|
+
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
var _default = ChevronDown;
|
|
26
|
+
exports["default"] = _default;
|
|
27
|
+
//# sourceMappingURL=ChevronDown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;EAAA,oBACfH,MAAA,YAAAI,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,MAAM,EAAC;EAAc,gBACrBX,MAAA,YAAAI,aAAA;IAAMQ,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA6B,CAAE,CACjF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAEaZ,WAAW;AAAAa,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var ChevronUp = function ChevronUp() {
|
|
11
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
fill: "none",
|
|
14
|
+
viewBox: "0 0 22 22",
|
|
15
|
+
strokeWidth: 1.5,
|
|
16
|
+
width: "20",
|
|
17
|
+
height: "20",
|
|
18
|
+
stroke: "currentColor"
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
20
|
+
strokeLinecap: "round",
|
|
21
|
+
strokeLinejoin: "round",
|
|
22
|
+
d: "M4.5 15.75l7.5-7.5 7.5 7.5"
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
var _default = ChevronUp;
|
|
26
|
+
exports["default"] = _default;
|
|
27
|
+
//# sourceMappingURL=ChevronUp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronUp.js","names":["_react","_interopRequireDefault","require","ChevronUp","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA;EAAA,oBACbH,MAAA,YAAAI,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,MAAM,EAAC;EAAc,gBACrBX,MAAA,YAAAI,aAAA;IAAMQ,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA4B,CAAE,CAChF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAEaZ,SAAS;AAAAa,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _reactRouterDom = require("react-router-dom");
|
|
11
|
+
var MenuActionItem = function MenuActionItem(_ref) {
|
|
12
|
+
var item = _ref.item;
|
|
13
|
+
var label = item.label,
|
|
14
|
+
MenuSectionIcon = item.icon,
|
|
15
|
+
_onClick = item.onClick,
|
|
16
|
+
uri = item.uri;
|
|
17
|
+
var modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
19
|
+
className: "side-nav__list--item",
|
|
20
|
+
key: item.label
|
|
21
|
+
}, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
22
|
+
to: uri,
|
|
23
|
+
className: "side-nav__list-link ".concat(modifier),
|
|
24
|
+
onClick: function onClick() {
|
|
25
|
+
if (_onClick) {
|
|
26
|
+
_onClick();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
|
+
className: "side-nav__list-link--icon"
|
|
31
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
|
+
className: "side-nav__list-label"
|
|
33
|
+
}, label)));
|
|
34
|
+
};
|
|
35
|
+
var _default = MenuActionItem;
|
|
36
|
+
exports["default"] = _default;
|
|
37
|
+
//# sourceMappingURL=MenuActionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuActionItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuActionItem","_ref","item","label","MenuSectionIcon","icon","onClick","uri","modifier","createElement","className","key","Link","to","concat","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link\n to={uri}\n className={`side-nav__list-link ${modifier}`}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuActionItem;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC5B,IAAQC,KAAK,GAA0CD,IAAI,CAAnDC,KAAK;IAAQC,eAAe,GAAmBF,IAAI,CAA5CG,IAAI;IAAmBC,QAAO,GAAUJ,IAAI,CAArBI,OAAO;IAAEC,GAAG,GAAKL,IAAI,CAAZK,GAAG;EAElD,IAAMC,QAAQ,GAAGJ,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACER,MAAA,YAAAa,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDP,MAAA,YAAAa,aAAA,CAACV,eAAA,CAAAa,IAAI;IACHC,EAAE,EAAEN,GAAI;IACRG,SAAS,yBAAAI,MAAA,CAAyBN,QAAQ,CAAG;IAC7CF,OAAO,EAAE,SAAAA,QAAA,EAAM;MACb,IAAIA,QAAO,EAAE;QACXA,QAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDF,eAAe,iBACdR,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCd,MAAA,YAAAa,aAAA,CAACL,eAAe,MAAE,CACf,CACN,eACDR,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAEaf,cAAc;AAAAgB,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.object.values.js");
|
|
10
|
+
require("core-js/modules/es.array.map.js");
|
|
11
|
+
require("core-js/modules/es.object.keys.js");
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
var _reactRouterDom = require("react-router-dom");
|
|
14
|
+
var _MenuLinkItem = _interopRequireDefault(require("./MenuLinkItem"));
|
|
15
|
+
var MenuItem = function MenuItem(_ref) {
|
|
16
|
+
var item = _ref.item,
|
|
17
|
+
RenderItems = _ref.RenderItems;
|
|
18
|
+
var location = (0, _reactRouterDom.useLocation)();
|
|
19
|
+
var label = item.label,
|
|
20
|
+
items = item.items,
|
|
21
|
+
uri = item.uri;
|
|
22
|
+
if (label && uri) {
|
|
23
|
+
var isActive = location.pathname === uri;
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
25
|
+
item: item,
|
|
26
|
+
isActive: isActive,
|
|
27
|
+
root: true
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
if (label && items && Object.values(items).length > 0) {
|
|
31
|
+
var childrenMenu = Object.keys(items).map(function (key) {
|
|
32
|
+
return items[key];
|
|
33
|
+
});
|
|
34
|
+
var childrenComponents = childrenMenu.map(function (child) {
|
|
35
|
+
var childLabel = child.label,
|
|
36
|
+
childUri = child.uri;
|
|
37
|
+
var isActive = location.pathname === childUri;
|
|
38
|
+
if (childLabel && childUri) {
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
40
|
+
item: child,
|
|
41
|
+
isActive: isActive,
|
|
42
|
+
root: false
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
return null;
|
|
46
|
+
});
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement(RenderItems, {
|
|
48
|
+
item: item
|
|
49
|
+
}, childrenComponents);
|
|
50
|
+
}
|
|
51
|
+
if (!label && items) {
|
|
52
|
+
var _childrenMenu = Object.keys(items).map(function (key) {
|
|
53
|
+
return items[key];
|
|
54
|
+
});
|
|
55
|
+
return _childrenMenu.map(function (child) {
|
|
56
|
+
var childLabel = child.label,
|
|
57
|
+
childUri = child.uri;
|
|
58
|
+
var isActive = location.pathname === childUri;
|
|
59
|
+
if (childLabel && childUri) {
|
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
61
|
+
item: child,
|
|
62
|
+
isActive: isActive,
|
|
63
|
+
root: true
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return null;
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return null;
|
|
70
|
+
};
|
|
71
|
+
var _default = MenuItem;
|
|
72
|
+
exports["default"] = _default;
|
|
73
|
+
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_MenuLinkItem","MenuItem","_ref","item","RenderItems","location","useLocation","label","items","uri","isActive","pathname","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuItem.js"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport MenuLinkItem from './MenuLinkItem';\n\nconst MenuItem = ({ item, RenderItems }) => {\n const location = useLocation();\n const { label, items, uri } = item;\n\n if (label && uri) {\n const isActive = location.pathname === uri;\n return <MenuLinkItem item={item} isActive={isActive} root />;\n }\n\n if (label && items && Object.values(items).length > 0) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n const childrenComponents = childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\n }\n\n return null;\n });\n\n return <RenderItems item={item}>{childrenComponents}</RenderItems>;\n }\n\n if (!label && items) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n return childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root />;\n }\n\n return null;\n });\n }\n\n return null;\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACnC,IAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAC9B,IAAQC,KAAK,GAAiBJ,IAAI,CAA1BI,KAAK;IAAEC,KAAK,GAAUL,IAAI,CAAnBK,KAAK;IAAEC,GAAG,GAAKN,IAAI,CAAZM,GAAG;EAEzB,IAAIF,KAAK,IAAIE,GAAG,EAAE;IAChB,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKF,GAAG;IAC1C,oBAAOb,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;MAACG,IAAI,EAAEA,IAAK;MAACO,QAAQ,EAAEA,QAAS;MAACG,IAAI;IAAA,CAAE,CAAC;EAC9D;EAEA,IAAIN,KAAK,IAAIC,KAAK,IAAIM,MAAM,CAACC,MAAM,CAACP,KAAK,CAAC,CAACQ,MAAM,GAAG,CAAC,EAAE;IACrD,IAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIZ,KAAK,CAACY,GAAG,CAAC;IAAA,EAAC;IAE9D,IAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MACnD,IAAeC,UAAU,GAAoBD,KAAK,CAA1Cf,KAAK;QAAmBiB,QAAQ,GAAKF,KAAK,CAAvBb,GAAG;MAC9B,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO5B,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;UAACG,IAAI,EAAEmB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI,EAAE;QAAM,CAAE,CAAC;MACvE;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOjB,MAAA,YAAAgB,aAAA,CAACR,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEkB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACd,KAAK,IAAIC,KAAK,EAAE;IACnB,IAAMS,aAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIZ,KAAK,CAACY,GAAG,CAAC;IAAA,EAAC;IAE9D,OAAOH,aAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MAC/B,IAAeC,UAAU,GAAoBD,KAAK,CAA1Cf,KAAK;QAAmBiB,QAAQ,GAAKF,KAAK,CAAvBb,GAAG;MAC9B,IAAMC,QAAQ,GAAGL,QAAQ,CAACM,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO5B,MAAA,YAAAgB,aAAA,CAACZ,aAAA,WAAY;UAACG,IAAI,EAAEmB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI;QAAA,CAAE,CAAC;MAC/D;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAY,QAAA,GAEaxB,QAAQ;AAAAyB,OAAA,cAAAD,QAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
require("core-js/modules/es.array.concat.js");
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _reactRouterDom = require("react-router-dom");
|
|
12
|
+
var MenuLinkItem = function MenuLinkItem(_ref) {
|
|
13
|
+
var item = _ref.item,
|
|
14
|
+
isActive = _ref.isActive,
|
|
15
|
+
_ref$root = _ref.root,
|
|
16
|
+
root = _ref$root === void 0 ? true : _ref$root;
|
|
17
|
+
var label = item.label,
|
|
18
|
+
MenuSectionIcon = item.icon,
|
|
19
|
+
uri = item.uri;
|
|
20
|
+
var modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
21
|
+
var activeModifier = isActive ? 'side-nav__list-link--active' : '';
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
23
|
+
className: "side-nav__list--item",
|
|
24
|
+
key: item.label
|
|
25
|
+
}, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
26
|
+
to: uri,
|
|
27
|
+
className: "side-nav__list-link ".concat(modifier, " ").concat(activeModifier)
|
|
28
|
+
}, MenuSectionIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
|
+
className: "side-nav__list-link--icon"
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(MenuSectionIcon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
+
className: "side-nav__list-link--label"
|
|
32
|
+
}, label)));
|
|
33
|
+
};
|
|
34
|
+
var _default = MenuLinkItem;
|
|
35
|
+
exports["default"] = _default;
|
|
36
|
+
//# sourceMappingURL=MenuLinkItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLinkItem.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","MenuLinkItem","_ref","item","isActive","_ref$root","root","label","MenuSectionIcon","icon","uri","modifier","activeModifier","createElement","className","key","Link","to","concat","_default","exports"],"sources":["../../../../src/components/Menu/Items/MenuLinkItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuLinkItem = ({ item, isActive, root = true }) => {\n const { label, icon: MenuSectionIcon, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n const activeModifier = isActive ? 'side-nav__list-link--active' : '';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon />\n </div>\n )}\n <div className=\"side-nav__list-link--label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuLinkItem;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACjD,IAAQE,KAAK,GAAiCJ,IAAI,CAA1CI,KAAK;IAAQC,eAAe,GAAUL,IAAI,CAAnCM,IAAI;IAAmBC,GAAG,GAAKP,IAAI,CAAZO,GAAG;EAEzC,IAAMC,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,IAAMI,cAAc,GAAGR,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEP,MAAA,YAAAgB,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEZ,IAAI,CAACI;EAAM,gBACnDV,MAAA,YAAAgB,aAAA,CAACb,eAAA,CAAAgB,IAAI;IAACC,EAAE,EAAEP,GAAI;IAACI,SAAS,yBAAAI,MAAA,CAAyBP,QAAQ,OAAAO,MAAA,CAAIN,cAAc;EAAG,GAC3EJ,eAAe,iBACdX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCjB,MAAA,YAAAgB,aAAA,CAACL,eAAe,MAAE,CACf,CACN,eACDX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAEalB,YAAY;AAAAmB,OAAA,cAAAD,QAAA"}
|