tenjin-ui-kit 0.2.115 → 0.2.117

package/dist/components/topBar/index.js

@@ -11,6 +11,7 @@ var _breadCrumbs = _interopRequireDefault(require("../breadCrumbs"));
 var _avatar = _interopRequireDefault(require("../wrapperLayout/topBar/avatar"));
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _style = _interopRequireDefault(require("../wrapperLayout/topBar/style"));
+var _text = _interopRequireDefault(require("../text"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -150,13 +151,13 @@ var TopBar = function TopBar(props) {
         //   fontSize: "0.9rem",
         fontSize: '80%'
       }
-    }, item.name), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.name)), /*#__PURE__*/_react.default.createElement("div", {
       style: {
         color: '#000000DE',
         //   fontSize: "13px",
         fontSize: '80%'
       }
-    }, item.description))));
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.description)))));
   })))))))));
 };
 TopBar.propTypes = {

package/dist/components/tree/index.js

@@ -21,6 +21,7 @@ var _fa = require("react-icons/fa");
 var _fi = require("react-icons/fi");
 var _style = _interopRequireDefault(require("./style"));
 var _ri = require("react-icons/ri");
+var _text = _interopRequireDefault(require("../text"));
 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; }
@@ -110,7 +111,7 @@ function Tree(props) {
           display: "flex",
           alignItems: "center"
         }
-      }, /*#__PURE__*/React.createElement(_material.Typography, {
+      }, /*#__PURE__*/React.createElement(_text.default, {
         style: {
           // fontWeight: isFirstLevel ? 500 : "initial",
           fontWeight: nodes.classificationType === "project" ? 600 : nodes.classificationType === "module" ? 600 : 500,
@@ -243,7 +244,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
@@ -255,7 +256,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
@@ -267,7 +268,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
@@ -279,7 +280,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
@@ -291,7 +292,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
@@ -303,7 +304,7 @@ function Tree(props) {
     style: {
       marginRight: "10px"
     }
-  }), /*#__PURE__*/React.createElement(_material.Typography, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     style: {
       fontFamily: "sans-serif seoge ui",
       fontWeight: 500,

package/dist/components/valuePicker/ValueSelector.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _fi = require("react-icons/fi");
 var _input = _interopRequireDefault(require("../input"));
+var _text = _interopRequireDefault(require("../text"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -190,7 +191,7 @@ var ValueSelector = function ValueSelector(_ref) {
     sx: {
       fontStyle: "italic"
     }
-  }, "Fetching options...")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Fetching options..."))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     disablePadding: true,
     dense: true,
     key: "searcher",
@@ -226,7 +227,7 @@ var ValueSelector = function ValueSelector(_ref) {
       checked: o.selected === true,
       disableRipple: true,
       size: "small"
-    })), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, o[displayKey])));
+    })), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, /*#__PURE__*/_react.default.createElement(_text.default, null, o[displayKey]))));
   })), showClearItems && /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     dense: true,
     disablePadding: true
@@ -243,7 +244,7 @@ var ValueSelector = function ValueSelector(_ref) {
     sx: {
       color: theme.palette.primary.main
     }
-  }, "Clear Selection"))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Clear Selection")))));
 };
 ValueSelector.propTypes = {
   label: _propTypes.default.string.isRequired,

package/dist/components/valuePicker/index.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _button = _interopRequireDefault(require("../button"));
 var _ValueSelector = _interopRequireDefault(require("./ValueSelector"));
+var _text = _interopRequireDefault(require("../text"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,7 +30,9 @@ var ValuePicker = function ValuePicker(_ref) {
     multiple = _ref.multiple,
     optionsContainerWidth = _ref.optionsContainerWidth,
     defaultSelectedOptions = _ref.defaultSelectedOptions,
-    fetchData = _ref.fetchData;
+    fetchData = _ref.fetchData,
+    showSelectedValue = _ref.showSelectedValue,
+    buttonVariant = _ref.buttonVariant;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     menuExpanded = _useState2[0],
@@ -58,9 +61,14 @@ var ValuePicker = function ValuePicker(_ref) {
   var theme = (0, _material.useTheme)();
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
     endIcon: /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null),
-    onClick: handleMenuOpen,
-    color: menuExpanded || atleastOneItemSelected ? "primary" : "info"
-  }, "".concat(label).concat(atleastOneItemSelected ? ": ".concat(selectedValues[0][displayKey]).concat(selectedValues.length > 1 ? " +".concat(selectedValues.length - 1) : "") : "")), /*#__PURE__*/_react.default.createElement(_material.Menu, {
+    variant: buttonVariant,
+    onClick: handleMenuOpen
+    // color={buttonVariant==="text" && 'primary'}
+    ,
+    color: menuExpanded || atleastOneItemSelected ? "primary" : buttonVariant === "text" ? 'primary' : "info"
+  }, showSelectedValue ? /*#__PURE__*/_react.default.createElement(_text.default, null, "".concat(label).concat(atleastOneItemSelected ? ": ".concat(selectedValues[0][displayKey]).concat(selectedValues.length > 1 ? " +".concat(selectedValues.length - 1) : "") : "")) : /*#__PURE__*/_react.default.createElement(_text.default, {
+    semibold: true
+  }, label)), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     sx: {
       padding: 0,
       paddingTop: theme.spacing(0.5)

package/dist/components/wrapperLayout/main/sideBar/index.js

@@ -25,6 +25,7 @@ var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 var _MoveToInbox = _interopRequireDefault(require("@mui/icons-material/MoveToInbox"));
 var _Drafts = _interopRequireDefault(require("@mui/icons-material/Drafts"));
 var _iconsMaterial = require("@mui/icons-material");
+var _text = _interopRequireDefault(require("../../../text"));
 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; }
@@ -41,34 +42,34 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var drawerWidth = 250;
-var drawerHeight = '100% !important';
+var drawerHeight = "100% !important";
 var openedMixin = function openedMixin(theme) {
   return {
     width: drawerWidth,
-    transition: theme.transitions.create('width', {
+    transition: theme.transitions.create("width", {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen
     }),
-    overflowX: 'hidden'
+    overflowX: "hidden"
   };
 };
 var closedMixin = function closedMixin(theme) {
   return _defineProperty({
-    transition: theme.transitions.create('width', {
+    transition: theme.transitions.create("width", {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.leavingScreen
     }),
-    overflowX: 'hidden',
+    overflowX: "hidden",
     width: "calc(".concat(theme.spacing(7), " + 1px)"),
     height: drawerHeight,
     margin: "0rem 0.5rem 0rem 0rem"
-  }, theme.breakpoints.up('sm'), {
+  }, theme.breakpoints.up("sm"), {
     width: "calc(".concat(theme.spacing(8.75), " + 2px)")
   });
 };
 var Drawer = (0, _styles.styled)(_Drawer.default, {
   shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== 'open';
+    return prop !== "open";
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
@@ -78,12 +79,12 @@ var Drawer = (0, _styles.styled)(_Drawer.default, {
     height: drawerHeight,
     margin: "0rem 0.5rem 0rem 0rem",
     flexShrink: 0,
-    whiteSpace: 'nowrap',
-    boxSizing: 'border-box'
+    whiteSpace: "nowrap",
+    boxSizing: "border-box"
   }, open && _objectSpread(_objectSpread({}, openedMixin(theme)), {}, {
-    '& .MuiDrawer-paper': openedMixin(theme)
+    "& .MuiDrawer-paper": openedMixin(theme)
   })), !open && _objectSpread(_objectSpread({}, closedMixin(theme)), {}, {
-    '& .MuiDrawer-paper': closedMixin(theme)
+    "& .MuiDrawer-paper": closedMixin(theme)
   }));
 });
 function SideBar(props) {
@@ -101,19 +102,19 @@ function SideBar(props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     openCol = _React$useState4[0],
     setOpenCol = _React$useState4[1];
-  var _React$useState5 = React.useState(''),
+  var _React$useState5 = React.useState(""),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     selectedIndex = _React$useState6[0],
     setSelectedIndex = _React$useState6[1];
   var handleClick = function handleClick(event) {
     if (selectedIndex === event) {
-      setSelectedIndex('');
+      setSelectedIndex("");
     } else {
       setSelectedIndex(event);
     }
     setOpenCol(!openCol);
   };
-  return props.type === 'isFixed' ? /*#__PURE__*/React.createElement(_material.Paper, {
+  return props.type === "isFixed" ? /*#__PURE__*/React.createElement(_material.Paper, {
     className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, className, true), _defineProperty(_clsx, classes.wrapper, true), _clsx))
   }, /*#__PURE__*/React.createElement(_material.Grid, {
     item: true,
@@ -129,11 +130,11 @@ function SideBar(props) {
       className: classes.menuTitle
     }, /*#__PURE__*/React.createElement("span", {
       className: classes.headTitle
-    }, group.groupTitle)), /*#__PURE__*/React.createElement("div", null, group.modules.map(function (m) {
+    }, /*#__PURE__*/React.createElement(_text.default, null, group.groupTitle))), /*#__PURE__*/React.createElement("div", null, group.modules.map(function (m) {
       return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
         to: m.href,
         style: {
-          textDecoration: 'none'
+          textDecoration: "none"
         }
       }, /*#__PURE__*/React.createElement(_material.Grid, {
         container: true,
@@ -143,17 +144,17 @@ function SideBar(props) {
         item: true,
         xs: 12,
         style: {
-          padding: '0.55rem 0rem 0.55rem 0rem',
-          backgroundColor: m.active && '#D7E2F0'
+          padding: "0.55rem 0rem 0.55rem 0rem",
+          backgroundColor: m.active && "#D7E2F0"
         }
       }, /*#__PURE__*/React.createElement("span", {
         className: classes.menuOptionsTitle
-      }, m.title))));
+      }, /*#__PURE__*/React.createElement(_text.default, null, m.title)))));
     }), ((_sidebarData$modules = sidebarData.modules) === null || _sidebarData$modules === void 0 ? void 0 : _sidebarData$modules.length) !== id + 1 && /*#__PURE__*/React.createElement("div", {
       style: {
-        marginTop: '1rem'
+        marginTop: "1rem"
       }
-    }, /*#__PURE__*/React.createElement(_divider.default, null), ' ')));
+    }, /*#__PURE__*/React.createElement(_divider.default, null), " ")));
   })) : /*#__PURE__*/React.createElement(_material.Grid, null, /*#__PURE__*/React.createElement(Drawer, {
     variant: "permanent",
     open: open,
@@ -171,19 +172,21 @@ function SideBar(props) {
       key: module.href,
       className: "".concat(classes.listItem, " ").concat(module.active && classes.listItemActive),
       style: {
-        cursor: 'pointer'
+        cursor: "pointer"
       }
     }, /*#__PURE__*/React.createElement(_material.Tooltip, {
       arrow: true,
-      title: !open ? module.title : '',
+      title: !open ? module.title : "",
       placement: "right",
       classes: {
         tooltip: classes.tooltip
       }
     }, /*#__PURE__*/React.createElement(_ListItem.default, null, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), open && /*#__PURE__*/React.createElement(_ListItemText.default, {
-      primary: module.title
+      primary: /*#__PURE__*/React.createElement(_text.default, {
+        color: "red"
+      }, module.title)
     }))));
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, ' ', props.modules.map(function (module, key) {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, " ", props.modules.map(function (module, key) {
     var _module$subMenus2, _module$subMenus3, _module$subMenus4;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
       to: module.href,
@@ -194,12 +197,12 @@ function SideBar(props) {
       ,
       className: classes.listStyle,
       style: {
-        cursor: 'pointer',
-        textDecoration: 'none'
+        cursor: "pointer",
+        textDecoration: "none"
       }
     }, /*#__PURE__*/React.createElement(_material.Tooltip, {
       arrow: true,
-      title: !open ? module.title : '',
+      title: !open ? module.title : "",
       placement: "right"
     }, /*#__PURE__*/React.createElement(_material.ListItemButton, {
       onClick: function onClick() {
@@ -207,7 +210,9 @@ function SideBar(props) {
         (module === null || module === void 0 ? void 0 : (_module$subMenus = module.subMenus) === null || _module$subMenus === void 0 ? void 0 : _module$subMenus.length) > 0 && handleClick(key);
       }
     }, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
-      primary: module.title
+      primary: /*#__PURE__*/React.createElement(_text.default, {
+        color: "red"
+      }, module.title)
     }), !(module !== null && module !== void 0 && (_module$subMenus2 = module.subMenus) !== null && _module$subMenus2 !== void 0 && _module$subMenus2.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : key === selectedIndex ? /*#__PURE__*/React.createElement(_iconsMaterial.ExpandLess, null) : /*#__PURE__*/React.createElement(_iconsMaterial.ExpandMore, null))), (module === null || module === void 0 ? void 0 : (_module$subMenus3 = module.subMenus) === null || _module$subMenus3 === void 0 ? void 0 : _module$subMenus3.length) > 0 && /*#__PURE__*/React.createElement(_Collapse.default, {
       in: key === selectedIndex,
       timeout: "auto",
@@ -234,13 +239,13 @@ function SideBar(props) {
     }
   }, open ? /*#__PURE__*/React.createElement("div", {
     style: {
-      transform: 'rotate(-180deg)',
-      transition: '.15s'
+      transform: "rotate(-180deg)",
+      transition: ".15s"
     }
   }, /*#__PURE__*/React.createElement(_ChevronRight.default, null)) : /*#__PURE__*/React.createElement("div", {
     style: {
-      transform: 'rotate(-180deg)',
-      transition: '.15s'
+      transform: "rotate(-180deg)",
+      transition: ".15s"
     }
   }, /*#__PURE__*/React.createElement(_ChevronLeft.default, null))))));
 }

package/dist/components/wrapperLayout/topBar/UserAvatar.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _text = _interopRequireDefault(require("../../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var UserAvatar = function UserAvatar(_ref) {
   var loggedInUser = _ref.loggedInUser;
-  return /*#__PURE__*/_react.default.createElement("div", null, "UserAvatar");
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, "UserAvatar"));
 };
 UserAvatar.propTypes = {};
 var _default = UserAvatar;

package/dist/components/wrapperLayout/topBar/index.js

@@ -12,6 +12,7 @@ var _avatar = _interopRequireDefault(require("../topBar/avatar"));
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _style = _interopRequireDefault(require("./style"));
 var _reactRouterDom = require("react-router-dom");
+var _text = _interopRequireDefault(require("../../text"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -156,13 +157,13 @@ var TopBar = function TopBar(props) {
         //   fontSize: "0.9rem",
         fontSize: '80%'
       }
-    }, item.name), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.name)), /*#__PURE__*/_react.default.createElement("div", {
       style: {
         color: '#000000DE',
         //   fontSize: "13px",
         fontSize: '80%'
       }
-    }, item.description)))));
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.description))))));
   })))))))));
 };
 TopBar.propTypes = {

package/dist/package.json

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

package/package.json

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