@blaze-cms/plugin-admin-core-ui 0.139.0-alpha.4 → 0.139.0-alpha.7
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 +42 -0
- 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 +30 -0
- package/lib/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib/components/Menu/Icons/ChevronUp.js +30 -0
- package/lib/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib/components/Menu/Items/MenuActionItem.js +39 -0
- package/lib/components/Menu/Items/MenuActionItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuItem.js +75 -0
- package/lib/components/Menu/Items/MenuItem.js.map +1 -0
- package/lib/components/Menu/Items/MenuLinkItem.js +38 -0
- package/lib/components/Menu/Items/MenuLinkItem.js.map +1 -0
- package/lib/components/Menu/Menu.js +85 -0
- package/lib/components/Menu/Menu.js.map +1 -0
- package/lib/components/Menu/Section/MenuSection.js +27 -0
- package/lib/components/Menu/Section/MenuSection.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +96 -0
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItem.js +39 -0
- package/lib/components/Menu/Section/MenuSectionItem.js.map +1 -0
- package/lib/components/Menu/Section/MenuSectionItems.js +32 -0
- package/lib/components/Menu/Section/MenuSectionItems.js.map +1 -0
- package/lib/components/Menu/index.js +11 -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 +117 -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 +19 -0
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +1 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js +19 -0
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +1 -0
- package/lib-es/components/Menu/Items/MenuActionItem.js +34 -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 +31 -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 +73 -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 -8
- 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 +63 -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,6 +3,48 @@
|
|
|
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.139.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.6...v0.139.0-alpha.7) (2024-01-30)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.139.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.5...v0.139.0-alpha.6) (2024-01-30)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* adding improvements ([86d4357](https://github.com/thebyte9/blaze/commit/86d4357516beced00d93c90b78de7f965eb75059))
|
|
20
|
+
* correct active menu highlighting based on url ([#4215](https://github.com/thebyte9/blaze/issues/4215)) ([de998b9](https://github.com/thebyte9/blaze/commit/de998b96a59c4aa4b01bc671a5d878774ba72488))
|
|
21
|
+
* improving code readability ([bd567fb](https://github.com/thebyte9/blaze/commit/bd567fb8cc05df3495c43b562c56cae8f0f1d3d9))
|
|
22
|
+
* order menu ([cc1a14d](https://github.com/thebyte9/blaze/commit/cc1a14dd03f6dfe7920dfb0c247ba5e0b4cf8509))
|
|
23
|
+
* updating menu handle test ([4dbd39d](https://github.com/thebyte9/blaze/commit/4dbd39d11bb92f058b3beb5d5c87bd5418deb89b))
|
|
24
|
+
* wip order menu items ([7ec0a05](https://github.com/thebyte9/blaze/commit/7ec0a05ad0d7e82f99d3fb8e5077a91fcd982e71))
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [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)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
|
|
33
|
+
* add relationEdit formFieldType ([#3918](https://github.com/thebyte9/blaze/issues/3918)) ([3bcd898](https://github.com/thebyte9/blaze/commit/3bcd89888a8cad2b033e111586391f502a3506aa))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
# [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)
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
### Bug Fixes
|
|
41
|
+
|
|
42
|
+
* collapsible menu ([f33d7b5](https://github.com/thebyte9/blaze/commit/f33d7b5e81d09660f3feca064a5061c1eecc1feb))
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
6
48
|
# [0.139.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.3...v0.139.0-alpha.4) (2024-01-19)
|
|
7
49
|
|
|
8
50
|
|
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","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
34
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
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 = exports["default"] = Grid;
|
|
116
38
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -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,GAAAC,OAAA,cAEapB,IAAI"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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(_ref) {
|
|
11
|
+
var _ref$width = _ref.width,
|
|
12
|
+
width = _ref$width === void 0 ? '18px' : _ref$width,
|
|
13
|
+
_ref$height = _ref.height,
|
|
14
|
+
height = _ref$height === void 0 ? '18px' : _ref$height;
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
fill: "none",
|
|
18
|
+
viewBox: "0 0 24 24",
|
|
19
|
+
strokeWidth: 1.5,
|
|
20
|
+
width: width,
|
|
21
|
+
height: height,
|
|
22
|
+
stroke: "currentColor"
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeLinejoin: "round",
|
|
26
|
+
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
27
|
+
}));
|
|
28
|
+
};
|
|
29
|
+
var _default = exports["default"] = ChevronDown;
|
|
30
|
+
//# sourceMappingURL=ChevronDown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronDown.js","names":["_react","_interopRequireDefault","require","ChevronDown","_ref","_ref$width","width","_ref$height","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"sources":["../../../../src/components/Menu/Icons/ChevronDown.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronDown = ({ width = '18px', height = '18px' }) => (\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={width}\n height={height}\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,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,oBACpDP,MAAA,YAAAS,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBP,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAC;EAAc,gBACrBd,MAAA,YAAAS,aAAA;IAAMM,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA6B,CAAE,CACjF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,WAAW"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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(_ref) {
|
|
11
|
+
var _ref$width = _ref.width,
|
|
12
|
+
width = _ref$width === void 0 ? '18px' : _ref$width,
|
|
13
|
+
_ref$height = _ref.height,
|
|
14
|
+
height = _ref$height === void 0 ? '18px' : _ref$height;
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
fill: "none",
|
|
18
|
+
viewBox: "0 0 22 22",
|
|
19
|
+
strokeWidth: 1.5,
|
|
20
|
+
width: width,
|
|
21
|
+
height: height,
|
|
22
|
+
stroke: "currentColor"
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeLinejoin: "round",
|
|
26
|
+
d: "M4.5 15.75l7.5-7.5 7.5 7.5"
|
|
27
|
+
}));
|
|
28
|
+
};
|
|
29
|
+
var _default = exports["default"] = ChevronUp;
|
|
30
|
+
//# sourceMappingURL=ChevronUp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronUp.js","names":["_react","_interopRequireDefault","require","ChevronUp","_ref","_ref$width","width","_ref$height","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d","_default","exports"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = ({ width = '18px', height = '18px' }) => (\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={width}\n height={height}\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,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,oBAClDP,MAAA,YAAAS,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAE,GAAI;IACjBP,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAC;EAAc,gBACrBd,MAAA,YAAAS,aAAA;IAAMM,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAACC,CAAC,EAAC;EAA4B,CAAE,CAChF,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,SAAS"}
|
|
@@ -0,0 +1,39 @@
|
|
|
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, {
|
|
32
|
+
width: "20px",
|
|
33
|
+
height: "20px"
|
|
34
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
+
className: "side-nav__list-label"
|
|
36
|
+
}, label)));
|
|
37
|
+
};
|
|
38
|
+
var _default = exports["default"] = MenuActionItem;
|
|
39
|
+
//# 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","width","height","_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 width=\"20px\" height=\"20px\" />\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;IAACW,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDpB,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cAEalB,cAAc"}
|
|
@@ -0,0 +1,75 @@
|
|
|
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.string.starts-with.js");
|
|
10
|
+
require("core-js/modules/es.object.values.js");
|
|
11
|
+
require("core-js/modules/es.array.map.js");
|
|
12
|
+
require("core-js/modules/es.object.keys.js");
|
|
13
|
+
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
var _reactRouterDom = require("react-router-dom");
|
|
15
|
+
var _MenuLinkItem = _interopRequireDefault(require("./MenuLinkItem"));
|
|
16
|
+
var MenuItem = function MenuItem(_ref) {
|
|
17
|
+
var item = _ref.item,
|
|
18
|
+
RenderItems = _ref.RenderItems;
|
|
19
|
+
var location = (0, _reactRouterDom.useLocation)();
|
|
20
|
+
var label = item.label,
|
|
21
|
+
items = item.items,
|
|
22
|
+
uri = item.uri;
|
|
23
|
+
var isActive = function isActive(currentUri) {
|
|
24
|
+
return location.pathname === currentUri || location.pathname.startsWith("".concat(currentUri, "/"));
|
|
25
|
+
};
|
|
26
|
+
if (label && uri) {
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
28
|
+
item: item,
|
|
29
|
+
isActive: isActive(uri),
|
|
30
|
+
root: true
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
if (label && items && Object.values(items).length > 0) {
|
|
34
|
+
var childrenMenu = Object.keys(items).map(function (key) {
|
|
35
|
+
return items[key];
|
|
36
|
+
});
|
|
37
|
+
var childrenComponents = childrenMenu.map(function (child) {
|
|
38
|
+
var childLabel = child.label,
|
|
39
|
+
childUri = child.uri;
|
|
40
|
+
if (childLabel && childUri) {
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
42
|
+
item: child,
|
|
43
|
+
isActive: isActive(childUri),
|
|
44
|
+
root: false,
|
|
45
|
+
key: label
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return null;
|
|
49
|
+
});
|
|
50
|
+
return /*#__PURE__*/_react["default"].createElement(RenderItems, {
|
|
51
|
+
item: item
|
|
52
|
+
}, childrenComponents);
|
|
53
|
+
}
|
|
54
|
+
if (!label && items) {
|
|
55
|
+
var _childrenMenu = Object.keys(items).map(function (key) {
|
|
56
|
+
return items[key];
|
|
57
|
+
});
|
|
58
|
+
return _childrenMenu.map(function (child) {
|
|
59
|
+
var childLabel = child.label,
|
|
60
|
+
childUri = child.uri;
|
|
61
|
+
if (childLabel && childUri) {
|
|
62
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuLinkItem["default"], {
|
|
63
|
+
item: child,
|
|
64
|
+
isActive: isActive(childUri),
|
|
65
|
+
key: childUri,
|
|
66
|
+
root: true
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return null;
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
return null;
|
|
73
|
+
};
|
|
74
|
+
var _default = exports["default"] = MenuItem;
|
|
75
|
+
//# 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","currentUri","pathname","startsWith","concat","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 const isActive = currentUri =>\n location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);\n\n if (label && uri) {\n return <MenuLinkItem item={item} isActive={isActive(uri)} 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\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive(childUri)} root={false} key={label} />;\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\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive(childUri)} key={childUri} 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,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,UAAU;IAAA,OACzBN,QAAQ,CAACO,QAAQ,KAAKD,UAAU,IAAIN,QAAQ,CAACO,QAAQ,CAACC,UAAU,IAAAC,MAAA,CAAIH,UAAU,MAAG,CAAC;EAAA;EAEpF,IAAIJ,KAAK,IAAIE,GAAG,EAAE;IAChB,oBAAOb,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;MAACG,IAAI,EAAEA,IAAK;MAACO,QAAQ,EAAEA,QAAQ,CAACD,GAAG,CAAE;MAACO,IAAI;IAAA,CAAE,CAAC;EACnE;EAEA,IAAIT,KAAK,IAAIC,KAAK,IAAIS,MAAM,CAACC,MAAM,CAACV,KAAK,CAAC,CAACW,MAAM,GAAG,CAAC,EAAE;IACrD,IAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACb,KAAK,CAAC,CAACc,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIf,KAAK,CAACe,GAAG,CAAC;IAAA,EAAC;IAE9D,IAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MACnD,IAAeC,UAAU,GAAoBD,KAAK,CAA1ClB,KAAK;QAAmBoB,QAAQ,GAAKF,KAAK,CAAvBhB,GAAG;MAE9B,IAAIiB,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO/B,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;UAACG,IAAI,EAAEsB,KAAM;UAACf,QAAQ,EAAEA,QAAQ,CAACiB,QAAQ,CAAE;UAACX,IAAI,EAAE,KAAM;UAACO,GAAG,EAAEhB;QAAM,CAAE,CAAC;MAC7F;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOX,MAAA,YAAAmB,aAAA,CAACX,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEqB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACjB,KAAK,IAAIC,KAAK,EAAE;IACnB,IAAMY,aAAY,GAAGH,MAAM,CAACI,IAAI,CAACb,KAAK,CAAC,CAACc,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIf,KAAK,CAACe,GAAG,CAAC;IAAA,EAAC;IAE9D,OAAOH,aAAY,CAACE,GAAG,CAAC,UAAAG,KAAK,EAAI;MAC/B,IAAeC,UAAU,GAAoBD,KAAK,CAA1ClB,KAAK;QAAmBoB,QAAQ,GAAKF,KAAK,CAAvBhB,GAAG;MAE9B,IAAIiB,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO/B,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAY;UAACG,IAAI,EAAEsB,KAAM;UAACf,QAAQ,EAAEA,QAAQ,CAACiB,QAAQ,CAAE;UAACJ,GAAG,EAAEI,QAAS;UAACX,IAAI;QAAA,CAAE,CAAC;MACxF;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEa5B,QAAQ"}
|
|
@@ -0,0 +1,38 @@
|
|
|
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, {
|
|
31
|
+
width: "20px",
|
|
32
|
+
height: "20px"
|
|
33
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
|
+
className: "side-nav__list-link--label"
|
|
35
|
+
}, label)));
|
|
36
|
+
};
|
|
37
|
+
var _default = exports["default"] = MenuLinkItem;
|
|
38
|
+
//# 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","width","height","_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 width=\"20px\" height=\"20px\" />\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;IAACW,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDvB,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cAEarB,YAAY"}
|