@blaze-cms/plugin-admin-core-ui 0.124.0-alpha.6 → 0.125.0-admin-updates.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 +58 -0
- package/lib/components/Header/Header.js +3 -3
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Header/components/Language/Language.js.map +1 -1
- package/lib/components/Header/components/Language/index.js.map +1 -1
- package/lib/components/Header/components/Logo/Logo.js.map +1 -1
- package/lib/components/Header/components/Logo/index.js.map +1 -1
- package/lib/components/Header/components/Menu/Menu.js.map +1 -1
- package/lib/components/Header/components/Menu/index.js.map +1 -1
- package/lib/components/Header/components/index.js.map +1 -1
- package/lib/components/Header/index.js.map +1 -1
- package/lib/components/Layout/Background.js +31 -0
- package/lib/components/Layout/Background.js.map +1 -0
- package/lib/components/Layout/Layout.js +7 -5
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/Layout/components/Grid/Grid.js +3 -1
- package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib/components/Layout/components/Grid/index.js.map +1 -1
- package/lib/components/Layout/components/index.js.map +1 -1
- package/lib/components/SideBar/SideBar.js +6 -7
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib/components/SideBar/components/SideBlock.js.map +1 -1
- package/lib/components/SideBar/components/SideBlockItem.js.map +1 -1
- package/lib/components/SideBar/components/index.js.map +1 -1
- package/lib/components/SideBar/index.js.map +1 -1
- package/lib/components/index.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/containers/index.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/get-menu-items-resolver.js.map +1 -1
- package/lib/utils/menu-handler.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/Header/components/Language/Language.js.map +1 -1
- package/lib-es/components/Header/components/Language/index.js.map +1 -1
- package/lib-es/components/Header/components/Logo/Logo.js.map +1 -1
- package/lib-es/components/Header/components/Logo/index.js.map +1 -1
- package/lib-es/components/Header/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/Header/components/Menu/index.js.map +1 -1
- package/lib-es/components/Header/components/index.js.map +1 -1
- package/lib-es/components/Header/index.js.map +1 -1
- package/lib-es/components/Layout/Background.js +16 -0
- package/lib-es/components/Layout/Background.js.map +1 -0
- package/lib-es/components/Layout/Layout.js +5 -4
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +3 -1
- package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
- package/lib-es/components/Layout/components/Grid/index.js.map +1 -1
- package/lib-es/components/Layout/components/index.js.map +1 -1
- package/lib-es/components/SideBar/SideBar.js +6 -6
- package/lib-es/components/SideBar/SideBar.js.map +1 -1
- package/lib-es/components/SideBar/components/SideBlock.js.map +1 -1
- package/lib-es/components/SideBar/components/SideBlockItem.js.map +1 -1
- package/lib-es/components/SideBar/components/index.js.map +1 -1
- package/lib-es/components/SideBar/index.js.map +1 -1
- package/lib-es/components/index.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/containers/index.js.map +1 -1
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/get-menu-items-resolver.js.map +1 -1
- package/lib-es/utils/menu-handler.js.map +1 -1
- package/package.json +6 -6
- package/src/components/Header/Header.js +9 -7
- package/src/components/Layout/Background.js +16 -0
- package/src/components/Layout/Layout.js +11 -7
- package/src/components/Layout/bg.svg +22 -0
- package/src/components/Layout/components/Grid/Grid.js +1 -1
- package/src/components/SideBar/SideBar.js +7 -4
- package/src/constants.js +1 -1
- package/src/containers/Home/Home.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Menu"],"sources":["../../../../../src/components/Header/components/Menu/index.js"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,eAAeA,IAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Language","Logo","Menu"],"sources":["../../../../src/components/Header/components/index.js"],"sourcesContent":["import Language from './Language';\nimport Logo from './Logo';\nimport Menu from './Menu';\n\nexport { Language, Logo, Menu };\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,YAArB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,SAASF,QAAT,EAAmBC,IAAnB,EAAyBC,IAAzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Header"],"sources":["../../../src/components/Header/index.js"],"sourcesContent":["import Header from './Header';\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types'; // import Svg from './bg.svg';
|
|
3
|
+
|
|
4
|
+
const Background = ({
|
|
5
|
+
children
|
|
6
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
7
|
+
className: "bg-blue-900 h-full w-full relative"
|
|
8
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
9
|
+
className: "login-container"
|
|
10
|
+
}, children));
|
|
11
|
+
|
|
12
|
+
Background.propTypes = {
|
|
13
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
14
|
+
};
|
|
15
|
+
export default Background;
|
|
16
|
+
//# sourceMappingURL=Background.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Background.js","names":["React","PropTypes","Background","children","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n <div className=\"bg-blue-900 h-full w-full relative\">\n {/* <Svg /> */}\n <div className=\"login-container\">{children}</div>\n </div>\n);\n\nBackground.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB,C,CACA;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAAEC;AAAF,CAAD,kBACjB;EAAK,SAAS,EAAC;AAAf,gBAEE;EAAK,SAAS,EAAC;AAAf,GAAkCA,QAAlC,CAFF,CADF;;AAOAD,UAAU,CAACE,SAAX,GAAuB;EACrBD,QAAQ,EAAEF,SAAS,CAACI,SAAV,CAAoB,CAACJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,IAA5B,CAAD,EAAoCN,SAAS,CAACM,IAA9C,CAApB,EAAyEC;AAD9D,CAAvB;AAIA,eAAeN,UAAf"}
|
|
@@ -3,9 +3,10 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { Query } from '@apollo/client/react/components';
|
|
4
4
|
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
5
5
|
import { Login } from '@blaze-cms/plugin-auth-ui';
|
|
6
|
-
import Header from '../Header';
|
|
7
6
|
import { Grid } from './components';
|
|
7
|
+
import Background from './Background';
|
|
8
8
|
import '@blaze-cms/admin-ui-styles/main.scss';
|
|
9
|
+
import Header from '../Header';
|
|
9
10
|
|
|
10
11
|
const Layout = ({
|
|
11
12
|
children
|
|
@@ -15,7 +16,7 @@ const Layout = ({
|
|
|
15
16
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
16
17
|
|
|
17
18
|
return /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: "site-container grid
|
|
19
|
+
className: "site-container grid--site-container"
|
|
19
20
|
}, /*#__PURE__*/React.createElement(Query, {
|
|
20
21
|
query: getQuery('GET_USER_AUTH_DATA'),
|
|
21
22
|
errorPolicy: "all"
|
|
@@ -32,11 +33,11 @@ const Layout = ({
|
|
|
32
33
|
isLoggedIn: isLoggedIn,
|
|
33
34
|
onMenuClick: onMenuClick,
|
|
34
35
|
isOpenMenu: isOpenMenu
|
|
35
|
-
}), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
|
|
36
|
+
}), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
|
|
36
37
|
isOpenMenu: isOpenMenu,
|
|
37
38
|
onMenuClick: onMenuClick,
|
|
38
39
|
userData: userData
|
|
39
|
-
}, children) : /*#__PURE__*/React.createElement(Login, null));
|
|
40
|
+
}, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
|
|
40
41
|
}));
|
|
41
42
|
};
|
|
42
43
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","data","session","isLoggedIn","userData","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login } from '@blaze-cms/plugin-auth-ui';\nimport { Grid } from './components';\nimport Background from './Background';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport Header from '../Header';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n return (\n <div className=\"site-container 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 <>\n <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>\n {children}\n </Grid>\n </>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,KAAT,QAAsB,iCAAtB;AACA,SAASC,QAAT,QAAyB,2BAAzB;AACA,SAASC,KAAT,QAAsB,2BAAtB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAO,sCAAP;AACA,OAAOC,MAAP,MAAmB,WAAnB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAkB;EAC/B,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BX,QAAQ,CAAC,IAAD,CAA1C;;EACA,MAAMY,WAAW,GAAG,MAAMD,WAAW,CAAC,CAACD,UAAF,CAArC;;EACA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEP,QAAQ,CAAC,oBAAD,CAAtB;IAA8C,WAAW,EAAC;EAA1D,GACG,CAAC;IAAEU,IAAI,GAAG;EAAT,CAAD,KAAmB;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAF;QAAcC,QAAQ,GAAG;MAAzB,IAAgC;IAA3C,IAAkDH,IAAxD;IAEA,oBACE,uDACE,oBAAC,MAAD;MAAQ,UAAU,EAAEE,UAApB;MAAgC,WAAW,EAAEH,WAA7C;MAA0D,UAAU,EAAEF;IAAtE,EADF,EAEGK,UAAU,gBACT,uDACE,oBAAC,IAAD;MAAM,UAAU,EAAEL,UAAlB;MAA8B,WAAW,EAAEE,WAA3C;MAAwD,QAAQ,EAAEI;IAAlE,GACGP,QADH,CADF,CADS,gBAOT,oBAAC,UAAD,qBACE,oBAAC,KAAD,OADF,CATJ,CADF;EAgBD,CApBH,CADF,CADF;AA0BD,CA7BD;;AA+BAD,MAAM,CAACS,SAAP,GAAmB;EACjBR,QAAQ,EAAER,SAAS,CAACiB,SAAV,CAAoB,CAACjB,SAAS,CAACkB,OAAV,CAAkBlB,SAAS,CAACmB,IAA5B,CAAD,EAAoCnB,SAAS,CAACmB,IAA9C,CAApB,EAAyEC;AADlE,CAAnB;AAIA,eAAeb,MAAf"}
|
|
@@ -59,7 +59,9 @@ const Grid = ({
|
|
|
59
59
|
menuItems: menuItems,
|
|
60
60
|
onMenuClick: onMenuClick,
|
|
61
61
|
userData: userData
|
|
62
|
-
}),
|
|
62
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
63
|
+
className: "grid--main-content-wrapper"
|
|
64
|
+
}, children))) : 'loading';
|
|
63
65
|
};
|
|
64
66
|
|
|
65
67
|
Grid.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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","isDisplayedPrompt","updateItems","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 <div className=\"grid--main-content-wrapper\">{children}</div>\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,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,gBAAhC;AACA,SAASC,QAAT,EAAmBC,mBAAnB,QAA8C,2BAA9C;AACA,OAAOC,OAAP,MAAoB,kBAApB;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAAEC,QAAF;EAAYC,UAAZ;EAAwBC,WAAxB;EAAqCC;AAArC,CAAD,KAAqD;EAChE,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4Bb,QAAQ,CAAC,IAAD,CAA1C;EACA,MAAMc,MAAM,GAAGX,eAAe,EAA9B;EAEAF,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAM;QACJc,IAAI,EAAE;UAAEC;QAAF;MADF,IAEF,MAAMF,MAAM,CAACG,KAAP,CAAa;QAAEA,KAAK,EAAEb,QAAQ,CAAC,gBAAD;MAAjB,CAAb,CAFV;MAIA,MAAMc,eAAe,GAAGF,YAAY,CAACG,GAAb,CAAiB,CAAC,CAACC,GAAD,EAAM;QAAEC,MAAF;QAAUC;MAAV,CAAN,CAAD,KAA8B,CACrEF,GADqE,EAErE;QACEC,MADF;QAEEC,KAAK,EAAEA,KAAK,CAACH,GAAN,CAAUI,IAAI,oCAAUA,IAAV;UAAgBC,iBAAiB,EAAE;QAAnC,EAAd;MAFT,CAFqE,CAA/C,CAAxB;;MAQA,IAAI,CAACZ,SAAL,EAAgB;QACdC,YAAY,CAACK,eAAD,CAAZ;MACD;IACF,CAhBD;EAiBD,CAnBM,EAoBP,CAACJ,MAAD,EAASF,SAAT,CApBO,CAAT;;EAuBA,MAAMa,WAAW,GAAGH,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAD,CAAZ;EACD,CAFD;;EAIA,OAAOV,SAAS,gBACd,oBAAC,mBAAD;IAAqB,KAAK,EAAE;MAAEA,SAAF;MAAaC,YAAY,EAAES,KAAK,IAAIG,WAAW,CAACH,KAAD;IAA/C;EAA5B,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE,oBAAC,OAAD;IACE,UAAU,EAAEb,UADd;IAEE,SAAS,EAAEG,SAFb;IAGE,WAAW,EAAEF,WAHf;IAIE,QAAQ,EAAEC;EAJZ,EADF,eAOE;IAAK,SAAS,EAAC;EAAf,GAA6CH,QAA7C,CAPF,CADF,CADc,GAad,SAbF;AAeD,CA9CD;;AAgDAD,IAAI,CAACmB,SAAL,GAAiB;EACflB,QAAQ,EAAEN,SAAS,CAACyB,SAAV,CAAoB,CAACzB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,IAA5B,CAAD,EAAoC3B,SAAS,CAAC2B,IAA9C,CAApB,EAAyEC,UADpE;EAEfrB,UAAU,EAAEP,SAAS,CAAC6B,IAAV,CAAeD,UAFZ;EAGfpB,WAAW,EAAER,SAAS,CAAC8B,IAAV,CAAeF,UAHb;EAIfnB,QAAQ,EAAET,SAAS,CAAC+B;AAJL,CAAjB;AAOA1B,IAAI,CAAC2B,YAAL,GAAoB;EAClBvB,QAAQ,EAAE;AADQ,CAApB;AAIA,eAAeJ,IAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Grid"],"sources":["../../../../../src/components/Layout/components/Grid/index.js"],"sourcesContent":["import Grid from './Grid';\n\nexport default Grid;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,eAAeA,IAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Grid"],"sources":["../../../../src/components/Layout/components/index.js"],"sourcesContent":["import Grid from './Grid';\n\nexport { Grid };\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,SAASA,IAAT"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Link } from 'react-router-dom';
|
|
4
3
|
import classnames from 'classnames';
|
|
5
4
|
import PropTypes from 'prop-types';
|
|
6
5
|
import { useApolloClient } from '@apollo/client';
|
|
@@ -24,6 +23,9 @@ const SideBar = ({
|
|
|
24
23
|
'side-nav--open': isOpenMenu,
|
|
25
24
|
'side-nav--close': !isOpenMenu
|
|
26
25
|
});
|
|
26
|
+
const sideNavWrapperClassname = classnames('side-nav__wrapper', {
|
|
27
|
+
'side-nav__wrapper--close': !isOpenMenu
|
|
28
|
+
});
|
|
27
29
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
30
|
"data-testid": "sidebar",
|
|
29
31
|
className: sideNavClassname
|
|
@@ -34,11 +36,9 @@ const SideBar = ({
|
|
|
34
36
|
onClick: onMenuClick
|
|
35
37
|
}, /*#__PURE__*/React.createElement("i", {
|
|
36
38
|
className: "material-icons"
|
|
37
|
-
}, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, "Dashboard"), /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: "side-nav__wrapper",
|
|
39
|
+
}, "keyboard_arrow_left")), /*#__PURE__*/React.createElement("div", {
|
|
40
|
+
className: sideNavWrapperClassname,
|
|
41
|
+
"data-testid": "sidenav",
|
|
42
42
|
id: "side-nav__wrapper"
|
|
43
43
|
}, menuItems.length ? menuItems.map(([, data]) => /*#__PURE__*/React.createElement(SideBlock, _extends({
|
|
44
44
|
key: data.header
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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","length","map","data","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 {/* <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":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,gBAAhC;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,SAASC,YAAT,QAA6B,yBAA7B;AACA,SAASC,SAAT,QAA0B,cAA1B;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAF;EAAaC,UAAb;EAAyBC,WAAzB;EAAsCC;AAAtC,CAAD,KAAsD;EACpE,MAAMC,MAAM,GAAGT,eAAe,EAA9B;EAEA,MAAM;IAAEU,SAAF;IAAaC;EAAb,IAA0BH,QAAhC;EACA,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAA1C;EAEA,MAAME,gBAAgB,GAAGf,UAAU,CAAC,UAAD,EAAa;IAC9C,kBAAkBQ,UAD4B;IAE9C,mBAAmB,CAACA;EAF0B,CAAb,CAAnC;EAKA,MAAMQ,uBAAuB,GAAGhB,UAAU,CAAC,mBAAD,EAAsB;IAC9D,4BAA4B,CAACQ;EADiC,CAAtB,CAA1C;EAIA,oBACE;IAAK,eAAY,SAAjB;IAA2B,SAAS,EAAEO;EAAtC,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,uBAFZ;IAGE,EAAE,EAAC,iBAHL;IAIE,OAAO,EAAEN;EAJX,gBAKE;IAAG,SAAS,EAAC;EAAb,yBALF,CADF,eAWE;IAAK,SAAS,EAAEO,uBAAhB;IAAyC,eAAY,SAArD;IAA+D,EAAE,EAAC;EAAlE,GACGT,SAAS,CAACU,MAAV,GACGV,SAAS,CAACW,GAAV,CAAc,CAAC,GAAGC,IAAH,CAAD,kBAAc,oBAAC,SAAD;IAAW,GAAG,EAAEA,IAAI,CAACC;EAArB,GAAiCD,IAAjC,EAA5B,CADH,GAEG,6BAHN,CAXF,eAgBE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE,oBAAC,MAAD;IAAQ,QAAQ,EAAEL;EAAlB,EADF,eAEE;IAAM,SAAS,EAAC;EAAhB,GAA6BA,QAA7B,CAFF,CADF,eAKE;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,EAAE,EAAC,eADL;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE,YAAY;MACnB,MAAMV,YAAY,CAACO,MAAD,CAAlB;MACAU,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuB,GAAvB;IACD,CANH;IAOE,SAAS,EAAC;EAPZ,wBADF,CALF,eAiBE;IAAM,SAAS,EAAC;EAAhB,aAjBF,CAhBF,CADF;AAsCD,CArDD;;AAuDAjB,OAAO,CAACkB,SAAR,GAAoB;EAClBjB,SAAS,EAAEN,SAAS,CAACwB,KAAV,CAAgBC,UADT;EAElBlB,UAAU,EAAEP,SAAS,CAAC0B,IAAV,CAAeD,UAFT;EAGlBjB,WAAW,EAAER,SAAS,CAAC2B,IAAV,CAAeF,UAHV;EAIlBhB,QAAQ,EAAET,SAAS,CAAC4B,MAAV,CAAiBH;AAJT,CAApB;AAOA,eAAepB,OAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SideBlock.js","names":["React","useState","PropTypes","SideBlockItem","ACTIVE_LABEL","DEFAULT_LABEL","DOWN_ICON","SideBlock","header","items","text","icon","setLabelStatus","clonedItems","firstItems","splice","handleLabelClick","arrowType","map","length","propTypes","string","isRequired","arrayOf","shape","uri","name"],"sources":["../../../../src/components/SideBar/components/SideBlock.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport SideBlockItem from './SideBlockItem';\nimport { ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON } from '../../../constants';\n\nconst SideBlock = ({ header, items }) => {\n const [{ text, icon }, setLabelStatus] = useState(DEFAULT_LABEL);\n\n const clonedItems = [...items];\n const firstItems = clonedItems.splice(0, 10);\n\n const handleLabelClick = () =>\n icon === DOWN_ICON ? setLabelStatus(ACTIVE_LABEL) : setLabelStatus(DEFAULT_LABEL);\n\n const arrowType = `keyboard_arrow_${icon}`;\n\n return (\n <div className=\"side-nav__block\">\n <div className=\"side-nav__block-heading\">{header}</div>\n <ul className=\"side-nav__list\">\n {firstItems.map(SideBlockItem)}\n {!!clonedItems.length && (\n <>\n <input type=\"checkbox\" className=\"sub-menu-checkbox\" id=\"dropdown\" />\n <div className=\"side-nav__list-dropdown\">{clonedItems.map(SideBlockItem)}</div>\n <li className=\"side-nav__list-item\">\n <label title=\"See more\" htmlFor=\"dropdown\" onClick={handleLabelClick}>\n {text} <i className=\"material-icons\">{arrowType}</i>\n </label>\n </li>\n </>\n )}\n </ul>\n </div>\n );\n};\n\nSideBlock.propTypes = {\n header: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n uri: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n })\n ).isRequired\n};\n\nexport default SideBlock;\n"],"mappings":"AAAA;AACA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,YAAT,EAAuBC,aAAvB,EAAsCC,SAAtC,QAAuD,oBAAvD;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,MAAF;EAAUC;AAAV,CAAD,KAAuB;EACvC,MAAM,CAAC;IAAEC,IAAF;IAAQC;EAAR,CAAD,EAAiBC,cAAjB,IAAmCX,QAAQ,CAACI,aAAD,CAAjD;EAEA,MAAMQ,WAAW,GAAG,CAAC,GAAGJ,KAAJ,CAApB;EACA,MAAMK,UAAU,GAAGD,WAAW,CAACE,MAAZ,CAAmB,CAAnB,EAAsB,EAAtB,CAAnB;;EAEA,MAAMC,gBAAgB,GAAG,MACvBL,IAAI,KAAKL,SAAT,GAAqBM,cAAc,CAACR,YAAD,CAAnC,GAAoDQ,cAAc,CAACP,aAAD,CADpE;;EAGA,MAAMY,SAAS,GAAI,kBAAiBN,IAAK,EAAzC;EAEA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0CH,MAA1C,CADF,eAEE;IAAI,SAAS,EAAC;EAAd,GACGM,UAAU,CAACI,GAAX,CAAef,aAAf,CADH,EAEG,CAAC,CAACU,WAAW,CAACM,MAAd,iBACC,uDACE;IAAO,IAAI,EAAC,UAAZ;IAAuB,SAAS,EAAC,mBAAjC;IAAqD,EAAE,EAAC;EAAxD,EADF,eAEE;IAAK,SAAS,EAAC;EAAf,GAA0CN,WAAW,CAACK,GAAZ,CAAgBf,aAAhB,CAA1C,CAFF,eAGE;IAAI,SAAS,EAAC;EAAd,gBACE;IAAO,KAAK,EAAC,UAAb;IAAwB,OAAO,EAAC,UAAhC;IAA2C,OAAO,EAAEa;EAApD,GACGN,IADH,oBACS;IAAG,SAAS,EAAC;EAAb,GAA+BO,SAA/B,CADT,CADF,CAHF,CAHJ,CAFF,CADF;AAmBD,CA9BD;;AAgCAV,SAAS,CAACa,SAAV,GAAsB;EACpBZ,MAAM,EAAEN,SAAS,CAACmB,MAAV,CAAiBC,UADL;EAEpBb,KAAK,EAAEP,SAAS,CAACqB,OAAV,CACLrB,SAAS,CAACsB,KAAV,CAAgB;IACdC,GAAG,EAAEvB,SAAS,CAACmB,MAAV,CAAiBC,UADR;IAEdI,IAAI,EAAExB,SAAS,CAACmB,MAAV,CAAiBC;EAFT,CAAhB,CADK,EAKLA;AAPkB,CAAtB;AAUA,eAAef,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SideBlockItem.js","names":["React","PropTypes","Link","SideBlockItem","uri","name","propTypes","string","isRequired"],"sources":["../../../../src/components/SideBar/components/SideBlockItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nconst SideBlockItem = ({ uri, name }) => (\n <li key={name} className=\"side-nav__list-item\">\n <Link to={uri} className=\"side-nav__list-link\">\n {name}\n </Link>\n </li>\n);\n\nSideBlockItem.propTypes = {\n uri: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nexport default SideBlockItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAAEC,GAAF;EAAOC;AAAP,CAAD,kBACpB;EAAI,GAAG,EAAEA,IAAT;EAAe,SAAS,EAAC;AAAzB,gBACE,oBAAC,IAAD;EAAM,EAAE,EAAED,GAAV;EAAe,SAAS,EAAC;AAAzB,GACGC,IADH,CADF,CADF;;AAQAF,aAAa,CAACG,SAAd,GAA0B;EACxBF,GAAG,EAAEH,SAAS,CAACM,MAAV,CAAiBC,UADE;EAExBH,IAAI,EAAEJ,SAAS,CAACM,MAAV,CAAiBC;AAFC,CAA1B;AAKA,eAAeL,aAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SideBlock"],"sources":["../../../../src/components/SideBar/components/index.js"],"sourcesContent":["import SideBlock from './SideBlock';\n\nexport { SideBlock };\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,SAASA,SAAT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["SideBar"],"sources":["../../../src/components/SideBar/index.js"],"sourcesContent":["import SideBar from './SideBar';\n\nexport default SideBar;\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAeA,OAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Layout"],"sources":["../../src/components/index.js"],"sourcesContent":["import Layout from './Layout/Layout';\n\nexport { Layout };\n"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASA,MAAT"}
|
package/lib-es/constants.js
CHANGED
package/lib-es/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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-98-148.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,eAApB;AACA,MAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAP,CAAnB;AAEA,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UADc;EAEpBC,IAAI,EAAE;AAFc,CAAtB;AAKA,MAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UADa;EAEnBC,IAAI,EAAE;AAFa,CAArB;AAKA,MAAME,SAAS,GAAG,MAAlB;AAEA,SAASP,WAAT,EAAsBC,UAAtB,EAAkCK,YAAlC,EAAgDH,aAAhD,EAA+DI,SAA/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Home.js","names":["React","Home","displayName"],"sources":["../../../src/containers/Home/Home.js"],"sourcesContent":["import React from 'react';\n\nconst Home = () => <div />;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,IAAI,GAAG,mBAAM,gCAAnB;;AAEAA,IAAI,CAACC,WAAL,GAAmB,MAAnB;AAEA,eAAeD,IAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Home"],"sources":["../../src/containers/index.js"],"sourcesContent":["import Home from './Home/Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,aAAjB;AAEA,eAAeA,IAAf"}
|
package/lib-es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,cAAvB;AACA,OAAOC,GAAP,MAAgB,iBAAhB;AACA,SAASC,WAAT,QAA4B,aAA5B;AACA,OAAOC,oBAAP,MAAiC,iCAAjC;AAEA,MAAMC,IAAI,GAAGL,KAAK,CAACM,IAAN,CAAW,MAAM;AAAO;AAA+B,cAAtC,CAAjB,CAAb;;AAEA,eAAeC,IAAf,CAAoBC,GAApB,EAAyB;EACvB,MAAMC,IAAI,GAAG;IACXC,IAAI,EAAE,GADK;IAEXC,KAAK,EAAE,IAFI;IAGXC,GAAG,EAAE,MAHM;IAIXC,SAAS,EAAER;EAJA,CAAb;EAMAG,GAAG,CAACM,QAAJ,CAAaL,IAAb;EAEAD,GAAG,CAACO,gBAAJ,CAAqB,cAArB,EAAqCX,oBAAoB,CAACI,GAAD,CAAzD;EAEAA,GAAG,CAACQ,SAAJ,CAAcf,MAAd;EAEAO,GAAG,CAACS,MAAJ,CAAWC,IAAX,CAAgB,mBAAhB,EAAqCC,UAAU,IAAI;IACjDA,UAAU,CAAC,SAAD,EAAY;MAAEC,MAAM,EAAE,SAAV;MAAqBC,KAAK,EAAE;IAA5B,CAAZ,CAAV;EACD,CAFD;EAIA,OAAO;IACLC,IAAI,EAAEnB,WADD;IAELoB,OAAO,EAAErB,GAAG,CAACqB;EAFR,CAAP;AAID;;AAEDhB,IAAI,CAACiB,UAAL,GAAkBrB,WAAlB;AAEA,eAAeI,IAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"get-menu-items-resolver.js","names":["menuHandler","getMenuItemsResolver","app","addItem","addSection","getAll","events","emitAsync"],"sources":["../../src/utils/get-menu-items-resolver.js"],"sourcesContent":["import menuHandler from './menu-handler';\n\nexport default function getMenuItemsResolver(app) {\n return async () => {\n const { addItem, addSection, getAll } = menuHandler();\n await app.events.emitAsync('load:menu-section', addSection);\n await app.events.emitAsync('load:menu-items', addItem);\n return getAll();\n };\n}\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,gBAAxB;AAEA,eAAe,SAASC,oBAAT,CAA8BC,GAA9B,EAAmC;EAChD,OAAO,YAAY;IACjB,MAAM;MAAEC,OAAF;MAAWC,UAAX;MAAuBC;IAAvB,IAAkCL,WAAW,EAAnD;IACA,MAAME,GAAG,CAACI,MAAJ,CAAWC,SAAX,CAAqB,mBAArB,EAA0CH,UAA1C,CAAN;IACA,MAAMF,GAAG,CAACI,MAAJ,CAAWC,SAAX,CAAqB,iBAArB,EAAwCJ,OAAxC,CAAN;IACA,OAAOE,MAAM,EAAb;EACD,CALD;AAMD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"menu-handler.js","names":["menuHandler","menuSections","Map","getSection","key","get","getAll","Array","from","entries","sort","order","order1","order2","addSection","header","validateSection","section","items","set","addItem","item","sectionKey","validateItem","push","has","Error","some","_","_order"],"sources":["../../src/utils/menu-handler.js"],"sourcesContent":["export default function menuHandler() {\n const menuSections = new Map();\n\n function getSection(key) {\n return menuSections.get(key);\n }\n\n function getAll() {\n return Array.from(menuSections.entries()).sort(\n ([, { order: order1 }], [, { order: order2 }]) => (order1 > order2 ? 1 : -1)\n );\n }\n\n function addSection(key, { header, order }) {\n validateSection(key, order);\n const section = {\n header,\n order,\n items: []\n };\n menuSections.set(key, section);\n }\n\n function addItem(item, sectionKey) {\n validateItem(sectionKey);\n const section = menuSections.get(sectionKey);\n section.items.push(item);\n }\n\n function validateItem(key) {\n if (!menuSections.has(key)) throw new Error(`Section ${key} doesn\\'t exist`);\n }\n\n function validateSection(key, order) {\n if (!key) throw new Error('Section requires a key');\n if (menuSections.has(key)) throw new Error(`Section with ${key} has been already added`);\n if (Array.from(menuSections.entries()).some(([_, { order: _order }]) => _order === order)) {\n throw new Error('Section with this order has already been added');\n }\n }\n\n return {\n addSection,\n addItem,\n getSection,\n getAll\n };\n}\n"],"mappings":"AAAA,eAAe,SAASA,WAAT,GAAuB;EACpC,MAAMC,YAAY,GAAG,IAAIC,GAAJ,EAArB;;EAEA,SAASC,UAAT,CAAoBC,GAApB,EAAyB;IACvB,OAAOH,YAAY,CAACI,GAAb,CAAiBD,GAAjB,CAAP;EACD;;EAED,SAASE,MAAT,GAAkB;IAChB,OAAOC,KAAK,CAACC,IAAN,CAAWP,YAAY,CAACQ,OAAb,EAAX,EAAmCC,IAAnC,CACL,CAAC,GAAG;MAAEC,KAAK,EAAEC;IAAT,CAAH,CAAD,EAAwB,GAAG;MAAED,KAAK,EAAEE;IAAT,CAAH,CAAxB,KAAmDD,MAAM,GAAGC,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CADrE,CAAP;EAGD;;EAED,SAASC,UAAT,CAAoBV,GAApB,EAAyB;IAAEW,MAAF;IAAUJ;EAAV,CAAzB,EAA4C;IAC1CK,eAAe,CAACZ,GAAD,EAAMO,KAAN,CAAf;IACA,MAAMM,OAAO,GAAG;MACdF,MADc;MAEdJ,KAFc;MAGdO,KAAK,EAAE;IAHO,CAAhB;IAKAjB,YAAY,CAACkB,GAAb,CAAiBf,GAAjB,EAAsBa,OAAtB;EACD;;EAED,SAASG,OAAT,CAAiBC,IAAjB,EAAuBC,UAAvB,EAAmC;IACjCC,YAAY,CAACD,UAAD,CAAZ;IACA,MAAML,OAAO,GAAGhB,YAAY,CAACI,GAAb,CAAiBiB,UAAjB,CAAhB;IACAL,OAAO,CAACC,KAAR,CAAcM,IAAd,CAAmBH,IAAnB;EACD;;EAED,SAASE,YAAT,CAAsBnB,GAAtB,EAA2B;IACzB,IAAI,CAACH,YAAY,CAACwB,GAAb,CAAiBrB,GAAjB,CAAL,EAA4B,MAAM,IAAIsB,KAAJ,CAAW,WAAUtB,GAAI,iBAAzB,CAAN;EAC7B;;EAED,SAASY,eAAT,CAAyBZ,GAAzB,EAA8BO,KAA9B,EAAqC;IACnC,IAAI,CAACP,GAAL,EAAU,MAAM,IAAIsB,KAAJ,CAAU,wBAAV,CAAN;IACV,IAAIzB,YAAY,CAACwB,GAAb,CAAiBrB,GAAjB,CAAJ,EAA2B,MAAM,IAAIsB,KAAJ,CAAW,gBAAetB,GAAI,yBAA9B,CAAN;;IAC3B,IAAIG,KAAK,CAACC,IAAN,CAAWP,YAAY,CAACQ,OAAb,EAAX,EAAmCkB,IAAnC,CAAwC,CAAC,CAACC,CAAD,EAAI;MAAEjB,KAAK,EAAEkB;IAAT,CAAJ,CAAD,KAA4BA,MAAM,KAAKlB,KAA/E,CAAJ,EAA2F;MACzF,MAAM,IAAIe,KAAJ,CAAU,gDAAV,CAAN;IACD;EACF;;EAED,OAAO;IACLZ,UADK;IAELM,OAFK;IAGLjB,UAHK;IAILG;EAJK,CAAP;AAMD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.125.0-admin-updates.0",
|
|
4
4
|
"description": "Blaze plugin admin core ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
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.
|
|
30
|
+
"@blaze-cms/admin-ui-styles": "^0.125.0-admin-updates.0",
|
|
31
|
+
"@blaze-cms/admin-ui-utils": "^0.125.0-admin-updates.0",
|
|
32
32
|
"@blaze-cms/core-ui": "^0.121.0",
|
|
33
|
-
"@blaze-cms/plugin-search-ui": "^0.
|
|
33
|
+
"@blaze-cms/plugin-search-ui": "^0.125.0-admin-updates.0",
|
|
34
34
|
"@blaze-cms/setup-ui": "^0.92.0",
|
|
35
35
|
"@blaze-react/avatar": "0.5.19",
|
|
36
36
|
"@blaze-react/button": "0.5.19",
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
"react-router-dom": "^5.0.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@blaze-cms/plugin-auth-ui": "^0.
|
|
50
|
+
"@blaze-cms/plugin-auth-ui": "^0.125.0-admin-updates.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": "935ad60cd8cb3d04e45459a93a04bc0846644445"
|
|
58
58
|
}
|
|
@@ -5,15 +5,17 @@ import { Menu, Logo } from './components';
|
|
|
5
5
|
import { LOGO_PROPS } from '../../constants';
|
|
6
6
|
|
|
7
7
|
const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
|
|
8
|
-
|
|
8
|
+
<>
|
|
9
9
|
{isLoggedIn && (
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
|
|
10
|
+
<header className="header">
|
|
11
|
+
<div className="header__menu">
|
|
12
|
+
<Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
|
|
13
|
+
</div>
|
|
14
|
+
<Logo {...LOGO_PROPS} />
|
|
15
|
+
<SearchAdmin />
|
|
16
|
+
</header>
|
|
13
17
|
)}
|
|
14
|
-
|
|
15
|
-
{isLoggedIn && <SearchAdmin />}
|
|
16
|
-
</header>
|
|
18
|
+
</>
|
|
17
19
|
);
|
|
18
20
|
|
|
19
21
|
Header.propTypes = {
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
// import Svg from './bg.svg';
|
|
4
|
+
|
|
5
|
+
const Background = ({ children }) => (
|
|
6
|
+
<div className="bg-blue-900 h-full w-full relative">
|
|
7
|
+
{/* <Svg /> */}
|
|
8
|
+
<div className="login-container">{children}</div>
|
|
9
|
+
</div>
|
|
10
|
+
);
|
|
11
|
+
|
|
12
|
+
Background.propTypes = {
|
|
13
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export default Background;
|
|
@@ -3,16 +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';
|
|
7
6
|
import { Grid } from './components';
|
|
8
|
-
|
|
7
|
+
import Background from './Background';
|
|
9
8
|
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
14
|
return (
|
|
15
|
-
<div className="site-container grid
|
|
15
|
+
<div className="site-container grid--site-container">
|
|
16
16
|
<Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
|
|
17
17
|
{({ data = {} }) => {
|
|
18
18
|
const { session: { isLoggedIn, userData = {} } = {} } = data;
|
|
@@ -21,11 +21,15 @@ const Layout = ({ children }) => {
|
|
|
21
21
|
<>
|
|
22
22
|
<Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
|
|
23
23
|
{isLoggedIn ? (
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
|
|
24
|
+
<>
|
|
25
|
+
<Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
|
|
26
|
+
{children}
|
|
27
|
+
</Grid>
|
|
28
|
+
</>
|
|
27
29
|
) : (
|
|
28
|
-
<
|
|
30
|
+
<Background>
|
|
31
|
+
<Login />
|
|
32
|
+
</Background>
|
|
29
33
|
)}
|
|
30
34
|
</>
|
|
31
35
|
);
|