tenjin-ui-kit 0.2.114 → 0.2.116

package/{components → dist/components}/authenticationProvider/AuthError.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
+var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var AuthError = function AuthError() {
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
@@ -17,7 +18,7 @@ var AuthError = function AuthError() {
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
     severity: "error"
-  }, "Oops! Something went wrong. Please contact your Tenjin Administrator"));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Oops! Something went wrong. Please contact your Tenjin Administrator")));
 };
 var _default = AuthError;
 exports.default = _default;

package/{components → dist/components}/avatar/index.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _styles = _interopRequireDefault(require("./styles"));
 var _clsx = _interopRequireDefault(require("clsx"));
+var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var splitName = function splitName(name) {
   var array = name.split(" ");
@@ -63,10 +64,10 @@ var Avatar = function Avatar(_ref) {
     className: (0, _clsx.default)(classes.avatar, "avatar")
   }, getInitials(user)))), (format === "icon-and-name" || format === "icon-name-email") && /*#__PURE__*/_react.default.createElement("div", {
     className: "right"
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
     className: "title",
     variant: "body1"
-  }, user.firstName, " ", user.lastName), format === "icon-name-email" && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, user.firstName, " ", user.lastName), format === "icon-name-email" && /*#__PURE__*/_react.default.createElement(_text.default, {
     variant: "body2",
     className: "subtitle",
     color: "textSecondary"

package/{components → dist/components}/breadCrumbs/index.js

@@ -7,6 +7,7 @@ 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");
@@ -18,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 navigate = (0, _reactRouterDom.useNavigate)();
-  var windowSm = (0, _material.useMediaQuery)('(max-width:960px)');
+  var windowSm = (0, _material.useMediaQuery)("(max-width:960px)");
   function handleClick(event, data) {
     event.preventDefault();
     if (data !== undefined) {
@@ -27,7 +28,7 @@ function BreadCrumbs(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
+      display: "flex",
       flexGrow: 1
     },
     role: "presentation"
@@ -50,20 +51,16 @@ function BreadCrumbs(props) {
         return handleClick(e, data === null || data === void 0 ? void 0 : data.link);
       },
       style: {
-        textDecoration: 'none',
-        color: data !== null && data !== void 0 && data.active ? '#000000DE' : '#44409A',
+        textDecoration: "none",
+        color: data !== null && data !== void 0 && data.active ? "#000000DE" : "#44409A",
         fontWeight: 500,
-        cursor: data.active !== true && 'pointer'
+        cursor: data.active !== true && "pointer"
       }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        marginRight: '0.4rem'
-      }
-    }, 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, {
+    }, /*#__PURE__*/React.createElement("span", null, 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,
       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("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(_text.default, null, data === null || data === void 0 ? void 0 : data.title));
   })))) : /*#__PURE__*/React.createElement(_Stack.default, {
     spacing: 2
   }, /*#__PURE__*/React.createElement(_material.Breadcrumbs, {
@@ -78,18 +75,18 @@ function BreadCrumbs(props) {
       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',
+      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'
+      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'
+      margin: "0.5rem 0.4rem 0rem 0rem"
     }
   }, (_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)))));
+  }, /*#__PURE__*/React.createElement(_text.default, 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(_text.default, null, (_props$crumbInfo$8 = props.crumbInfo[0]) === null || _props$crumbInfo$8 === void 0 ? void 0 : _props$crumbInfo$8.title)))));
 }

package/{components → dist/components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js

@@ -11,12 +11,25 @@ var _breadCrumbs = _interopRequireDefault(require("../../../breadCrumbs"));
 var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var DetailsViewHeader = function DetailsViewHeader(props) {
-  var breadcrumbsData = props.breadcrumbsData;
+  var breadcrumbsData = props.breadcrumbsData,
+    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(_breadCrumbs.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), breadcrumbsData ? /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, " ", /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
     crumbInfo: breadcrumbsData
-  })));
+  })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 6,
+    container: true,
+    justifyContent: "flex-end"
+  }, component)) : /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true
+  }, component)));
 };
 DetailsViewHeader.propTypes = {};
 var _default = DetailsViewHeader;

package/{components → 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/{components → dist/components}/browsingTestCaseLayout/index.js

@@ -14,6 +14,7 @@ require("./style.css");
 var _material = require("@mui/material");
 var _bs = require("react-icons/bs");
 var _iconButton = _interopRequireDefault(require("../iconButton"));
+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; }
@@ -75,21 +76,47 @@ var BrowsingTestCaseLayout = function BrowsingTestCaseLayout(_ref) {
     ref: boxARef,
     elevation: 0,
     className: "leftWrapper"
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "arrowButton"
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !expand ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: "2rem"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    style: {
+      color: "#44409A"
+    },
+    className: "verticalText",
+    semibold: true
+  }, "Test Repository")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children[0], children[1])))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: "-0.3rem"
+    }
   }, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
     title: expand ? "Collapse" : "Expand",
-    icon: expand ? /*#__PURE__*/_react.default.createElement(_bs.BsArrowLeftCircle, null) : /*#__PURE__*/_react.default.createElement(_bs.BsArrowRightCircle, null),
+    icon: expand ? /*#__PURE__*/_react.default.createElement(_bs.BsArrowLeftCircle, {
+      style: {
+        width: "20px",
+        height: "20px"
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_bs.BsArrowRightCircle, {
+      style: {
+        width: "20px",
+        height: "20px"
+      }
+    }),
     onClick: function onClick() {
       return setExpand(!expand);
     }
-  })), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !expand ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    color: "#44409A",
-    className: "verticalText"
-  }, "Test Repository") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children[0], children[1])))), /*#__PURE__*/_react.default.createElement("div", {
+  }), " "), /*#__PURE__*/_react.default.createElement("div", {
     class: "handler",
     onMouseDown: handleMouseDown
-  }), /*#__PURE__*/_react.default.createElement(_material.Paper, {
+  })), /*#__PURE__*/_react.default.createElement(_material.Paper, {
     ref: boxARef,
     elevation: 0,
     className: "rightWrapper"

package/{components → dist/components}/browsingTestCaseLayout/style.css

@@ -1,82 +1,82 @@
-:root {
-  --box-width: 200px;
-}
-
-body {
-  margin: 40px;
-}
-
-.wrapper {
-  background-color: #fff;
-  color: #444;
-  display: flex;
-}
-
-.box {
-  background-color: #444;
-  color: #fff;
-  border-radius: 5px;
-  padding: 20px;
-  font-size: 12px;
-
-  box-sizing: border-box;
-
-  flex: 1 1 auto;
-}
-
-.handler {
-  width: 20px;
-  padding: 0;
-  cursor: ew-resize;
-  flex: 0 0 auto;
-}
-
-.handler::before {
-  content: "";
-  display: block;
-  width: 2px;
-  height: calc(100vh - 34px);
-  background: #c0c0c0;
-  margin: 0 auto;
-}
-
-.arrowButton {
-  display: flex;
-  justify-content: flex-end;
-  /* transition: 0.4s; */
-  width: 100%;
-}
-
-.verticalText {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  writing-mode: vertical-lr;
-  text-orientation: mixed;
-  transform: rotate(180deg);
-  font-size: 1.3rem;
-}
-
-.leftWrapper {
-  background-color: #fff;
-  color: black;
-  border-radius: 5px;
-  padding: 0rem 0.5rem;
-  font-size: 12px;
-  box-sizing: border-box;
-  flex: 1 1 auto;
-  min-width: var(--box-width);
-  flex-grow: 0;
-}
-
-.rightWrapper {
-  background-color: #fff;
-  color: black;
-  border-radius: 5px;
-  padding: 0rem 0.5rem;
-  font-size: 12px;
-  box-sizing: border-box;
-  flex: 1 1 auto;
-  min-width: var(--box-width);
-  flex-grow: 1;
-}
+:root {
+  --box-width: 200px;
+}
+
+body {
+  margin: 40px;
+}
+
+.wrapper {
+  background-color: #fff;
+  color: #444;
+  display: flex;
+}
+
+.box {
+  background-color: #444;
+  color: #fff;
+  border-radius: 5px;
+  padding: 20px;
+  font-size: 12px;
+
+  box-sizing: border-box;
+
+  flex: 1 1 auto;
+}
+
+.handler {
+  width: 20px;
+  padding: 0;
+  cursor: ew-resize;
+  flex: 0 0 auto;
+}
+
+.handler::before {
+  content: "";
+  display: block;
+  width: 2px;
+  height: calc(100vh - 34px);
+  background: #c0c0c0;
+  margin: 0 auto;
+}
+
+.arrowButton {
+  display: flex;
+  justify-content: flex-end;
+  /* transition: 0.4s; */
+  width: 100%;
+}
+
+.verticalText {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  writing-mode: vertical-lr;
+  text-orientation: mixed;
+  transform: rotate(180deg);
+  font-size: 1.3rem;
+}
+
+.leftWrapper {
+  background-color: #fff;
+  color: black;
+  border-radius: 5px;
+  padding: 0rem 0.5rem;
+  font-size: 12px;
+  box-sizing: border-box;
+  flex: 1 1 auto;
+  min-width: var(--box-width);
+  flex-grow: 0;
+}
+
+.rightWrapper {
+  background-color: #fff;
+  color: black;
+  border-radius: 5px;
+  padding: 0rem 0.5rem;
+  font-size: 12px;
+  box-sizing: border-box;
+  flex: 1 1 auto;
+  min-width: var(--box-width);
+  flex-grow: 1;
+}

package/{components → 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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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 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: /*#__PURE__*/_react.default.createElement(_text.default, null, label)
+  }, rest)));
+};
+CheckBox.defaultProps = {
+  size: "medium",
+  color: "primary",
+  defaultChecked: true,
+  labelPlacement: "right"
+};
+var _default = CheckBox;
+exports.default = _default;

package/{components → 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/{components → 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/{components → 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/{components → 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",