@blaze-cms/plugin-admin-core-ui 0.127.1 → 0.128.0-admin-updates.0

package/lib-es/components/Layout/Layout.js

@@ -3,16 +3,17 @@ import PropTypes from 'prop-types';
 import { Query } from '@apollo/client/react/components';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { Login } from '@blaze-cms/plugin-auth-ui';
-import Header from '../Header';
 import { Grid } from './components';
+import Background from './Background';
 import '@blaze-cms/admin-ui-styles/main.scss';
+import Header from '../Header';
 const Layout = ({
   children
 }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
   return /*#__PURE__*/React.createElement("div", {
-    className: "site-container grid grid--site-container"
+    className: "site-container grid--site-container"
   }, /*#__PURE__*/React.createElement(Query, {
     query: getQuery('GET_USER_AUTH_DATA'),
     errorPolicy: "all"
@@ -29,11 +30,11 @@ const Layout = ({
       isLoggedIn: isLoggedIn,
       onMenuClick: onMenuClick,
       isOpenMenu: isOpenMenu
-    }), isLoggedIn ? /*#__PURE__*/React.createElement(Grid, {
+    }), isLoggedIn ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
       isOpenMenu: isOpenMenu,
       onMenuClick: onMenuClick,
       userData: userData
-    }, children) : /*#__PURE__*/React.createElement(Login, null));
+    }, children)) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Login, null)));
   }));
 };
 Layout.propTypes = {

package/lib-es/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","Header","Grid","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 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,GAAG,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMW,WAAW,GAAG,MAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACE;IAAK,SAAS,EAAC;EAA0C,gBACvD,oBAAC,KAAK;IAAC,KAAK,EAAEN,QAAQ,CAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAES,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,oBACE,uDACE,oBAAC,MAAM;MAAC,UAAU,EAAEE,UAAW;MAAC,WAAW,EAAEH,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFK,UAAU,gBACT,oBAAC,IAAI;MAAC,UAAU,EAAEL,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEI;IAAS,GACxEP,QAAQ,CACJ,gBAEP,oBAAC,KAAK,OACP,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACS,SAAS,GAAG;EACjBR,QAAQ,EAAEP,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeb,MAAM"}
+{"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,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,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,sCAAsC;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,MAAM,GAAG,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAMY,WAAW,GAAG,MAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,oBACE;IAAK,SAAS,EAAC;EAAqC,gBAClD,oBAAC,KAAK;IAAC,KAAK,EAAEP,QAAQ,CAAC,oBAAoB,CAAE;IAAC,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEU,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,oBACE,uDACE,oBAAC,MAAM;MAAC,UAAU,EAAEE,UAAW;MAAC,WAAW,EAAEH,WAAY;MAAC,UAAU,EAAEF;IAAW,EAAG,EACnFK,UAAU,gBACT,uDACE,oBAAC,IAAI;MAAC,UAAU,EAAEL,UAAW;MAAC,WAAW,EAAEE,WAAY;MAAC,QAAQ,EAAEI;IAAS,GACxEP,QAAQ,CACJ,CACN,gBAEH,oBAAC,UAAU,qBACT,oBAAC,KAAK,OAAG,CAEZ,CACA;EAEP,CAAC,CACK,CACJ;AAEV,CAAC;AAEDD,MAAM,CAACS,SAAS,GAAG;EACjBR,QAAQ,EAAER,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,IAAI,CAAC,EAAEnB,SAAS,CAACmB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeb,MAAM"}

package/lib-es/components/Layout/components/Grid/Grid.js

@@ -52,7 +52,9 @@ const Grid = ({
     menuItems: menuItems,
     onMenuClick: onMenuClick,
     userData: userData
-  }), children)) : 'loading';
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "grid--main-content-wrapper"
+  }, children))) : 'loading';
 };
 Grid.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,

package/lib-es/components/Layout/components/Grid/Grid.js.map

@@ -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","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        {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,GAAG,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,EAAE;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,oCAAUA,IAAI;UAAEC,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACZ,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,GAAG;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,MAAMa,WAAW,GAAGH,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACd,oBAAC,mBAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAIG,WAAW,CAACH,KAAK;IAAE;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,oBAAC,OAAO;IACN,UAAU,EAAEb,UAAW;IACvB,SAAS,EAAEG,SAAU;IACrB,WAAW,EAAEF,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,EACDH,QAAQ,CACL,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACmB,SAAS,GAAG;EACflB,QAAQ,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,IAAI,CAAC,EAAE3B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FrB,UAAU,EAAEP,SAAS,CAAC6B,IAAI,CAACD,UAAU;EACrCpB,WAAW,EAAER,SAAS,CAAC8B,IAAI,CAACF,UAAU;EACtCnB,QAAQ,EAAET,SAAS,CAAC+B;AACtB,CAAC;AAED1B,IAAI,CAAC2B,YAAY,GAAG;EAClBvB,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}
+{"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,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,GAAG,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,EAAE;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,oCAAUA,IAAI;UAAEC,iBAAiB,EAAE;QAAI,EAAG;MACjE,CAAC,CACF,CAAC;MAEF,IAAI,CAACZ,SAAS,EAAE;QACdC,YAAY,CAACK,eAAe,CAAC;MAC/B;IACF,CAAC,GAAG;EACN,CAAC,EACD,CAACJ,MAAM,EAAEF,SAAS,CAAC,CACpB;EAED,MAAMa,WAAW,GAAGH,KAAK,IAAI;IAC3BT,YAAY,CAACS,KAAK,CAAC;EACrB,CAAC;EAED,OAAOV,SAAS,gBACd,oBAAC,mBAAmB;IAAC,KAAK,EAAE;MAAEA,SAAS;MAAEC,YAAY,EAAES,KAAK,IAAIG,WAAW,CAACH,KAAK;IAAE;EAAE,gBACnF;IAAK,SAAS,EAAC;EAAsC,gBACnD,oBAAC,OAAO;IACN,UAAU,EAAEb,UAAW;IACvB,SAAS,EAAEG,SAAU;IACrB,WAAW,EAAEF,WAAY;IACzB,QAAQ,EAAEC;EAAS,EACnB,eACF;IAAK,SAAS,EAAC;EAA4B,GAAEH,QAAQ,CAAO,CACxD,CACc,GAEtB,SACD;AACH,CAAC;AAEDD,IAAI,CAACmB,SAAS,GAAG;EACflB,QAAQ,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,IAAI,CAAC,EAAE3B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FrB,UAAU,EAAEP,SAAS,CAAC6B,IAAI,CAACD,UAAU;EACrCpB,WAAW,EAAER,SAAS,CAAC8B,IAAI,CAACF,UAAU;EACtCnB,QAAQ,EAAET,SAAS,CAAC+B;AACtB,CAAC;AAED1B,IAAI,CAAC2B,YAAY,GAAG;EAClBvB,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,IAAI"}

package/lib-es/components/SideBar/SideBar.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
@@ -36,10 +35,7 @@ const SideBar = ({
     onClick: onMenuClick
   }, /*#__PURE__*/React.createElement("i", {
     className: "material-icons"
-  }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement(Link, {
-    to: "/",
-    className: "side-nav__block-home"
-  }, "Dashboard"), /*#__PURE__*/React.createElement("div", {
+  }, "keyboard_arrow_left")), /*#__PURE__*/React.createElement("div", {
     className: sideNavWrapperClassname,
     "data-testid": "sidenav",
     id: "side-nav__wrapper"

package/lib-es/components/SideBar/SideBar.js.map

@@ -1 +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","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 { 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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAMC,MAAM,GAAGT,eAAe,EAAE;EAEhC,MAAM;IAAEU,SAAS;IAAEC;EAAS,CAAC,GAAGH,QAAQ;EACxC,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAME,gBAAgB,GAAGf,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMQ,uBAAuB,GAAGhB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEO;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEN;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,yBAAwB,CACjD,eACN,oBAAC,IAAI;IAAC,EAAE,EAAC,GAAG;IAAC,SAAS,EAAC;EAAsB,eAEtC,eACP;IAAK,SAAS,EAAEO,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFT,SAAS,CAACU,MAAM,GACbV,SAAS,CAACW,GAAG,CAAC,CAAC,GAAGC,IAAI,CAAC,kBAAK,oBAAC,SAAS;IAAC,GAAG,EAAEA,IAAI,CAACC;EAAO,GAAKD,IAAI,EAAI,CAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,oBAAC,MAAM;IAAC,QAAQ,EAAEL;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,YAAY;MACnB,MAAMV,YAAY,CAACO,MAAM,CAAC;MAC1BU,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACF,SAAS,EAAC;EAAgB,wBAErB,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,aAAe,CACnD,CACF;AAEV,CAAC;AAEDjB,OAAO,CAACkB,SAAS,GAAG;EAClBjB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAACC,UAAU;EACrClB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACrCjB,WAAW,EAAER,SAAS,CAAC2B,IAAI,CAACF,UAAU;EACtChB,QAAQ,EAAET,SAAS,CAAC4B,MAAM,CAACH;AAC7B,CAAC;AAED,eAAepB,OAAO"}
+{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAMC,MAAM,GAAGT,eAAe,EAAE;EAEhC,MAAM;IAAEU,SAAS;IAAEC;EAAS,CAAC,GAAGH,QAAQ;EACxC,MAAMI,QAAQ,GAAI,GAAEF,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAME,gBAAgB,GAAGf,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMQ,uBAAuB,GAAGhB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACE;IAAK,eAAY,SAAS;IAAC,SAAS,EAAEO;EAAiB,gBACrD;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,uBAAuB;IACjC,EAAE,EAAC,iBAAiB;IACpB,OAAO,EAAEN;EAAY,gBACrB;IAAG,SAAS,EAAC;EAAgB,GAAC,qBAAmB,CAAI,CACjD,eAIN;IAAK,SAAS,EAAEO,uBAAwB;IAAC,eAAY,SAAS;IAAC,EAAE,EAAC;EAAmB,GAClFT,SAAS,CAACU,MAAM,GACbV,SAAS,CAACW,GAAG,CAAC,CAAC,GAAGC,IAAI,CAAC,kBAAK,oBAAC,SAAS;IAAC,GAAG,EAAEA,IAAI,CAACC;EAAO,GAAKD,IAAI,EAAI,CAAC,GACtE,6BAA6B,CAC7B,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IAAK,SAAS,EAAC;EAAsB,gBACnC,oBAAC,MAAM;IAAC,QAAQ,EAAEL;EAAS,EAAG,eAC9B;IAAM,SAAS,EAAC;EAAW,GAAEA,QAAQ,CAAQ,CACzC,eACN;IAAK,SAAS,EAAC;EAAwB,gBACrC;IACE,EAAE,EAAC,eAAe;IAClB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,YAAY;MACnB,MAAMV,YAAY,CAACO,MAAM,CAAC;MAC1BU,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACF,SAAS,EAAC;EAAgB,GAAC,oBAE7B,CAAO,CACH,eACN;IAAM,SAAS,EAAC;EAAwB,GAAC,SAAO,CAAO,CACnD,CACF;AAEV,CAAC;AAEDjB,OAAO,CAACkB,SAAS,GAAG;EAClBjB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAACC,UAAU;EACrClB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACrCjB,WAAW,EAAER,SAAS,CAAC2B,IAAI,CAACF,UAAU;EACtChB,QAAQ,EAAET,SAAS,CAAC4B,MAAM,CAACH;AAC7B,CAAC;AAED,eAAepB,OAAO"}

package/lib-es/components/SideBar/components/SideBlock.js.map

@@ -1 +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,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,aAAa,EAAEC,SAAS,QAAQ,oBAAoB;AAE3E,MAAMC,SAAS,GAAG,CAAC;EAAEC,MAAM;EAAEC;AAAM,CAAC,KAAK;EACvC,MAAM,CAAC;IAAEC,IAAI;IAAEC;EAAK,CAAC,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAACI,aAAa,CAAC;EAEhE,MAAMQ,WAAW,GAAG,CAAC,GAAGJ,KAAK,CAAC;EAC9B,MAAMK,UAAU,GAAGD,WAAW,CAACE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5C,MAAMC,gBAAgB,GAAG,MACvBL,IAAI,KAAKL,SAAS,GAAGM,cAAc,CAACR,YAAY,CAAC,GAAGQ,cAAc,CAACP,aAAa,CAAC;EAEnF,MAAMY,SAAS,GAAI,kBAAiBN,IAAK,EAAC;EAE1C,oBACE;IAAK,SAAS,EAAC;EAAiB,gBAC9B;IAAK,SAAS,EAAC;EAAyB,GAAEH,MAAM,CAAO,eACvD;IAAI,SAAS,EAAC;EAAgB,GAC3BM,UAAU,CAACI,GAAG,CAACf,aAAa,CAAC,EAC7B,CAAC,CAACU,WAAW,CAACM,MAAM,iBACnB,uDACE;IAAO,IAAI,EAAC,UAAU;IAAC,SAAS,EAAC,mBAAmB;IAAC,EAAE,EAAC;EAAU,EAAG,eACrE;IAAK,SAAS,EAAC;EAAyB,GAAEN,WAAW,CAACK,GAAG,CAACf,aAAa,CAAC,CAAO,eAC/E;IAAI,SAAS,EAAC;EAAqB,gBACjC;IAAO,KAAK,EAAC,UAAU;IAAC,OAAO,EAAC,UAAU;IAAC,OAAO,EAAEa;EAAiB,GAClEN,IAAI,oBAAE;IAAG,SAAS,EAAC;EAAgB,GAAEO,SAAS,CAAK,CAC9C,CACL,CAER,CACE,CACD;AAEV,CAAC;AAEDV,SAAS,CAACa,SAAS,GAAG;EACpBZ,MAAM,EAAEN,SAAS,CAACmB,MAAM,CAACC,UAAU;EACnCb,KAAK,EAAEP,SAAS,CAACqB,OAAO,CACtBrB,SAAS,CAACsB,KAAK,CAAC;IACdC,GAAG,EAAEvB,SAAS,CAACmB,MAAM,CAACC,UAAU;IAChCI,IAAI,EAAExB,SAAS,CAACmB,MAAM,CAACC;EACzB,CAAC,CAAC,CACH,CAACA;AACJ,CAAC;AAED,eAAef,SAAS"}
+{"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,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,aAAa,EAAEC,SAAS,QAAQ,oBAAoB;AAE3E,MAAMC,SAAS,GAAG,CAAC;EAAEC,MAAM;EAAEC;AAAM,CAAC,KAAK;EACvC,MAAM,CAAC;IAAEC,IAAI;IAAEC;EAAK,CAAC,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAACI,aAAa,CAAC;EAEhE,MAAMQ,WAAW,GAAG,CAAC,GAAGJ,KAAK,CAAC;EAC9B,MAAMK,UAAU,GAAGD,WAAW,CAACE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5C,MAAMC,gBAAgB,GAAG,MACvBL,IAAI,KAAKL,SAAS,GAAGM,cAAc,CAACR,YAAY,CAAC,GAAGQ,cAAc,CAACP,aAAa,CAAC;EAEnF,MAAMY,SAAS,GAAI,kBAAiBN,IAAK,EAAC;EAE1C,oBACE;IAAK,SAAS,EAAC;EAAiB,gBAC9B;IAAK,SAAS,EAAC;EAAyB,GAAEH,MAAM,CAAO,eACvD;IAAI,SAAS,EAAC;EAAgB,GAC3BM,UAAU,CAACI,GAAG,CAACf,aAAa,CAAC,EAC7B,CAAC,CAACU,WAAW,CAACM,MAAM,iBACnB,uDACE;IAAO,IAAI,EAAC,UAAU;IAAC,SAAS,EAAC,mBAAmB;IAAC,EAAE,EAAC;EAAU,EAAG,eACrE;IAAK,SAAS,EAAC;EAAyB,GAAEN,WAAW,CAACK,GAAG,CAACf,aAAa,CAAC,CAAO,eAC/E;IAAI,SAAS,EAAC;EAAqB,gBACjC;IAAO,KAAK,EAAC,UAAU;IAAC,OAAO,EAAC,UAAU;IAAC,OAAO,EAAEa;EAAiB,GAClEN,IAAI,EAAC,GAAC;IAAG,SAAS,EAAC;EAAgB,GAAEO,SAAS,CAAK,CAC9C,CACL,CAER,CACE,CACD;AAEV,CAAC;AAEDV,SAAS,CAACa,SAAS,GAAG;EACpBZ,MAAM,EAAEN,SAAS,CAACmB,MAAM,CAACC,UAAU;EACnCb,KAAK,EAAEP,SAAS,CAACqB,OAAO,CACtBrB,SAAS,CAACsB,KAAK,CAAC;IACdC,GAAG,EAAEvB,SAAS,CAACmB,MAAM,CAACC,UAAU;IAChCI,IAAI,EAAExB,SAAS,CAACmB,MAAM,CAACC;EACzB,CAAC,CAAC,CACH,CAACA;AACJ,CAAC;AAED,eAAef,SAAS"}

package/lib-es/constants.js

@@ -1,6 +1,6 @@
 const PLUGIN_NAME = 'admin-core-ui';
 const LOGO_PROPS = {
-  src: 'https://images.thisisblaze.com/logo-85-30.png'
+  src: 'https://images.thisisblaze.com/logo-98-148.png'
 };
 const DEFAULT_LABEL = {
   text: 'See more',

package/lib-es/constants.js.map

@@ -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-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"}
+{"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,eAAe;AACnC,MAAMC,UAAU,GAAG;EAAEC,GAAG,EAAE;AAAiD,CAAC;AAE5E,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"}

package/lib-es/containers/Home/Home.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Home = () => /*#__PURE__*/React.createElement("div", null, "Home");
+const Home = () => /*#__PURE__*/React.createElement("div", null);
 Home.displayName = 'Home';
 export default Home;
 //# sourceMappingURL=Home.js.map

package/lib-es/containers/Home/Home.js.map

@@ -1 +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>Home</div>;\n\nHome.displayName = 'Home';\n\nexport default Home;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,IAAI,GAAG,mBAAM,wCAAe;AAElCA,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,eAAeD,IAAI"}
+{"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,KAAK,MAAM,OAAO;AAEzB,MAAMC,IAAI,GAAG,mBAAM,gCAAO;AAE1BA,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,eAAeD,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.127.1",
+  "version": "0.128.0-admin-updates.0",
   "description": "Blaze plugin admin core ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,11 +27,11 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-styles": "^0.127.0",
-    "@blaze-cms/admin-ui-utils": "^0.127.0",
-    "@blaze-cms/core-ui": "^0.127.0",
-    "@blaze-cms/plugin-search-ui": "^0.127.0",
-    "@blaze-cms/setup-ui": "^0.127.0",
+    "@blaze-cms/admin-ui-styles": "0.128.0-admin-updates.0",
+    "@blaze-cms/admin-ui-utils": "0.128.0-admin-updates.0",
+    "@blaze-cms/core-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.128.0-admin-updates.0",
     "@blaze-react/avatar": "0.5.19",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -47,12 +47,12 @@
     "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
-    "@blaze-cms/plugin-auth-ui": "^0.127.1",
+    "@blaze-cms/plugin-auth-ui": "0.128.0-admin-updates.0",
     "waait": "1.0.5"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "69ca84276f227f49c179aca336f9553f0ce4083e"
+  "gitHead": "ad3389e954fe463366655311efb1198191dbb625"
 }

package/src/components/Header/Header.js

@@ -5,15 +5,17 @@ import { Menu, Logo } from './components';
 import { LOGO_PROPS } from '../../constants';
 
 const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
-  <header className="header">
+  <>
     {isLoggedIn && (
-      <div className="header__menu">
-        <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
-      </div>
+      <header className="header">
+        <div className="header__menu">
+          <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
+        </div>
+        <Logo {...LOGO_PROPS} />
+        <SearchAdmin />
+      </header>
     )}
-    <Logo {...LOGO_PROPS} />
-    {isLoggedIn && <SearchAdmin />}
-  </header>
+  </>
 );
 
 Header.propTypes = {

package/src/components/Layout/Background.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+// import Svg from './bg.svg';
+
+const Background = ({ children }) => (
+  <div className="bg-blue-900 h-full w-full relative">
+    {/* <Svg /> */}
+    <div className="login-container">{children}</div>
+  </div>
+);
+
+Background.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+
+export default Background;

package/src/components/Layout/Layout.js

@@ -3,16 +3,16 @@ import PropTypes from 'prop-types';
 import { Query } from '@apollo/client/react/components';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { Login } from '@blaze-cms/plugin-auth-ui';
-import Header from '../Header';
 import { Grid } from './components';
-
+import Background from './Background';
 import '@blaze-cms/admin-ui-styles/main.scss';
+import Header from '../Header';
 
 const Layout = ({ children }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
   return (
-    <div className="site-container grid grid--site-container">
+    <div className="site-container grid--site-container">
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
@@ -21,11 +21,15 @@ const Layout = ({ children }) => {
             <>
               <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
               {isLoggedIn ? (
-                <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
-                  {children}
-                </Grid>
+                <>
+                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
+                    {children}
+                  </Grid>
+                </>
               ) : (
-                <Login />
+                <Background>
+                  <Login />
+                </Background>
               )}
             </>
           );