tenjin-ui-kit 0.2.115 → 0.2.116

package/dist/components/select/index.js

@@ -10,6 +10,8 @@ var _material = require("@mui/material");
 var _CheckBoxOutlineBlank = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
 var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
+var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["options", "isMulti", "checkBox", "defaultValue", "value", "onChange", "placeholder", "label", "fullWidth", "error", "helperText", "blueTheme", "isRequired", "isDisabled"];
 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); }
@@ -49,11 +51,20 @@ var ReactSelect = function ReactSelect(props) {
       fontWeight: 500,
       paddingBottom: "0.2rem"
     }
-  }, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
     style: {
       color: "red"
     }
-  }, " *") : ""), checkBox && /*#__PURE__*/_react.default.createElement(_material.Autocomplete, _extends({}, rest, {
+  }, " * ") : "")), checkBox && /*#__PURE__*/_react.default.createElement(_material.Autocomplete, _extends({}, rest, {
+    sx: {
+      "& .MuiAutocomplete-input, & .MuiInputLabel-root": {
+        fontSize: _responsiveTheme.default.typography.fontSize
+      },
+      "& .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root']": {
+        background: isDisabled && "#DDDDDD",
+        color: isDisabled && "#000000"
+      }
+    },
     disabled: isDisabled,
     multiple: isMulti,
     options: options
@@ -74,7 +85,7 @@ var ReactSelect = function ReactSelect(props) {
           marginRight: 8
         },
         checked: selected
-      }), option === null || option === void 0 ? void 0 : option.label);
+      }), /*#__PURE__*/_react.default.createElement(_text.default, null, option === null || option === void 0 ? void 0 : option.label));
     },
     renderInput: function renderInput(params) {
       return /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
@@ -95,6 +106,9 @@ var ReactSelect = function ReactSelect(props) {
     defaultValue: [defaultValue],
     onChange: onChange,
     sx: {
+      "& .MuiAutocomplete-input, & .MuiInputLabel-root": {
+        fontSize: _responsiveTheme.default.typography.fontSize
+      },
       "& .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root']": {
         background: isDisabled && "#DDDDDD",
         color: isDisabled && "#000000"
@@ -122,6 +136,9 @@ var ReactSelect = function ReactSelect(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, _extends({
     sx: {
+      "& .MuiAutocomplete-input, & .MuiInputLabel-root": {
+        fontSize: _responsiveTheme.default.typography.fontSize
+      },
       width: "100%",
       "& .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root']": {
         background: "#6e6ba1",

package/dist/components/switch/index.js

@@ -8,11 +8,15 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _default2 = _interopRequireDefault(require("../../themes/default"));
 var _styles = require("@mui/material/styles");
+var _text = _interopRequireDefault(require("../text"));
+var _excluded = ["label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Switch = function Switch(props) {
-  var rest = _extends({}, (_objectDestructuringEmpty(props), props));
+  var label = props.label,
+    rest = _objectWithoutProperties(props, _excluded);
   console.log(props.color, " theme.palette.grey.main theme.palette.grey.main");
   var MuiSwitchStyledComp = (0, _styles.styled)(_material.Switch)(function (_ref) {
     var _theme$palette;
@@ -56,7 +60,7 @@ var Switch = function Switch(props) {
         }
       }
     }, rest)),
-    label: props.label
+    label: /*#__PURE__*/_react.default.createElement(_text.default, null, label)
   }, rest)));
 };
 Switch.defaultProps = {

package/dist/components/switch/switch.js

@@ -12,6 +12,7 @@ var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormContro
 var _material = require("@mui/material");
 var _style = _interopRequireDefault(require("./style"));
 var _default = _interopRequireDefault(require("../../themes/default"));
+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; }
@@ -78,7 +79,7 @@ function Switch(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: classes.root
     }, /*#__PURE__*/React.createElement(_FormGroup.default, null, /*#__PURE__*/React.createElement(_FormControlLabel.default, {
-      label: /*#__PURE__*/React.createElement(_material.Typography, null, object.label && ((_object$label = object.label) === null || _object$label === void 0 ? void 0 : _object$label.length) > 0 ? object.label : ""),
+      label: /*#__PURE__*/React.createElement(_text.default, null, object.label && ((_object$label = object.label) === null || _object$label === void 0 ? void 0 : _object$label.length) > 0 ? object.label : ""),
       control: /*#__PURE__*/React.createElement(MuiSwitchStyledComp, {
         checked: object.checked === true,
         onChange: function onChange() {
@@ -103,7 +104,7 @@ function Switch(props) {
         return onChangeEvent();
       }
     }),
-    label: "".concat(props.label && ((_props$label = props.label) === null || _props$label === void 0 ? void 0 : _props$label.length) > 0 ? props.label : ""),
+    label: /*#__PURE__*/React.createElement(_text.default, null, "`$", props.label && ((_props$label = props.label) === null || _props$label === void 0 ? void 0 : _props$label.length) > 0 ? props.label : "", "`"),
     disabled: props.disabled && props.disabled
   }))));
 }

package/dist/components/table/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _text = _interopRequireDefault(require("../text"));
 var _material = require("@mui/material");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
 var _KeyboardArrowUp = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
@@ -94,7 +95,7 @@ var Table = function Table(_ref) {
       style: {
         color: "#7D7D7D"
       }
-    }, c.displayName) : /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.displayName), "d", " ") : /*#__PURE__*/_react.default.createElement(_material.TableCell, {
       key: index
     }, /*#__PURE__*/_react.default.createElement(_material.TableSortLabel, {
       active: sorting.column === c.name.toLowerCase(),
@@ -102,7 +103,11 @@ var Table = function Table(_ref) {
       onClick: function onClick() {
         return handleSort(c.name);
       }
-    }, c.displayName));
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
+      style: {
+        color: "#7D7D7D"
+      }
+    }, " ", c.displayName, " ")));
   }))), draggable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.DragDropContext, {
     onDragEnd: onDragEnd
   }, /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Droppable, {
@@ -146,18 +151,18 @@ var Table = function Table(_ref) {
             },
             style: (_c$render5 = c.render(u)) === null || _c$render5 === void 0 ? void 0 : (_c$render5$props = _c$render5.props) === null || _c$render5$props === void 0 ? void 0 : _c$render5$props.style,
             href: (_c$render6 = c.render(u)) === null || _c$render6 === void 0 ? void 0 : (_c$render6$props = _c$render6.props) === null || _c$render6$props === void 0 ? void 0 : _c$render6$props.href
-          }, ((_c$render7 = c.render(u)) === null || _c$render7 === void 0 ? void 0 : (_c$render7$props$chil = _c$render7.props.children) === null || _c$render7$props$chil === void 0 ? void 0 : _c$render7$props$chil.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement("a", {
+          }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render7 = c.render(u)) === null || _c$render7 === void 0 ? void 0 : (_c$render7$props$chil = _c$render7.props.children) === null || _c$render7$props$chil === void 0 ? void 0 : _c$render7$props$chil.slice(0, 20)) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
             onClick: function onClick() {
               var _c$render8, _c$render8$props;
               return (_c$render8 = c.render(u)) === null || _c$render8 === void 0 ? void 0 : (_c$render8$props = _c$render8.props) === null || _c$render8$props === void 0 ? void 0 : _c$render8$props.onClick();
             },
             style: (_c$render9 = c.render(u)) === null || _c$render9 === void 0 ? void 0 : (_c$render9$props = _c$render9.props) === null || _c$render9$props === void 0 ? void 0 : _c$render9$props.style,
             href: (_c$render10 = c.render(u)) === null || _c$render10 === void 0 ? void 0 : (_c$render10$props = _c$render10.props) === null || _c$render10$props === void 0 ? void 0 : _c$render10$props.href
-          }, (_c$render11 = c.render(u)) === null || _c$render11 === void 0 ? void 0 : _c$render11.props.children))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render12 = c.render(u)) === null || _c$render12 === void 0 ? void 0 : _c$render12.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+          }, /*#__PURE__*/_react.default.createElement(_text.default, null, (_c$render11 = c.render(u)) === null || _c$render11 === void 0 ? void 0 : _c$render11.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render12 = c.render(u)) === null || _c$render12 === void 0 ? void 0 : _c$render12.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
             title: c.render(u),
             arrow: true,
             placement: "top"
-          }, /*#__PURE__*/_react.default.createElement("span", null, ((_c$render13 = c.render(u)) === null || _c$render13 === void 0 ? void 0 : _c$render13.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement("span", null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
+          }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render13 = c.render(u)) === null || _c$render13 === void 0 ? void 0 : _c$render13.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
             style: {
               whiteSpace: "nowrap",
               overflow: "hidden",
@@ -168,7 +173,7 @@ var Table = function Table(_ref) {
             title: u[c.name],
             arrow: true,
             placement: "top"
-          }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, ((_u$c$name2 = u[c.name]) === null || _u$c$name2 === void 0 ? void 0 : _u$c$name2.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_material.Typography, null, u[c.name])));
+          }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_u$c$name2 = u[c.name]) === null || _u$c$name2 === void 0 ? void 0 : _u$c$name2.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name])));
         }));
       });
     }), provided.placeholder);
@@ -200,18 +205,18 @@ var Table = function Table(_ref) {
         },
         style: (_c$render18 = c.render(u)) === null || _c$render18 === void 0 ? void 0 : (_c$render18$props = _c$render18.props) === null || _c$render18$props === void 0 ? void 0 : _c$render18$props.style,
         href: (_c$render19 = c.render(u)) === null || _c$render19 === void 0 ? void 0 : (_c$render19$props = _c$render19.props) === null || _c$render19$props === void 0 ? void 0 : _c$render19$props.href
-      }, ((_c$render20 = c.render(u)) === null || _c$render20 === void 0 ? void 0 : (_c$render20$props$chi = _c$render20.props.children) === null || _c$render20$props$chi === void 0 ? void 0 : _c$render20$props$chi.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement("a", {
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render20 = c.render(u)) === null || _c$render20 === void 0 ? void 0 : (_c$render20$props$chi = _c$render20.props.children) === null || _c$render20$props$chi === void 0 ? void 0 : _c$render20$props$chi.slice(0, 20)) + "..."))) : /*#__PURE__*/_react.default.createElement("a", {
         onClick: function onClick() {
           var _c$render21, _c$render21$props;
           return (_c$render21 = c.render(u)) === null || _c$render21 === void 0 ? void 0 : (_c$render21$props = _c$render21.props) === null || _c$render21$props === void 0 ? void 0 : _c$render21$props.onClick();
         },
         style: (_c$render22 = c.render(u)) === null || _c$render22 === void 0 ? void 0 : (_c$render22$props = _c$render22.props) === null || _c$render22$props === void 0 ? void 0 : _c$render22$props.style,
         href: (_c$render23 = c.render(u)) === null || _c$render23 === void 0 ? void 0 : (_c$render23$props = _c$render23.props) === null || _c$render23$props === void 0 ? void 0 : _c$render23$props.href
-      }, (_c$render24 = c.render(u)) === null || _c$render24 === void 0 ? void 0 : _c$render24.props.children))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render25 = c.render(u)) === null || _c$render25 === void 0 ? void 0 : _c$render25.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, (_c$render24 = c.render(u)) === null || _c$render24 === void 0 ? void 0 : _c$render24.props.children)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render25 = c.render(u)) === null || _c$render25 === void 0 ? void 0 : _c$render25.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
         title: c.render(u),
         arrow: true,
         placement: "top"
-      }, /*#__PURE__*/_react.default.createElement("span", null, ((_c$render26 = c.render(u)) === null || _c$render26 === void 0 ? void 0 : _c$render26.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement("span", null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_c$render26 = c.render(u)) === null || _c$render26 === void 0 ? void 0 : _c$render26.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
         style: {
           whiteSpace: "nowrap",
           overflow: "hidden",
@@ -222,7 +227,7 @@ var Table = function Table(_ref) {
         title: u[c.name],
         arrow: true,
         placement: "top"
-      }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, ((_u$c$name4 = u[c.name]) === null || _u$c$name4 === void 0 ? void 0 : _u$c$name4.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_material.Typography, null, u[c.name])));
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, ((_u$c$name4 = u[c.name]) === null || _u$c$name4 === void 0 ? void 0 : _u$c$name4.slice(0, 20)) + "...")) : /*#__PURE__*/_react.default.createElement(_text.default, null, u[c.name])));
     }));
   })))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns.map(function (c) {
     return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
@@ -230,7 +235,7 @@ var Table = function Table(_ref) {
       style: {
         color: "#7D7D7D"
       }
-    }, c.displayName);
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, c.displayName));
   })), " ")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 11,

package/dist/components/text/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
-var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "sx"];
+var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "fontWeight", "sx"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -41,12 +41,13 @@ var Text = function Text(_ref) {
     color = _ref.color,
     variant = _ref.variant,
     link = _ref.link,
+    fontWeight = _ref.fontWeight,
     sx = _ref.sx,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0, _material.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
-    variant: variant === "title" ? "h6" : variant === "subtitle" ? "body2" : "body1",
-    fontWeight: bold ? "bold" : semibold || variant === "title" ? 600 : "inherit",
+    variant: variant === "title" ? "h6" : variant === "subtitle" ? "body2" : variant,
+    fontWeight: bold ? "bold" : semibold || variant === "title" ? 600 : fontWeight,
     color: link ? "primary" : getColor(color, theme)
   }, rest, {
     sx: _objectSpread({

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))))));
 }