tenjin-ui-kit 0.2.115 → 0.2.116

package/Jenkinsfile

@@ -33,9 +33,9 @@ pipeline {
                     sh 'cp ./README.md ./dist'
                 }
 
-                dir("./dist") {
-                    sh 'npm config set //registry.npmjs.org/:_authToken=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'
-                    //sh 'export NPM_TOKEN=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'
+                dir("./") {
+                    //sh 'npm config set //registry.npmjs.org/:_authToken=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'
+                    sh 'export NPM_TOKEN=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'
                     sh 'npm publish'
                 }
             }

package/dist/components/Canvas.js

@@ -11,6 +11,7 @@ var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 var _WorkFlow = _interopRequireDefault(require("./WorkFlow"));
 require("../../App.css");
 var _material = require("@mui/material");
+var _text = _interopRequireDefault(require("./text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -33,10 +34,10 @@ var _default = Canvas;
 exports.default = _default;
 var WorkFlowList = [{
   id: 1,
-  name: 'If Else Box'
+  name: "If Else Box"
 }, {
   id: 2,
-  name: 'Simple Text Box'
+  name: "Simple Text Box"
 }];
 var DragDrop = function DragDrop() {
   var _useState = (0, _react.useState)([]),
@@ -45,7 +46,7 @@ var DragDrop = function DragDrop() {
     setBoard = _useState2[1];
   var _useDrop = (0, _reactDnd.useDrop)(function () {
       return {
-        accept: 'block',
+        accept: "block",
         drop: function drop(item) {
           return addBlockToBoard(item.id, true);
         },
@@ -90,12 +91,12 @@ var DragDrop = function DragDrop() {
   }, board === null || board === void 0 ? void 0 : board.map(function (workflow, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
-    }, workflow.name === 'If Else Box' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }, workflow.name === "If Else Box" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        border: '1px solid black',
-        padding: '10px',
-        display: 'inline-block',
-        margin: '1rem'
+        border: "1px solid black",
+        padding: "10px",
+        display: "inline-block",
+        margin: "1rem"
       }
     }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true,
@@ -108,21 +109,21 @@ var DragDrop = function DragDrop() {
       id: workflow.id
     }), /*#__PURE__*/_react.default.createElement("label", {
       htmlFor: workflow.id
-    }, "If Input:"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, "If Input:")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
       id: workflow.id
     }), /*#__PURE__*/_react.default.createElement("label", {
       htmlFor: workflow.id + 1
-    }, "Else Input:"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Else Input:")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
       id: workflow.id + 1
     })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true,
       xs: true
-    }, /*#__PURE__*/_react.default.createElement(AddNewBox, null))))) : workflow.name === 'Simple Text Box' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(AddNewBox, null))))) : workflow.name === "Simple Text Box" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        border: '1px solid black',
-        padding: '10px',
-        display: 'inline-block',
-        margin: '1rem'
+        border: "1px solid black",
+        padding: "10px",
+        display: "inline-block",
+        margin: "1rem"
       }
     }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true,
@@ -135,7 +136,7 @@ var DragDrop = function DragDrop() {
       id: workflow.id
     }), /*#__PURE__*/_react.default.createElement("label", {
       htmlFor: workflow.id
-    }, "Simple Input:"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", null)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Simple Input:")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", null)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true,
       xs: true
     }, /*#__PURE__*/_react.default.createElement(AddNewBox, null))))) : /*#__PURE__*/_react.default.createElement(_WorkFlow.default, {
@@ -158,10 +159,10 @@ var AddNewBox = function AddNewBox() {
     setType = _useState6[1];
   var addInputBox = function addInputBox() {
     setInputBoxes([].concat(_toConsumableArray(inputBoxes), [{
-      label: 'Text',
-      value: ''
+      label: "Text",
+      value: ""
     }]));
-    setType('input');
+    setType("input");
   };
   var handleInputChange = function handleInputChange(index, event) {
     var values = _toConsumableArray(inputBoxes);
@@ -170,13 +171,13 @@ var AddNewBox = function AddNewBox() {
   };
   var addIfElseInputBox = function addIfElseInputBox() {
     setInputBoxes([].concat(_toConsumableArray(inputBoxes), [{
-      label: 'If',
-      value: ''
+      label: "If",
+      value: ""
     }, {
-      label: 'Else',
-      value: ''
+      label: "Else",
+      value: ""
     }]));
-    setType('if_else');
+    setType("if_else");
   };
 
   //   const handleIfElseInputChange = (index, event) => {
@@ -187,37 +188,37 @@ var AddNewBox = function AddNewBox() {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      border: '1px solid black',
-      padding: '10px',
-      display: 'inline-block'
+      border: "1px solid black",
+      padding: "10px",
+      display: "inline-block"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      fontSize: '30px',
-      cursor: 'pointer'
+      fontSize: "30px",
+      cursor: "pointer"
     },
     onClick: addInputBox,
     title: "Add Text Box"
-  }, "+")), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "+"))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      fontSize: '30px',
-      cursor: 'pointer'
+      fontSize: "30px",
+      cursor: "pointer"
     },
     onClick: addIfElseInputBox,
     title: "Add If Else Box"
-  }, "+")), inputBoxes.map(function (box, index) {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "+"))), inputBoxes.map(function (box, index) {
     return /*#__PURE__*/_react.default.createElement(_material.Grid, {
       item: true,
       container: true
@@ -226,19 +227,19 @@ var AddNewBox = function AddNewBox() {
       xs: true
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        border: '1px solid black',
-        padding: '10px',
-        display: 'inline-block',
-        margin: '0.5rem'
+        border: "1px solid black",
+        padding: "10px",
+        display: "inline-block",
+        margin: "0.5rem"
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       style: {
-        marginTop: '1rem'
+        marginTop: "1rem"
       }
     }, /*#__PURE__*/_react.default.createElement("label", {
       htmlFor: "".concat(type, "-").concat(index)
-    }, box.label), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement(_text.default, null, box.label)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", {
       id: "".concat(type, "-").concat(index),
       type: "text",
       value: box.value,

package/dist/components/DragBox/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DragBox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
+var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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."); }
@@ -39,6 +40,6 @@ var DragBox = function DragBox(_ref) {
       opacity: opacity
     },
     "data-testid": "box"
-  }, name);
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, name));
 };
 exports.DragBox = DragBox;

package/dist/components/InputWithChip/index.js

@@ -11,6 +11,7 @@ var _material = require("@mui/material");
 var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["value", "id", "onChange", "fullWidth", "label", "isRequired", "isDisabled", "errorMessage", "error", "initialValue"];
 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); }
@@ -45,7 +46,7 @@ var InputWithChip = function InputWithChip(_ref) {
     chips = _useState2[0],
     setChips = _useState2[1];
   var theme = (0, _styles.useTheme)();
-  var _useState3 = (0, _react.useState)(''),
+  var _useState3 = (0, _react.useState)(""),
     _useState4 = _slicedToArray(_useState3, 2),
     txtValue = _useState4[0],
     setTxtValue = _useState4[1];
@@ -56,17 +57,17 @@ var InputWithChip = function InputWithChip(_ref) {
   }, [chips]);
   var onTextValueChange = function onTextValueChange(e) {
     var value = e.target.value.trim();
-    setTxtValue(value.replace(',', ''));
+    setTxtValue(value.replace(",", ""));
   };
   var handleAddChip = function handleAddChip(event) {
-    if ((event.key === 'Enter' || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === 'blur') && event.target.value.replace(',', '')) {
+    if ((event.key === "Enter" || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === "blur") && event.target.value.replace(",", "")) {
       var _value = event.target.value;
-      var newValue = typeof _value === 'string' ? _value.replace(',', '').trim() : _value.trim();
+      var newValue = typeof _value === "string" ? _value.replace(",", "").trim() : _value.trim();
       // if (chips.includes(newValue)) return; //add if any info or anything needs to be shown
       setChips([].concat(_toConsumableArray(chips), [newValue]));
       onChange([].concat(_toConsumableArray(chips), [newValue]));
-      setTxtValue('');
-      event.target.parentNode.querySelector('input').value = '';
+      setTxtValue("");
+      event.target.parentNode.querySelector("input").value = "";
     }
   };
   var handleDeleteChip = function handleDeleteChip(chipToDelete) {
@@ -76,21 +77,21 @@ var InputWithChip = function InputWithChip(_ref) {
       });
     });
   };
-  console.log(chips, '0000000000000');
+  console.log(chips, "0000000000000");
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
     variant: "standard",
     fullWidth: fullWidth
   }, label && /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
     sx: {
       fontWeight: 500,
-      '& .MuiFormLabel-asterisk': {
-        color: '#FF0000'
+      "& .MuiFormLabel-asterisk": {
+        color: "#FF0000"
       }
     },
     size: "small",
     shrink: true,
     required: isRequired
-  }, label), /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, label)), /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
     value: txtValue
   }, rest, {
     id: id,
@@ -101,23 +102,23 @@ var InputWithChip = function InputWithChip(_ref) {
       if (!(chips !== null && chips !== void 0 && chips.length) > 0) {
         setChips([]);
       }
-      if (e.target.value !== '') {
+      if (e.target.value !== "") {
         handleAddChip(e);
       }
     },
     style: {
-      backgroundColor: isDisabled && '#E7E7E7'
+      backgroundColor: isDisabled && "#E7E7E7"
     },
     sx: {
-      '& MuiOutlinedInput': {
-        backgroundColor: isDisabled && '#E7E7E7'
+      "& MuiOutlinedInput": {
+        backgroundColor: isDisabled && "#E7E7E7"
       },
-      '& input': {
+      "& input": {
         // backgroundColor: isDisabled && '#E7E7E7',
-        color: isDisabled && '#000000'
+        color: isDisabled && "#000000"
       },
       marginTop: label ? theme.spacing(2.5) : 0,
-      '& label': {
+      "& label": {
         fontWeight: 500
       }
     },
@@ -128,7 +129,7 @@ var InputWithChip = function InputWithChip(_ref) {
       startAdornment: chips.map(function (chip, index) {
         return /*#__PURE__*/_react.default.createElement(_Chip.default, {
           key: "".concat(chip, "-").concat(index),
-          label: chip,
+          label: /*#__PURE__*/_react.default.createElement(_text.default, null, chip),
           onDelete: function onDelete() {
             return handleDeleteChip(chip);
           },
@@ -136,7 +137,7 @@ var InputWithChip = function InputWithChip(_ref) {
             fontSize: "small"
           }),
           style: {
-            margin: '0.2rem'
+            margin: "0.2rem"
           },
           size: "small"
         });

package/dist/components/RightContext/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _text = _interopRequireDefault(require("../text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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."); }
@@ -45,13 +46,15 @@ var RightContext = function RightContext() {
   var initMenu = function initMenu(chosen) {
     setChosen(chosen);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h2", {
-    className: "mb-3"
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "h3"
   }, "React Right Click Context Menu Example"), /*#__PURE__*/_react.default.createElement("div", {
     className: "contextContainer",
     onContextMenu: showNav,
     onClick: hideContext
-  }, chosen && /*#__PURE__*/_react.default.createElement("h1", null, "\"", chosen, "\" is chosen"), context && /*#__PURE__*/_react.default.createElement("div", {
+  }, chosen && /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "h4"
+  }, "\"", chosen, "\" is chosen"), context && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       top: xYPosistion.y,
       left: xYPosistion.x
@@ -60,24 +63,24 @@ var RightContext = function RightContext() {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
     onClick: function onClick() {
-      return initMenu('New');
+      return initMenu("New");
     }
-  }, "Refactor"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Refactor")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
     onClick: function onClick() {
-      return initMenu('Delete');
+      return initMenu("Delete");
     }
-  }, "Cut"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cut")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
     onClick: function onClick() {
-      return initMenu('Copy');
+      return initMenu("Copy");
     }
-  }, "Copy"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Copy")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
     onClick: function onClick() {
-      return initMenu('Paste');
+      return initMenu("Paste");
     }
-  }, "Paste"))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Paste")))));
 };
 var _default = RightContext;
 exports.default = _default;

package/dist/components/WorkFlow.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
+var _text = _interopRequireDefault(require("./text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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."); }
@@ -38,7 +39,9 @@ var WorkFlow = function WorkFlow(props) {
     style: {
       border: isDragging ? '5px solid pink' : '0px'
     }
-  }, /*#__PURE__*/_react.default.createElement("h2", null, "WorkFlow- ".concat(name)));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "h4"
+  }, "WorkFlow- ".concat(name)));
 };
 var _default = WorkFlow;
 exports.default = _default;

package/dist/components/alert/index.js

@@ -11,6 +11,7 @@ var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _Slide = _interopRequireDefault(require("@mui/material/Slide"));
 var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+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; }
@@ -46,8 +47,8 @@ function AlertIndex(props) {
     onClose: handleClose,
     message: props.alert.message,
     anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'center'
+      vertical: "bottom",
+      horizontal: "center"
     },
     TransitionComponent: props.SlideTransition ? SlideTransition : GrowTransition,
     autoHideDuration: 6000
@@ -55,14 +56,14 @@ function AlertIndex(props) {
     onClose: handleClose,
     severity: props.alert.type,
     sx: {
-      width: '100%'
+      width: "100%"
     }
-  }, props.alert.message)));
+  }, /*#__PURE__*/React.createElement(_text.default, null, props.alert.message))));
 }
 AlertIndex.propTypes = {
-  alert: _propTypes.default.oneOf(['success', 'error', 'warning']),
+  alert: _propTypes.default.oneOf(["success", "error", "warning"]),
   SlideTransition: _propTypes.default.bool
 };
 AlertIndex.defaultProps = {
-  alert: 'success'
+  alert: "success"
 };

package/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/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/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,22 +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',
-        display: "flex"
+        cursor: data.active !== true && "pointer"
       }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '0.4rem',
-        marginTop: "0.15rem"
-      }
-    }, 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, {
@@ -80,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/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;