tenjin-ui-kit 0.2.114 → 0.2.116

package/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.dockerignore
+Dockerfile
+Dockerfile.prod
+storybook-static

package/.storybook/main.js

@@ -0,0 +1,16 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/preset-create-react-app"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

package/.storybook/preview.js

@@ -0,0 +1,11 @@
+import ".././src/App.css"
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/Dockerfile

@@ -0,0 +1,17 @@
+# build environment
+FROM node:16-alpine as build
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+COPY package.json ./
+COPY package-lock.json ./
+COPY . ./
+RUN npm install 
+RUN npm run build-storybook
+RUN npm run compile
+RUN npm version patch -m "CI patch version bump"
+RUN cp ./package.json ./dist
+RUN cp ./README.md ./dist
+RUN cd dist
+RUN npm publish
+# TEST COMMIT 2
+

package/Jenkinsfile

@@ -0,0 +1,66 @@
+pipeline {
+    agent {label 'tjui-kit'}
+
+    
+
+
+    stages {
+        stage ("Build") {
+            steps {
+                dir("./") {
+                    sh 'npm install'
+                    sh 'npm run compile'
+                }
+            }
+        }
+        stage ("Upgrade version") {
+            steps {
+                dir("./") {
+                    sh 'git restore package-lock.json'
+                    
+                    sh 'npm version patch '
+                    sh 'git remote set-url origin https://vybhavkadam:glpat-Ee-CqdVnwzURCGPzFwys@gitlab.com/yethi/react/tenjin-ui-kit.git'
+                    sh 'git push origin HEAD:main --tags'
+                    //sh 'git push --tags'
+                }
+            }
+        } 
+
+        stage ("Publish library") {
+            steps {
+                dir("./") {
+                    sh 'cp ./package.json ./dist'
+                    sh 'cp ./README.md ./dist'
+                }
+
+                dir("./") {
+                    //sh 'npm config set //registry.npmjs.org/:_authToken=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'
+                    sh 'export NPM_TOKEN=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'
+                    sh 'npm publish'
+                }
+            }
+        }
+
+        stage ("Build Storybook") {
+            steps {
+                dir("./") {
+                    sh 'npm run build-storybook'
+                }
+            }
+        }
+
+        stage ("Deploy Storybook") {
+            steps {
+                dir("./") {
+                    sh 'npx netlify deploy --auth xZ5gRrdcq6pPShzAcOtxCqD3e5MzwWxwBevsrQdyIl0 --site 9a55e91f-3c3e-4492-8d50-7f17ca87adeb --dir storybook-static --prod'
+                }
+            }
+        }
+         stage('CleanWorkspace') {
+            steps {
+                cleanWs()
+            }
+        }
+    }
+   
+}

package/README.md

@@ -1,13 +1,13 @@
-# Tenjin UI Kit
-
-The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
-
-## Installation
-
-In the project directory, you can run:
-
-    npm install tenjin-ui-kit
-
-## Usage
-
-The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.
+# Tenjin UI Kit
+
+The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
+
+## Installation
+
+In the project directory, you can run:
+
+    npm install tenjin-ui-kit
+
+## Usage
+
+The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.

package/dist/README.md

@@ -0,0 +1,13 @@
+# Tenjin UI Kit
+
+The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
+
+## Installation
+
+In the project directory, you can run:
+
+    npm install tenjin-ui-kit
+
+## Usage
+
+The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.

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

@@ -1,20 +1,20 @@
-.contextContainer {
-  z-index: 1;
-  width: 100%;
-  height: 500px;
-  background: #673ab7;
-}
-.rightClick {
-  z-index: 12;
-  position: fixed;
-  background: rgb(240, 200, 1);
-}
-.menuElement {
-  color: #222222;
-  cursor: pointer;
-  padding: 17px 36px;
-}
-.menuElement:hover {
-  color: #fff;
-  background: #009688;
-}
+.contextContainer {
+  z-index: 1;
+  width: 100%;
+  height: 500px;
+  background: #673ab7;
+}
+.rightClick {
+  z-index: 12;
+  position: fixed;
+  background: rgb(240, 200, 1);
+}
+.menuElement {
+  color: #222222;
+  cursor: pointer;
+  padding: 17px 36px;
+}
+.menuElement:hover {
+  color: #fff;
+  background: #009688;
+}

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