@blaze-cms/plugin-admin-core-ui 0.131.0-project-admin-customisations.0 → 0.131.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 +2 -31
- package/README.md +0 -97
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Layout/Layout.js +6 -10
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +86 -10
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/SideBar/SideBar.js +19 -4
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/containers/Home/Home.js +1 -1
- package/lib/containers/Home/Home.js.map +1 -1
- package/lib/index.js +9 -13
- package/lib/index.js.map +1 -1
- package/lib-es/components/Header/Header.js +3 -3
- package/lib-es/components/Header/Header.js.map +1 -1
- package/lib-es/components/Layout/Layout.js +6 -10
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +52 -14
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/SideBar/SideBar.js +12 -3
- package/lib-es/components/SideBar/SideBar.js.map +1 -1
- package/lib-es/constants.js +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/containers/Home/Home.js +1 -1
- package/lib-es/containers/Home/Home.js.map +1 -1
- package/lib-es/index.js +9 -9
- package/lib-es/index.js.map +1 -1
- package/package.json +8 -9
- package/src/components/Header/Header.js +7 -9
- package/src/components/Layout/Layout.js +8 -23
- package/src/components/Layout/components/Grid/Grid.js +52 -13
- package/src/components/SideBar/SideBar.js +9 -5
- package/src/constants.js +1 -3
- package/src/containers/Home/Home.js +1 -1
- package/src/index.js +6 -7
- package/lib/components/Layout/Background.js +0 -26
- package/lib/components/Layout/Background.js.map +0 -1
- package/lib/components/Menu/Icons/ChevronDown.js +0 -27
- package/lib/components/Menu/Icons/ChevronDown.js.map +0 -1
- package/lib/components/Menu/Icons/ChevronUp.js +0 -27
- package/lib/components/Menu/Icons/ChevronUp.js.map +0 -1
- package/lib/components/Menu/Items/MenuActionItem.js +0 -37
- package/lib/components/Menu/Items/MenuActionItem.js.map +0 -1
- package/lib/components/Menu/Items/MenuItem.js +0 -73
- package/lib/components/Menu/Items/MenuItem.js.map +0 -1
- package/lib/components/Menu/Items/MenuLinkItem.js +0 -36
- package/lib/components/Menu/Items/MenuLinkItem.js.map +0 -1
- package/lib/components/Menu/Menu.js +0 -86
- package/lib/components/Menu/Menu.js.map +0 -1
- package/lib/components/Menu/Section/MenuSection.js +0 -28
- package/lib/components/Menu/Section/MenuSection.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionCollapsible.js +0 -91
- package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionItem.js +0 -40
- package/lib/components/Menu/Section/MenuSectionItem.js.map +0 -1
- package/lib/components/Menu/Section/MenuSectionItems.js +0 -33
- package/lib/components/Menu/Section/MenuSectionItems.js.map +0 -1
- package/lib/components/Menu/index.js +0 -12
- package/lib/components/Menu/index.js.map +0 -1
- package/lib/utils/menu-handler-singleton.js +0 -114
- package/lib/utils/menu-handler-singleton.js.map +0 -1
- package/lib-es/components/Layout/Background.js +0 -16
- package/lib-es/components/Layout/Background.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +0 -16
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronUp.js +0 -16
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuActionItem.js +0 -31
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuItem.js +0 -64
- package/lib-es/components/Menu/Items/MenuItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuLinkItem.js +0 -28
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +0 -1
- package/lib-es/components/Menu/Menu.js +0 -40
- package/lib-es/components/Menu/Menu.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSection.js +0 -18
- package/lib-es/components/Menu/Section/MenuSection.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +0 -67
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItem.js +0 -30
- package/lib-es/components/Menu/Section/MenuSectionItem.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItems.js +0 -20
- package/lib-es/components/Menu/Section/MenuSectionItems.js.map +0 -1
- package/lib-es/components/Menu/index.js +0 -3
- package/lib-es/components/Menu/index.js.map +0 -1
- package/lib-es/utils/menu-handler-singleton.js +0 -55
- package/lib-es/utils/menu-handler-singleton.js.map +0 -1
- package/src/components/Layout/Background.js +0 -16
- package/src/components/Layout/bg.svg +0 -22
- package/src/components/Menu/Icons/ChevronDown.js +0 -16
- package/src/components/Menu/Icons/ChevronUp.js +0 -16
- package/src/components/Menu/Items/MenuActionItem.js +0 -30
- package/src/components/Menu/Items/MenuItem.js +0 -49
- package/src/components/Menu/Items/MenuLinkItem.js +0 -25
- package/src/components/Menu/Menu.js +0 -48
- package/src/components/Menu/Section/MenuSection.js +0 -16
- package/src/components/Menu/Section/MenuSectionCollapsible.js +0 -59
- package/src/components/Menu/Section/MenuSectionItem.js +0 -28
- package/src/components/Menu/Section/MenuSectionItems.js +0 -17
- package/src/components/Menu/index.js +0 -3
- package/src/utils/menu-handler-singleton.js +0 -64
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_package","_constants","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_package","_constants","_getMenuItemsResolver","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_interopRequireWildcard","obj","__esModule","_typeof2","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Home","React","lazy","Promise","resolve","then","load","_x","_load","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","app","home","wrap","_callee$","_context","prev","next","path","exact","component","addRoute","addQueryResolver","getMenuItemsResolver","setLayout","Layout","events","once","addSection","header","order","abrupt","name","PLUGIN_NAME","version","pkg","stop","pluginName","_default","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { Layout } from './components';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\nimport getMenuItemsResolver from './utils/get-menu-items-resolver';\n\nconst Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));\n\nasync function load(app) {\n const home = {\n path: '/',\n exact: true,\n key: 'home',\n component: Home\n };\n app.addRoute(home);\n\n app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));\n\n app.setLayout(Layout);\n\n app.events.once('load:menu-section', addSection => {\n addSection('plugins', { header: 'plugins', order: 200 });\n });\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"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"}
|
|
@@ -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,19 +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
|
-
const simpleLayout = window.location !== window.parent.location;
|
|
16
|
-
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
17
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className:
|
|
15
|
+
className: "site-container grid grid--site-container"
|
|
19
16
|
}, /*#__PURE__*/React.createElement(Query, {
|
|
20
17
|
query: getQuery('GET_USER_AUTH_DATA'),
|
|
21
18
|
errorPolicy: "all"
|
|
@@ -28,16 +25,15 @@ const Layout = ({
|
|
|
28
25
|
userData = {}
|
|
29
26
|
} = {}
|
|
30
27
|
} = data;
|
|
31
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
28
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
|
|
32
29
|
isLoggedIn: isLoggedIn,
|
|
33
30
|
onMenuClick: onMenuClick,
|
|
34
31
|
isOpenMenu: isOpenMenu
|
|
35
|
-
}), isLoggedIn ? /*#__PURE__*/React.createElement(
|
|
32
|
+
}), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
|
|
36
33
|
isOpenMenu: isOpenMenu,
|
|
37
34
|
onMenuClick: onMenuClick,
|
|
38
|
-
userData: userData
|
|
39
|
-
|
|
40
|
-
}, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
|
|
35
|
+
userData: userData
|
|
36
|
+
}, children) : /*#__PURE__*/React.createElement(Login, null));
|
|
41
37
|
}));
|
|
42
38
|
};
|
|
43
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"}
|
|
@@ -1,29 +1,67 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
import React, { useState, useEffect } from 'react';
|
|
2
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useApolloClient } from '@apollo/client';
|
|
7
|
+
import { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';
|
|
3
8
|
import SideBar from '../../../SideBar';
|
|
4
9
|
const Grid = ({
|
|
5
10
|
children,
|
|
6
11
|
isOpenMenu,
|
|
7
12
|
onMenuClick,
|
|
8
|
-
userData
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
userData
|
|
14
|
+
}) => {
|
|
15
|
+
const [menuItems, setMenuItems] = useState(null);
|
|
16
|
+
const client = useApolloClient();
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
(async () => {
|
|
19
|
+
const {
|
|
20
|
+
data: {
|
|
21
|
+
getMenuItems
|
|
22
|
+
}
|
|
23
|
+
} = await client.query({
|
|
24
|
+
query: getQuery('GET_MENU_ITEMS')
|
|
25
|
+
});
|
|
26
|
+
const parsedMenuItems = getMenuItems.map(([key, {
|
|
27
|
+
header,
|
|
28
|
+
items
|
|
29
|
+
}]) => [key, {
|
|
30
|
+
header,
|
|
31
|
+
items: items.map(item => _objectSpread(_objectSpread({}, item), {}, {
|
|
32
|
+
isDisplayedPrompt: true
|
|
33
|
+
}))
|
|
34
|
+
}]);
|
|
35
|
+
if (!menuItems) {
|
|
36
|
+
setMenuItems(parsedMenuItems);
|
|
37
|
+
}
|
|
38
|
+
})();
|
|
39
|
+
}, [client, menuItems]);
|
|
40
|
+
const updateItems = items => {
|
|
41
|
+
setMenuItems(items);
|
|
42
|
+
};
|
|
43
|
+
return menuItems ? /*#__PURE__*/React.createElement(MainContextProvider, {
|
|
44
|
+
value: {
|
|
45
|
+
menuItems,
|
|
46
|
+
setMenuItems: items => updateItems(items)
|
|
47
|
+
}
|
|
48
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: "main-content grid grid--main-content"
|
|
50
|
+
}, /*#__PURE__*/React.createElement(SideBar, {
|
|
51
|
+
isOpenMenu: isOpenMenu,
|
|
52
|
+
menuItems: menuItems,
|
|
53
|
+
onMenuClick: onMenuClick,
|
|
54
|
+
userData: userData
|
|
55
|
+
}), children)) : 'loading';
|
|
56
|
+
};
|
|
17
57
|
Grid.propTypes = {
|
|
18
58
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
19
59
|
isOpenMenu: PropTypes.bool.isRequired,
|
|
20
60
|
onMenuClick: PropTypes.func.isRequired,
|
|
21
|
-
userData: PropTypes.object
|
|
22
|
-
simpleLayout: PropTypes.bool
|
|
61
|
+
userData: PropTypes.object
|
|
23
62
|
};
|
|
24
63
|
Grid.defaultProps = {
|
|
25
|
-
userData: {}
|
|
26
|
-
simpleLayout: false
|
|
64
|
+
userData: {}
|
|
27
65
|
};
|
|
28
66
|
export default Grid;
|
|
29
67
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","names":["React","PropTypes","SideBar","Grid","children","isOpenMenu","onMenuClick","userData","
|
|
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,11 +1,14 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
import React from 'react';
|
|
3
|
+
import { Link } from 'react-router-dom';
|
|
2
4
|
import classnames from 'classnames';
|
|
3
5
|
import PropTypes from 'prop-types';
|
|
4
6
|
import { useApolloClient } from '@apollo/client';
|
|
5
7
|
import Avatar from '@blaze-react/avatar';
|
|
6
8
|
import { handleLogout } from '@blaze-cms/core-auth-ui';
|
|
7
|
-
import
|
|
9
|
+
import { SideBlock } from './components';
|
|
8
10
|
const SideBar = ({
|
|
11
|
+
menuItems,
|
|
9
12
|
isOpenMenu,
|
|
10
13
|
onMenuClick,
|
|
11
14
|
userData
|
|
@@ -33,11 +36,16 @@ const SideBar = ({
|
|
|
33
36
|
onClick: onMenuClick
|
|
34
37
|
}, /*#__PURE__*/React.createElement("i", {
|
|
35
38
|
className: "material-icons"
|
|
36
|
-
}, "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", {
|
|
37
43
|
className: sideNavWrapperClassname,
|
|
38
44
|
"data-testid": "sidenav",
|
|
39
45
|
id: "side-nav__wrapper"
|
|
40
|
-
},
|
|
46
|
+
}, menuItems.length ? menuItems.map(([, data]) => /*#__PURE__*/React.createElement(SideBlock, _extends({
|
|
47
|
+
key: data.header
|
|
48
|
+
}, data))) : 'Not available content types'), /*#__PURE__*/React.createElement("div", {
|
|
41
49
|
className: "side-nav__user"
|
|
42
50
|
}, /*#__PURE__*/React.createElement("div", {
|
|
43
51
|
className: "side-nav__user--info"
|
|
@@ -60,6 +68,7 @@ const SideBar = ({
|
|
|
60
68
|
}, "Log off")));
|
|
61
69
|
};
|
|
62
70
|
SideBar.propTypes = {
|
|
71
|
+
menuItems: PropTypes.array.isRequired,
|
|
63
72
|
isOpenMenu: PropTypes.bool.isRequired,
|
|
64
73
|
onMenuClick: PropTypes.func.isRequired,
|
|
65
74
|
userData: PropTypes.object.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","
|
|
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","
|
|
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/lib-es/index.js
CHANGED
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Layout } from './components';
|
|
3
3
|
import pkg from '../package.json';
|
|
4
4
|
import { PLUGIN_NAME } from './constants';
|
|
5
|
-
import
|
|
5
|
+
import getMenuItemsResolver from './utils/get-menu-items-resolver';
|
|
6
6
|
const Home = React.lazy(() => import( /* webpackChunkName: 'Home' */'./containers'));
|
|
7
|
-
async function load(app
|
|
7
|
+
async function load(app) {
|
|
8
8
|
const home = {
|
|
9
9
|
path: '/',
|
|
10
10
|
exact: true,
|
|
@@ -12,14 +12,14 @@ async function load(app, options = {}) {
|
|
|
12
12
|
component: Home
|
|
13
13
|
};
|
|
14
14
|
app.addRoute(home);
|
|
15
|
-
|
|
15
|
+
app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));
|
|
16
16
|
app.setLayout(Layout);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
})
|
|
17
|
+
app.events.once('load:menu-section', addSection => {
|
|
18
|
+
addSection('plugins', {
|
|
19
|
+
header: 'plugins',
|
|
20
|
+
order: 200
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
23
|
return {
|
|
24
24
|
name: PLUGIN_NAME,
|
|
25
25
|
version: pkg.version
|
package/lib-es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","Layout","pkg","PLUGIN_NAME","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","Layout","pkg","PLUGIN_NAME","getMenuItemsResolver","Home","lazy","load","app","home","path","exact","key","component","addRoute","addQueryResolver","setLayout","events","once","addSection","header","order","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { Layout } from './components';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\nimport getMenuItemsResolver from './utils/get-menu-items-resolver';\n\nconst Home = React.lazy(() => import(/* webpackChunkName: 'Home' */ './containers'));\n\nasync function load(app) {\n const home = {\n path: '/',\n exact: true,\n key: 'home',\n component: Home\n };\n app.addRoute(home);\n\n app.addQueryResolver('getMenuItems', getMenuItemsResolver(app));\n\n app.setLayout(Layout);\n\n app.events.once('load:menu-section', addSection => {\n addSection('plugins', { header: 'plugins', order: 200 });\n });\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,cAAc;AACrC,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,oBAAoB,MAAM,iCAAiC;AAElE,MAAMC,IAAI,GAAGL,KAAK,CAACM,IAAI,CAAC,MAAM,MAAM,EAAC,8BAA+B,cAAc,CAAC,CAAC;AAEpF,eAAeC,IAAIA,CAACC,GAAG,EAAE;EACvB,MAAMC,IAAI,GAAG;IACXC,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,IAAI;IACXC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAER;EACb,CAAC;EACDG,GAAG,CAACM,QAAQ,CAACL,IAAI,CAAC;EAElBD,GAAG,CAACO,gBAAgB,CAAC,cAAc,EAAEX,oBAAoB,CAACI,GAAG,CAAC,CAAC;EAE/DA,GAAG,CAACQ,SAAS,CAACf,MAAM,CAAC;EAErBO,GAAG,CAACS,MAAM,CAACC,IAAI,CAAC,mBAAmB,EAAEC,UAAU,IAAI;IACjDA,UAAU,CAAC,SAAS,EAAE;MAAEC,MAAM,EAAE,SAAS;MAAEC,KAAK,EAAE;IAAI,CAAC,CAAC;EAC1D,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAEnB,WAAW;IACjBoB,OAAO,EAAErB,GAAG,CAACqB;EACf,CAAC;AACH;AAEAhB,IAAI,CAACiB,UAAU,GAAGrB,WAAW;AAE7B,eAAeI,IAAI"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.131.0
|
|
3
|
+
"version": "0.131.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.131.0
|
|
31
|
-
"@blaze-cms/admin-ui-utils": "0.131.0
|
|
32
|
-
"@blaze-cms/core-ui": "0.131.0
|
|
33
|
-
"@blaze-cms/plugin-search-ui": "0.131.0
|
|
34
|
-
"@blaze-cms/setup-ui": "0.131.0
|
|
30
|
+
"@blaze-cms/admin-ui-styles": "^0.131.0",
|
|
31
|
+
"@blaze-cms/admin-ui-utils": "^0.131.0",
|
|
32
|
+
"@blaze-cms/core-ui": "^0.131.0",
|
|
33
|
+
"@blaze-cms/plugin-search-ui": "^0.131.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,13 +47,12 @@
|
|
|
47
47
|
"react-router-dom": "^5.0.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@blaze-cms/plugin-auth-ui": "0.131.0
|
|
51
|
-
"lodash.merge": "^4.6.2",
|
|
50
|
+
"@blaze-cms/plugin-auth-ui": "^0.131.0",
|
|
52
51
|
"waait": "1.0.5"
|
|
53
52
|
},
|
|
54
53
|
"eslintIgnore": [
|
|
55
54
|
"lib/*",
|
|
56
55
|
"lib-es/*"
|
|
57
56
|
],
|
|
58
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "8448393caa59dd524bd263a07d7bb263550cda13"
|
|
59
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 = {
|
|
@@ -3,44 +3,29 @@ 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
|
-
|
|
8
|
+
|
|
8
9
|
import '@blaze-cms/admin-ui-styles/main.scss';
|
|
9
|
-
import Header from '../Header';
|
|
10
10
|
|
|
11
11
|
const Layout = ({ children }) => {
|
|
12
12
|
const [isOpenMenu, setOpenMenu] = useState(true);
|
|
13
13
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
14
|
-
|
|
15
|
-
const simpleLayout = window.location !== window.parent.location;
|
|
16
|
-
|
|
17
|
-
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
18
|
-
|
|
19
14
|
return (
|
|
20
|
-
<div className=
|
|
15
|
+
<div className="site-container grid grid--site-container">
|
|
21
16
|
<Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
|
|
22
17
|
{({ data = {} }) => {
|
|
23
18
|
const { session: { isLoggedIn, userData = {} } = {} } = data;
|
|
24
19
|
|
|
25
20
|
return (
|
|
26
21
|
<>
|
|
27
|
-
{
|
|
28
|
-
<Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
|
|
29
|
-
)}
|
|
22
|
+
<Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
|
|
30
23
|
{isLoggedIn ? (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
onMenuClick={onMenuClick}
|
|
35
|
-
userData={userData}
|
|
36
|
-
simpleLayout={simpleLayout}>
|
|
37
|
-
{children}
|
|
38
|
-
</Grid>
|
|
39
|
-
</>
|
|
24
|
+
<Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
|
|
25
|
+
{children}
|
|
26
|
+
</Grid>
|
|
40
27
|
) : (
|
|
41
|
-
<
|
|
42
|
-
<Login />
|
|
43
|
-
</Background>
|
|
28
|
+
<Login />
|
|
44
29
|
)}
|
|
45
30
|
</>
|
|
46
31
|
);
|
|
@@ -1,27 +1,66 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import { useApolloClient } from '@apollo/client';
|
|
4
|
+
import { getQuery, MainContextProvider } from '@blaze-cms/admin-ui-utils';
|
|
3
5
|
import SideBar from '../../../SideBar';
|
|
4
6
|
|
|
5
|
-
const Grid = ({ children, isOpenMenu, onMenuClick, userData
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
const Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {
|
|
8
|
+
const [menuItems, setMenuItems] = useState(null);
|
|
9
|
+
const client = useApolloClient();
|
|
10
|
+
|
|
11
|
+
useEffect(
|
|
12
|
+
() => {
|
|
13
|
+
(async () => {
|
|
14
|
+
const {
|
|
15
|
+
data: { getMenuItems }
|
|
16
|
+
} = await client.query({ query: getQuery('GET_MENU_ITEMS') });
|
|
17
|
+
|
|
18
|
+
const parsedMenuItems = getMenuItems.map(([key, { header, items }]) => [
|
|
19
|
+
key,
|
|
20
|
+
{
|
|
21
|
+
header,
|
|
22
|
+
items: items.map(item => ({ ...item, isDisplayedPrompt: true }))
|
|
23
|
+
}
|
|
24
|
+
]);
|
|
25
|
+
|
|
26
|
+
if (!menuItems) {
|
|
27
|
+
setMenuItems(parsedMenuItems);
|
|
28
|
+
}
|
|
29
|
+
})();
|
|
30
|
+
},
|
|
31
|
+
[client, menuItems]
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
const updateItems = items => {
|
|
35
|
+
setMenuItems(items);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
return menuItems ? (
|
|
39
|
+
<MainContextProvider value={{ menuItems, setMenuItems: items => updateItems(items) }}>
|
|
40
|
+
<div className="main-content grid grid--main-content">
|
|
41
|
+
<SideBar
|
|
42
|
+
isOpenMenu={isOpenMenu}
|
|
43
|
+
menuItems={menuItems}
|
|
44
|
+
onMenuClick={onMenuClick}
|
|
45
|
+
userData={userData}
|
|
46
|
+
/>
|
|
47
|
+
{children}
|
|
48
|
+
</div>
|
|
49
|
+
</MainContextProvider>
|
|
50
|
+
) : (
|
|
51
|
+
'loading'
|
|
52
|
+
);
|
|
53
|
+
};
|
|
13
54
|
|
|
14
55
|
Grid.propTypes = {
|
|
15
56
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
16
57
|
isOpenMenu: PropTypes.bool.isRequired,
|
|
17
58
|
onMenuClick: PropTypes.func.isRequired,
|
|
18
|
-
userData: PropTypes.object
|
|
19
|
-
simpleLayout: PropTypes.bool
|
|
59
|
+
userData: PropTypes.object
|
|
20
60
|
};
|
|
21
61
|
|
|
22
62
|
Grid.defaultProps = {
|
|
23
|
-
userData: {}
|
|
24
|
-
simpleLayout: false
|
|
63
|
+
userData: {}
|
|
25
64
|
};
|
|
26
65
|
|
|
27
66
|
export default Grid;
|