tenjin-ui-kit 0.3.70 → 0.3.72-dev

package/components/DragBox/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragBox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDnd = require("react-dnd");
+var _text = _interopRequireDefault(require("../text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+const DragBox = exports.DragBox = function DragBox(_ref) {
+  let name = _ref.name;
+  const _useDrag = (0, _reactDnd.useDrag)(() => ({
+      type: "box",
+      item: {
+        name
+      },
+      collect: monitor => ({
+        isDragging: monitor.isDragging(),
+        handlerId: monitor.getHandlerId()
+      })
+    })),
+    _useDrag2 = _slicedToArray(_useDrag, 2),
+    isDragging = _useDrag2[0].isDragging,
+    drag = _useDrag2[1];
+  const opacity = isDragging ? 0.4 : 1;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: drag,
+    style: {
+      opacity
+    },
+    "data-testid": "box"
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, name));
+};

package/components/InputWithChip/index.js

@@ -0,0 +1,294 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+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"));
+const _excluded = ["value", "id", "onChange", "fullWidth", "label", "isRequired", "isDisabled", "errorMessage", "error", "initialValue", "height"]; // import React, { useEffect, useState } from "react";
+// import Chip from "@mui/material/Chip";
+// import { FormControl, InputLabel, TextField } from "@mui/material";
+// import ClearIcon from "@mui/icons-material/Clear";
+// import { useTheme } from "@mui/material/styles";
+// import PropTypes from "prop-types";
+// import Text from "../text";
+// const InputWithChip = ({
+//   value,
+//   id,
+//   onChange,
+//   fullWidth,
+//   label,
+//   isRequired,
+//   isDisabled,
+//   errorMessage,
+//   error,
+//   initialValue,
+//   ...rest
+// }) => {
+//   const [chips, setChips] = useState(initialValue ? [...initialValue] : []);
+//   const theme = useTheme();
+//   const [txtValue, setTxtValue] = useState("");
+//   useEffect(() => {
+//     if (onChange) {
+//       onChange(chips);
+//     }
+//   }, [chips]);
+//   const onTextValueChange = (e) => {
+//     const value = e.target.value.trim();
+//     setTxtValue(value.replace(",", ""));
+//   };
+//   const handleAddChip = (event) => {
+//     if (
+//       (event.key === "Enter" ||
+//         event.keyCode === 32 ||
+//         event.keyCode === 188 ||
+//         event.keyCode === 9 ||
+//         event.type === "blur") &&
+//       event.target.value.replace(",", "")
+//     ) {
+//       const {
+//         target: { value },
+//       } = event;
+//       const 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([...chips, newValue]);
+//       onChange([...chips, newValue]);
+//       setTxtValue("");
+//       event.target.parentNode.querySelector("input").value = "";
+//     }
+//   };
+//   const handleDeleteChip = (chipToDelete) => {
+//     setChips((chips) => chips.filter((chip) => chip !== chipToDelete));
+//   };
+//   return (
+//     <div>
+//       <FormControl variant="standard" fullWidth={fullWidth}>
+//         {label && (
+//           <Text color={theme.palette.grey[600]} required={isRequired}>
+//             {label}
+//             {isRequired ? <span style={{ color: "red" }}> * </span> : ""}
+//           </Text>
+//         )}
+//         <TextField
+//           value={txtValue}
+//           {...rest}
+//           id={id}
+//           required={isRequired}
+//           disabled={isDisabled}
+//           onKeyDown={handleAddChip}
+//           onBlur={(e) => {
+//             if (!chips?.length > 0) {
+//               setChips([]);
+//             }
+//             if (e.target.value !== "") {
+//               handleAddChip(e);
+//             }
+//           }}
+//           style={{ backgroundColor: isDisabled && "#E7E7E7" }}
+//           sx={{
+//             "& MuiOutlinedInput": { backgroundColor: isDisabled && "#E7E7E7" },
+//             "& input": {
+//               // backgroundColor: isDisabled && '#E7E7E7',
+//               color: isDisabled && "#000000",
+//             },
+//             marginTop: label ? theme.spacing(1) : 0,
+//             "& label": {
+//               fontWeight: 500,
+//             },
+//           }}
+//           onChange={onTextValueChange}
+//           helperText={errorMessage}
+//           error={error}
+//           InputProps={{
+//             startAdornment: chips.map((chip, index) => (
+//               <Chip
+//                 key={`${chip}-${index}`}
+//                 label={<Text>{chip}</Text>}
+//                 onDelete={() => handleDeleteChip(chip)}
+//                 deleteIcon={<ClearIcon fontSize="small" />}
+//                 style={{ margin: "0.2rem" }}
+//                 size="small"
+//               />
+//             )),
+//           }}
+//         />
+//       </FormControl>
+//     </div>
+//   );
+// };
+// InputWithChip.propTypes = {
+//   label: PropTypes.string,
+//   fullWidth: PropTypes.bool,
+//   size: PropTypes.string,
+//   isRequired: PropTypes.bool,
+//   isDisabled: PropTypes.bool,
+//   error: PropTypes.bool,
+// };
+// export default InputWithChip;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const InputWithChip = _ref => {
+  let value = _ref.value,
+    id = _ref.id,
+    onChange = _ref.onChange,
+    fullWidth = _ref.fullWidth,
+    label = _ref.label,
+    isRequired = _ref.isRequired,
+    isDisabled = _ref.isDisabled,
+    errorMessage = _ref.errorMessage,
+    error = _ref.error,
+    initialValue = _ref.initialValue,
+    height = _ref.height,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const _useState = (0, _react.useState)(value ? [...value] : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    chips = _useState2[0],
+    setChips = _useState2[1];
+  const theme = (0, _styles.useTheme)();
+  const _useState3 = (0, _react.useState)(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    txtValue = _useState4[0],
+    setTxtValue = _useState4[1];
+  const _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    duplicateWarnig = _useState6[0],
+    setDuplicateWarning = _useState6[1];
+  (0, _react.useEffect)(() => {
+    if (onChange) {
+      onChange(chips);
+    }
+  }, [chips]);
+  const onTextValueChange = e => {
+    const value = e.target.value.trim();
+    setTxtValue(value.replace(",", ""));
+  };
+  const handleAddChip = event => {
+    setDuplicateWarning({
+      status: false,
+      message: ""
+    });
+    if ((event.key === "Enter" || event.keyCode === 32 || event.keyCode === 188 || event.keyCode === 9 || event.type === "blur") && event.target.value.replace(",", "")) {
+      const value = event.target.value;
+      const newValue = typeof value === "string" ? value.replace(",", "").trim() : value.trim();
+      // if (chips.includes(newValue)) return; //add if any info or anything needs to be shown
+      let isPresent = chips.includes(newValue);
+      if (isPresent) {
+        setDuplicateWarning({
+          status: true,
+          message: "".concat(newValue, " already exists")
+        });
+      } else {
+        setChips([...chips, newValue]);
+        onChange([...chips, newValue]);
+        setTxtValue("");
+        event.target.parentNode.querySelector("input").value = "";
+      }
+    }
+  };
+  const handleDeleteChip = chipToDelete => {
+    setChips(chips => chips.filter(chip => chip !== chipToDelete));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    variant: "standard",
+    fullWidth: fullWidth
+  }, label && /*#__PURE__*/_react.default.createElement(_text.default, {
+    color: theme.palette.grey[600],
+    required: isRequired
+  }, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, " * ") : ""), /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
+    value: txtValue
+  }, rest, {
+    id: id,
+    required: isRequired,
+    disabled: isDisabled,
+    onKeyDown: handleAddChip,
+    onBlur: e => {
+      if (!(chips !== null && chips !== void 0 && chips.length) > 0) {
+        setChips([]);
+      }
+      if (e.target.value !== "") {
+        handleAddChip(e);
+      }
+    },
+    style: {
+      backgroundColor: isDisabled && "#E7E7E7"
+    },
+    sx: {
+      "& MuiOutlinedInput": {
+        backgroundColor: isDisabled && "#E7E7E7"
+      },
+      "& input": {
+        // backgroundColor: isDisabled && '#E7E7E7',
+        color: isDisabled && "#000000"
+      },
+      marginTop: label ? theme.spacing(1) : 0,
+      "& label": {
+        fontWeight: 500
+      }
+    },
+    onChange: onTextValueChange,
+    helperText: errorMessage,
+    error: error
+    // InputProps={{
+    //   startAdornment: chips.map((chip, index) => (
+    // <Chip
+    //   key={`${chip}-${index}`}
+    //   label={<Text>{chip}</Text>}
+    //   onDelete={() => handleDeleteChip(chip)}
+    //   deleteIcon={<ClearIcon fontSize="small" />}
+    //   style={{ margin: "0.2rem" }}
+    //   size="small"
+    // />
+    //   )),
+    // }}
+  }))), (duplicateWarnig === null || duplicateWarnig === void 0 ? void 0 : duplicateWarnig.status) && /*#__PURE__*/_react.default.createElement(_material.Alert, {
+    severity: "warning"
+  }, duplicateWarnig === null || duplicateWarnig === void 0 ? void 0 : duplicateWarnig.message), !!chips && /*#__PURE__*/_react.default.createElement(_material.Box, {
+    maxHeight: theme.spacing(20),
+    overflow: "auto"
+    // border={!!chips && "1px solid #E7E7E7"}
+    ,
+    mt: theme.spacing(2)
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, chips.map((chip, index) => /*#__PURE__*/_react.default.createElement(_Chip.default, {
+    key: "".concat(chip, "-").concat(index),
+    label: /*#__PURE__*/_react.default.createElement(_text.default, null, chip),
+    onDelete: () => handleDeleteChip(chip),
+    deleteIcon: /*#__PURE__*/_react.default.createElement(_Clear.default, {
+      fontSize: "small"
+    }),
+    style: {
+      margin: "0.2rem"
+    },
+    size: "small"
+  })))));
+};
+InputWithChip.propTypes = {
+  label: _propTypes.default.string,
+  fullWidth: _propTypes.default.bool,
+  size: _propTypes.default.string,
+  isRequired: _propTypes.default.bool,
+  isDisabled: _propTypes.default.bool,
+  error: _propTypes.default.bool
+};
+var _default = exports.default = InputWithChip;

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

@@ -7,43 +7,43 @@ 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var RightContext = function RightContext() {
-  var _React$useState = _react.default.useState(false),
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+const RightContext = () => {
+  const _React$useState = _react.default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     context = _React$useState2[0],
     setContext = _React$useState2[1];
-  var _React$useState3 = _react.default.useState({
+  const _React$useState3 = _react.default.useState({
       x: 0,
       y: 0
     }),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     xYPosistion = _React$useState4[0],
     setXyPosistion = _React$useState4[1];
-  var showNav = function showNav(event) {
+  const showNav = event => {
     event.preventDefault();
     setContext(false);
-    var positionChange = {
+    const positionChange = {
       x: event.pageX,
       y: event.pageY
     };
     setXyPosistion(positionChange);
     setContext(true);
   };
-  var hideContext = function hideContext(event) {
+  const hideContext = event => {
     setContext(false);
   };
-  var _React$useState5 = _react.default.useState(),
+  const _React$useState5 = _react.default.useState(),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     chosen = _React$useState6[0],
     setChosen = _React$useState6[1];
-  var initMenu = function initMenu(chosen) {
+  const initMenu = chosen => {
     setChosen(chosen);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.default, {
@@ -62,25 +62,16 @@ var RightContext = function RightContext() {
     className: "rightClick"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
-    onClick: function onClick() {
-      return initMenu("New");
-    }
+    onClick: () => initMenu("New")
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Refactor")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
-    onClick: function onClick() {
-      return initMenu("Delete");
-    }
+    onClick: () => initMenu("Delete")
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cut")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
-    onClick: function onClick() {
-      return initMenu("Copy");
-    }
+    onClick: () => initMenu("Copy")
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Copy")), /*#__PURE__*/_react.default.createElement("div", {
     className: "menuElement",
-    onClick: function onClick() {
-      return initMenu("Paste");
-    }
+    onClick: () => initMenu("Paste")
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Paste")))));
 };
-var _default = RightContext;
-exports.default = _default;
+var _default = exports.default = RightContext;

package/components/WorkFlow.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDnd = require("react-dnd");
+var _text = _interopRequireDefault(require("./text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+const WorkFlow = props => {
+  const name = props.name,
+    id = props.id;
+  const _useDrag = (0, _reactDnd.useDrag)(() => ({
+      type: 'block',
+      item: {
+        id: props.id
+      },
+      collect: monitor => ({
+        isDragging: !!monitor.isDragging()
+      })
+    })),
+    _useDrag2 = _slicedToArray(_useDrag, 2),
+    isDragging = _useDrag2[0].isDragging,
+    drag = _useDrag2[1];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: drag,
+    width: "150px",
+    style: {
+      border: isDragging ? '5px solid pink' : '0px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "h4"
+  }, "WorkFlow- ".concat(name)));
+};
+var _default = exports.default = WorkFlow;

package/components/WorkFlowBuilder.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactflow = require("reactflow");
+var _d3Hierarchy = require("d3-hierarchy");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import ReactFlow, { addEdge, removeElements } from 'react-flow-renderer';
+// Custom node styles
+const customNodeStyles = {
+  border: '1px solid #ddd',
+  padding: '10px',
+  borderRadius: '5px'
+};
+
+// Custom node types
+const customNodeTypes = [{
+  default: {
+    style: customNodeStyles
+  },
+  start: {
+    style: _objectSpread(_objectSpread({}, customNodeStyles), {}, {
+      background: '#6c9'
+    })
+  },
+  end: {
+    style: _objectSpread(_objectSpread({}, customNodeStyles), {}, {
+      background: '#c69'
+    })
+  }
+}];
+
+// Custom edge types
+const customEdgeTypes = {
+  default: {
+    stroke: '#ddd'
+  },
+  active: {
+    stroke: '#6c9'
+  }
+};
+
+// Sample data for the workflow
+const data = [{
+  name: 'Workflow',
+  children: [{
+    name: 'Start',
+    type: 'start',
+    children: [{
+      name: 'Step 1'
+    }, {
+      name: 'Step 2'
+    }]
+  }, {
+    name: 'End',
+    type: 'end',
+    children: [{
+      name: 'Step 3'
+    }, {
+      name: 'Step 4'
+    }]
+  }]
+}];
+
+// Generate the hierarchy data
+const hierarchyData = (0, _d3Hierarchy.hierarchy)(data);
+function WorkFlowBuilder() {
+  const _useState = (0, _react.useState)(hierarchyData.descendants().map(d => ({
+      id: d.data.name,
+      type: d.data.type || 'default',
+      data: {
+        label: d.data.name
+      },
+      position: {
+        x: d.depth * 200,
+        y: d.index * 100
+      }
+    }))),
+    _useState2 = _slicedToArray(_useState, 2),
+    elements = _useState2[0],
+    setElements = _useState2[1];
+  const onElementsRemoveStart = () => console.log('Elements removal started');
+  const onElementsRemoveEnd = removedElements => setElements(els => (0, _reactflow.removeElements)(removedElements, els));
+  const onConnect = params => setElements(els => (0, _reactflow.addEdge)(_objectSpread(_objectSpread({}, params), {}, {
+    type: 'default'
+  }), els));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '800px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactflow.ReactFlow, {
+    elements: elements,
+    nodes: customNodeTypes,
+    edges: customEdgeTypes,
+    onNodesChange: onElementsRemoveStart,
+    onEdgesChange: onElementsRemoveEnd,
+    onConnect: onConnect,
+    fitView: true,
+    attributionPosition: "bottom-left"
+  }));
+}
+var _default = exports.default = WorkFlowBuilder;

package/components/alert/Style.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var _default2 = _interopRequireDefault(require("../../themes/default"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _styles.makeStyles)(() => ({
+  alertRoot: {
+    alignItems: "center"
+  },
+  root: {
+    width: "100%",
+    "& > * + *": {
+      marginTop: _default2.default.spacing(2)
+    }
+  }
+}));