tenjin-ui-kit 0.2.34 → 0.2.36

package/components/layout/sidebar/GroupedMenu.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _style = _interopRequireDefault(require("./style"));
+var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var GroupedMenu = function GroupedMenu(_ref) {
   var groups = _ref.groups;
@@ -20,15 +21,18 @@ var GroupedMenu = function GroupedMenu(_ref) {
         className: classes.subHeader
       }, group.groupName)
     }, group.items.map(function (i) {
-      return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
+      return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+        to: i.href,
+        className: classes.link
+      }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
         key: i.key
       }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
         disableTypography: true,
         className: classes.listItemText
-      }, i.display));
+      }, i.display)));
     })), index < groups.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, {
       sx: {
-        height: "initial !important"
+        height: 'initial !important'
       }
     }));
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);

package/components/layout/sidebar/style.js

@@ -8,36 +8,39 @@ var _styles = require("@mui/styles");
 var _default = (0, _styles.makeStyles)(function (theme) {
   return {
     subHeader: {
-      textTransform: "uppercase",
+      textTransform: 'uppercase',
       fontSize: theme.typography.fontSize - 2,
-      color: "rgba(0,0,0,0.5)",
+      color: 'rgba(0,0,0,0.5)',
       fontWeight: 500
     },
+    link: {
+      textDecoration: 'none'
+    },
     listItemText: {
       color: theme.palette.primary.main,
-      fontWeight: "500 !important"
+      fontWeight: '500 !important'
     },
     expanded: {
-      width: "240px"
+      width: '240px'
     },
     collapsed: {
-      width: "72px"
+      width: '72px'
     },
     collapsedFlatMenuItem: {
-      paddingLeft: "0",
-      paddingRight: "0",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      "& .MuiListItemIcon-root": {
-        minWidth: "10px"
+      paddingLeft: '0',
+      paddingRight: '0',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      '& .MuiListItemIcon-root': {
+        minWidth: '10px'
       }
     },
     collapsedFlatMenuItemText: {
-      display: "none !important"
+      display: 'none !important'
     },
     flatMenuItem: {
-      height: "48px"
+      height: '48px'
     }
   };
 });

package/components/pagination/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _index = _interopRequireDefault(require("../iconButton/index.jsx"));
+var _iconButton = _interopRequireDefault(require("../iconButton"));
 var _ArrowLeft = _interopRequireDefault(require("@mui/icons-material/ArrowLeft"));
 var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
 var _material = require("@mui/material");
@@ -117,7 +117,7 @@ var Pagination = function Pagination(props) {
   }))));
 };
 var PaginationButton = function PaginationButton(icon) {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
+  return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
     disabled: icon.icon.props.disabled,
     onClick: icon.onClick,
     icon: icon.icon,

package/package.json

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