@blaze-cms/plugin-admin-core-ui 0.132.0-core-styles.0 → 0.132.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 +5 -12
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Layout/Layout.js +4 -5
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +1 -3
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/SideBar/SideBar.js +5 -1
- 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-es/components/Header/Header.js +3 -3
- package/lib-es/components/Header/Header.js.map +1 -1
- package/lib-es/components/Layout/Layout.js +4 -5
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +1 -3
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/SideBar/SideBar.js +5 -1
- 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/package.json +8 -8
- package/src/components/Header/Header.js +7 -9
- package/src/components/Layout/Layout.js +7 -11
- package/src/components/Layout/components/Grid/Grid.js +1 -1
- package/src/components/SideBar/SideBar.js +3 -2
- package/src/constants.js +1 -1
- package/src/containers/Home/Home.js +1 -1
- package/lib/components/Layout/Background.js +0 -26
- package/lib/components/Layout/Background.js.map +0 -1
- package/lib-es/components/Layout/Background.js +0 -16
- package/lib-es/components/Layout/Background.js.map +0 -1
- package/src/components/Layout/Background.js +0 -16
- package/src/components/Layout/bg.svg +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -3,24 +3,17 @@
|
|
|
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.132.0
|
|
6
|
+
# [0.132.0](https://github.com/thebyte9/blaze/compare/v0.132.0-alpha.0...v0.132.0) (2023-08-21)
|
|
7
7
|
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
8
9
|
|
|
9
|
-
### Bug Fixes
|
|
10
10
|
|
|
11
|
-
* ammend unterminated comment ([2a10dd0](https://github.com/thebyte9/blaze/commit/2a10dd0dfad49ce162cffe7d45536283257c4747))
|
|
12
|
-
* remove unused variable ([7fed889](https://github.com/thebyte9/blaze/commit/7fed88946645154024402b8efb94d0b139a7c943))
|
|
13
|
-
* update test and snapshots ([af9dcae](https://github.com/thebyte9/blaze/commit/af9dcae54d0e295e5c32b98a6dbba2e88717ab81))
|
|
14
11
|
|
|
15
12
|
|
|
16
|
-
### Features
|
|
17
13
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
* fix layout and webpack plugins tests ([d09a939](https://github.com/thebyte9/blaze/commit/d09a93909cafd9ee9502548b24de5776e09fc920))
|
|
22
|
-
* style admin header ([35bf94f](https://github.com/thebyte9/blaze/commit/35bf94f02856e3ab4bd83880b047ff0f047bdb40))
|
|
23
|
-
* update toolbar design and other fixes ([022c39a](https://github.com/thebyte9/blaze/commit/022c39a05d97d05b4373b1c408e607e5e6751e06))
|
|
14
|
+
# [0.132.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.131.2...v0.132.0-alpha.0) (2023-08-17)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
24
17
|
|
|
25
18
|
|
|
26
19
|
|
|
@@ -15,15 +15,15 @@ var Header = function Header(_ref) {
|
|
|
15
15
|
var isLoggedIn = _ref.isLoggedIn,
|
|
16
16
|
isOpenMenu = _ref.isOpenMenu,
|
|
17
17
|
onMenuClick = _ref.onMenuClick;
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("header", {
|
|
19
19
|
className: "header"
|
|
20
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
|
+
}, isLoggedIn && /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
21
|
className: "header__menu"
|
|
22
22
|
}, /*#__PURE__*/_react["default"].createElement(_components.Menu, {
|
|
23
23
|
isOpenMenu: isOpenMenu,
|
|
24
24
|
onMenuClick: onMenuClick,
|
|
25
25
|
id: "menu-button"
|
|
26
|
-
})), /*#__PURE__*/_react["default"].createElement(_components.Logo, _constants.LOGO_PROPS), /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchAdmin, null))
|
|
26
|
+
})), /*#__PURE__*/_react["default"].createElement(_components.Logo, _constants.LOGO_PROPS), isLoggedIn && /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchAdmin, null));
|
|
27
27
|
};
|
|
28
28
|
Header.propTypes = {
|
|
29
29
|
isLoggedIn: _propTypes["default"].bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","names":["_react","_interopRequireDefault","require","_propTypes","_pluginSearchUi","_components","_constants","Header","_ref","isLoggedIn","isOpenMenu","onMenuClick","createElement","
|
|
1
|
+
{"version":3,"file":"Header.js","names":["_react","_interopRequireDefault","require","_propTypes","_pluginSearchUi","_components","_constants","Header","_ref","isLoggedIn","isOpenMenu","onMenuClick","createElement","className","Menu","id","Logo","LOGO_PROPS","SearchAdmin","propTypes","PropTypes","bool","isRequired","func","defaultProps","_default","exports"],"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 <header className=\"header\">\n {isLoggedIn && (\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n )}\n <Logo {...LOGO_PROPS} />\n {isLoggedIn && <SearchAdmin />}\n </header>\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA;EAAA,IAAMC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;EAAA,oBACnDX,MAAA,YAAAY,aAAA;IAAQC,SAAS,EAAC;EAAQ,GACvBJ,UAAU,iBACTT,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAc,gBAC3Bb,MAAA,YAAAY,aAAA,CAACP,WAAA,CAAAS,IAAI;IAACJ,UAAU,EAAEA,UAAW;IAACC,WAAW,EAAEA,WAAY;IAACI,EAAE,EAAC;EAAa,CAAE,CACvE,CACN,eACDf,MAAA,YAAAY,aAAA,CAACP,WAAA,CAAAW,IAAI,EAAKC,qBAAa,CAAC,EACvBR,UAAU,iBAAIT,MAAA,YAAAY,aAAA,CAACR,eAAA,CAAAc,WAAW,MAAE,CACvB,CAAC;AAAA,CACV;AAEDX,MAAM,CAACY,SAAS,GAAG;EACjBV,UAAU,EAAEW,qBAAS,CAACC,IAAI;EAC1BX,UAAU,EAAEU,qBAAS,CAACC,IAAI,CAACC,UAAU;EACrCX,WAAW,EAAES,qBAAS,CAACG,IAAI,CAACD;AAC9B,CAAC;AAEDf,MAAM,CAACiB,YAAY,GAAG;EACpBf,UAAU,EAAE;AACd,CAAC;AAAC,IAAAgB,QAAA,GAEalB,MAAM;AAAAmB,OAAA,cAAAD,QAAA"}
|
|
@@ -19,10 +19,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
19
19
|
var _components = require("@apollo/client/react/components");
|
|
20
20
|
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
21
21
|
var _pluginAuthUi = require("@blaze-cms/plugin-auth-ui");
|
|
22
|
+
var _Header = _interopRequireDefault(require("../Header"));
|
|
22
23
|
var _components2 = require("./components");
|
|
23
|
-
var _Background = _interopRequireDefault(require("./Background"));
|
|
24
24
|
require("@blaze-cms/admin-ui-styles/main.scss");
|
|
25
|
-
var _Header = _interopRequireDefault(require("../Header"));
|
|
26
25
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
27
|
var Layout = function Layout(_ref) {
|
|
@@ -35,7 +34,7 @@ var Layout = function Layout(_ref) {
|
|
|
35
34
|
return setOpenMenu(!isOpenMenu);
|
|
36
35
|
};
|
|
37
36
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
-
className: "site-container grid--site-container"
|
|
37
|
+
className: "site-container grid grid--site-container"
|
|
39
38
|
}, /*#__PURE__*/_react["default"].createElement(_components.Query, {
|
|
40
39
|
query: (0, _adminUiUtils.getQuery)('GET_USER_AUTH_DATA'),
|
|
41
40
|
errorPolicy: "all"
|
|
@@ -51,11 +50,11 @@ var Layout = function Layout(_ref) {
|
|
|
51
50
|
isLoggedIn: isLoggedIn,
|
|
52
51
|
onMenuClick: onMenuClick,
|
|
53
52
|
isOpenMenu: isOpenMenu
|
|
54
|
-
}), isLoggedIn ? /*#__PURE__*/_react["default"].createElement(
|
|
53
|
+
}), isLoggedIn ? /*#__PURE__*/_react["default"].createElement(_components2.Grid, {
|
|
55
54
|
isOpenMenu: isOpenMenu,
|
|
56
55
|
onMenuClick: onMenuClick,
|
|
57
56
|
userData: userData
|
|
58
|
-
}, children)
|
|
57
|
+
}, children) : /*#__PURE__*/_react["default"].createElement(_pluginAuthUi.Login, null));
|
|
59
58
|
}));
|
|
60
59
|
};
|
|
61
60
|
Layout.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","_Header","_components2","_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 Header from '../Header';\nimport { Grid } from './components';\n\nimport '@blaze-cms/admin-ui-styles/main.scss';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n ) : (\n <Login />\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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"}
|
|
@@ -99,9 +99,7 @@ var Grid = function Grid(_ref) {
|
|
|
99
99
|
menuItems: menuItems,
|
|
100
100
|
onMenuClick: onMenuClick,
|
|
101
101
|
userData: userData
|
|
102
|
-
}),
|
|
103
|
-
className: "grid--main-content-wrapper"
|
|
104
|
-
}, children))) : 'loading';
|
|
102
|
+
}), children)) : 'loading';
|
|
105
103
|
};
|
|
106
104
|
Grid.propTypes = {
|
|
107
105
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_SideBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Grid","_ref","children","isOpenMenu","onMenuClick","userData","_useState","useState","_useState2","_slicedToArray2","menuItems","setMenuItems","client","useApolloClient","useEffect","_asyncToGenerator2","_regenerator","mark","_callee","_yield$client$query","getMenuItems","parsedMenuItems","wrap","_callee$","_context","prev","next","query","getQuery","sent","data","map","_ref3","_ref4","_ref4$","header","items","item","isDisplayedPrompt","stop","updateItems","createElement","MainContextProvider","value","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","func","defaultProps","_default","exports"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_SideBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Grid","_ref","children","isOpenMenu","onMenuClick","userData","_useState","useState","_useState2","_slicedToArray2","menuItems","setMenuItems","client","useApolloClient","useEffect","_asyncToGenerator2","_regenerator","mark","_callee","_yield$client$query","getMenuItems","parsedMenuItems","wrap","_callee$","_context","prev","next","query","getQuery","sent","data","map","_ref3","_ref4","_ref4$","header","items","item","isDisplayedPrompt","stop","updateItems","createElement","MainContextProvider","value","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","func","defaultProps","_default","exports"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n {children}\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\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};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
13
13
|
require("core-js/modules/es.array.concat.js");
|
|
14
14
|
require("core-js/modules/es.array.map.js");
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
+
var _reactRouterDom = require("react-router-dom");
|
|
16
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
19
|
var _client = require("@apollo/client");
|
|
@@ -45,7 +46,10 @@ var SideBar = function SideBar(_ref) {
|
|
|
45
46
|
onClick: onMenuClick
|
|
46
47
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
47
48
|
className: "material-icons"
|
|
48
|
-
}, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement(
|
|
49
|
+
}, "keyboard_arrow_left")), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
50
|
+
to: "/",
|
|
51
|
+
className: "side-nav__block-home"
|
|
52
|
+
}, "Dashboard"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
49
53
|
className: sideNavWrapperClassname,
|
|
50
54
|
"data-testid": "sidenav",
|
|
51
55
|
id: "side-nav__wrapper"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_components","SideBar","_ref","menuItems","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","id","onClick","length","map","_ref2","_ref3","_slicedToArray2","data","SideBlock","_extends2","key","header","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","array","isRequired","bool","func","object","_default","exports"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n
|
|
1
|
+
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_components","SideBar","_ref","menuItems","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","id","onClick","Link","to","length","map","_ref2","_ref3","_slicedToArray2","data","SideBlock","_extends2","key","header","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","array","isRequired","bool","func","object","_default","exports"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link>\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":"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"}
|
package/lib/constants.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.PLUGIN_NAME = exports.LOGO_PROPS = exports.DOWN_ICON = exports.DEFAULT_L
|
|
|
8
8
|
var PLUGIN_NAME = 'admin-core-ui';
|
|
9
9
|
exports.PLUGIN_NAME = PLUGIN_NAME;
|
|
10
10
|
var LOGO_PROPS = {
|
|
11
|
-
src: 'https://images.thisisblaze.com/logo-
|
|
11
|
+
src: 'https://images.thisisblaze.com/logo-85-30.png'
|
|
12
12
|
};
|
|
13
13
|
exports.LOGO_PROPS = LOGO_PROPS;
|
|
14
14
|
var DEFAULT_LABEL = {
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,eAAe;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AACpC,IAAME,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAgD,CAAC;AAACF,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAE5E,IAAME,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACL,OAAA,CAAAG,aAAA,GAAAA,aAAA;AAEF,IAAMG,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAACL,OAAA,CAAAM,YAAA,GAAAA,YAAA;AAEF,IAAMC,SAAS,GAAG,MAAM;AAACP,OAAA,CAAAO,SAAA,GAAAA,SAAA"}
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var Home = function Home() {
|
|
11
|
-
return /*#__PURE__*/_react["default"].createElement("div", null);
|
|
11
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "Home");
|
|
12
12
|
};
|
|
13
13
|
Home.displayName = 'Home';
|
|
14
14
|
var _default = Home;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Home.js","names":["_react","_interopRequireDefault","require","Home","createElement","displayName","_default","exports"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div
|
|
1
|
+
{"version":3,"file":"Home.js","names":["_react","_interopRequireDefault","require","Home","createElement","displayName","_default","exports"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div>Home</div>;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAA;EAAA,oBAASH,MAAA,YAAAI,aAAA,cAAK,MAAS,CAAC;AAAA;AAElCD,IAAI,CAACE,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEXH,IAAI;AAAAI,OAAA,cAAAD,QAAA"}
|
|
@@ -7,15 +7,15 @@ const Header = ({
|
|
|
7
7
|
isLoggedIn,
|
|
8
8
|
isOpenMenu,
|
|
9
9
|
onMenuClick
|
|
10
|
-
}) => /*#__PURE__*/React.createElement(
|
|
10
|
+
}) => /*#__PURE__*/React.createElement("header", {
|
|
11
11
|
className: "header"
|
|
12
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
}, isLoggedIn && /*#__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), /*#__PURE__*/React.createElement(SearchAdmin, null))
|
|
18
|
+
})), /*#__PURE__*/React.createElement(Logo, LOGO_PROPS), isLoggedIn && /*#__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","
|
|
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 <header className=\"header\">\n {isLoggedIn && (\n <div className=\"header__menu\">\n <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id=\"menu-button\" />\n </div>\n )}\n <Logo {...LOGO_PROPS} />\n {isLoggedIn && <SearchAdmin />}\n </header>\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;EAAQC,SAAS,EAAC;AAAQ,GACvBJ,UAAU,iBACTP,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAc,gBAC3BX,KAAA,CAAAU,aAAA,CAACP,IAAI;EAACK,UAAU,EAAEA,UAAW;EAACC,WAAW,EAAEA,WAAY;EAACG,EAAE,EAAC;AAAa,CAAE,CACvE,CACN,eACDZ,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAKC,UAAa,CAAC,EACvBE,UAAU,iBAAIP,KAAA,CAAAU,aAAA,CAACR,WAAW,MAAE,CACvB,CACT;AAEDI,MAAM,CAACO,SAAS,GAAG;EACjBN,UAAU,EAAEN,SAAS,CAACa,IAAI;EAC1BN,UAAU,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACrCN,WAAW,EAAER,SAAS,CAACe,IAAI,CAACD;AAC9B,CAAC;AAEDT,MAAM,CAACW,YAAY,GAAG;EACpBV,UAAU,EAAE;AACd,CAAC;AAED,eAAeD,MAAM"}
|
|
@@ -3,17 +3,16 @@ 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';
|
|
6
7
|
import { Grid } from './components';
|
|
7
|
-
import Background from './Background';
|
|
8
8
|
import '@blaze-cms/admin-ui-styles/main.scss';
|
|
9
|
-
import Header from '../Header';
|
|
10
9
|
const Layout = ({
|
|
11
10
|
children
|
|
12
11
|
}) => {
|
|
13
12
|
const [isOpenMenu, setOpenMenu] = useState(true);
|
|
14
13
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
15
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: "site-container grid--site-container"
|
|
15
|
+
className: "site-container grid grid--site-container"
|
|
17
16
|
}, /*#__PURE__*/React.createElement(Query, {
|
|
18
17
|
query: getQuery('GET_USER_AUTH_DATA'),
|
|
19
18
|
errorPolicy: "all"
|
|
@@ -30,11 +29,11 @@ const Layout = ({
|
|
|
30
29
|
isLoggedIn: isLoggedIn,
|
|
31
30
|
onMenuClick: onMenuClick,
|
|
32
31
|
isOpenMenu: isOpenMenu
|
|
33
|
-
}), isLoggedIn ? /*#__PURE__*/React.createElement(
|
|
32
|
+
}), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
|
|
34
33
|
isOpenMenu: isOpenMenu,
|
|
35
34
|
onMenuClick: onMenuClick,
|
|
36
35
|
userData: userData
|
|
37
|
-
}, children)
|
|
36
|
+
}, children) : /*#__PURE__*/React.createElement(Login, null));
|
|
38
37
|
}));
|
|
39
38
|
};
|
|
40
39
|
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","Header","Grid","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","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 Header from '../Header';\nimport { Grid } from './components';\n\nimport '@blaze-cms/admin-ui-styles/main.scss';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container grid grid--site-container\">\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n {isLoggedIn ? (\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n ) : (\n <Login />\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,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,sCAAsC;AAE7C,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMW,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACEV,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDd,KAAA,CAAAa,aAAA,CAACV,KAAK;IAACY,KAAK,EAAEX,QAAQ,CAAC,oBAAoB,CAAE;IAACY,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,oBACEjB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAa,aAAA,CAACP,MAAM;MAACa,UAAU,EAAEA,UAAW;MAACP,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CAAC,EACnFS,UAAU,gBACTnB,KAAA,CAAAa,aAAA,CAACN,IAAI;MAACG,UAAU,EAAEA,UAAW;MAACE,WAAW,EAAEA,WAAY;MAACQ,QAAQ,EAAEA;IAAS,GACxEX,QACG,CAAC,gBAEPT,KAAA,CAAAa,aAAA,CAACR,KAAK,MAAE,CAEV,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDG,MAAM,CAACc,SAAS,GAAG;EACjBb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAelB,MAAM"}
|
|
@@ -52,9 +52,7 @@ const Grid = ({
|
|
|
52
52
|
menuItems: menuItems,
|
|
53
53
|
onMenuClick: onMenuClick,
|
|
54
54
|
userData: userData
|
|
55
|
-
}),
|
|
56
|
-
className: "grid--main-content-wrapper"
|
|
57
|
-
}, children))) : 'loading';
|
|
55
|
+
}), children)) : 'loading';
|
|
58
56
|
};
|
|
59
57
|
Grid.propTypes = {
|
|
60
58
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","MainContextProvider","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","menuItems","setMenuItems","client","data","getMenuItems","query","parsedMenuItems","map","key","header","items","item","_objectSpread","isDisplayedPrompt","updateItems","createElement","value","className","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","MainContextProvider","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","menuItems","setMenuItems","client","data","getMenuItems","query","parsedMenuItems","map","key","header","items","item","_objectSpread","isDisplayedPrompt","updateItems","createElement","value","className","propTypes","oneOfType","arrayOf","node","isRequired","bool","func","object","defaultProps"],"sources":["../../../../../src/components/Layout/components/Grid/Grid.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';\nimport SideBar from '../../../SideBar';\n\nconst Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {\n const [menuItems, setMenuItems] = useState(null);\n const client = useApolloClient();\n\n useEffect(\n () => {\n (async () => {\n const {\n data: { getMenuItems }\n } = await client.query({ query: getQuery('GET_MENU_ITEMS') });\n\n const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [\n key,\n {\n header,\n items: items.map(item => ({ ...item, isDisplayedPrompt: true }))\n }\n ]);\n\n if (!menuItems) {\n setMenuItems(parsedMenuItems);\n }\n })();\n },\n [client, menuItems]\n );\n\n const updateItems = items => {\n setMenuItems(items);\n };\n\n return menuItems ? (\n <MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>\n <div className=\"main-content grid grid--main-content\">\n <SideBar\n isOpenMenu={isOpenMenu}\n menuItems={menuItems}\n onMenuClick={onMenuClick}\n userData={userData}\n />\n {children}\n </div>\n </MainContextProvider>\n ) : (\n 'loading'\n );\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};\n\nGrid.defaultProps = {\n userData: {}\n};\n\nexport default Grid;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,EAAEC,mBAAmB,QAAQ,2BAA2B;AACzE,OAAOC,OAAO,MAAM,kBAAkB;AAEtC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMc,MAAM,GAAGX,eAAe,CAAC,CAAC;EAEhCF,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAM;QACJc,IAAI,EAAE;UAAEC;QAAa;MACvB,CAAC,GAAG,MAAMF,MAAM,CAACG,KAAK,CAAC;QAAEA,KAAK,EAAEb,QAAQ,CAAC,gBAAgB;MAAE,CAAC,CAAC;MAE7D,MAAMc,eAAe,GAAGF,YAAY,CAACG,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;QAAEC,MAAM;QAAEC;MAAM,CAAC,CAAC,KAAK,CACrEF,GAAG,EACH;QACEC,MAAM;QACNC,KAAK,EAAEA,KAAK,CAACH,GAAG,CAACI,IAAI,IAAAC,aAAA,CAAAA,aAAA,KAAUD,IAAI;UAAEE,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACb,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CACpB,CAAC;EAED,MAAMc,WAAW,GAAGJ,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACdb,KAAA,CAAA4B,aAAA,CAACtB,mBAAmB;IAACuB,KAAK,EAAE;MAAEhB,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAII,WAAW,CAACJ,KAAK;IAAE;EAAE,gBACnFvB,KAAA,CAAA4B,aAAA;IAAKE,SAAS,EAAC;EAAsC,gBACnD9B,KAAA,CAAA4B,aAAA,CAACrB,OAAO;IACNG,UAAU,EAAEA,UAAW;IACvBG,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA;EAAS,CACpB,CAAC,EACDH,QACE,CACc,CAAC,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACuB,SAAS,GAAG;EACftB,QAAQ,EAAEN,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC8B,OAAO,CAAC9B,SAAS,CAAC+B,IAAI,CAAC,EAAE/B,SAAS,CAAC+B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FzB,UAAU,EAAEP,SAAS,CAACiC,IAAI,CAACD,UAAU;EACrCxB,WAAW,EAAER,SAAS,CAACkC,IAAI,CAACF,UAAU;EACtCvB,QAAQ,EAAET,SAAS,CAACmC;AACtB,CAAC;AAED9B,IAAI,CAAC+B,YAAY,GAAG;EAClB3B,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { Link } from 'react-router-dom';
|
|
3
4
|
import classnames from 'classnames';
|
|
4
5
|
import PropTypes from 'prop-types';
|
|
5
6
|
import { useApolloClient } from '@apollo/client';
|
|
@@ -35,7 +36,10 @@ const SideBar = ({
|
|
|
35
36
|
onClick: onMenuClick
|
|
36
37
|
}, /*#__PURE__*/React.createElement("i", {
|
|
37
38
|
className: "material-icons"
|
|
38
|
-
}, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(
|
|
39
|
+
}, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(Link, {
|
|
40
|
+
to: "/",
|
|
41
|
+
className: "side-nav__block-home"
|
|
42
|
+
}, "Dashboard"), /*#__PURE__*/React.createElement("div", {
|
|
39
43
|
className: sideNavWrapperClassname,
|
|
40
44
|
"data-testid": "sidenav",
|
|
41
45
|
id: "side-nav__wrapper"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","SideBlock","SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","id","onClick","length","map","data","_extends","key","header","window","location","href","propTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n
|
|
1
|
+
{"version":3,"file":"SideBar.js","names":["React","Link","classnames","PropTypes","useApolloClient","Avatar","handleLogout","SideBlock","SideBar","menuItems","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","id","onClick","to","length","map","data","_extends","key","header","window","location","href","propTypes","array","isRequired","bool","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { SideBlock } from './components';\n\nconst SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link>\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n {menuItems.length\n ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)\n : 'Not available content types'}\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <span className=\"user-name\">{username}</span>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n menuItems: PropTypes.array.isRequired,\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":"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"}
|
package/lib-es/constants.js
CHANGED
package/lib-es/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,eAAe;AACnC,MAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAgD,CAAC;AAE3E,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAME,SAAS,GAAG,MAAM;AAExB,SAASP,WAAW,EAAEC,UAAU,EAAEK,YAAY,EAAEH,aAAa,EAAEI,SAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Home.js","names":["React","Home","createElement","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div
|
|
1
|
+
{"version":3,"file":"Home.js","names":["React","Home","createElement","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div>Home</div>;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,IAAI,GAAGA,CAAA,kBAAMD,KAAA,CAAAE,aAAA,cAAK,MAAS,CAAC;AAElCD,IAAI,CAACE,WAAW,GAAG,MAAM;AAEzB,eAAeF,IAAI"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.132.0
|
|
3
|
+
"version": "0.132.0",
|
|
4
4
|
"description": "Blaze plugin admin core ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@blaze-cms/admin-ui-styles": "0.
|
|
31
|
-
"@blaze-cms/admin-ui-utils": "0.132.0
|
|
32
|
-
"@blaze-cms/core-ui": "0.
|
|
33
|
-
"@blaze-cms/plugin-search-ui": "0.132.0
|
|
34
|
-
"@blaze-cms/setup-ui": "0.
|
|
30
|
+
"@blaze-cms/admin-ui-styles": "^0.131.0",
|
|
31
|
+
"@blaze-cms/admin-ui-utils": "^0.132.0",
|
|
32
|
+
"@blaze-cms/core-ui": "^0.131.0",
|
|
33
|
+
"@blaze-cms/plugin-search-ui": "^0.132.0",
|
|
34
|
+
"@blaze-cms/setup-ui": "^0.131.0",
|
|
35
35
|
"@blaze-react/avatar": "0.5.19",
|
|
36
36
|
"@blaze-react/button": "0.5.19",
|
|
37
37
|
"@blaze-react/input": "0.5.30",
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
"react-router-dom": "^5.0.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@blaze-cms/plugin-auth-ui": "0.132.0
|
|
50
|
+
"@blaze-cms/plugin-auth-ui": "^0.132.0",
|
|
51
51
|
"waait": "1.0.5"
|
|
52
52
|
},
|
|
53
53
|
"eslintIgnore": [
|
|
54
54
|
"lib/*",
|
|
55
55
|
"lib-es/*"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "d1a616228de279b4945be221c6175e297ac8ce94"
|
|
58
58
|
}
|
|
@@ -5,17 +5,15 @@ import { Menu, Logo } from './components';
|
|
|
5
5
|
import { LOGO_PROPS } from '../../constants';
|
|
6
6
|
|
|
7
7
|
const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
|
|
8
|
-
|
|
8
|
+
<header className="header">
|
|
9
9
|
{isLoggedIn && (
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
<Logo {...LOGO_PROPS} />
|
|
15
|
-
<SearchAdmin />
|
|
16
|
-
</header>
|
|
10
|
+
<div className="header__menu">
|
|
11
|
+
<Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
|
|
12
|
+
</div>
|
|
17
13
|
)}
|
|
18
|
-
|
|
14
|
+
<Logo {...LOGO_PROPS} />
|
|
15
|
+
{isLoggedIn && <SearchAdmin />}
|
|
16
|
+
</header>
|
|
19
17
|
);
|
|
20
18
|
|
|
21
19
|
Header.propTypes = {
|