tenjin-ui-kit 0.2.115 → 0.2.117

package/dist/components/breadCrumbs/index.js

@@ -7,91 +7,143 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = BreadCrumbs;
 var _material = require("@mui/material");
 var React = _interopRequireWildcard(require("react"));
+var _text = _interopRequireDefault(require("../text"));
 var _KeyboardDoubleArrowRight = _interopRequireDefault(require("@mui/icons-material/KeyboardDoubleArrowRight"));
-var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _reactRouterDom = require("react-router-dom");
+var _button = _interopRequireDefault(require("../button"));
+var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
 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; }
-// import Link from "@mui/material/Link";
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function BreadCrumbs(props) {
-  var _props$crumbInfo, _props$crumbInfo$2, _props$crumbInfo$3, _props$crumbInfo$4, _props$crumbInfo$5, _props$crumbInfo$5$ti, _props$crumbInfo$6, _props$crumbInfo$7, _props$crumbInfo$7$ti, _props$crumbInfo$8;
+  var _crumbInfo$2, _ref, _crumbInfo$3, _crumbInfo$3$title, _crumbInfo$4, _crumbInfo$5, _crumbInfo$5$title, _crumbInfo$6;
   var navigate = (0, _reactRouterDom.useNavigate)();
-  var windowSm = (0, _material.useMediaQuery)('(max-width:960px)');
+  // const windowSm = useMediaQuery("(max-width:960px)");
+
+  var crumbInfo = props.crumbInfo;
+  var displayCrumbs = crumbInfo.length > 4 ? [crumbInfo[crumbInfo.length - 2], crumbInfo[crumbInfo.length - 1]] : crumbInfo;
+  var _useState = (0, React.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuOpen = _useState2[0],
+    setMenuOpen = _useState2[1];
+  var _useState3 = (0, React.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var handleMenuClick = function handleMenuClick(event) {
+    setAnchorEl(event.currentTarget);
+    setMenuOpen(true);
+  };
   function handleClick(event, data) {
     event.preventDefault();
     if (data !== undefined) {
       navigate(data);
     }
   }
+  var handleMenuClose = function handleMenuClose(event, data) {
+    if (data !== undefined) {
+      navigate(data);
+    }
+    setMenuOpen(false);
+  };
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
+      display: "flex",
       flexGrow: 1
     },
     role: "presentation"
-    // onClick={handleClick}
-  }, !windowSm ? /*#__PURE__*/React.createElement(_Stack.default, {
-    spacing: 2
   }, /*#__PURE__*/React.createElement(_material.Breadcrumbs, {
     separator: /*#__PURE__*/React.createElement(_KeyboardDoubleArrowRight.default, {
       fontSize: "small"
     }),
-    "aria-label": "breadcrumb",
-    maxItems: 3
-  }, props.crumbInfo && ((_props$crumbInfo = props.crumbInfo) === null || _props$crumbInfo === void 0 ? void 0 : _props$crumbInfo.map(function (data, key) {
-    var _data$title, _data$title2;
+    "aria-label": "breadcrumb"
+  }, crumbInfo.length > 4 && /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      var _crumbInfo$;
+      return handleClick(e, (_crumbInfo$ = crumbInfo[0]) === null || _crumbInfo$ === void 0 ? void 0 : _crumbInfo$.link);
+    },
+    style: (_ref = {
+      display: "flex",
+      alignItems: "center",
+      textDecoration: "none",
+      fontWeight: 'bold',
+      color: (_crumbInfo$2 = crumbInfo[0]) !== null && _crumbInfo$2 !== void 0 && _crumbInfo$2.active ? "#000000DE" : "#44409A"
+    }, _defineProperty(_ref, "fontWeight", 500), _defineProperty(_ref, "cursor", crumbInfo[0].active !== true && "pointer"), _ref)
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "flex",
+      marginRight: "3px"
+    }
+  }, crumbInfo[0].icon), ((_crumbInfo$3 = crumbInfo[0]) === null || _crumbInfo$3 === void 0 ? void 0 : (_crumbInfo$3$title = _crumbInfo$3.title) === null || _crumbInfo$3$title === void 0 ? void 0 : _crumbInfo$3$title.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: (_crumbInfo$4 = crumbInfo[0]) === null || _crumbInfo$4 === void 0 ? void 0 : _crumbInfo$4.title,
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement("span", null, ((_crumbInfo$5 = crumbInfo[0]) === null || _crumbInfo$5 === void 0 ? void 0 : (_crumbInfo$5$title = _crumbInfo$5.title) === null || _crumbInfo$5$title === void 0 ? void 0 : _crumbInfo$5$title.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, null, (_crumbInfo$6 = crumbInfo[0]) === null || _crumbInfo$6 === void 0 ? void 0 : _crumbInfo$6.title)), crumbInfo.length > 4 && /*#__PURE__*/React.createElement(_button.default, {
+    color: "inherit",
+    variant: "text",
+    onClick: handleMenuClick,
+    style: {
+      minWidth: "20px",
+      padding: '0'
+    }
+  }, /*#__PURE__*/React.createElement(_MoreHoriz.default, {
+    style: {
+      color: "#44409A"
+    }
+  })), displayCrumbs.map(function (breadcrumb, index) {
+    var _breadcrumb$title, _breadcrumb$title2;
     return /*#__PURE__*/React.createElement("div", {
-      key: key
-      // to={data?.link}
-      ,
+      key: index,
       onClick: function onClick(e) {
-        return handleClick(e, data === null || data === void 0 ? void 0 : data.link);
+        return handleClick(e, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.link);
       },
       style: {
-        textDecoration: 'none',
-        color: data !== null && data !== void 0 && data.active ? '#000000DE' : '#44409A',
+        display: "flex",
+        alignItems: "center",
+        textDecoration: "none",
+        color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A",
         fontWeight: 500,
-        cursor: data.active !== true && 'pointer',
-        display: "flex"
+        cursor: breadcrumb.active !== true && "pointer"
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("span", {
       style: {
-        marginRight: '0.4rem',
-        marginTop: "0.15rem"
+        display: "flex",
+        marginRight: "3px"
       }
-    }, data.icon), (data === null || data === void 0 ? void 0 : (_data$title = data.title) === null || _data$title === void 0 ? void 0 : _data$title.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
-      title: data === null || data === void 0 ? void 0 : data.title,
+    }, breadcrumb.icon), (breadcrumb === null || breadcrumb === void 0 ? void 0 : (_breadcrumb$title = breadcrumb.title) === null || _breadcrumb$title === void 0 ? void 0 : _breadcrumb$title.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+      title: breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title,
       arrow: true,
       placement: "top"
-    }, /*#__PURE__*/React.createElement("span", null, (data === null || data === void 0 ? void 0 : (_data$title2 = data.title) === null || _data$title2 === void 0 ? void 0 : _data$title2.slice(0, 20)) + '...')) : /*#__PURE__*/React.createElement("span", null, data === null || data === void 0 ? void 0 : data.title));
-  })))) : /*#__PURE__*/React.createElement(_Stack.default, {
-    spacing: 2
-  }, /*#__PURE__*/React.createElement(_material.Breadcrumbs, {
-    separator: /*#__PURE__*/React.createElement(_KeyboardDoubleArrowRight.default, {
-      fontSize: "small"
-    }),
-    "aria-label": "breadcrumb"
-  }, /*#__PURE__*/React.createElement("div", {
-    // to={props.crumbInfo[0]?.link}
-    onClick: function onClick(e) {
-      var _props$crumbInfo$;
-      return handleClick(e, (_props$crumbInfo$ = props.crumbInfo[0]) === null || _props$crumbInfo$ === void 0 ? void 0 : _props$crumbInfo$.link);
-    },
-    style: {
-      textDecoration: 'none',
-      color: (_props$crumbInfo$2 = props.crumbInfo[0]) !== null && _props$crumbInfo$2 !== void 0 && _props$crumbInfo$2.active ? '#000000DE' : '#44409A',
-      fontWeight: 500,
-      cursor: ((_props$crumbInfo$3 = props.crumbInfo[0]) === null || _props$crumbInfo$3 === void 0 ? void 0 : _props$crumbInfo$3.active) !== true && 'pointer'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      margin: '0.5rem 0.4rem 0rem 0rem'
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_text.default, null, (breadcrumb === null || breadcrumb === void 0 ? void 0 : (_breadcrumb$title2 = breadcrumb.title) === null || _breadcrumb$title2 === void 0 ? void 0 : _breadcrumb$title2.slice(0, 20)) + "..."))) : /*#__PURE__*/React.createElement(_text.default, null, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
+  })), /*#__PURE__*/React.createElement(_material.Menu, {
+    anchorEl: anchorEl,
+    open: menuOpen,
+    onClose: handleMenuClose,
+    sx: {
+      minWidth: "200px",
+      maxHeight: "220px"
     }
-  }, (_props$crumbInfo$4 = props.crumbInfo[0]) === null || _props$crumbInfo$4 === void 0 ? void 0 : _props$crumbInfo$4.icon), ((_props$crumbInfo$5 = props.crumbInfo[0]) === null || _props$crumbInfo$5 === void 0 ? void 0 : (_props$crumbInfo$5$ti = _props$crumbInfo$5.title) === null || _props$crumbInfo$5$ti === void 0 ? void 0 : _props$crumbInfo$5$ti.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
-    title: (_props$crumbInfo$6 = props.crumbInfo[0]) === null || _props$crumbInfo$6 === void 0 ? void 0 : _props$crumbInfo$6.title,
-    arrow: true,
-    placement: "top"
-  }, /*#__PURE__*/React.createElement("span", null, ((_props$crumbInfo$7 = props.crumbInfo[0]) === null || _props$crumbInfo$7 === void 0 ? void 0 : (_props$crumbInfo$7$ti = _props$crumbInfo$7.title) === null || _props$crumbInfo$7$ti === void 0 ? void 0 : _props$crumbInfo$7$ti.slice(0, 20)) + '...')) : /*#__PURE__*/React.createElement("span", null, (_props$crumbInfo$8 = props.crumbInfo[0]) === null || _props$crumbInfo$8 === void 0 ? void 0 : _props$crumbInfo$8.title)))));
+  }, crumbInfo.slice(1, crumbInfo.length - 2).map(function (breadcrumb, index) {
+    var _ref2;
+    return /*#__PURE__*/React.createElement(_material.MenuItem, {
+      key: index,
+      onClick: function onClick(e) {
+        return handleMenuClose(e, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.link);
+      },
+      sx: (_ref2 = {
+        textDecoration: "none",
+        fontWeight: 'bold',
+        color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A"
+      }, _defineProperty(_ref2, "fontWeight", 500), _defineProperty(_ref2, "cursor", breadcrumb.active !== true && "pointer"), _ref2)
+    }, /*#__PURE__*/React.createElement(_text.default, null, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
+  })));
 }

package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js

@@ -15,7 +15,7 @@ var DetailsViewHeader = function DetailsViewHeader(props) {
     component = props.component;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
     theme: _default2.default
-  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), breadcrumbsData ? /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
@@ -27,7 +27,9 @@ var DetailsViewHeader = function DetailsViewHeader(props) {
     xs: 6,
     container: true,
     justifyContent: "flex-end"
-  }, component))));
+  }, component)) : /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true
+  }, component)));
 };
 DetailsViewHeader.propTypes = {};
 var _default = DetailsViewHeader;

package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js

@@ -10,6 +10,7 @@ var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 var _button = _interopRequireDefault(require("../../../button"));
 var _ai = require("react-icons/ai");
 var _style = _interopRequireDefault(require("./style"));
+var _text = _interopRequireDefault(require("../../../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var TreeViewHeader = function TreeViewHeader(props) {
   var title = props.title,
@@ -26,7 +27,7 @@ var TreeViewHeader = function TreeViewHeader(props) {
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 9
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     className: classes.headTypo
   }, title)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
@@ -40,7 +41,7 @@ var TreeViewHeader = function TreeViewHeader(props) {
     variant: "text",
     className: classes.button,
     onClick: onCreate
-  }, "Create")))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Create"))))));
 };
 TreeViewHeader.propTypes = {};
 var _default = TreeViewHeader;

package/dist/components/browsingTestCaseLayout/index.js

@@ -25,8 +25,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var BrowsingTestCaseLayout = function BrowsingTestCaseLayout(_ref) {
-  var children = _ref.children;
-  //   return <div className="browsing-test-case-layout">{children}</div>;
+  var collapse = _ref.collapse,
+    children = _ref.children;
+  // return <div className="browsing-test-case-layout">{children}</div>;
+  // console.log("Browser", children);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHandlerDragging = _useState2[0],
@@ -56,6 +58,11 @@ var BrowsingTestCaseLayout = function BrowsingTestCaseLayout(_ref) {
   var handleMouseUp = function handleMouseUp(e) {
     setIsHandlerDragging(false);
   };
+  _react.default.useEffect(function () {
+    if (collapse) {
+      setExpand(false);
+    }
+  }, []);
   _react.default.useEffect(function () {
     if (expand) {
       document.addEventListener("mousemove", handleMouseMove);

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,34 @@ 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, {
+  }, label && /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
     sx: {
+      fontSize: "0.8rem",
       fontWeight: 500,
-      '& .MuiFormLabel-asterisk': {
-        color: '#FF0000'
-      }
+      paddingBottom: "0.2rem"
     },
-    size: "small",
-    shrink: true,
-    htmlFor: id,
-    required: isRequired
-  }, label), !error && /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
+    htmlFor: id
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, " * ") : "")), !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 +73,17 @@ 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'