tenjin-ui-kit 0.3.70 → 0.3.72-dev

package/components/alert/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AlertIndex;
+var React = _interopRequireWildcard(require("react"));
+var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
+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(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 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); }
+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 SlideTransition(props) {
+  return /*#__PURE__*/React.createElement(_Slide.default, _extends({}, props, {
+    direction: "up"
+  }));
+}
+function GrowTransition(props) {
+  return /*#__PURE__*/React.createElement(_Grow.default, props);
+}
+const Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
+  return /*#__PURE__*/React.createElement(_Alert.default, _extends({
+    elevation: 6,
+    ref: ref,
+    variant: "filled"
+  }, props));
+});
+function AlertIndex(props) {
+  const handleClose = () => {
+    props.setState(_objectSpread(_objectSpread({}, props.state), {}, {
+      open: false
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Snackbar.default, {
+    open: props.state.open,
+    onClose: handleClose,
+    message: props.alert.message,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    TransitionComponent: props.SlideTransition ? SlideTransition : GrowTransition,
+    autoHideDuration: 6000
+  }, /*#__PURE__*/React.createElement(Alert, {
+    onClose: handleClose,
+    severity: props.alert.type,
+    sx: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(_text.default, null, props.alert.message))));
+}
+AlertIndex.propTypes = {
+  alert: _propTypes.default.oneOf(["success", "error", "warning"]),
+  SlideTransition: _propTypes.default.bool
+};
+AlertIndex.defaultProps = {
+  alert: "success"
+};

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

@@ -12,41 +12,37 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
 var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var images = ["jpg", "png", "jpeg", "gif", "tif", "tiff"];
-var handleClick = function handleClick(fileName, fileUrl) {
-  fetch(fileUrl).then(function (response) {
-    return response.blob();
-  }).then(function (blob) {
-    var url = window.URL.createObjectURL(new Blob([blob]));
-    var link = document.createElement("a");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const images = ["jpg", "png", "jpeg", "gif", "tif", "tiff"];
+const handleClick = (fileName, fileUrl) => {
+  fetch(fileUrl).then(response => response.blob()).then(blob => {
+    const url = window.URL.createObjectURL(new Blob([blob]));
+    const link = document.createElement("a");
     link.href = url;
     link.setAttribute("download", fileName);
     document.body.appendChild(link);
     link.click();
     link.parentNode.removeChild(link);
     window.URL.revokeObjectURL(url);
-  }).catch(function (error) {
+  }).catch(error => {
     console.error("Error downloading file:", error);
   });
 };
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    paper: {
-      margin: "auto",
-      maxWidth: 700
-    },
-    grid: {}
-  };
-});
-var Attachment = function Attachment(props) {
-  var name = props.name,
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  paper: {
+    margin: "auto",
+    maxWidth: 700
+  },
+  grid: {}
+}));
+const Attachment = props => {
+  const name = props.name,
     url = props.url,
     uploadedBy = props.uploadedBy,
     updatedOn = props.updatedOn;
-  var classes = useStyles();
-  var arr = name.split(".");
-  var extension = arr[arr.length - 1];
+  const classes = useStyles();
+  const arr = name.split(".");
+  const extension = arr[arr.length - 1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     key: url,
@@ -123,9 +119,7 @@ var Attachment = function Attachment(props) {
     color: "primary",
     variant: "text"
   }, /*#__PURE__*/_react.default.createElement(_FileDownloadOutlined.default, {
-    onClick: function onClick() {
-      return handleClick(name, url);
-    }
+    onClick: () => handleClick(name, url)
   })))), /*#__PURE__*/_react.default.createElement(_material.Divider, null))));
 };
 Attachment.propTypes = {
@@ -134,5 +128,4 @@ Attachment.propTypes = {
   updatedOn: _propTypes.default.string,
   uploadedBy: _propTypes.default.string
 };
-var _default = Attachment;
-exports.default = _default;
+var _default = exports.default = Attachment;

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

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var AuthError = function AuthError() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AuthError = () => {
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       height: "100vh",
@@ -20,5 +20,4 @@ var AuthError = function AuthError() {
     severity: "error"
   }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Oops! Something went wrong. Please contact your Tenjin Administrator")));
 };
-var _default = AuthError;
-exports.default = _default;
+var _default = exports.default = AuthError;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var AuthLoader = function AuthLoader() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AuthLoader = () => {
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       height: "100vh",
@@ -17,5 +17,4 @@ var AuthLoader = function AuthLoader() {
     }
   }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null));
 };
-var _default = AuthLoader;
-exports.default = _default;
+var _default = exports.default = AuthLoader;

package/components/authenticationProvider/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SystemContext = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _AuthError = _interopRequireDefault(require("./AuthError"));
+var _AuthLoader = _interopRequireDefault(require("./AuthLoader"));
+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 _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 LS_ACCESS_TOKEN_KEY = "t-at";
+const getApiAccessToken = () => localStorage.getItem(LS_ACCESS_TOKEN_KEY);
+const SystemContext = exports.SystemContext = /*#__PURE__*/(0, _react.createContext)();
+const AuthenticationProvider = _ref => {
+  let children = _ref.children;
+  document.title = "Tenjin Enterprise";
+  const _useState = (0, _react.useState)(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    authLoading = _useState2[0],
+    setAuthLoading = _useState2[1];
+  const _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loggedInUser = _useState4[0],
+    setLoggedInUser = _useState4[1];
+  const _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    license = _useState6[0],
+    setLicense = _useState6[1];
+  const _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 2),
+    searchParams = _useSearchParams2[0],
+    setSearchParams = _useSearchParams2[1];
+  const location = (0, _reactRouterDom.useLocation)();
+  (0, _react.useEffect)(() => {
+    resolveAuthentication();
+  }, []);
+  const resolveLicense = async () => {
+    try {
+      const token = resolveToken();
+      const licenseResponse = await _axios.default.get("/api/license/details", {
+        headers: {
+          Authorization: "Bearer ".concat(token)
+        }
+      });
+      setLicense(licenseResponse.data);
+    } catch (error) {
+      console.log('Unable to fetch license', error);
+    }
+  };
+  const resolveAuthentication = async () => {
+    const token = resolveToken();
+    if (token) {
+      try {
+        const profileValidationResponse = await _axios.default.get("/api/me", {
+          headers: {
+            Authorization: "Bearer ".concat(token)
+          }
+        });
+        await resolveLicense();
+        setLoggedInUser(profileValidationResponse.data);
+        setAuthLoading(false);
+      } catch (error) {
+        console.error("Profile validation error");
+        console.error("Error: ", error);
+        setLoggedInUser(null);
+        redirectToLogin();
+      }
+    } else {
+      redirectToLogin();
+    }
+  };
+  const redirectToLogin = () => {
+    const redirectUrl = process.env.NODE_ENV === "production" ? "".concat(location.pathname).concat(window.location.search) : "".concat(window.location.protocol, "//").concat(window.location.hostname, ":").concat(window.location.port).concat(location.pathname).concat(window.location.search);
+    window.location.href = process.env.REACT_APP_LOGIN_URL + "?redirect_url=".concat(encodeURIComponent(redirectUrl));
+  };
+  const clearTokenFromSearchParams = () => {
+    searchParams.delete(LS_ACCESS_TOKEN_KEY);
+    setSearchParams(searchParams);
+  };
+  const resolveToken = () => {
+    let tokenFromSearchParams = searchParams.get(LS_ACCESS_TOKEN_KEY);
+    if (tokenFromSearchParams) {
+      localStorage.setItem(LS_ACCESS_TOKEN_KEY, tokenFromSearchParams);
+      clearTokenFromSearchParams();
+    }
+    return getApiAccessToken();
+  };
+  return authLoading ? /*#__PURE__*/_react.default.createElement(_AuthLoader.default, null) : loggedInUser ? /*#__PURE__*/_react.default.createElement(SystemContext.Provider, {
+    value: {
+      loggedInUser,
+      license
+    }
+  }, children) : /*#__PURE__*/_react.default.createElement(_AuthError.default, null);
+};
+AuthenticationProvider.LS_ACCESS_TOKEN_KEY = LS_ACCESS_TOKEN_KEY;
+AuthenticationProvider.getApiAccessToken = getApiAccessToken;
+AuthenticationProvider.propTypes = {
+  children: _propTypes.default.any
+};
+var _default = exports.default = AuthenticationProvider;

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

@@ -10,15 +10,15 @@ var _material = require("@mui/material");
 var _styles = _interopRequireDefault(require("./styles"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _text = _interopRequireDefault(require("../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var splitName = function splitName(name) {
-  var array = name.split(" ");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const splitName = name => {
+  let array = name.split(" ");
   return {
     firstName: array[0],
     lastName: array.length > 1 ? array[1] : null
   };
 };
-var getHslColor = function getHslColor(name, saturation, lightness) {
+const getHslColor = (name, saturation, lightness) => {
   var hash = 0;
   for (var i = 0; i < name.length; i++) {
     hash = name.charCodeAt(i) + ((hash << 5) - hash);
@@ -26,14 +26,14 @@ var getHslColor = function getHslColor(name, saturation, lightness) {
   var h = hash % 360;
   return "hsl(".concat(h, ", ").concat(saturation, "%, ").concat(lightness, "%)");
 };
-var getInitials = function getInitials(user) {
-  var firstName, lastName;
+const getInitials = user => {
+  let firstName, lastName;
   firstName = user.firstName ? user.firstName : splitName(user.name).firstName;
   lastName = user.lastName ? user.lastName : splitName(user.name).lastName;
   if (!firstName) firstName = "User";
   if (!lastName) lastName = "";
-  var allNames = [firstName, lastName];
-  var initials = allNames.reduce(function (acc, curr, index) {
+  const allNames = [firstName, lastName];
+  const initials = allNames.reduce((acc, curr, index) => {
     if (index === 0 || index === allNames.length - 1) {
       acc = "".concat(acc).concat(curr.charAt(0).toUpperCase());
     }
@@ -41,14 +41,14 @@ var getInitials = function getInitials(user) {
   }, "");
   return initials;
 };
-var Avatar = function Avatar(_ref) {
-  var onClick = _ref.onClick,
+const Avatar = _ref => {
+  let onClick = _ref.onClick,
     user = _ref.user,
     format = _ref.format,
     variant = _ref.variant,
     size = _ref.size,
     toolTip = _ref.toolTip;
-  var classes = (0, _styles.default)({
+  const classes = (0, _styles.default)({
     avatarColor: getHslColor("".concat(user === null || user === void 0 ? void 0 : user.firstName, " ").concat(user.lastName).trim(), 30, 50)
   });
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -85,11 +85,10 @@ Avatar.propTypes = {
 Avatar.defaultProps = {
   content: "",
   className: "",
-  onClick: function onClick() {}
+  onClick: () => {}
 };
 Avatar.defaultProps = {
   variant: "circular",
   size: "medium"
 };
-var _default = Avatar;
-exports.default = _default;
+var _default = exports.default = Avatar;

package/components/avatar/styles.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _styles.makeStyles)(() => ({
+  avatarWrapper: {
+    display: "inline-flex",
+    flexFlow: "row wrap",
+    alignItems: "center",
+    cursor: "pointer",
+    "& .left": {
+      marginRight: _responsiveTheme.default.spacing(0.75)
+    },
+    "& .right": {
+      display: "flex",
+      flexFlow: "column",
+      "& .title": {
+        fontWeight: 450
+      },
+      "& .subtitle": {
+        fontStyle: "italic"
+      }
+    }
+  },
+  avatar: _ref => {
+    let avatarColor = _ref.avatarColor;
+    return {
+      backgroundColor: "".concat(avatarColor),
+      fontWeight: 400,
+      letterSpacing: "0px"
+    };
+  },
+  small: {
+    "& .avatar": {
+      fontSize: _responsiveTheme.default.typography.fontSize,
+      width: 30,
+      height: 30
+    },
+    "& .title": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 2
+    },
+    "& .subtitle": {
+      fontSize: _responsiveTheme.default.typography.fontSize
+    }
+  },
+  medium: {
+    "& .avatar": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 2,
+      width: _responsiveTheme.default.spacing(5),
+      height: _responsiveTheme.default.spacing(5)
+    },
+    "& .title": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 4
+    },
+    "& .subtitle": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 2
+    }
+  },
+  large: {
+    "& .avatar": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 8,
+      width: _responsiveTheme.default.spacing(7),
+      height: _responsiveTheme.default.spacing(7)
+    },
+    "& .title": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 8
+    },
+    "& .subtitle": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 3
+    }
+  },
+  xlarge: {
+    "& .avatar": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 16,
+      width: _responsiveTheme.default.spacing(9),
+      height: _responsiveTheme.default.spacing(9)
+    },
+    "& .title": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 16
+    },
+    "& .subtitle": {
+      fontSize: _responsiveTheme.default.typography.fontSize + 4
+    }
+  }
+}));
+var _default = exports.default = useStyles;

package/components/breadCrumbs/index.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BreadCrumbs;
+var _material = require("@mui/material");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _text = _interopRequireDefault(require("../text"));
+var _KeyboardDoubleArrowRight = _interopRequireDefault(require("@mui/icons-material/KeyboardDoubleArrowRight"));
+var _reactRouterDom = require("react-router-dom");
+var _button = _interopRequireDefault(require("../button"));
+var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
+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 _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 BreadCrumbs(props) {
+  var _crumbInfo$, _crumbInfo$2, _crumbInfo$3, _crumbInfo$4, _crumbInfo$5;
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  // const windowSm = useMediaQuery("(max-width:960px)");
+
+  const crumbInfo = props.crumbInfo,
+    maxItems = props.maxItems,
+    serverSide = props.serverSide;
+  const displayCrumbs = maxItems ? crumbInfo.slice(-maxItems) : crumbInfo;
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuOpen = _useState2[0],
+    setMenuOpen = _useState2[1];
+  const _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  const handleMenuClick = event => {
+    setAnchorEl(event.currentTarget);
+    setMenuOpen(true);
+  };
+  function handleClick(event, item) {
+    event.preventDefault();
+    if (item.onClick) {
+      item.onClick(item.data);
+    } else if (item.link !== undefined) {
+      if (item.serverSide) {
+        window.location.href = item.link;
+      } else {
+        navigate(item.link);
+      }
+    }
+    setMenuOpen(false);
+  }
+  const handleMenuClose = (event, item) => {
+    // if (item && item.onClick) {
+    //   item.onClick(item.data);
+    // } else if (item && item.link !== undefined) {
+    //   if (item.serverSide) {
+    //     window.location.href = item.link;
+    //   } else {
+    //     navigate(item.link);
+    //   }
+    // }
+    setMenuOpen(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexGrow: 1
+    },
+    role: "presentation"
+  }, /*#__PURE__*/React.createElement(_material.Breadcrumbs, {
+    separator: /*#__PURE__*/React.createElement(_KeyboardDoubleArrowRight.default, {
+      fontSize: "small"
+    }),
+    "aria-label": "breadcrumb"
+  }, crumbInfo.length > maxItems && /*#__PURE__*/React.createElement("div", {
+    onClick: e => handleClick(e, crumbInfo[0]),
+    style: {
+      display: "flex",
+      alignItems: "center",
+      textDecoration: "none",
+      // fontWeight: 'bold',
+      color: (_crumbInfo$ = crumbInfo[0]) !== null && _crumbInfo$ !== void 0 && _crumbInfo$.active ? "#000000DE" : "#44409A",
+      fontWeight: 500,
+      cursor: crumbInfo[0].active !== true && "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "flex",
+      marginRight: "3px"
+    }
+  }, crumbInfo[0].icon), ((_crumbInfo$2 = crumbInfo[0]) === null || _crumbInfo$2 === void 0 || (_crumbInfo$2 = _crumbInfo$2.title) === null || _crumbInfo$2 === void 0 ? void 0 : _crumbInfo$2.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: (_crumbInfo$3 = crumbInfo[0]) === null || _crumbInfo$3 === void 0 ? void 0 : _crumbInfo$3.title,
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement("span", null, ((_crumbInfo$4 = crumbInfo[0]) === null || _crumbInfo$4 === void 0 || (_crumbInfo$4 = _crumbInfo$4.title) === null || _crumbInfo$4 === void 0 ? void 0 : _crumbInfo$4.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
+    component: "span"
+  }, (_crumbInfo$5 = crumbInfo[0]) === null || _crumbInfo$5 === void 0 ? void 0 : _crumbInfo$5.title)), crumbInfo.length > maxItems && crumbInfo.length - 1 !== maxItems && /*#__PURE__*/React.createElement(_button.default, {
+    color: "inherit",
+    variant: "text",
+    onClick: handleMenuClick,
+    style: {
+      minWidth: "20px",
+      padding: "0"
+    }
+  }, /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: "Show all breadcrumbs"
+  }, /*#__PURE__*/React.createElement(_MoreHoriz.default, {
+    style: {
+      color: "#44409A"
+    }
+  }))), displayCrumbs.map((breadcrumb, index) => {
+    var _breadcrumb$title, _breadcrumb$title2;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      onClick: e => handleClick(e, breadcrumb),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        textDecoration: "none",
+        color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A",
+        fontWeight: 500,
+        cursor: breadcrumb.active !== true && "pointer"
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: "flex",
+        marginRight: "3px"
+      }
+    }, breadcrumb.icon), (breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$title = breadcrumb.title) === null || _breadcrumb$title === void 0 ? void 0 : _breadcrumb$title.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+      title: breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title,
+      arrow: true,
+      placement: "top"
+    }, /*#__PURE__*/React.createElement(_text.default, {
+      component: "span"
+    }, (breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$title2 = breadcrumb.title) === null || _breadcrumb$title2 === void 0 ? void 0 : _breadcrumb$title2.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
+      component: "span"
+    }, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
+  })), /*#__PURE__*/React.createElement(_material.Menu, {
+    anchorEl: anchorEl,
+    open: menuOpen,
+    onClose: handleMenuClose,
+    sx: {
+      minWidth: "200px",
+      maxHeight: "220px"
+    }
+  }, crumbInfo.slice(1, crumbInfo.length - maxItems).map((breadcrumb, index) => /*#__PURE__*/React.createElement(_material.MenuItem, {
+    key: index,
+    onClick: e => handleClick(e, breadcrumb),
+    sx: {
+      textDecoration: "none",
+      fontWeight: "bold",
+      color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A",
+      fontWeight: 500,
+      cursor: breadcrumb.active !== true && "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "flex",
+      marginRight: "3px"
+    }
+  }, breadcrumb.icon), /*#__PURE__*/React.createElement(_text.default, {
+    component: "span"
+  }, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title)))));
+}

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

@@ -5,7 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styles = require("@mui/styles");
-var _default = (0, _styles.makeStyles)(function () {
-  return {};
-});
-exports.default = _default;
+var _default = exports.default = (0, _styles.makeStyles)(() => ({}));

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

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _style = _interopRequireDefault(require("./style"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var DetailsViewContent = function DetailsViewContent(_ref) {
-  var children = _ref.children;
-  var classes = (0, _style.default)();
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DetailsViewContent = _ref => {
+  let children = _ref.children;
+  const classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.main
   }, children);
 };
 DetailsViewContent.propTypes = {};
-var _default = DetailsViewContent;
-exports.default = _default;
+var _default = exports.default = DetailsViewContent;