tenjin-ui-kit 0.3.71 → 0.3.72-dev

package/components/layout/topBar/ProjectTopbar.js

@@ -15,6 +15,7 @@ var _button = _interopRequireDefault(require("../../button"));
 var _modal = _interopRequireDefault(require("../../modal"));
 var _text = _interopRequireDefault(require("../../text"));
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
+var _TranslateOutlined = _interopRequireDefault(require("@mui/icons-material/TranslateOutlined"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -59,7 +60,15 @@ const ProjectTopbar = _ref => {
     _ref$announcement = _ref.announcement,
     announcement = _ref$announcement === void 0 ? null : _ref$announcement,
     _ref$isChatEnabled = _ref.isChatEnabled,
-    isChatEnabled = _ref$isChatEnabled === void 0 ? false : _ref$isChatEnabled;
+    isChatEnabled = _ref$isChatEnabled === void 0 ? false : _ref$isChatEnabled,
+    localeChangeCallBack = _ref.localeChangeCallBack,
+    localeList = _ref.localeList,
+    selectedLocale = _ref.selectedLocale,
+    administrationLabel = _ref.administrationLabel,
+    aboutLabel = _ref.aboutLabel,
+    logoutConfirmLabel = _ref.logoutConfirmLabel,
+    cancelLabel = _ref.cancelLabel,
+    logoutLabel = _ref.logoutLabel;
   const theme = (0, _system.useTheme)();
   const _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -69,6 +78,44 @@ const ProjectTopbar = _ref => {
     _useState4 = _slicedToArray(_useState3, 2),
     openMenuIndex = _useState4[0],
     setOpenMenuIndex = _useState4[1];
+  const defaultLocaleList = [{
+    label: "English",
+    value: "en"
+  }, {
+    label: "Spanish",
+    value: "es"
+  }];
+  const getLocale = () => {
+    const lang = selectedLocale || getFromLocalStorage("lang") || getFromCookie("lang") || "en";
+    console.log("inside getLocale checklang ==", lang);
+    return lang;
+  };
+  function getFromLocalStorage(key) {
+    console.log("inside getFromLocalStorage checklang ==");
+    return localStorage.getItem(key);
+  }
+  function getFromCookie(name) {
+    console.log("inside getFromCookie checklang ==");
+    const cookies = document.cookie.split("; ");
+    for (let cookie of cookies) {
+      const _cookie$split = cookie.split("="),
+        _cookie$split2 = _slicedToArray(_cookie$split, 2),
+        key = _cookie$split2[0],
+        value = _cookie$split2[1];
+      if (key === name) {
+        return decodeURIComponent(value);
+      }
+    }
+    return null;
+  }
+  const _useState5 = (0, _react.useState)(getLocale),
+    _useState6 = _slicedToArray(_useState5, 2),
+    lang = _useState6[0],
+    setLang = _useState6[1];
+  const _useState7 = (0, _react.useState)(() => localeList || defaultLocaleList),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localeOpts = _useState8[0],
+    setLocaleOpts = _useState8[1];
   const updatedActions = (0, _react.useMemo)(() => {
     const base = [...actions];
     // if (isChatEnabled) {
@@ -110,10 +157,10 @@ const ProjectTopbar = _ref => {
   };
 
   // Logout related code starts
-  const _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
+  const _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    open = _useState0[0],
+    setOpen = _useState0[1];
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
   const logout = () => {
@@ -227,7 +274,27 @@ const ProjectTopbar = _ref => {
     sx: {
       marginLeft: "5px"
     }
-  }, 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.default.createElement(_system.Box, {
+  }, 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))))))))), localeOpts && /*#__PURE__*/_react.default.createElement(_system.Box, {
+    className: "Right",
+    sx: {
+      justifySelf: "right"
+    },
+    display: "flex",
+    alignItems: "center"
+  }, " ", /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TranslateOutlined.default, {
+    color: "primary"
+  }), /*#__PURE__*/_react.default.createElement(_material.Select, {
+    value: lang,
+    label: "Language",
+    onChange: e => {
+      setLang(e.target.value);
+      localeChangeCallBack(e.target.value);
+    },
+    variant: "standard"
+  }, localeOpts.map(opt => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    key: opt.value,
+    value: opt.value
+  }, opt.label))))), /*#__PURE__*/_react.default.createElement(_system.Box, {
     className: "Right",
     sx: {
       justifySelf: "right",
@@ -270,7 +337,7 @@ const ProjectTopbar = _ref => {
     style: {
       fontWeight: "600"
     }
-  }, "Administration")), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, administrationLabel || "Administration")), /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "text",
     startIcon: /*#__PURE__*/_react.default.createElement(_fi.FiInfo, {
       size: "1rem"
@@ -283,7 +350,7 @@ const ProjectTopbar = _ref => {
     style: {
       fontWeight: "600"
     }
-  }, "About")), /*#__PURE__*/_react.default.createElement(_system.Box, {
+  }, aboutLabel || "About")), /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       marginLeft: theme.spacing(1)
     }
@@ -298,7 +365,7 @@ const ProjectTopbar = _ref => {
     handleClose: handleClose,
     onClose: handleClose,
     width: "sm"
-  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, logoutConfirmLabel || "Are you sure you want to log out?"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     direction: "row",
     justifyContent: "flex-end",
@@ -312,10 +379,10 @@ const ProjectTopbar = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "outlined",
     onClick: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cancel")), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, cancelLabel || "Cancel")), /*#__PURE__*/_react.default.createElement(_button.default, {
     color: "error",
     onClick: logout
-  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, logoutLabel || "Log out"))))));
 };
 ProjectTopbar.propTypes = {};
 var _default = exports.default = ProjectTopbar;

package/components/paginationUpdated/index.js

@@ -20,7 +20,8 @@ function Pagination(_ref) {
     setPage = _ref.setPage,
     rowsPerPage = _ref.rowsPerPage,
     setRowsPerPage = _ref.setRowsPerPage,
-    totalPage = _ref.totalPage;
+    totalPage = _ref.totalPage,
+    ofLabel = _ref.ofLabel;
   const _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     negativeState = _React$useState2[0],
@@ -67,7 +68,7 @@ function Pagination(_ref) {
           backgroundColor: "transparent",
           margin: "0 8px"
         }
-      }), " ", "of ", Math.ceil(totalPage / rowsPerPage));
+      }), " ", ofLabel || "of", " ", Math.ceil(totalPage / rowsPerPage));
     }
   }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.3.71",
+  "version": "0.3.72-dev",
   "repository": {
     "url": "git+https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },
@@ -89,6 +89,7 @@
     "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@mui/lab": "5.0.0-alpha.116",
     "@mui/material": "^5.11.3",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addon-essentials": "^6.5.15",
@@ -100,15 +101,16 @@
     "@storybook/preset-create-react-app": "^4.1.2",
     "@storybook/react": "^6.5.15",
     "@storybook/testing-library": "^0.0.13",
+    "ajv": "^8.20.0",
     "babel-plugin-named-exports-order": "^0.0.2",
     "cross-env": "^7.0.3",
+    "postcss": "^8.5.15",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.6.1",
     "rimraf": "^3.0.2",
-    "webpack": "^5.75.0",
-    "@mui/lab": "5.0.0-alpha.116"
+    "webpack": "^5.75.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",