tenjin-ui-kit 0.2.115 → 0.2.116

package/dist/components/button/index.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _text = _interopRequireDefault(require("../text"));
 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); }
 var Button = function Button(props) {
@@ -35,7 +36,9 @@ var Button = function Button(props) {
     buttonColor: color,
     size: size,
     loadingText: loadingText
-  }), loadingText && /*#__PURE__*/_react.default.createElement("span", null, loadingText)) : children);
+  }), loadingText && {
+    loadingText: loadingText
+  }) : children);
 };
 var ButtonLoader = function ButtonLoader(_ref) {
   var buttonColor = _ref.buttonColor,
@@ -45,16 +48,16 @@ var ButtonLoader = function ButtonLoader(_ref) {
   var resolvedButtonColor = theme.palette[buttonColor] ? theme.palette[buttonColor].main : theme.palette.primary.main;
   var textColor = theme.palette.getContrastText(resolvedButtonColor);
   return /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
-    size: size === 'small' ? 20 : size === 'large' ? 24 : 22,
+    size: size === "small" ? 20 : size === "large" ? 24 : 22,
     sx: {
-      marginRight: loadingText ? '0.5rem' : 'initial',
+      marginRight: loadingText ? "0.5rem" : "initial",
       color: textColor
     }
   });
 };
 exports.ButtonLoader = ButtonLoader;
 Button.defaultProps = {
-  color: 'primary'
+  color: "primary"
 };
 Button.propTypes = {
   loading: _propTypes.default.bool,

package/dist/components/checkBox/index.js

@@ -6,14 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
+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 CheckBox = function CheckBox(props) {
-  var rest = _extends({}, (_objectDestructuringEmpty(props), props));
+  var label = props.label,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, _extends({
     control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, rest),
-    label: props.label
+    label: /*#__PURE__*/_react.default.createElement(_text.default, null, label)
   }, rest)));
 };
 CheckBox.defaultProps = {

package/dist/components/divider/index.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _material = require("@mui/material");
 var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+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; }
@@ -32,7 +33,7 @@ function Divider(props) {
     textAlign: props.textAlign && props.textAlign
   }, /*#__PURE__*/React.createElement(_Chip.default, {
     label: props.title && props.title
-  })), props.children) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
+  })), /*#__PURE__*/React.createElement(_text.default, null, props.children)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
     textAlign: props.textAlign && props.textAlign
-  }, props.title && props.title), props.children));
+  }, /*#__PURE__*/React.createElement(_text.default, null, props.title && props.title)), props.children));
 }

package/dist/components/editableField/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+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,7 +42,7 @@ var EditableField = function EditableField(props) {
     } else {
       var _props$editableData;
       window.alert("Sorry, data should be there");
-      setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : "Please, enter some data");
+      setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
     }
   };
   var onBLurHandeler = function onBLurHandeler() {
@@ -51,7 +52,7 @@ var EditableField = function EditableField(props) {
     } else {
       var _props$editableData2;
       window.alert("Sorry, data should be there");
-      setName((_props$editableData2 = props.editableData) !== null && _props$editableData2 !== void 0 ? _props$editableData2 : "Please, enter some data");
+      setName((_props$editableData2 = props.editableData) !== null && _props$editableData2 !== void 0 ? _props$editableData2 : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
       setIsNameFocused(true);
       isShow(true);
     }
@@ -62,7 +63,7 @@ var EditableField = function EditableField(props) {
     if (props.value === null) {
       var _props$value;
       window.alert("Sorry, data should be selected");
-      setName((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : "Please, select some data");
+      setName((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, select some data"));
       setIsNameFocused(true);
       isShow(true);
     } else {
@@ -83,7 +84,7 @@ var EditableField = function EditableField(props) {
       width: "100%",
       cursor: "pointer"
     } : {}
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     onClick: function onClick() {
       return setIsNameFocused(true);
     },
@@ -98,7 +99,7 @@ var EditableField = function EditableField(props) {
       alignItems: "center",
       padding: "0.5rem"
     }
-  }, name))) : props.isSelect ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("dv", null, "Select")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
+  }, name))) : props.isSelect ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Select")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
     id: "standard-basic",
     variant: "standard",
     autoFocus: true,

package/dist/components/errorBoundary/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
 var _Error = _interopRequireDefault(require("./Error.jpg"));
+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,8 +111,14 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
           margin: "auto"
         }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
           container: true,
-          justifyContent: "center"
-        }, /*#__PURE__*/_react.default.createElement("h1", null, "Oops! Something went wrong."), /*#__PURE__*/_react.default.createElement("p", null, "Please Reload the page or Refresh the page or return Home to try again.")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+          justifyContent: "center",
+          textAlign: "center"
+        }, /*#__PURE__*/_react.default.createElement(_text.default, {
+          variant: "title",
+          bold: true
+        }, "Oops! Something went wrong."), /*#__PURE__*/_react.default.createElement(_text.default, {
+          variant: "body1"
+        }, "Please Reload the page or Refresh the page or return Home to try again.")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
           container: true,
           justifyContent: "center"
         }, /*#__PURE__*/_react.default.createElement(_material.Stack, {

package/dist/components/fileUploader/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _fi = require("react-icons/fi");
+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; }
 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); }
@@ -73,7 +75,8 @@ var FileUploader = function FileUploader(props) {
   }, /*#__PURE__*/_react.default.createElement(DropzoneText, null, !(selectedFile !== null && selectedFile !== void 0 && selectedFile.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fi.FiUpload, {
     size: "1.9rem",
     color: "#44409A"
-  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_text.default, {
+    bold: true,
     fontWeight: "400",
     fontSize: "1rem"
   }, "Drag and Drop or ", /*#__PURE__*/_react.default.createElement("b", null, "Choose File"), " to Upload")) : (selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.length) > 1 ? /*#__PURE__*/_react.default.createElement("ul", null, Array.from(selectedFile).map(function (file, index) {
@@ -82,7 +85,7 @@ var FileUploader = function FileUploader(props) {
       arrow: true,
       placement: "top",
       title: (file === null || file === void 0 ? void 0 : (_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.length) > 25 ? file === null || file === void 0 ? void 0 : file.name : ""
-    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
       sx: {
         width: "220px",
         whiteSpace: "nowrap",
@@ -97,7 +100,7 @@ var FileUploader = function FileUploader(props) {
     arrow: true,
     placement: "top",
     title: ((_selectedFile$ = selectedFile[0]) === null || _selectedFile$ === void 0 ? void 0 : (_selectedFile$$name = _selectedFile$.name) === null || _selectedFile$$name === void 0 ? void 0 : _selectedFile$$name.length) > 25 ? (_selectedFile$2 = selectedFile[0]) === null || _selectedFile$2 === void 0 ? void 0 : _selectedFile$2.name : ""
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     sx: {
       width: "220px",
       whiteSpace: "nowrap",

package/dist/components/input/index.js

@@ -10,6 +10,7 @@ var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _styles = require("@mui/material/styles");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled"];
 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); }
@@ -30,35 +31,35 @@ var Input = function Input(_ref) {
     isPastDateDisabled = _ref.isPastDateDisabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0, _styles.useTheme)();
-  var minDate = new Date().toISOString().split('T')[0];
+  var minDate = new Date().toISOString().split("T")[0];
   return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     variant: "standard",
     fullWidth: fullWidth
   }, label && /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
     sx: {
       fontWeight: 500,
-      '& .MuiFormLabel-asterisk': {
-        color: '#FF0000'
+      "& .MuiFormLabel-asterisk": {
+        color: "#FF0000"
       }
     },
     size: "small",
     shrink: true,
     htmlFor: id,
     required: isRequired
-  }, label), !error && /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, label)), !error && /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
     id: id,
     required: isRequired,
-    autoComplete: disableAutocomplete ? 'nothing' : null,
+    autoComplete: disableAutocomplete ? "nothing" : null,
     sx: {
       marginTop: label ? theme.spacing(2.5) : 0,
-      '& input': {
-        backgroundColor: isDisabled && '#DDDDDD',
-        color: isDisabled && '#000000'
+      "& input": {
+        backgroundColor: isDisabled && "#DDDDDD",
+        color: isDisabled && "#000000"
       },
-      '& label': {
+      "& label": {
         fontWeight: 500
       },
-      '& svg': {
+      "& svg": {
         marginRight: startIcon ? theme.spacing(1) : 0,
         marginLeft: endIcon ? theme.spacing(1) : 0
       }
@@ -73,18 +74,18 @@ var Input = function Input(_ref) {
   }, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
     required: isRequired,
     id: id,
-    autoComplete: disableAutocomplete ? 'nothing' : null,
+    autoComplete: disableAutocomplete ? "nothing" : null,
     disabled: isDisabled,
     sx: {
-      '& input': {
-        backgroundColor: isDisabled && '#DDDDDD',
-        color: isDisabled && '#000000'
+      "& input": {
+        backgroundColor: isDisabled && "#DDDDDD",
+        color: isDisabled && "#000000"
       },
       marginTop: label ? theme.spacing(2.5) : 0,
-      '& label': {
+      "& label": {
         fontWeight: 500
       },
-      '& svg': {
+      "& svg": {
         marginRight: startIcon ? theme.spacing(1) : 0,
         marginLeft: endIcon ? theme.spacing(1) : 0
       }

package/dist/components/layout/sidebar/FlatMenu.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _ = require("..");
 var _style = _interopRequireDefault(require("./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 }; }
@@ -53,7 +54,7 @@ var FlatMenu = function FlatMenu(_ref) {
     }, i.icon), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
       className: (0, _clsx4.default)((_clsx3 = {}, _defineProperty(_clsx3, classes.listItemText, true), _defineProperty(_clsx3, classes.collapsedFlatMenuItemText, collapsed), _defineProperty(_clsx3, classes.selectedFlatMenuItemText, selectedSidebarKey === i.key), _clsx3)),
       disableTypography: true
-    }, i.display)));
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, i.display))));
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };
 FlatMenu.propTypes = {

package/dist/components/layout/sidebar/GroupedMenu.js

@@ -11,6 +11,7 @@ var _reactRouterDom = require("react-router-dom");
 var _style = _interopRequireDefault(require("./style"));
 var _ = require("..");
 var _clsx2 = _interopRequireDefault(require("clsx"));
+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; }
@@ -31,7 +32,7 @@ var GroupedMenu = function GroupedMenu(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_material.List, {
       subheader: /*#__PURE__*/_react.default.createElement(_material.ListSubheader, {
         className: classes.subHeader
-      }, group.groupName)
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, group.groupName))
     }, group.items.map(function (i) {
       var _clsx;
       return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
@@ -52,7 +53,7 @@ var GroupedMenu = function GroupedMenu(_ref) {
       }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
         disableTypography: true,
         className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.listItemText, true), _defineProperty(_clsx, classes.selectedFlatMenuItemText, selectedSidebarKey === i.key), _clsx))
-      }, i.display));
+      }, /*#__PURE__*/_react.default.createElement(_text.default, null, i.display)));
     })), index < groups.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, {
       sx: {
         height: 'initial !important'

package/dist/components/layout/sidebar/ProjectMenu.js

@@ -14,6 +14,7 @@ var _ = require("..");
 var _clsx3 = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/styles");
 var _DragBox = require("../../DragBox");
+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; }
@@ -94,7 +95,7 @@ var ProjectMenu = function ProjectMenu(_ref) {
   }, [popupRef]);
   return groups ? /*#__PURE__*/_react.default.createElement("div", {
     className: classes.projectMenuMainWrapper
-  }, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && /*#__PURE__*/_react.default.createElement(_text.default, {
     className: classes.projectMenuHeader,
     fontWeight: 600
     // marginBottom="0.5rem"
@@ -145,7 +146,7 @@ var ProjectMenu = function ProjectMenu(_ref) {
         })[0]) === null || _group$items$filter$2 === void 0 ? void 0 : _group$items$filter$2.key) === selectedSidebarKey), _clsx))
       }, group.icon)))) : /*#__PURE__*/_react.default.createElement("span", {
         className: classes.subHeaderIcon
-      }, group.icon), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      }, group.icon), /*#__PURE__*/_react.default.createElement(_text.default, {
         sx: (_ref3 = {
           fontWeight: 600,
           marginLeft: "20px",
@@ -177,7 +178,7 @@ var ProjectMenu = function ProjectMenu(_ref) {
         className: (0, _clsx3.default)((_clsx2 = {}, _defineProperty(_clsx2, classes.projectListText, true), _defineProperty(_clsx2, classes.selectedProjectMenuItemText, selectedSidebarKey === i.key), _clsx2))
       }, draggable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DragBox.DragBox, {
         name: i.display
-      })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, i.display)));
+      })) : /*#__PURE__*/_react.default.createElement(_text.default, null, i.display)));
     })), !collapsed && index < groups.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, {
       sx: {
         height: "initial !important"
@@ -192,7 +193,7 @@ var ProjectMenu = function ProjectMenu(_ref) {
         maxHeight: "14.5rem",
         overFlow: "auto"
       }
-    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
       fontWeight: "600",
       pl: "0.3rem",
       color: "#7D7D7D"
@@ -218,7 +219,7 @@ var ProjectMenu = function ProjectMenu(_ref) {
         }
       }, draggable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DragBox.DragBox, {
         name: i.display
-      })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, i.display));
+      })) : /*#__PURE__*/_react.default.createElement(_text.default, null, i.display));
     }))));
   }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };

package/dist/components/layout/topBar/ProjectTopbar.js

@@ -13,6 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactFeather = require("react-feather");
 var _reactRouter = require("react-router");
 var _modal = _interopRequireDefault(require("../../modal"));
+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 }; }
@@ -87,7 +88,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     sx: {
       justifySelf: "left"
     }
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     component: "a",
     href: "/",
     sx: {
@@ -117,7 +118,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       onClick: function onClick(event) {
         return action.dropdown ? handleMenuOpen(event, index) : handleItemClick(action);
       }
-    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
       style: {
         fontWeight: "600"
       }
@@ -143,7 +144,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
           cursor: item.clickable ? "pointer" : "default",
           backgroundColor: item.heading ? "transparent" : "transparent"
         }
-      }, item.heading ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      }, item.heading ? /*#__PURE__*/_react.default.createElement(_text.default, {
         variant: "subtitle1",
         style: {
           fontWeight: 600
@@ -153,11 +154,11 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
           display: "flex",
           flexDirection: "column"
         }
-      }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      }, /*#__PURE__*/_react.default.createElement(_text.default, {
         style: {
           fontWeight: item.clickable || item.heading ? 600 : 400
         }
-      }, item.title), item.subtitle && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      }, item.title), item.subtitle && /*#__PURE__*/_react.default.createElement(_text.default, {
         variant: "body2",
         color: "#ACACAC",
         sx: {
@@ -184,7 +185,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
         href: "/administration"
       });
     }
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     style: {
       fontSize: "1rem",
       fontWeight: "600"
@@ -202,7 +203,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     handleClose: handleClose,
     onClose: handleClose,
     width: "sm"
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.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",
@@ -216,10 +217,10 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "outlined",
     onClick: handleClose
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cancel")), /*#__PURE__*/_react.default.createElement(_button.default, {
     color: "error",
     onClick: logout
-  }, "Log out")))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
 };
 ProjectTopbar.propTypes = {};
 var _default = ProjectTopbar;

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

@@ -9,6 +9,7 @@ var _material = require("@mui/material");
 var _styles = require("@mui/styles");
 var _react = _interopRequireWildcard(require("react"));
 var _avatar = _interopRequireDefault(require("../../avatar"));
+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; }
@@ -83,9 +84,9 @@ var UserAvatar = function UserAvatar(_ref) {
     size: "small",
     variant: "rounded",
     user: loggedInUser
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, {
     className: "name"
-  }, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
     className: "email"
   }, loggedInUser.email)))), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: function onClick() {
@@ -94,7 +95,7 @@ var UserAvatar = function UserAvatar(_ref) {
         onLogout();
       }
     }
-  }, "Logout"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };
 UserAvatar.propTypes = {};
 var _default = UserAvatar;

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

@@ -12,6 +12,7 @@ var _button = _interopRequireDefault(require("../../button"));
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
 var _modal = _interopRequireDefault(require("../../modal"));
 var _reactRouter = require("react-router");
+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; }
@@ -59,8 +60,8 @@ var TopBar = function TopBar(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, {
     variant: "dense"
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h6",
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "title",
     component: "a",
     href: "/",
     sx: {
@@ -90,7 +91,7 @@ var TopBar = function TopBar(_ref) {
       onClick: function onClick() {
         return navigate(a.href);
       }
-    }, a.title);
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, a.title));
   }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       marginLeft: theme.spacing(1)
@@ -104,7 +105,7 @@ var TopBar = function TopBar(_ref) {
     handleClose: handleClose,
     onClose: handleClose,
     width: "sm"
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.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",
@@ -118,13 +119,13 @@ var TopBar = function TopBar(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "outlined",
     onClick: handleClose
-  }, "Cancel")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cancel"))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 6
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     color: "error",
     onClick: logout
-  }, "Log out")))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
 };
 TopBar.propTypes = {};
 var _default = TopBar;

package/dist/components/modal/index.js

@@ -12,6 +12,7 @@ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["fullWidth", "width", "open", "handleClose", "title", "children", "onClose"];
 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); }
@@ -48,7 +49,7 @@ var Modal = function Modal(props) {
   }, /*#__PURE__*/React.createElement(_material.Grid, {
     item: true,
     xs: 8
-  }, /*#__PURE__*/React.createElement(_material.Typography, {
+  }, /*#__PURE__*/React.createElement(_text.default, {
     sx: {
       fontSize: "17px",
       paddingLeft: "1.2rem",

package/dist/components/pagination/index.js

@@ -12,6 +12,7 @@ var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight
 var _material = require("@mui/material");
 var _style = _interopRequireDefault(require("./style"));
 var _default2 = _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; }
@@ -84,7 +85,7 @@ var Pagination = function Pagination(props) {
     })
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.paginationContent
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     component: "span",
     variant: "body2"
     // className={classes.paginationText}
@@ -97,7 +98,7 @@ var Pagination = function Pagination(props) {
       setPage(e.target.value);
     },
     onKeyDown: handlePaginationInputKeyDown
-  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }), /*#__PURE__*/_react.default.createElement(_text.default, {
     component: "span",
     variant: "body2"
     // className={classes.paginationText}