tenjin-ui-kit 0.3.61 → 0.3.63

package/components/layout/topBar/ProjectTopbar.js

@@ -1,12 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _system = require("@mui/system");
-var _react = require("react");
 var _reactFeather = require("react-feather");
 var _fi = require("react-icons/fi");
 var _reactRouter = require("react-router");
@@ -16,6 +17,8 @@ var _modal = _interopRequireDefault(require("../../modal"));
 var _text = _interopRequireDefault(require("../../text"));
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -129,7 +132,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
   };
   // Logout related code ends
 
-  return /*#__PURE__*/React.createElement(_material.Paper, null, /*#__PURE__*/React.createElement(_material.AppBar, {
+  return /*#__PURE__*/_react.default.createElement(_material.Paper, null, /*#__PURE__*/_react.default.createElement(_material.AppBar, {
     position: "static",
     sx: {
       boxShadow: "0px 3px 10px rgba(102, 124, 188, 0.25) !important",
@@ -137,7 +140,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       height: "48px !important",
       justifyContent: "center"
     }
-  }, /*#__PURE__*/React.createElement(_material.Toolbar, null, /*#__PURE__*/React.createElement(_system.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, null, /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       display: "flex",
       justifyContent: "space-between",
@@ -145,20 +148,20 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       alignItems: "center",
       alignContent: "center"
     }
-  }, /*#__PURE__*/React.createElement(_system.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_system.Box, {
     className: "Left",
     sx: {
       display: "flex",
       flexDirection: "row",
       alignItems: "center"
     }
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/_react.default.createElement("a", {
     href: hrefLink || "/home/projects/recentprojects",
     style: {
       marginRight: "1rem",
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React.createElement(_system.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       width: homeIcon ? 100 : 35,
       height: homeIcon ? 90 : 30,
@@ -168,35 +171,35 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
         height: "inherit"
       }
     }
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: homeIcon || _tenjin40Logo.default,
     alt: "app png logo"
-  })))), /*#__PURE__*/React.createElement(_system.Box, {
+  })))), /*#__PURE__*/_react.default.createElement(_system.Box, {
     className: "Center",
     sx: {
       marginRight: "auto",
       color: "black"
     }
-  }, updatedActions && /*#__PURE__*/React.createElement(_system.Box, null, /*#__PURE__*/React.createElement(_material.Stack, {
+  }, updatedActions && /*#__PURE__*/_react.default.createElement(_system.Box, null, /*#__PURE__*/_react.default.createElement(_material.Stack, {
     direction: "row",
     spacing: 1
   }, updatedActions.map(function (action, index) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: action.title
-    }, /*#__PURE__*/React.createElement(_button.default, {
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
       variant: "text",
       startIcon: action.icon,
-      endIcon: action.dropdown ? /*#__PURE__*/React.createElement(_reactFeather.ChevronDown, {
+      endIcon: action.dropdown ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
         size: "0.9rem"
       }) : null,
       onClick: function onClick(event) {
         return action.dropdown ? handleMenuOpen(event, index) : handleItemClick(action);
       }
-    }, /*#__PURE__*/React.createElement(_text.default, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
       style: {
         fontWeight: "600"
       }
-    }, action.title)), action.dropdown && /*#__PURE__*/React.createElement(_material.Menu, {
+    }, action.title)), action.dropdown && /*#__PURE__*/_react.default.createElement(_material.Menu, {
       anchorEl: anchorEl,
       open: openMenuIndex === index,
       onClose: function onClose() {
@@ -204,7 +207,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
         handleMenuClose();
       }
     }, action.dropdown.map(function (item, index) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: item.title,
         onClick: function onClick() {
           if (item.clickable) {
@@ -218,29 +221,29 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
           cursor: item.clickable ? "pointer" : "default",
           backgroundColor: item.heading ? "transparent" : "transparent"
         }
-      }, item.heading ? /*#__PURE__*/React.createElement(_text.default, {
+      }, item.heading ? /*#__PURE__*/_react.default.createElement(_text.default, {
         variant: "subtitle1",
         style: {
           fontWeight: 600
         }
-      }, item.title) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      }, item.title) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           display: "flex",
           flexDirection: "column"
         }
-      }, /*#__PURE__*/React.createElement(_text.default, {
+      }, /*#__PURE__*/_react.default.createElement(_text.default, {
         style: {
           fontWeight: item.clickable || item.heading ? 600 : 400
         }
-      }, item.title), item.subtitle && /*#__PURE__*/React.createElement(_text.default, {
+      }, item.title), item.subtitle && /*#__PURE__*/_react.default.createElement(_text.default, {
         variant: "body2",
         color: "#ACACAC",
         sx: {
           marginLeft: "5px"
         }
-      }, item.subtitle)), item.divider && index !== action.dropdown.length - 1 && /*#__PURE__*/React.createElement(_material.Divider, null)), item.divider && index === action.dropdown.length - 1 && /*#__PURE__*/React.createElement(_material.Divider, null));
+      }, item.subtitle)), item.divider && index !== action.dropdown.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null)), item.divider && index === action.dropdown.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null));
     })));
-  })))), /*#__PURE__*/React.createElement(_system.Box, {
+  })))), /*#__PURE__*/_react.default.createElement(_system.Box, {
     className: "Right",
     sx: {
       justifySelf: "right",
@@ -248,7 +251,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     },
     display: "flex",
     alignItems: "center"
-  }, announcement && /*#__PURE__*/React.createElement(_system.Box, {
+  }, announcement && /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       backgroundColor: ANNOUNCEMENT_TYPES[announcement.type].backgroundColor,
       borderLeft: ANNOUNCEMENT_TYPES[announcement.type].borderLeft,
@@ -264,13 +267,13 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       alignItems: "center",
       fontSize: "12px"
     }
-  }, typeof announcement.message === "string" ? /*#__PURE__*/React.createElement(_text.default, {
+  }, typeof announcement.message === "string" ? /*#__PURE__*/_react.default.createElement(_text.default, {
     sx: {
       fontSize: "12px"
     }
-  }, announcement.message) : announcement.message), (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$role = loggedInUser.role) === null || _loggedInUser$role === void 0 ? void 0 : _loggedInUser$role.id) === 1 && /*#__PURE__*/React.createElement(_button.default, {
+  }, announcement.message) : announcement.message), (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.createElement(_reactFeather.Settings, {
+    startIcon: /*#__PURE__*/_react.default.createElement(_reactFeather.Settings, {
       size: "1rem"
     })
     // onClick={() => (window.location.href = "/admin/users")}
@@ -278,40 +281,40 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     onClick: function onClick() {
       window.location.href = "/admin/users";
     }
-  }, /*#__PURE__*/React.createElement(_text.default, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     variant: "subtitle1",
     style: {
       fontWeight: "600"
     }
-  }, "Administration")), /*#__PURE__*/React.createElement(_button.default, {
+  }, "Administration")), /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "text",
-    startIcon: /*#__PURE__*/React.createElement(_fi.FiInfo, {
+    startIcon: /*#__PURE__*/_react.default.createElement(_fi.FiInfo, {
       size: "1rem"
     }),
     onClick: function onClick() {
       window.open("/about", "_blank");
     }
-  }, /*#__PURE__*/React.createElement(_text.default, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     variant: "subtitle1",
     style: {
       fontWeight: "600"
     }
-  }, "About")), /*#__PURE__*/React.createElement(_system.Box, {
+  }, "About")), /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       marginLeft: theme.spacing(1)
     }
-  }, /*#__PURE__*/React.createElement(_UserAvatar.default, {
+  }, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
     loggedInUser: loggedInUser,
     onLogout: handleOpen,
     onViewProfileClick: onViewProfileClick,
     avatarItems: avatarItems
-  })))))), /*#__PURE__*/React.createElement(_modal.default, {
+  })))))), /*#__PURE__*/_react.default.createElement(_modal.default, {
     title: "Log out",
     open: open,
     handleClose: handleClose,
     onClose: handleClose,
     width: "sm"
-  }, /*#__PURE__*/React.createElement(_text.default, null, "Are you sure you want to log out?"), /*#__PURE__*/React.createElement(_material.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     direction: "row",
     justifyContent: "flex-end",
@@ -319,16 +322,16 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     style: {
       padding: "3rem 0rem 0rem 4rem"
     }
-  }, /*#__PURE__*/React.createElement(_material.Stack, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Stack, {
     direction: "row",
     spacing: 2
-  }, /*#__PURE__*/React.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "outlined",
     onClick: handleClose
-  }, /*#__PURE__*/React.createElement(_text.default, null, "Cancel")), /*#__PURE__*/React.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cancel")), /*#__PURE__*/_react.default.createElement(_button.default, {
     color: "error",
     onClick: logout
-  }, /*#__PURE__*/React.createElement(_text.default, null, "Log out"))))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
 };
 ProjectTopbar.propTypes = {};
 var _default = ProjectTopbar;

package/components/layout/topBar/UserAvatar.js

@@ -10,6 +10,7 @@ var _styles = require("@mui/styles");
 var _react = _interopRequireWildcard(require("react"));
 var _avatar = _interopRequireDefault(require("../../avatar"));
 var _text = _interopRequireDefault(require("../../text"));
+var _timeStamp = _interopRequireDefault(require("../../timeStamp"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -88,7 +89,25 @@ var UserAvatar = function UserAvatar(_ref) {
     className: "name"
   }, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
     className: "email"
-  }, loggedInUser.email)))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item, index) {
+  }, loggedInUser.email)))), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.lastLoginTime) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    sx: {
+      cursor: "default !important"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      marginRight: theme.spacing(1)
+    }
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    color: "secondary"
+  }, "Last Login :")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, {
+    color: "secondary"
+  }, /*#__PURE__*/_react.default.createElement(_timeStamp.default, {
+    value: loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.lastLoginTime
+  }))))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       key: index // Add key prop for mapped items
       ,

package/package.json

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