tenjin-ui-kit 0.3.74 → 0.3.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/common/hooks/apiHooks.js +91 -199
  2. package/common/hooks/newApiHook.js +127 -258
  3. package/common/utils/security/index.js +2 -2
  4. package/common/utils/security/securityConfig.js +1 -2
  5. package/components/Canvas.js +172 -101
  6. package/components/DragBox/index.js +21 -31
  7. package/components/InputWithChip/index.js +178 -83
  8. package/components/RightContext/index.js +17 -41
  9. package/components/WorkFlow.js +19 -29
  10. package/components/WorkFlowBuilder.js +32 -56
  11. package/components/alert/Style.js +11 -14
  12. package/components/alert/index.js +8 -14
  13. package/components/attachment/index.js +26 -31
  14. package/components/authenticationProvider/AuthError.js +3 -4
  15. package/components/authenticationProvider/AuthLoader.js +3 -4
  16. package/components/authenticationProvider/index.js +58 -130
  17. package/components/avatar/index.js +24 -23
  18. package/components/avatar/styles.js +76 -77
  19. package/components/breadCrumbs/index.js +64 -89
  20. package/components/breadCrumbs/style.js +1 -4
  21. package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +7 -6
  22. package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
  23. package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +7 -6
  24. package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +8 -7
  25. package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +8 -7
  26. package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +16 -19
  27. package/components/browsingTestCaseLayout/index.js +30 -46
  28. package/components/button/index.js +47 -58
  29. package/components/chatBotModal/index.js +40 -61
  30. package/components/checkBox/index.js +8 -10
  31. package/components/combobox/index.js +66 -100
  32. package/components/divider/index.js +9 -18
  33. package/components/editableField/index.js +19 -46
  34. package/components/error/index.js +6 -12
  35. package/components/errorBoundary/index.js +74 -98
  36. package/components/fileUploader/index.js +46 -58
  37. package/components/fileUploader/style.js +46 -49
  38. package/components/filter/ValueSelector.js +148 -243
  39. package/components/filter/index.js +43 -66
  40. package/components/iconButton/index.js +3 -4
  41. package/components/input/index.js +70 -90
  42. package/components/layout/index.js +36 -49
  43. package/components/layout/main/index.js +13 -14
  44. package/components/layout/main/style.js +11 -14
  45. package/components/layout/pageContent/index.js +8 -7
  46. package/components/layout/sidebar/FlatMenu.js +51 -47
  47. package/components/layout/sidebar/GroupedIconMenu.js +169 -194
  48. package/components/layout/sidebar/GroupedMenu.js +45 -50
  49. package/components/layout/sidebar/ProjectMenu.js +165 -185
  50. package/components/layout/sidebar/index.js +27 -26
  51. package/components/layout/sidebar/style.js +138 -143
  52. package/components/layout/topBar/ProjectTopbar.js +86 -119
  53. package/components/layout/topBar/UserAvatar.js +51 -65
  54. package/components/layout/topBar/index.js +23 -41
  55. package/components/loader/index.js +9 -12
  56. package/components/menu/index.js +23 -42
  57. package/components/modal/Modal.js +5 -6
  58. package/components/modal/index.js +16 -20
  59. package/components/modal/style.js +53 -56
  60. package/components/optionMenu/index.js +32 -47
  61. package/components/pagination/index.js +23 -43
  62. package/components/pagination/style.js +25 -28
  63. package/components/paginationUpdated/index.js +19 -26
  64. package/components/paper/index.js +20 -22
  65. package/components/paper/style.js +24 -27
  66. package/components/reactSelect/index.js +64 -97
  67. package/components/reactSelect/style.js +131 -151
  68. package/components/richTextEditor/index.js +24 -48
  69. package/components/select/GroupedSelect.js +56 -100
  70. package/components/select/SimpleSelect.js +59 -99
  71. package/components/select/index.js +56 -69
  72. package/components/simpleSelect/index.js +18 -22
  73. package/components/sort/index.js +23 -36
  74. package/components/switch/index.js +14 -15
  75. package/components/switch/style.js +29 -32
  76. package/components/switch/switch.js +30 -47
  77. package/components/table/ReactTable.js +59 -83
  78. package/components/table/SimpleTable.js +67 -91
  79. package/components/table/index.js +300 -206
  80. package/components/text/index.js +22 -30
  81. package/components/timeStamp/index.js +4 -6
  82. package/components/timeStamp/style.js +12 -15
  83. package/components/topBar/index.js +86 -102
  84. package/components/tree/index.js +30 -58
  85. package/components/tree/style.js +20 -23
  86. package/components/valuePicker/ValueSelector.js +78 -160
  87. package/components/valuePicker/index.js +30 -50
  88. package/components/wrapperLayout/layout/index.js +8 -7
  89. package/components/wrapperLayout/main/index.js +8 -7
  90. package/components/wrapperLayout/main/pageContainer/index.js +6 -5
  91. package/components/wrapperLayout/main/sideBar/index.js +171 -175
  92. package/components/wrapperLayout/main/sideBar/style.js +177 -183
  93. package/components/wrapperLayout/topBar/UserAvatar.js +6 -5
  94. package/components/wrapperLayout/topBar/avatar.js +15 -18
  95. package/components/wrapperLayout/topBar/index.js +115 -107
  96. package/components/wrapperLayout/topBar/menuIcon.js +6 -5
  97. package/components/wrapperLayout/topBar/style.js +63 -64
  98. package/http/index.js +92 -188
  99. package/index.js +53 -55
  100. package/package.json +6 -3
  101. package/templates/listPage/index.js +168 -196
  102. package/themes/default.js +5 -7
  103. package/themes/defaultSmall.js +2 -3
  104. package/themes/responsiveTheme.js +6 -8
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -11,45 +10,35 @@ var _react = _interopRequireWildcard(require("react"));
11
10
  var _avatar = _interopRequireDefault(require("../../avatar"));
12
11
  var _text = _interopRequireDefault(require("../../text"));
13
12
  var _timeStamp = _interopRequireDefault(require("../../timeStamp"));
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- 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); }
16
- 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; }
17
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
- 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."); }
19
- 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); }
20
- 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; }
21
- 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; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
- 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); }
24
- var StyledMenu = (0, _styles.withStyles)({
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ 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); }
15
+ 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); }
16
+ const StyledMenu = (0, _styles.withStyles)({
25
17
  paper: {
26
18
  width: "fit-content !important",
27
19
  marginLeft: "10px",
28
20
  zIndex: 1
29
21
  }
30
- })(function (props) {
31
- return /*#__PURE__*/_react.default.createElement(_material.Menu, _extends({
32
- disableAutoFocusItem: true,
33
- anchorOrigin: {
34
- vertical: "bottom",
35
- horizontal: "center"
36
- }
37
- }, props));
38
- });
39
- var UserAvatar = function UserAvatar(_ref) {
40
- var loggedInUser = _ref.loggedInUser,
41
- onViewProfileClick = _ref.onViewProfileClick,
42
- onLogout = _ref.onLogout,
43
- avatarItems = _ref.avatarItems;
44
- var _useState = (0, _react.useState)(null),
45
- _useState2 = _slicedToArray(_useState, 2),
46
- menu = _useState2[0],
47
- setMenu = _useState2[1];
48
- var theme = (0, _material.useTheme)();
49
- var handleMenu = function handleMenu(event) {
22
+ })(props => /*#__PURE__*/_react.default.createElement(_material.Menu, _extends({
23
+ disableAutoFocusItem: true,
24
+ anchorOrigin: {
25
+ vertical: "bottom",
26
+ horizontal: "center"
27
+ }
28
+ }, props)));
29
+ const UserAvatar = _ref => {
30
+ let {
31
+ loggedInUser,
32
+ onViewProfileClick,
33
+ onLogout,
34
+ avatarItems
35
+ } = _ref;
36
+ const [menu, setMenu] = (0, _react.useState)(null);
37
+ const theme = (0, _material.useTheme)();
38
+ const handleMenu = event => {
50
39
  setMenu(event.currentTarget);
51
40
  };
52
- var handleCloseMenu = function handleCloseMenu() {
41
+ const handleCloseMenu = () => {
53
42
  setMenu(null);
54
43
  };
55
44
  return loggedInUser ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
@@ -63,8 +52,8 @@ var UserAvatar = function UserAvatar(_ref) {
63
52
  anchorEl: menu,
64
53
  open: Boolean(menu),
65
54
  onClose: handleCloseMenu
66
- }, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.email) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
67
- onClick: function onClick() {
55
+ }, loggedInUser?.name && loggedInUser?.email && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
56
+ onClick: () => {
68
57
  handleCloseMenu();
69
58
  if (onViewProfileClick) {
70
59
  onViewProfileClick();
@@ -86,7 +75,7 @@ var UserAvatar = function UserAvatar(_ref) {
86
75
  className: "name"
87
76
  }, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
88
77
  className: "email"
89
- }, loggedInUser.email)))), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.lastLoginAt) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
78
+ }, loggedInUser.email)))), loggedInUser?.lastLoginAt && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
90
79
  sx: {
91
80
  cursor: "default !important"
92
81
  }
@@ -103,36 +92,34 @@ var UserAvatar = function UserAvatar(_ref) {
103
92
  }, "Last Login :")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, {
104
93
  color: "secondary"
105
94
  }, /*#__PURE__*/_react.default.createElement(_timeStamp.default, {
106
- value: (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.lastLoginAt) + "Z",
95
+ value: loggedInUser?.lastLoginAt + "Z",
107
96
  local: true,
108
97
  format: "default"
109
- }))))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item, index) {
110
- return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
111
- key: index // Add key prop for mapped items
112
- ,
113
- onClick: function onClick() {
114
- handleCloseMenu();
115
- if (item.onClick) {
116
- item.onClick();
117
- }
118
- }
119
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
120
- display: "flex",
121
- flexDirection: "row",
122
- alignItems: "center"
123
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
124
- sx: {
125
- marginRight: theme.spacing(1)
126
- }
127
- }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
128
- variant: "rounded",
129
- sx: {
130
- width: 30,
131
- height: 30
98
+ }))))), !!avatarItems?.length && avatarItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
99
+ key: index // Add key prop for mapped items
100
+ ,
101
+ onClick: () => {
102
+ handleCloseMenu();
103
+ if (item.onClick) {
104
+ item.onClick();
132
105
  }
133
- }, item.icon)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, item.title))));
134
- })), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
135
- onClick: function onClick() {
106
+ }
107
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
108
+ display: "flex",
109
+ flexDirection: "row",
110
+ alignItems: "center"
111
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
112
+ sx: {
113
+ marginRight: theme.spacing(1)
114
+ }
115
+ }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
116
+ variant: "rounded",
117
+ sx: {
118
+ width: 30,
119
+ height: 30
120
+ }
121
+ }, item.icon)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, item.title))))), loggedInUser?.name && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
122
+ onClick: () => {
136
123
  handleCloseMenu();
137
124
  if (onLogout) {
138
125
  onLogout();
@@ -141,5 +128,4 @@ var UserAvatar = function UserAvatar(_ref) {
141
128
  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
142
129
  };
143
130
  UserAvatar.propTypes = {};
144
- var _default = UserAvatar;
145
- exports.default = _default;
131
+ var _default = exports.default = UserAvatar;
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -13,34 +12,22 @@ var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
13
12
  var _modal = _interopRequireDefault(require("../../modal"));
14
13
  var _reactRouter = require("react-router");
15
14
  var _text = _interopRequireDefault(require("../../text"));
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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); }
18
- 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; }
19
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
- 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."); }
21
- 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); }
22
- 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; }
23
- 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; } }
24
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
- var TopBar = function TopBar(_ref) {
26
- var breadcrumbs = _ref.breadcrumbs,
27
- loggedInUser = _ref.loggedInUser,
28
- showAdmin = _ref.showAdmin,
29
- actions = _ref.actions,
30
- onLogout = _ref.onLogout;
31
- var _useState = (0, _react.useState)(false),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- open = _useState2[0],
34
- setOpen = _useState2[1];
35
- var handleOpen = function handleOpen() {
36
- return setOpen(true);
37
- };
38
- var handleClose = function handleClose() {
39
- return setOpen(false);
40
- };
41
- var navigate = (0, _reactRouter.useNavigate)();
42
- var theme = (0, _material.useTheme)();
43
- var logout = function logout() {
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ 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); }
17
+ const TopBar = _ref => {
18
+ let {
19
+ breadcrumbs,
20
+ loggedInUser,
21
+ showAdmin,
22
+ actions,
23
+ onLogout
24
+ } = _ref;
25
+ const [open, setOpen] = (0, _react.useState)(false);
26
+ const handleOpen = () => setOpen(true);
27
+ const handleClose = () => setOpen(false);
28
+ const navigate = (0, _reactRouter.useNavigate)();
29
+ const theme = (0, _material.useTheme)();
30
+ const logout = () => {
44
31
  onLogout();
45
32
  // localStorage.removeItem('t-at');
46
33
  setOpen(false);
@@ -83,16 +70,12 @@ var TopBar = function TopBar(_ref) {
83
70
  })), actions ? /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Stack, {
84
71
  direction: "row",
85
72
  spacing: 1
86
- }, actions.map(function (a) {
87
- return /*#__PURE__*/_react.default.createElement(_button.default, {
88
- key: a.title,
89
- variant: "text",
90
- startIcon: a.icon,
91
- onClick: function onClick() {
92
- return navigate(a.href);
93
- }
94
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, a.title));
95
- }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
73
+ }, actions.map(a => /*#__PURE__*/_react.default.createElement(_button.default, {
74
+ key: a.title,
75
+ variant: "text",
76
+ startIcon: a.icon,
77
+ onClick: () => navigate(a.href)
78
+ }, /*#__PURE__*/_react.default.createElement(_text.default, null, a.title))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
96
79
  sx: {
97
80
  marginLeft: theme.spacing(1)
98
81
  }
@@ -128,5 +111,4 @@ var TopBar = function TopBar(_ref) {
128
111
  }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
129
112
  };
130
113
  TopBar.propTypes = {};
131
- var _default = TopBar;
132
- exports.default = _default;
114
+ var _default = exports.default = TopBar;
@@ -7,16 +7,14 @@ exports.default = void 0;
7
7
  var _material = require("@mui/material");
8
8
  var _styles = require("@mui/styles");
9
9
  var _react = _interopRequireDefault(require("react"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- var useStyle = (0, _styles.makeStyles)(function (theme) {
12
- return {
13
- loaderWrapper: {
14
- height: "100%"
15
- }
16
- };
17
- });
18
- var UIBlockLoader = function UIBlockLoader() {
19
- var classes = useStyle();
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
+ const useStyle = (0, _styles.makeStyles)(theme => ({
12
+ loaderWrapper: {
13
+ height: "100%"
14
+ }
15
+ }));
16
+ const UIBlockLoader = () => {
17
+ const classes = useStyle();
20
18
  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
21
19
  container: true,
22
20
  alignItems: "center",
@@ -24,5 +22,4 @@ var UIBlockLoader = function UIBlockLoader() {
24
22
  className: classes.loaderWrapper
25
23
  }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null));
26
24
  };
27
- var _default = UIBlockLoader;
28
- exports.default = _default;
25
+ var _default = exports.default = UIBlockLoader;
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -11,34 +10,20 @@ var _text = _interopRequireDefault(require("../text"));
11
10
  var _reactRouterDom = require("react-router-dom");
12
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
12
  var _button = _interopRequireDefault(require("../button"));
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- 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); }
16
- 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; }
17
- 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; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- 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); }
20
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
21
- 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."); }
22
- 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); }
23
- 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; }
24
- 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; } }
25
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
26
- var Menu = function Menu(props) {
27
- var navigate = (0, _reactRouterDom.useNavigate)();
28
- var _useState = (0, _react.useState)(null),
29
- _useState2 = _slicedToArray(_useState, 2),
30
- anchorEl = _useState2[0],
31
- setAnchorEl = _useState2[1];
32
- var _useState3 = (0, _react.useState)(false),
33
- _useState4 = _slicedToArray(_useState3, 2),
34
- menuOpen = _useState4[0],
35
- setMenuOpen = _useState4[1];
36
- var items = props.items;
37
- var handleClick = function handleClick(event) {
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ 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); }
15
+ const Menu = props => {
16
+ const navigate = (0, _reactRouterDom.useNavigate)();
17
+ const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
18
+ const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
19
+ const {
20
+ items
21
+ } = props;
22
+ const handleClick = event => {
38
23
  setMenuOpen(true);
39
24
  setAnchorEl(event.currentTarget);
40
25
  };
41
- var handleMenuItemClick = function handleMenuItemClick(event, data) {
26
+ const handleMenuItemClick = (event, data) => {
42
27
  event.preventDefault();
43
28
  if (data !== undefined) {
44
29
  navigate(data);
@@ -46,7 +31,7 @@ var Menu = function Menu(props) {
46
31
  setMenuOpen(false);
47
32
  setAnchorEl(null);
48
33
  };
49
- var handleClose = function handleClose(event, data) {
34
+ const handleClose = (event, data) => {
50
35
  setMenuOpen(false);
51
36
  };
52
37
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -59,22 +44,18 @@ var Menu = function Menu(props) {
59
44
  minWidth: "200px",
60
45
  maxHeight: "220px"
61
46
  }
62
- }, items.map(function (item, index) {
63
- var _ref;
64
- return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
65
- key: index,
66
- onClick: function onClick(e) {
67
- return handleMenuItemClick(e, item === null || item === void 0 ? void 0 : item.link);
68
- },
69
- sx: (_ref = {
70
- textDecoration: "none",
71
- fontWeight: "bold"
72
- }, _defineProperty(_ref, "fontWeight", 500), _defineProperty(_ref, "cursor", "pointer"), _ref)
73
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, item === null || item === void 0 ? void 0 : item.name));
74
- })));
47
+ }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
48
+ key: index,
49
+ onClick: e => handleMenuItemClick(e, item?.link),
50
+ sx: {
51
+ textDecoration: "none",
52
+ fontWeight: "bold",
53
+ fontWeight: 500,
54
+ cursor: "pointer"
55
+ }
56
+ }, /*#__PURE__*/_react.default.createElement(_text.default, null, item?.name)))));
75
57
  };
76
58
  Menu.propTypes = {
77
59
  items: _propTypes.default.array.isRequired
78
60
  };
79
- var _default = Menu;
80
- exports.default = _default;
61
+ var _default = exports.default = Menu;
@@ -11,10 +11,10 @@ var _clsx = _interopRequireDefault(require("clsx"));
11
11
  var _style = _interopRequireDefault(require("./style"));
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
  var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- 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); }
16
- var Modal = function Modal(props) {
17
- var classes = (0, _style.default)();
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
+ 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); }
16
+ const Modal = props => {
17
+ const classes = (0, _style.default)();
18
18
  return /*#__PURE__*/_react.default.createElement(_material.Modal, _extends({
19
19
  open: props.open,
20
20
  onClose: props.handleClose
@@ -52,5 +52,4 @@ Modal.defaultProps = {
52
52
  title: "Modal Dialog",
53
53
  blur: "false"
54
54
  };
55
- var _default = Modal;
56
- exports.default = _default;
55
+ var _default = exports.default = Modal;
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -14,23 +13,21 @@ var _material = require("@mui/material");
14
13
  var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
15
14
  var _text = _interopRequireDefault(require("../text"));
16
15
  var _style = _interopRequireDefault(require("./style"));
17
- var _excluded = ["fullWidth", "width", "open", "handleClose", "title", "children", "onClose"];
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- 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); }
20
- 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; }
21
- 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); }
22
- 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; }
23
- 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; }
24
- var Modal = function Modal(props) {
25
- var fullWidth = props.fullWidth,
26
- width = props.width,
27
- open = props.open,
28
- handleClose = props.handleClose,
29
- title = props.title,
30
- children = props.children,
31
- onClose = props.onClose,
32
- rest = _objectWithoutProperties(props, _excluded);
33
- var classes = (0, _style.default)();
16
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
+ 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); }
18
+ 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); }
19
+ const Modal = props => {
20
+ const {
21
+ fullWidth,
22
+ width,
23
+ open,
24
+ handleClose,
25
+ title,
26
+ children,
27
+ onClose,
28
+ ...rest
29
+ } = props;
30
+ const classes = (0, _style.default)();
34
31
  return /*#__PURE__*/React.createElement(_Dialog.default, _extends({
35
32
  sx: {
36
33
  "& .MuiDialogTitle-root": {
@@ -87,5 +84,4 @@ Modal.defaultProps = {
87
84
  title: "Modal Title",
88
85
  fullWidth: false
89
86
  };
90
- var _default = Modal;
91
- exports.default = _default;
87
+ var _default = exports.default = Modal;
@@ -6,63 +6,60 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _styles = require("@mui/styles");
8
8
  var _default2 = _interopRequireDefault(require("../../themes/default"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var _default = (0, _styles.makeStyles)(function () {
11
- return {
12
- modalContentWrapper: {
13
- position: "absolute",
14
- backgroundColor: _default2.default.palette.background.paper,
15
- borderRadius: "3px",
16
- boxShadow: _default2.default.shadows[5],
17
- top: "10%",
18
- "&:focus": {
19
- outline: "none"
20
- },
21
- margin: "auto"
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ var _default = exports.default = (0, _styles.makeStyles)(() => ({
11
+ modalContentWrapper: {
12
+ position: "absolute",
13
+ backgroundColor: _default2.default.palette.background.paper,
14
+ borderRadius: "3px",
15
+ boxShadow: _default2.default.shadows[5],
16
+ top: "10%",
17
+ "&:focus": {
18
+ outline: "none"
22
19
  },
23
- default: {
24
- width: "400px",
25
- left: "calc(50% - 400px / 2)"
20
+ margin: "auto"
21
+ },
22
+ default: {
23
+ width: "400px",
24
+ left: "calc(50% - 400px / 2)"
25
+ },
26
+ large: {
27
+ width: "600px",
28
+ left: "calc(50% - 600px / 2)"
29
+ },
30
+ xlarge: {
31
+ width: "800px",
32
+ left: "calc(50% - 800px / 2)"
33
+ },
34
+ fullscreen: {
35
+ width: "98%",
36
+ left: "1%",
37
+ top: "10px"
38
+ },
39
+ header: {
40
+ display: "flex",
41
+ alignItems: "center",
42
+ padding: "0.4rem 1rem",
43
+ borderBottom: "1px solid #ccc",
44
+ "& .MuiDialogTitle-root": {
45
+ backgroundColor: "#e7e7e7"
26
46
  },
27
- large: {
28
- width: "600px",
29
- left: "calc(50% - 600px / 2)"
47
+ "& .title": {
48
+ flexGrow: 1,
49
+ fontWeight: 500
30
50
  },
31
- xlarge: {
32
- width: "800px",
33
- left: "calc(50% - 800px / 2)"
34
- },
35
- fullscreen: {
36
- width: "98%",
37
- left: "1%",
38
- top: "10px"
39
- },
40
- header: {
41
- display: "flex",
42
- alignItems: "center",
43
- padding: "0.4rem 1rem",
44
- borderBottom: "1px solid #ccc",
45
- "& .MuiDialogTitle-root": {
46
- backgroundColor: "#e7e7e7"
47
- },
48
- "& .title": {
49
- flexGrow: 1,
50
- fontWeight: 500
51
- },
52
- "& .modalCloseTrigger": {
53
- cursor: "pointer"
54
- }
55
- },
56
- content: {
57
- padding: "0.4rem 1rem",
58
- maxHeight: "calc(100vh - 170px)",
59
- overflowY: "auto"
60
- },
61
- modalHeader: {
62
- "& .MuiDialogTitle-root": {
63
- backgroundColor: "#e7e7e7"
64
- }
51
+ "& .modalCloseTrigger": {
52
+ cursor: "pointer"
65
53
  }
66
- };
67
- });
68
- exports.default = _default;
54
+ },
55
+ content: {
56
+ padding: "0.4rem 1rem",
57
+ maxHeight: `calc(100vh - 170px)`,
58
+ overflowY: "auto"
59
+ },
60
+ modalHeader: {
61
+ "& .MuiDialogTitle-root": {
62
+ backgroundColor: "#e7e7e7"
63
+ }
64
+ }
65
+ }));