tenjin-ui-kit 0.2.142 → 0.2.144

package/components/layout/sidebar/GroupedIconMenu.js

@@ -29,8 +29,10 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var GroupedIconMenu = function GroupedIconMenu(_ref) {
   var groups = _ref.groups,
-    draggable = _ref.draggable,
-    title = _ref.title;
+    icon = _ref.icon,
+    title = _ref.title,
+    pointer = _ref.pointer,
+    href = _ref.href;
   var classes = (0, _style.default)();
   var popupRef = (0, _react.useRef)(null);
   var navigate = (0, _reactRouterDom.useNavigate)();
@@ -83,17 +85,25 @@ var GroupedIconMenu = function GroupedIconMenu(_ref) {
   var theme = (0, _material.useTheme)();
   return groups ? /*#__PURE__*/_react.default.createElement("div", {
     className: classes.projectMenuMainWrapper
-  }, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && title && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      cursor: pointer && "pointer"
+    },
+    onClick: function onClick() {
+      return window.location = href;
+    }
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     className: classes.projectMenuHeader,
-    fontWeight: 600
-    // marginBottom="0.5rem"
-    ,
-    margin: "0.7rem 0rem"
-  }, title), /*#__PURE__*/_react.default.createElement(_material.Divider, {
-    sx: {
-      height: "initial !important"
+    fontWeight: 600,
+    variant: "caption",
+    marginBottom: "0.5rem",
+    marginTop: "0.5rem"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      marginRight: "0.5rem",
+      paddingTop: "0.2rem"
     }
-  }))), /*#__PURE__*/_react.default.createElement("div", null, groups.map(function (group, index) {
+  }, icon), title))), /*#__PURE__*/_react.default.createElement("div", null, groups.map(function (group, index) {
     var _group$items$filter$, _group$items$filter$2, _clsx, _group$groupName, _group$groupName2;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: group.groupName

package/components/layout/sidebar/index.js

@@ -28,7 +28,8 @@ var Sidebar = function Sidebar(_ref) {
   var _clsx;
   var children = _ref.children,
     allowCollapse = _ref.allowCollapse,
-    draggable = _ref.draggable;
+    draggable = _ref.draggable,
+    defaultCollapse = _ref.defaultCollapse;
   var classes = (0, _style.default)();
   var theme = (0, _material.useTheme)();
   var _useContext = (0, _react.useContext)(_.LayoutContext),
@@ -37,6 +38,11 @@ var Sidebar = function Sidebar(_ref) {
     selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
     toggleSidebar = _useContext.toggleSidebar,
     setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
+  (0, _react.useEffect)(function () {
+    if (defaultCollapse) {
+      toggleSidebar();
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_paper.default, {
     className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.expanded, !collapsed), _defineProperty(_clsx, classes.collapsed, collapsed && allowCollapse), _defineProperty(_clsx, "tenjin-sidebar", true), _clsx)),
     fullHeight: true
@@ -74,7 +80,8 @@ var Sidebar = function Sidebar(_ref) {
 };
 Sidebar.propTypes = {
   children: _propTypes.default.any,
-  allowCollapse: _propTypes.default.bool
+  allowCollapse: _propTypes.default.bool,
+  defaultCollapse: _propTypes.default.bool
 };
 Sidebar.GroupedMenu = _GroupedMenu.default;
 Sidebar.FlatMenu = _FlatMenu.default;

package/components/layout/topBar/ProjectTopbar.js

@@ -25,6 +25,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ProjectTopbar = function ProjectTopbar(_ref) {
+  var _loggedInUser$role;
   var loggedInUser = _ref.loggedInUser,
     actions = _ref.actions,
     onLogout = _ref.onLogout;
@@ -101,7 +102,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     sx: {
       mr: 2,
       textDecoration: "none",
-      fontSize: "1rem",
+      fontSize: 16,
       fontWeight: "600"
     }
   }, "TENJIN ENTERPRISE")), /*#__PURE__*/_react.default.createElement(_system.Box, {
@@ -180,8 +181,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       color: "black"
     },
     display: "flex",
-    alignItems: "right"
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    alignItems: "center"
+  }, (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$role = loggedInUser.role) === null || _loggedInUser$role === void 0 ? void 0 : _loggedInUser$role.id) === 1 && /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "text",
     startIcon: /*#__PURE__*/_react.default.createElement(_reactFeather.Settings, {
       size: "1rem"
@@ -193,7 +194,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     style: {
-      fontSize: "1rem",
+      fontSize: 16,
       fontWeight: "600"
     }
   }, "Administration")), /*#__PURE__*/_react.default.createElement(_system.Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.142",
+  "version": "0.2.144",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },