tenjin-ui-kit 0.2.135 → 0.2.137

package/components/button/index.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ButtonLoader = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Button = function Button(props) {
-  var loading = props.loading,
-    loadingText = props.loadingText,
-    children = props.children,
-    size = props.size,
-    onClick = props.onClick,
-    color = props.color,
-    fixedWidth = props.fixedWidth;
-  var handleClick = function handleClick(e) {
-    if (loading) {
-      e.preventDefault();
-    } else {
-      onClick && onClick(e);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
-    onClick: handleClick
-  }, props, {
-    sx: fixedWidth && {
-      minWidth: 148
-    }
-  }), loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonLoader, {
-    buttonColor: color,
-    size: size,
-    loadingText: loadingText
-  }), loadingText && {
-    loadingText: loadingText
-  }) : children);
-};
-var ButtonLoader = function ButtonLoader(_ref) {
-  var buttonColor = _ref.buttonColor,
-    size = _ref.size,
-    loadingText = _ref.loadingText;
-  var theme = (0, _styles.useTheme)();
-  var resolvedButtonColor = theme.palette[buttonColor] ? theme.palette[buttonColor].main : theme.palette.primary.main;
-  var textColor = theme.palette.getContrastText(resolvedButtonColor);
-  return /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
-    size: size === "small" ? 20 : size === "large" ? 24 : 22,
-    sx: {
-      marginRight: loadingText ? "0.5rem" : "initial",
-      color: textColor
-    }
-  });
-};
-exports.ButtonLoader = ButtonLoader;
-Button.defaultProps = {
-  color: "primary"
-};
-Button.propTypes = {
-  loading: _propTypes.default.bool,
-  loadingText: _propTypes.default.string,
-  children: _propTypes.default.any,
-  size: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  color: _propTypes.default.string
-};
-var _default = Button;
-exports.default = _default;

package/components/checkBox/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireDefault(require("react"));
-var _text = _interopRequireDefault(require("../text"));
-var _excluded = ["label"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CheckBox = function CheckBox(props) {
-  var label = props.label,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, _extends({
-    control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, rest),
-    label: /*#__PURE__*/_react.default.createElement(_text.default, null, label)
-  }, rest)));
-};
-CheckBox.defaultProps = {
-  size: "medium",
-  color: "primary",
-  defaultChecked: true,
-  labelPlacement: "right"
-};
-var _default = CheckBox;
-exports.default = _default;

package/components/divider/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Divider;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _material = require("@mui/material");
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _text = _interopRequireDefault(require("../text"));
-var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var Root = (0, _styles.styled)("div")(function () {
-  return _objectSpread(_objectSpread({
-    width: "100%"
-  }, _responsiveTheme.default.typography.body2), {}, {
-    "& > :not(style) + :not(style)": {
-      marginTop: _responsiveTheme.default.spacing(2)
-    }
-  });
-});
-function Divider(props) {
-  return /*#__PURE__*/React.createElement(Root, null, props.type && props.type === "Chip" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
-    textAlign: props.textAlign && props.textAlign
-  }, /*#__PURE__*/React.createElement(_Chip.default, {
-    label: props.title && props.title
-  })), /*#__PURE__*/React.createElement(_text.default, null, props.children)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, {
-    textAlign: props.textAlign && props.textAlign
-  }, /*#__PURE__*/React.createElement(_text.default, null, props.title && props.title)), props.children));
-}

package/components/editableField/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireWildcard(require("react"));
-var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// import Select from "../select";
-
-var EditableField = function EditableField(props) {
-  var _useState = (0, _react.useState)(props.editableData),
-    _useState2 = _slicedToArray(_useState, 2),
-    name = _useState2[0],
-    setName = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isNameFocused = _useState4[0],
-    setIsNameFocused = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    show = _useState6[0],
-    isShow = _useState6[1];
-  var handleKeyDown = function handleKeyDown(event) {
-    if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
-      if (event.key === "Enter") {
-        setIsNameFocused(false);
-        isShow(false);
-      }
-    } else {
-      var _props$editableData;
-      window.alert("Sorry, data should be there");
-      setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
-    }
-  };
-  var onBLurHandeler = function onBLurHandeler() {
-    if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
-      setIsNameFocused(false);
-      isShow(false);
-    } else {
-      var _props$editableData2;
-      window.alert("Sorry, data should be there");
-      setName((_props$editableData2 = props.editableData) !== null && _props$editableData2 !== void 0 ? _props$editableData2 : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
-      setIsNameFocused(true);
-      isShow(true);
-    }
-  };
-
-  //Select Type
-  var onSelectBLurHandeler = function onSelectBLurHandeler() {
-    if (props.value === null) {
-      var _props$value;
-      window.alert("Sorry, data should be selected");
-      setName((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, select some data"));
-      setIsNameFocused(true);
-      isShow(true);
-    } else {
-      setName(props.value);
-    }
-    setIsNameFocused(false);
-    isShow(false);
-  };
-  console.log(props);
-  return /*#__PURE__*/_react.default.createElement("div", null, !isNameFocused ? /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between"
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: show ? {
-      backgroundColor: "#F4F7FC",
-      width: "100%",
-      cursor: "pointer"
-    } : {}
-  }, /*#__PURE__*/_react.default.createElement(_text.default, {
-    onClick: function onClick() {
-      return setIsNameFocused(true);
-    },
-    onMouseEnter: function onMouseEnter() {
-      return isShow(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return isShow(false);
-    },
-    style: {
-      display: "flex",
-      alignItems: "center",
-      padding: "0.5rem"
-    }
-  }, name))) : props.isSelect ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Select")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
-    id: "standard-basic",
-    variant: "standard",
-    autoFocus: true,
-    value: name,
-    onChange: function onChange(e) {
-      return setName(e.target.value);
-    },
-    onBlur: onBLurHandeler,
-    onKeyDown: handleKeyDown,
-    style: {
-      width: "100%"
-    },
-    InputProps: {
-      endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-        position: "start"
-      }, /*#__PURE__*/_react.default.createElement(_Edit.default, {
-        fontSize: "small"
-      }))
-    }
-  })));
-};
-var _default = EditableField;
-exports.default = _default;

package/components/errorBoundary/index.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireWildcard(require("react"));
-var _Error = _interopRequireDefault(require("./Error.jpg"));
-var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-// const ErrorBoundary = (props) => {
-//   const { homePage } = props;
-//   const [hasError, setHasError] = useState(false);
-//   useEffect(() => {
-//     const handleError = (error) => {
-//       window.alert("coming");
-//       //   console.error(error);
-//       setHasError(true);
-//     };
-//     window.addEventListener("error", handleError);
-//     return () => {
-//       window.removeEventListener("error", handleError);
-//     };
-//   }, []);
-//   if (hasError) {
-//     return (
-//       <Grid container>
-//         <Grid item xs={6} margin="auto">
-//           <Grid container justifyContent="center">
-//             <h1>Oops! Something went wrong.</h1>
-//           </Grid>
-//           <Grid container justifyContent="center">
-//             <Stack direction="row" spacing={2}>
-//               <Button
-//                 variant="outlined"
-//                 onClick={() => window.location.reload()}
-//               >
-//                 Reload
-//               </Button>
-//               <Button variant="outlined">
-//                 <a href={homePage ?? "/"}> Bak to Home</a>
-//               </Button>
-//             </Stack>
-//           </Grid>
-//         </Grid>
-//         <Grid item xs={6}>
-//           <img
-//             style={{ height: "100vh", width: "100%", overflow: "hidden" }}
-//             src={error_image}
-//           />
-//         </Grid>
-//       </Grid>
-//     );
-//   } else {
-//     return <>{props.children}</>;
-//   }
-// };
-// export default ErrorBoundary;
-var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorBoundary, _Component);
-  var _super = _createSuper(ErrorBoundary);
-  function ErrorBoundary(props) {
-    var _this;
-    _classCallCheck(this, ErrorBoundary);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "handleGoBack", function () {
-      window.history.back();
-      window.setTimeout(function () {
-        window.location.reload();
-      }, 10);
-    });
-    _this.state = {
-      hasError: false
-    };
-    return _this;
-  }
-  _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      this.setState({
-        hasError: true
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.state.hasError) {
-        var _this$props$homePage;
-        return /*#__PURE__*/_react.default.createElement(_material.Grid, {
-          container: true
-        }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-          item: true,
-          xs: 6,
-          margin: "auto"
-        }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-          container: true,
-          justifyContent: "center",
-          textAlign: "center"
-        }, /*#__PURE__*/_react.default.createElement(_text.default, {
-          variant: "title",
-          bold: true
-        }, "Oops! Something went wrong."), /*#__PURE__*/_react.default.createElement(_text.default, {
-          variant: "body1"
-        }, "Please Reload the page or Refresh the page or return Home to try again.")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-          container: true,
-          justifyContent: "center"
-        }, /*#__PURE__*/_react.default.createElement(_material.Stack, {
-          direction: "row",
-          spacing: 2
-        }, /*#__PURE__*/_react.default.createElement(_material.Button, {
-          variant: "contained",
-          onClick: function onClick() {
-            return window.location.reload();
-          }
-        }, "Reload"), /*#__PURE__*/_react.default.createElement(_material.Button, {
-          variant: "contained",
-          onClick: this.handleGoBack
-        }, "Go Back"), /*#__PURE__*/_react.default.createElement(_material.Button, {
-          variant: "outlined"
-        }, /*#__PURE__*/_react.default.createElement("a", {
-          style: {
-            textDecoration: "none"
-          },
-          href: (_this$props$homePage = this.props.homePage) !== null && _this$props$homePage !== void 0 ? _this$props$homePage : "/"
-        }, " ", "Go Home"))))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-          item: true,
-          xs: 6
-        }, /*#__PURE__*/_react.default.createElement("img", {
-          style: {
-            height: "100vh",
-            width: "100%",
-            overflow: "hidden"
-          },
-          src: _Error.default
-        })));
-      }
-      return this.props.children;
-    }
-  }]);
-  return ErrorBoundary;
-}(_react.Component);
-var _default = ErrorBoundary;
-exports.default = _default;

package/components/fileUploader/index.js

@@ -1,124 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _fi = require("react-icons/fi");
-var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var FileInput = (0, _styles.styled)("input")({
-  display: "none"
-});
-var DropzoneContainer = (0, _styles.styled)(_material.Container)({
-  width: "27.3rem",
-  height: "9.3rem",
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  padding: "2rem",
-  border: "1.5px dashed #ACACAC",
-  borderRadius: "0.5rem",
-  "&:hover": {
-    cursor: "pointer",
-    backgroundColor: "#f5f5f5"
-  }
-});
-var DropzoneText = (0, _styles.styled)("p")({
-  margin: "1rem",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  flexDirection: "column",
-  gap: "1rem"
-});
-var FileUploader = function FileUploader(props) {
-  var _selectedFile$, _selectedFile$$name, _selectedFile$2, _selectedFile$3;
-  var selectedFile = props.selectedFile,
-    setSelectedFile = props.setSelectedFile,
-    key = props.key;
-  var fileInputRef = (0, _react.useRef)(null);
-  var handleFileInput = function handleFileInput(e) {
-    e.target.files[0] && setSelectedFile(e.target.files);
-  };
-  var handleDrop = function handleDrop(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setSelectedFile(e.dataTransfer.files);
-  };
-  var handleDragOver = function handleDragOver(e) {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  var handleClick = function handleClick(e) {
-    e.preventDefault();
-    fileInputRef.current.click();
-  };
-  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    container: true,
-    justifyContent: "center"
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/_react.default.createElement(DropzoneContainer, {
-    onClick: handleClick,
-    onDrop: handleDrop,
-    onDragOver: handleDragOver
-  }, /*#__PURE__*/_react.default.createElement(DropzoneText, null, !(selectedFile !== null && selectedFile !== void 0 && selectedFile.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fi.FiUpload, {
-    size: "1.9rem",
-    color: "#44409A"
-  }), /*#__PURE__*/_react.default.createElement(_text.default, {
-    bold: true,
-    fontWeight: "400",
-    fontSize: "1rem"
-  }, "Drag and Drop or ", /*#__PURE__*/_react.default.createElement("b", null, "Choose File"), " to Upload")) : (selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.length) > 1 ? /*#__PURE__*/_react.default.createElement("ul", null, Array.from(selectedFile).map(function (file, index) {
-    var _file$name;
-    return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-      arrow: true,
-      placement: "top",
-      title: (file === null || file === void 0 ? void 0 : (_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.length) > 25 ? file === null || file === void 0 ? void 0 : file.name : ""
-    }, /*#__PURE__*/_react.default.createElement(_text.default, {
-      sx: {
-        width: "220px",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        fontWeight: 400,
-        fontSize: "1rem"
-      },
-      key: index
-    }, file === null || file === void 0 ? void 0 : file.name));
-  })) : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    arrow: true,
-    placement: "top",
-    title: ((_selectedFile$ = selectedFile[0]) === null || _selectedFile$ === void 0 ? void 0 : (_selectedFile$$name = _selectedFile$.name) === null || _selectedFile$$name === void 0 ? void 0 : _selectedFile$$name.length) > 25 ? (_selectedFile$2 = selectedFile[0]) === null || _selectedFile$2 === void 0 ? void 0 : _selectedFile$2.name : ""
-  }, /*#__PURE__*/_react.default.createElement(_text.default, {
-    sx: {
-      width: "220px",
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      fontWeight: 400,
-      fontSize: "1rem",
-      display: "flex",
-      justifyContent: "center"
-    }
-  }, (_selectedFile$3 = selectedFile[0]) === null || _selectedFile$3 === void 0 ? void 0 : _selectedFile$3.name)))), /*#__PURE__*/_react.default.createElement(FileInput, _extends({
-    type: "file",
-    accept: "image/*",
-    onChange: handleFileInput,
-    id: "fileInput",
-    ref: fileInputRef,
-    key: key
-  }, props))));
-};
-var _default = FileUploader;
-exports.default = _default;

package/components/fileUploader/style.js

@@ -1,60 +0,0 @@
-"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = (0, _styles.makeStyles)(function () {
-  return {
-    modalContentWrapper: {
-      position: "absolute",
-      backgroundColor: _default2.default.palette.background.paper,
-      borderRadius: "3px",
-      boxShadow: _default2.default.shadows[5],
-      top: "10%",
-      "&:focus": {
-        outline: "none"
-      },
-      margin: "auto"
-    },
-    default: {
-      width: "400px",
-      left: "calc(50% - 400px / 2)"
-    },
-    large: {
-      width: "600px",
-      left: "calc(50% - 600px / 2)"
-    },
-    xlarge: {
-      width: "800px",
-      left: "calc(50% - 800px / 2)"
-    },
-    fullscreen: {
-      width: "98%",
-      left: "1%",
-      top: "10px"
-    },
-    header: {
-      display: "flex",
-      alignItems: "center",
-      padding: "0.4rem 1rem",
-      borderBottom: "1px solid #ccc",
-      "& .title": {
-        flexGrow: 1,
-        fontWeight: 500
-      },
-      "& .modalCloseTrigger": {
-        cursor: "pointer"
-      }
-    },
-    content: {
-      padding: "0.4rem 1rem",
-      maxHeight: "calc(100vh - 170px)",
-      overflowY: "auto"
-    }
-  };
-});
-exports.default = _default;

package/components/iconButton/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _LoadingButton = _interopRequireDefault(require("@mui/lab/LoadingButton"));
-var _material = require("@mui/material");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var IconButton = function IconButton(props) {
-  console.log(props);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !props.loading ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    arrow: true,
-    placement: "top",
-    title: props.title,
-    loading: props.loading
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    size: props.size,
-    color: props.color,
-    onClick: props.onClick,
-    disabled: props.disabled
-  }, props.icon)) : /*#__PURE__*/_react.default.createElement(_LoadingButton.default, {
-    loading: true
-  }));
-};
-IconButton.prototypes = {
-  title: _propTypes.default.string.isRequired,
-  size: _propTypes.default.oneOf(["small", "medium", "large"]),
-  color: _propTypes.default.oneOf(["primary", "secondary", "#ff0000"]),
-  loading: _propTypes.default.oneOf([true, false])
-};
-var _default = IconButton;
-exports.default = _default;