@blaze-cms/plugin-admin-core-ui 0.139.0-core-styles.4 → 0.139.0-core-styles.6
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 +11 -0
- package/lib/components/SideBar/SideBar.js +5 -2
- package/lib/components/SideBar/SideBar.js.map +1 -1
- package/lib-es/components/SideBar/SideBar.js +5 -2
- package/lib-es/components/SideBar/SideBar.js.map +1 -1
- package/package.json +6 -6
- package/src/components/SideBar/SideBar.js +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.139.0-core-styles.6](https://github.com/thebyte9/blaze/compare/v0.139.0-core-styles.5...v0.139.0-core-styles.6) (2024-01-19)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* update the left sidebar system nav for the display of logged-in… ([#4186](https://github.com/thebyte9/blaze/issues/4186)) ([fd7ad46](https://github.com/thebyte9/blaze/commit/fd7ad4670dcc844e742f266274eabb32c11ebfa3))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [0.139.0-core-styles.4](https://github.com/thebyte9/blaze/compare/v0.139.0-core-styles.3...v0.139.0-core-styles.4) (2024-01-10)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @blaze-cms/plugin-admin-core-ui
|
|
@@ -15,6 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
15
15
|
var _client = require("@apollo/client");
|
|
16
16
|
var _avatar = _interopRequireDefault(require("@blaze-react/avatar"));
|
|
17
17
|
var _coreAuthUi = require("@blaze-cms/core-auth-ui");
|
|
18
|
+
var _reactRouterDom = require("react-router-dom");
|
|
18
19
|
var _Menu = _interopRequireDefault(require("../Menu"));
|
|
19
20
|
var SideBar = function SideBar(_ref) {
|
|
20
21
|
var isOpenMenu = _ref.isOpenMenu,
|
|
@@ -22,7 +23,8 @@ var SideBar = function SideBar(_ref) {
|
|
|
22
23
|
userData = _ref.userData;
|
|
23
24
|
var client = (0, _client.useApolloClient)();
|
|
24
25
|
var firstname = userData.firstname,
|
|
25
|
-
lastname = userData.lastname
|
|
26
|
+
lastname = userData.lastname,
|
|
27
|
+
id = userData.id;
|
|
26
28
|
var username = "".concat(firstname, " ").concat(lastname);
|
|
27
29
|
var sideNavClassname = (0, _classnames["default"])('side-nav', {
|
|
28
30
|
'side-nav--open': isOpenMenu,
|
|
@@ -51,7 +53,8 @@ var SideBar = function SideBar(_ref) {
|
|
|
51
53
|
className: "side-nav__user--info"
|
|
52
54
|
}, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
|
|
53
55
|
username: username
|
|
54
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
56
|
+
}), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
57
|
+
to: "/data-listing/user/update/".concat(id),
|
|
55
58
|
className: "user-name"
|
|
56
59
|
}, username)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
60
|
className: "side-nav__user--button"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_Menu","SideBar","_ref","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","
|
|
1
|
+
{"version":3,"file":"SideBar.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_client","_avatar","_coreAuthUi","_reactRouterDom","_Menu","SideBar","_ref","isOpenMenu","onMenuClick","userData","client","useApolloClient","firstname","lastname","id","username","concat","sideNavClassname","classnames","sideNavWrapperClassname","createElement","className","role","onClick","Link","to","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","handleLogout","window","location","href","stop","propTypes","PropTypes","bool","isRequired","func","object","_default","exports"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { Link } from 'react-router-dom';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname, id } = 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 <Menu />\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <Link to={`/data-listing/user/update/${id}`} className=\"user-name\">\n {username}\n </Link>\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 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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"}
|
|
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { useApolloClient } from '@apollo/client';
|
|
5
5
|
import Avatar from '@blaze-react/avatar';
|
|
6
6
|
import { handleLogout } from '@blaze-cms/core-auth-ui';
|
|
7
|
+
import { Link } from 'react-router-dom';
|
|
7
8
|
import Menu from '../Menu';
|
|
8
9
|
const SideBar = ({
|
|
9
10
|
isOpenMenu,
|
|
@@ -13,7 +14,8 @@ const SideBar = ({
|
|
|
13
14
|
const client = useApolloClient();
|
|
14
15
|
const {
|
|
15
16
|
firstname,
|
|
16
|
-
lastname
|
|
17
|
+
lastname,
|
|
18
|
+
id
|
|
17
19
|
} = userData;
|
|
18
20
|
const username = `${firstname} ${lastname}`;
|
|
19
21
|
const sideNavClassname = classnames('side-nav', {
|
|
@@ -43,7 +45,8 @@ const SideBar = ({
|
|
|
43
45
|
className: "side-nav__user--info"
|
|
44
46
|
}, /*#__PURE__*/React.createElement(Avatar, {
|
|
45
47
|
username: username
|
|
46
|
-
}), /*#__PURE__*/React.createElement(
|
|
48
|
+
}), /*#__PURE__*/React.createElement(Link, {
|
|
49
|
+
to: `/data-listing/user/update/${id}`,
|
|
47
50
|
className: "user-name"
|
|
48
51
|
}, username)), /*#__PURE__*/React.createElement("div", {
|
|
49
52
|
className: "side-nav__user--button"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","
|
|
1
|
+
{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Link","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","id","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","onClick","to","window","location","href","propTypes","bool","isRequired","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 { Link } from 'react-router-dom';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname, id } = 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 <Menu />\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <Link to={`/data-listing/user/update/${id}`} className=\"user-name\">\n {username}\n </Link>\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 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,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,OAAO,GAAGA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAEhC,MAAM;IAAEU,SAAS;IAAEC,QAAQ;IAAEC;EAAG,CAAC,GAAGJ,QAAQ;EAC5C,MAAMK,QAAQ,GAAI,GAAEH,SAAU,IAAGC,QAAS,EAAC;EAE3C,MAAMG,gBAAgB,GAAGhB,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMS,uBAAuB,GAAGjB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACET,KAAA,CAAAmB,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,gBACrDjB,KAAA,CAAAmB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;IACjCL,EAAE,EAAC,iBAAiB;IACpBO,OAAO,EAAEZ;EAAY,gBACrBV,KAAA,CAAAmB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,eAINpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;IAACH,EAAE,EAAC;EAAmB,gBACnFf,KAAA,CAAAmB,aAAA,CAACZ,IAAI,MAAE,CACJ,CAAC,eACNP,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnCpB,KAAA,CAAAmB,aAAA,CAACf,MAAM;IAACY,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC9BhB,KAAA,CAAAmB,aAAA,CAACb,IAAI;IAACiB,EAAE,EAAG,6BAA4BR,EAAG,EAAE;IAACK,SAAS,EAAC;EAAW,GAC/DJ,QACG,CACH,CAAC,eACNhB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCpB,KAAA,CAAAmB,aAAA;IACEJ,EAAE,EAAC,eAAe;IAClBM,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMjB,YAAY,CAACO,MAAM,CAAC;MAC1BY,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFN,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,eACNpB,KAAA,CAAAmB,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;AAEDZ,OAAO,CAACmB,SAAS,GAAG;EAClBlB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACrCnB,WAAW,EAAER,SAAS,CAAC4B,IAAI,CAACD,UAAU;EACtClB,QAAQ,EAAET,SAAS,CAAC6B,MAAM,CAACF;AAC7B,CAAC;AAED,eAAerB,OAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.139.0-core-styles.
|
|
3
|
+
"version": "0.139.0-core-styles.6",
|
|
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.139.0-core-styles.
|
|
31
|
-
"@blaze-cms/admin-ui-utils": "0.139.0-core-styles.
|
|
30
|
+
"@blaze-cms/admin-ui-styles": "0.139.0-core-styles.6",
|
|
31
|
+
"@blaze-cms/admin-ui-utils": "0.139.0-core-styles.6",
|
|
32
32
|
"@blaze-cms/core-ui": "0.139.0-core-styles.0",
|
|
33
|
-
"@blaze-cms/plugin-search-ui": "0.139.0-core-styles.
|
|
33
|
+
"@blaze-cms/plugin-search-ui": "0.139.0-core-styles.6",
|
|
34
34
|
"@blaze-cms/setup-ui": "0.139.0-core-styles.0",
|
|
35
35
|
"@blaze-react/avatar": "0.5.19",
|
|
36
36
|
"@blaze-react/button": "0.5.19",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"react-router-dom": "^5.0.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@blaze-cms/plugin-auth-ui": "0.139.0-core-styles.
|
|
50
|
+
"@blaze-cms/plugin-auth-ui": "0.139.0-core-styles.6",
|
|
51
51
|
"lodash.merge": "^4.6.2",
|
|
52
52
|
"waait": "1.0.5"
|
|
53
53
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"lib/*",
|
|
56
56
|
"lib-es/*"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "8b68350770c7648643da66cdf88e8c76a16d669d"
|
|
59
59
|
}
|
|
@@ -4,12 +4,13 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { useApolloClient } from '@apollo/client';
|
|
5
5
|
import Avatar from '@blaze-react/avatar';
|
|
6
6
|
import { handleLogout } from '@blaze-cms/core-auth-ui';
|
|
7
|
+
import { Link } from 'react-router-dom';
|
|
7
8
|
import Menu from '../Menu';
|
|
8
9
|
|
|
9
10
|
const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
|
|
10
11
|
const client = useApolloClient();
|
|
11
12
|
|
|
12
|
-
const { firstname, lastname } = userData;
|
|
13
|
+
const { firstname, lastname, id } = userData;
|
|
13
14
|
const username = `${firstname} ${lastname}`;
|
|
14
15
|
|
|
15
16
|
const sideNavClassname = classnames('side-nav', {
|
|
@@ -39,7 +40,9 @@ const SideBar = ({ isOpenMenu, onMenuClick, userData }) => {
|
|
|
39
40
|
<div className="side-nav__user">
|
|
40
41
|
<div className="side-nav__user--info">
|
|
41
42
|
<Avatar username={username} />
|
|
42
|
-
<
|
|
43
|
+
<Link to={`/data-listing/user/update/${id}`} className="user-name">
|
|
44
|
+
{username}
|
|
45
|
+
</Link>
|
|
43
46
|
</div>
|
|
44
47
|
<div className="side-nav__user--button">
|
|
45
48
|
<span
|