tenjin-ui-kit 0.3.70 → 0.3.72-dev

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 (203) hide show
  1. package/common/hooks/apiHooks.js +155 -0
  2. package/common/hooks/newApiHook.js +188 -0
  3. package/{dist/common → common}/utils/security/index.js +2 -2
  4. package/{dist/common → common}/utils/security/securityConfig.js +1 -2
  5. package/components/Canvas.js +330 -0
  6. package/components/DragBox/index.js +40 -0
  7. package/components/InputWithChip/index.js +294 -0
  8. package/{dist/components → components}/RightContext/index.js +19 -28
  9. package/components/WorkFlow.js +42 -0
  10. package/components/WorkFlowBuilder.js +115 -0
  11. package/components/alert/Style.js +20 -0
  12. package/components/alert/index.js +67 -0
  13. package/{dist/components → components}/attachment/index.js +21 -28
  14. package/{dist/components → components}/authenticationProvider/AuthError.js +3 -4
  15. package/{dist/components → components}/authenticationProvider/AuthLoader.js +3 -4
  16. package/components/authenticationProvider/index.js +110 -0
  17. package/{dist/components → components}/avatar/index.js +13 -14
  18. package/components/avatar/styles.js +91 -0
  19. package/components/breadCrumbs/index.js +169 -0
  20. package/{dist/components → components}/breadCrumbs/style.js +1 -4
  21. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +5 -6
  22. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
  23. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +4 -5
  24. package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +4 -5
  25. package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +5 -6
  26. package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +23 -0
  27. package/{dist/components → components}/browsingTestCaseLayout/index.js +25 -30
  28. package/components/button/index.js +133 -0
  29. package/{dist/components → components}/chatBotModal/index.js +36 -45
  30. package/components/checkBox/index.js +29 -0
  31. package/{dist/components → components}/combobox/index.js +51 -72
  32. package/components/divider/index.js +37 -0
  33. package/{dist/components → components}/editableField/index.js +19 -28
  34. package/{dist/components → components}/error/index.js +6 -12
  35. package/components/errorBoundary/index.js +140 -0
  36. package/components/fileUploader/index.js +151 -0
  37. package/components/fileUploader/style.js +57 -0
  38. package/components/filter/ValueSelector.js +333 -0
  39. package/{dist/components → components}/filter/index.js +26 -33
  40. package/{dist/components → components}/iconButton/index.js +3 -4
  41. package/components/input/index.js +167 -0
  42. package/components/layout/index.js +94 -0
  43. package/components/layout/main/index.js +24 -0
  44. package/components/layout/main/style.js +19 -0
  45. package/{dist/components → components}/layout/pageContent/index.js +6 -7
  46. package/components/layout/sidebar/FlatMenu.js +64 -0
  47. package/components/layout/sidebar/GroupedIconMenu.js +233 -0
  48. package/components/layout/sidebar/GroupedMenu.js +57 -0
  49. package/components/layout/sidebar/ProjectMenu.js +223 -0
  50. package/components/layout/sidebar/index.js +88 -0
  51. package/components/layout/sidebar/style.js +149 -0
  52. package/components/layout/topBar/ProjectTopbar.js +388 -0
  53. package/components/layout/topBar/UserAvatar.js +138 -0
  54. package/components/layout/topBar/index.js +121 -0
  55. package/{dist/components → components}/loader/index.js +9 -12
  56. package/components/menu/index.js +71 -0
  57. package/{dist/components → components}/modal/Modal.js +5 -6
  58. package/components/modal/index.js +88 -0
  59. package/components/modal/style.js +65 -0
  60. package/components/optionMenu/index.js +105 -0
  61. package/components/pagination/index.js +114 -0
  62. package/components/pagination/style.js +33 -0
  63. package/components/paginationUpdated/index.js +74 -0
  64. package/components/paper/index.js +43 -0
  65. package/components/paper/style.js +31 -0
  66. package/components/reactSelect/index.js +195 -0
  67. package/components/reactSelect/style.js +130 -0
  68. package/components/richTextEditor/index.js +64 -0
  69. package/components/select/GroupedSelect.js +167 -0
  70. package/components/select/SimpleSelect.js +184 -0
  71. package/{dist/components → components}/select/index.js +38 -54
  72. package/components/simpleSelect/index.js +53 -0
  73. package/{dist/components → components}/sort/index.js +19 -22
  74. package/{dist/components → components}/switch/index.js +10 -11
  75. package/components/switch/style.js +39 -0
  76. package/{dist/components → components}/switch/switch.js +17 -23
  77. package/components/table/ReactTable.js +101 -0
  78. package/components/table/SimpleTable.js +117 -0
  79. package/components/table/index.js +381 -0
  80. package/components/text/index.js +65 -0
  81. package/{dist/components → components}/timeStamp/index.js +4 -6
  82. package/components/timeStamp/style.js +20 -0
  83. package/components/topBar/index.js +169 -0
  84. package/{dist/components → components}/tree/index.js +29 -47
  85. package/components/tree/style.js +29 -0
  86. package/components/valuePicker/ValueSelector.js +205 -0
  87. package/{dist/components → components}/valuePicker/index.js +19 -26
  88. package/{dist/components → components}/wrapperLayout/layout/index.js +4 -5
  89. package/{dist/components → components}/wrapperLayout/main/index.js +4 -5
  90. package/{dist/components → components}/wrapperLayout/main/pageContainer/index.js +4 -5
  91. package/components/wrapperLayout/main/sideBar/index.js +272 -0
  92. package/components/wrapperLayout/main/sideBar/style.js +190 -0
  93. package/{dist/components → components}/wrapperLayout/topBar/UserAvatar.js +4 -5
  94. package/components/wrapperLayout/topBar/avatar.js +55 -0
  95. package/components/wrapperLayout/topBar/index.js +196 -0
  96. package/{dist/components → components}/wrapperLayout/topBar/menuIcon.js +4 -5
  97. package/components/wrapperLayout/topBar/style.js +74 -0
  98. package/http/index.js +133 -0
  99. package/{dist/index.js → index.js} +53 -55
  100. package/package.json +5 -3
  101. package/{dist/templates → templates}/listPage/index.js +36 -57
  102. package/{dist/themes → themes}/default.js +5 -7
  103. package/{dist/themes → themes}/defaultSmall.js +2 -3
  104. package/{dist/themes → themes}/responsiveTheme.js +6 -8
  105. package/.dockerignore +0 -6
  106. package/.storybook/main.js +0 -16
  107. package/.storybook/preview.js +0 -11
  108. package/Dockerfile +0 -17
  109. package/Jenkinsfile +0 -66
  110. package/build/asset-manifest.json +0 -16
  111. package/build/favicon.ico +0 -0
  112. package/build/index.html +0 -1
  113. package/build/logo192.png +0 -0
  114. package/build/logo512.png +0 -0
  115. package/build/manifest.json +0 -25
  116. package/build/robots.txt +0 -3
  117. package/build/static/css/main.522396f6.css +0 -2
  118. package/build/static/css/main.522396f6.css.map +0 -1
  119. package/build/static/js/787.18cf14d0.chunk.js +0 -2
  120. package/build/static/js/787.18cf14d0.chunk.js.map +0 -1
  121. package/build/static/js/main.d71fecac.js +0 -3
  122. package/build/static/js/main.d71fecac.js.LICENSE.txt +0 -50
  123. package/build/static/js/main.d71fecac.js.map +0 -1
  124. package/build/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg +0 -1
  125. package/build/tenjinLogo.png +0 -0
  126. package/dist/common/hooks/apiHooks.js +0 -223
  127. package/dist/common/hooks/newApiHook.js +0 -270
  128. package/dist/components/Canvas.js +0 -254
  129. package/dist/components/DragBox/index.js +0 -45
  130. package/dist/components/InputWithChip/index.js +0 -187
  131. package/dist/components/WorkFlow.js +0 -47
  132. package/dist/components/WorkFlowBuilder.js +0 -130
  133. package/dist/components/alert/Style.js +0 -23
  134. package/dist/components/alert/index.js +0 -69
  135. package/dist/components/authenticationProvider/index.js +0 -166
  136. package/dist/components/avatar/styles.js +0 -94
  137. package/dist/components/breadCrumbs/index.js +0 -180
  138. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
  139. package/dist/components/button/index.js +0 -140
  140. package/dist/components/checkBox/index.js +0 -30
  141. package/dist/components/divider/index.js +0 -41
  142. package/dist/components/errorBoundary/index.js +0 -160
  143. package/dist/components/fileUploader/index.js +0 -156
  144. package/dist/components/fileUploader/style.js +0 -60
  145. package/dist/components/filter/ValueSelector.js +0 -405
  146. package/dist/components/input/index.js +0 -174
  147. package/dist/components/layout/index.js +0 -98
  148. package/dist/components/layout/main/index.js +0 -27
  149. package/dist/components/layout/main/style.js +0 -22
  150. package/dist/components/layout/sidebar/FlatMenu.js +0 -64
  151. package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -246
  152. package/dist/components/layout/sidebar/GroupedMenu.js +0 -67
  153. package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
  154. package/dist/components/layout/sidebar/index.js +0 -91
  155. package/dist/components/layout/sidebar/style.js +0 -154
  156. package/dist/components/layout/topBar/ProjectTopbar.js +0 -338
  157. package/dist/components/layout/topBar/UserAvatar.js +0 -145
  158. package/dist/components/layout/topBar/index.js +0 -132
  159. package/dist/components/menu/index.js +0 -80
  160. package/dist/components/modal/index.js +0 -91
  161. package/dist/components/modal/style.js +0 -68
  162. package/dist/components/optionMenu/index.js +0 -112
  163. package/dist/components/pagination/index.js +0 -129
  164. package/dist/components/pagination/style.js +0 -36
  165. package/dist/components/paginationUpdated/index.js +0 -75
  166. package/dist/components/paper/index.js +0 -44
  167. package/dist/components/paper/style.js +0 -34
  168. package/dist/components/reactSelect/index.js +0 -212
  169. package/dist/components/reactSelect/style.js +0 -163
  170. package/dist/components/richTextEditor/index.js +0 -83
  171. package/dist/components/select/GroupedSelect.js +0 -183
  172. package/dist/components/select/SimpleSelect.js +0 -212
  173. package/dist/components/simpleSelect/index.js +0 -56
  174. package/dist/components/switch/style.js +0 -42
  175. package/dist/components/table/ReactTable.js +0 -118
  176. package/dist/components/table/SimpleTable.js +0 -136
  177. package/dist/components/table/index.js +0 -256
  178. package/dist/components/text/index.js +0 -67
  179. package/dist/components/timeStamp/style.js +0 -23
  180. package/dist/components/topBar/index.js +0 -176
  181. package/dist/components/tree/style.js +0 -32
  182. package/dist/components/valuePicker/ValueSelector.js +0 -273
  183. package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
  184. package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
  185. package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
  186. package/dist/components/wrapperLayout/topBar/index.js +0 -182
  187. package/dist/components/wrapperLayout/topBar/style.js +0 -77
  188. package/dist/http/index.js +0 -226
  189. package/public/favicon.ico +0 -0
  190. package/public/index.html +0 -43
  191. package/public/logo192.png +0 -0
  192. package/public/logo512.png +0 -0
  193. package/public/manifest.json +0 -25
  194. package/public/robots.txt +0 -3
  195. package/public/tenjinLogo.png +0 -0
  196. /package/{dist/assets → assets}/images/MicrosoftTeams-image (1).png +0 -0
  197. /package/{dist/assets → assets}/images/tenjin-4.0-logo.png +0 -0
  198. /package/{dist/components → components}/RightContext/index.css +0 -0
  199. /package/{dist/components → components}/browsingTestCaseLayout/style.css +0 -0
  200. /package/{dist/components → components}/errorBoundary/Error.jpg +0 -0
  201. /package/{dist/components → components}/iconButton/style.js +0 -0
  202. /package/{dist/components → components}/richTextEditor/style.js +0 -0
  203. /package/{dist/components → components}/wrapperLayout/layout/style.js +0 -0
@@ -1,174 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
10
- var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
11
- var _styles = require("@mui/material/styles");
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _propTypes = _interopRequireDefault(require("prop-types"));
14
- var _text = _interopRequireDefault(require("../text"));
15
- var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay", "onChange", "restrictSpecialChars"];
16
- 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); }
17
- 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; }
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- 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); }
20
- 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; }
21
- 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; }
22
- 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; }
23
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
24
- 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); }
25
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
26
- 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."); }
27
- 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); }
28
- 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; }
29
- 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; } }
30
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
31
- 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; }
32
- 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; }
33
- var Input = function Input(_ref) {
34
- var label = _ref.label,
35
- id = _ref.id,
36
- fullWidth = _ref.fullWidth,
37
- disableAutocomplete = _ref.disableAutocomplete,
38
- startIcon = _ref.startIcon,
39
- endIcon = _ref.endIcon,
40
- size = _ref.size,
41
- error = _ref.error,
42
- errorMessage = _ref.errorMessage,
43
- isRequired = _ref.isRequired,
44
- isDisabled = _ref.isDisabled,
45
- isPastDateDisabled = _ref.isPastDateDisabled,
46
- readOnly = _ref.readOnly,
47
- helperText = _ref.helperText,
48
- autoFocus = _ref.autoFocus,
49
- onBlurDelay = _ref.onBlurDelay,
50
- onChange = _ref.onChange,
51
- _ref$restrictSpecialC = _ref.restrictSpecialChars,
52
- restrictSpecialChars = _ref$restrictSpecialC === void 0 ? false : _ref$restrictSpecialC,
53
- rest = _objectWithoutProperties(_ref, _excluded);
54
- var inputRef = (0, _react.useRef)(null);
55
- var theme = (0, _styles.useTheme)();
56
- var minDate = new Date().toISOString().split("T")[0];
57
- var _useState = (0, _react.useState)(""),
58
- _useState2 = _slicedToArray(_useState, 2),
59
- localErrorMessage = _useState2[0],
60
- setLocalErrorMessage = _useState2[1];
61
- var showError = function showError(message) {
62
- return setLocalErrorMessage(message);
63
- };
64
- var clearError = function clearError() {
65
- return setLocalErrorMessage("");
66
- };
67
- var validateRestrictiveCharacters = function validateRestrictiveCharacters(e) {
68
- // e.preventDefault();
69
- var value = e.target.value;
70
- if (!restrictSpecialChars) {
71
- onChange(e);
72
- return;
73
- }
74
- var filteredValue = value.replace(/[^a-zA-Z0-9.,@_\-() ]/g, "");
75
- if (filteredValue !== value) {
76
- showError("Only letters, numbers, and . , _ - @ ( ) are allowed.");
77
- e.target.value = filteredValue;
78
- value = filteredValue;
79
- if (inputRef.current) {
80
- inputRef.current.value = filteredValue;
81
- }
82
- if (onChange) {
83
- onChange(_objectSpread(_objectSpread({}, e), {}, {
84
- target: _objectSpread(_objectSpread({}, e.target), {}, {
85
- value: filteredValue
86
- })
87
- }));
88
- }
89
- } else {
90
- clearError();
91
- if (onChange) {
92
- onChange(_objectSpread(_objectSpread({}, e), {}, {
93
- target: _objectSpread(_objectSpread({}, e.target), {}, {
94
- value: value
95
- })
96
- }));
97
- }
98
- }
99
- };
100
- return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
101
- variant: "standard",
102
- fullWidth: fullWidth
103
- }, label && /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
104
- sx: {
105
- fontSize: "0.8rem",
106
- fontWeight: 500,
107
- paddingBottom: "0.2rem"
108
- },
109
- htmlFor: id
110
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
111
- style: {
112
- color: "red"
113
- }
114
- }, " * ") : "")), /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
115
- id: id,
116
- ref: inputRef,
117
- required: isRequired,
118
- autoComplete: disableAutocomplete ? "nothing" : null,
119
- sx: {
120
- "& input": {
121
- backgroundColor: isDisabled && "#DDDDDD",
122
- color: isDisabled && "#000000"
123
- },
124
- "& label": {
125
- fontWeight: 500
126
- },
127
- "& svg": {
128
- marginRight: startIcon ? theme.spacing(1) : 0,
129
- marginLeft: endIcon ? theme.spacing(1) : 0
130
- }
131
- },
132
- startAdornment: startIcon,
133
- endAdornment: endIcon
134
- // helperText={errorMessage || localErrorMessage}
135
- ,
136
- disabled: isDisabled,
137
- error: !!error || !!localErrorMessage,
138
- onChange: validateRestrictiveCharacters,
139
- onBlur: function onBlur(e) {
140
- setTimeout(function () {
141
- if (e && typeof rest.onBlur === "function") {
142
- rest.onBlur(e);
143
- }
144
- }, onBlurDelay || 100);
145
- },
146
- autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
147
- inputProps: _objectSpread({
148
- readOnly: readOnly ? "readOnly" : null
149
- }, isPastDateDisabled && {
150
- min: minDate
151
- })
152
- }, rest)), (error || localErrorMessage) && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
153
- sx: {
154
- color: "red"
155
- },
156
- id: "component-error-text"
157
- }, localErrorMessage || errorMessage || helperText));
158
- };
159
- Input.propTypes = {
160
- label: _propTypes.default.string,
161
- id: _propTypes.default.string,
162
- fullWidth: _propTypes.default.bool,
163
- startIcon: _propTypes.default.any,
164
- endIcon: _propTypes.default.any,
165
- disableAutocomplete: _propTypes.default.bool,
166
- size: _propTypes.default.string,
167
- isRequired: _propTypes.default.bool,
168
- isDisabled: _propTypes.default.bool,
169
- readOnly: _propTypes.default.bool,
170
- // Added readOnly prop type
171
- autoFocus: _propTypes.default.bool
172
- };
173
- var _default = Input;
174
- exports.default = _default;
@@ -1,98 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = exports.LayoutContext = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _material = require("@mui/material");
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _topBar = _interopRequireDefault(require("./topBar"));
12
- var _main = _interopRequireDefault(require("./main"));
13
- var _sidebar = _interopRequireDefault(require("./sidebar"));
14
- var _pageContent = _interopRequireDefault(require("./pageContent"));
15
- var _ProjectTopbar = _interopRequireDefault(require("./topBar/ProjectTopbar"));
16
- var _reactDnd = require("react-dnd");
17
- var _reactDndHtml5Backend = require("react-dnd-html5-backend");
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 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; }
22
- 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; }
23
- 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; }
24
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
25
- 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); }
26
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
- 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."); }
28
- 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); }
29
- 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; }
30
- 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; } }
31
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
32
- var LayoutContext = /*#__PURE__*/(0, _react.createContext)();
33
- exports.LayoutContext = LayoutContext;
34
- var Layout = function Layout(_ref) {
35
- var id = _ref.id,
36
- defaultExpand = _ref.defaultExpand,
37
- children = _ref.children;
38
- var _useState = (0, _react.useState)({
39
- windowTitle: "Tenjin Enterprise",
40
- breadcrumbs: [],
41
- sidebarPresent: true,
42
- sidebarCollapsed: defaultExpand ? false : true,
43
- selectedSidebarKey: null
44
- }),
45
- _useState2 = _slicedToArray(_useState, 2),
46
- layoutState = _useState2[0],
47
- setLayoutState = _useState2[1];
48
- var toggleSidebar = function toggleSidebar() {
49
- setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
50
- sidebarCollapsed: !layoutState.sidebarCollapsed
51
- }));
52
- };
53
- var setBreadcrumbs = function setBreadcrumbs(breadcrumbs) {
54
- setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
55
- breadcrumbs: breadcrumbs
56
- }));
57
- };
58
- var setWindowTitle = function setWindowTitle(title) {
59
- var finalWindowTitle = "".concat(title ? title + " - " : "", " Tenjin Enterprise");
60
- document.title = finalWindowTitle;
61
- };
62
- var setSelectedSidebarKey = function setSelectedSidebarKey(key) {
63
- setLayoutState(_objectSpread(_objectSpread({}, layoutState), {}, {
64
- selectedSidebarKey: key
65
- }));
66
- };
67
- return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
68
- backend: _reactDndHtml5Backend.HTML5Backend
69
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
70
- className: "tenjin-layout",
71
- id: id,
72
- sx: {
73
- width: "100%",
74
- height: "100vh"
75
- }
76
- }, /*#__PURE__*/_react.default.createElement(LayoutContext.Provider, {
77
- value: {
78
- layoutState: layoutState,
79
- toggleSidebar: toggleSidebar,
80
- setBreadcrumbs: setBreadcrumbs,
81
- setWindowTitle: setWindowTitle,
82
- setSelectedSidebarKey: setSelectedSidebarKey
83
- }
84
- }, children)));
85
- };
86
- Layout.defaultProps = {
87
- id: "wrapper"
88
- };
89
- Layout.propTypes = {
90
- id: _propTypes.default.string
91
- };
92
- Layout.TopBar = _topBar.default;
93
- Layout.Main = _main.default;
94
- Layout.Sidebar = _sidebar.default;
95
- Layout.PageContent = _pageContent.default;
96
- Layout.ProjectTopbar = _ProjectTopbar.default;
97
- var _default = Layout;
98
- exports.default = _default;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _clsx2 = _interopRequireDefault(require("clsx"));
8
- var _react = _interopRequireDefault(require("react"));
9
- var _style = _interopRequireDefault(require("./style"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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); }
12
- 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; }
13
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
14
- 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); }
15
- var Main = function Main(_ref) {
16
- var _clsx;
17
- var children = _ref.children,
18
- id = _ref.id;
19
- var classes = (0, _style.default)();
20
- return /*#__PURE__*/_react.default.createElement("div", {
21
- className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.main, true), _defineProperty(_clsx, "tenjin-main", true), _clsx)),
22
- id: id || "tenjin-main-content"
23
- }, children);
24
- };
25
- Main.propTypes = {};
26
- var _default = Main;
27
- exports.default = _default;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _styles = require("@mui/styles");
8
- var _responsiveTheme = _interopRequireDefault(require("../../../themes/responsiveTheme"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var _default = (0, _styles.makeStyles)(function () {
11
- return {
12
- main: {
13
- height: "calc(100vh - 48px)",
14
- padding: _responsiveTheme.default.spacing(0.5),
15
- backgroundColor: "#f4f7fc",
16
- maxHeight: "calc(100vh - 48px)",
17
- overflowY: "hidden",
18
- display: "flex"
19
- }
20
- };
21
- });
22
- exports.default = _default;
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _material = require("@mui/material");
8
- var _clsx4 = _interopRequireDefault(require("clsx"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _reactRouterDom = require("react-router-dom");
12
- var _ = require("..");
13
- var _style = _interopRequireDefault(require("./style"));
14
- var _text = _interopRequireDefault(require("../../text"));
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
- 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); }
19
- 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; }
20
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
21
- 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); }
22
- var FlatMenu = function FlatMenu(_ref) {
23
- var items = _ref.items;
24
- var _useContext = (0, _react.useContext)(_.LayoutContext),
25
- _useContext$layoutSta = _useContext.layoutState,
26
- collapsed = _useContext$layoutSta.sidebarCollapsed,
27
- selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
28
- setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
29
- var classes = (0, _style.default)();
30
- return items ? /*#__PURE__*/_react.default.createElement(_material.List, null, items.map(function (i, index) {
31
- var _clsx, _clsx2, _clsx3;
32
- return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
33
- key: index,
34
- title: collapsed ? i.display : null,
35
- placement: "right"
36
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
37
- disableRipple: true,
38
- disableTouchRipple: true,
39
- key: index,
40
- selected: selectedSidebarKey === i.key,
41
- className: (0, _clsx4.default)((_clsx = {}, _defineProperty(_clsx, classes.flatMenuItem, true), _defineProperty(_clsx, classes.collapsedFlatMenuItem, collapsed), _clsx))
42
- // component={i.serverSide ? "a" : Link}
43
- // href={i.href}
44
- // to={i.href}
45
- ,
46
- onClick: function onClick() {
47
- return setSelectedSidebarKey(i.key);
48
- },
49
- classes: {
50
- selected: classes.selectedFlatMenuItem
51
- }
52
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
53
- className: (0, _clsx4.default)((_clsx2 = {}, _defineProperty(_clsx2, classes.listItemText, true), _defineProperty(_clsx2, classes.flatMenuItemIcon, true), _defineProperty(_clsx2, classes.selectedFlatMenuIcon, selectedSidebarKey === i.key), _clsx2))
54
- }, i.icon), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
55
- className: (0, _clsx4.default)((_clsx3 = {}, _defineProperty(_clsx3, classes.listItemText, true), _defineProperty(_clsx3, classes.collapsedFlatMenuItemText, collapsed), _defineProperty(_clsx3, classes.selectedFlatMenuItemText, selectedSidebarKey === i.key), _clsx3)),
56
- disableTypography: true
57
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, i.display))));
58
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
59
- };
60
- FlatMenu.propTypes = {
61
- items: _propTypes.default.array.isRequired
62
- };
63
- var _default = FlatMenu;
64
- exports.default = _default;
@@ -1,246 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _clsx2 = _interopRequireDefault(require("clsx"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _reactRouterDom = require("react-router-dom");
13
- var _style = _interopRequireDefault(require("./style"));
14
- var _text = _interopRequireDefault(require("../../text"));
15
- var _ = require("..");
16
- 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); }
17
- 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; }
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- 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; }
20
- 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; }
21
- 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; }
22
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
23
- 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); }
24
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
- 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."); }
26
- 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); }
27
- 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; }
28
- 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; } }
29
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
- var GroupedIconMenu = function GroupedIconMenu(_ref) {
31
- var groups = _ref.groups,
32
- icon = _ref.icon,
33
- title = _ref.title,
34
- pointer = _ref.pointer,
35
- href = _ref.href;
36
- var classes = (0, _style.default)();
37
- var popupRef = (0, _react.useRef)(null);
38
- var navigate = (0, _reactRouterDom.useNavigate)();
39
- var _useContext = (0, _react.useContext)(_.LayoutContext),
40
- _useContext$layoutSta = _useContext.layoutState,
41
- collapsed = _useContext$layoutSta.sidebarCollapsed,
42
- selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
43
- setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
44
- var _useState = (0, _react.useState)({}),
45
- _useState2 = _slicedToArray(_useState, 2),
46
- selectedCollapsedSidebar = _useState2[0],
47
- setselectedCollapsedSidebar = _useState2[1];
48
- var _useState3 = (0, _react.useState)({
49
- index: null,
50
- open: false
51
- }),
52
- _useState4 = _slicedToArray(_useState3, 2),
53
- selectedItem = _useState4[0],
54
- setselectedItem = _useState4[1];
55
- var handleClick = function handleClick(event, index, selected) {
56
- setselectedItem(function (prev) {
57
- return _objectSpread(_objectSpread({}, prev), {}, {
58
- index: index,
59
- open: true,
60
- anchorE1: event.currentTarget,
61
- selected: selected
62
- });
63
- });
64
- };
65
- var handleClose = function handleClose() {
66
- setselectedItem(function (prev) {
67
- return _objectSpread(_objectSpread({}, prev), {}, {
68
- index: null,
69
- open: false,
70
- anchorE1: null
71
- });
72
- });
73
- };
74
- (0, _react.useEffect)(function () {
75
- function handleClickOutside(event) {
76
- if (popupRef.current && !popupRef.current.contains(event.target)) {
77
- handleClose();
78
- }
79
- }
80
- document.addEventListener("mousedown", handleClickOutside);
81
- return function () {
82
- document.removeEventListener("mousedown", handleClickOutside);
83
- };
84
- }, [popupRef]);
85
- var theme = (0, _material.useTheme)();
86
- return groups ? /*#__PURE__*/_react.default.createElement("div", {
87
- className: classes.projectMenuMainWrapper
88
- }, /*#__PURE__*/_react.default.createElement("div", null, !collapsed && /*#__PURE__*/_react.default.createElement("div", {
89
- style: {
90
- cursor: pointer && "pointer"
91
- },
92
- onClick: function onClick() {
93
- return window.location = href;
94
- }
95
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
96
- className: classes.projectMenuHeader,
97
- fontWeight: 600,
98
- variant: "caption",
99
- marginBottom: "0.5rem",
100
- marginTop: "0.5rem"
101
- }, /*#__PURE__*/_react.default.createElement("span", {
102
- style: {
103
- marginRight: "0.5rem",
104
- paddingTop: "0.2rem"
105
- }
106
- }, icon), title))), /*#__PURE__*/_react.default.createElement("div", null, groups.map(function (group, index) {
107
- var _group$items$filter$, _group$items$filter$2, _clsx, _group$groupName, _group$groupName2;
108
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
109
- key: group.groupName
110
- }, /*#__PURE__*/_react.default.createElement(_material.List, {
111
- sx: {
112
- display: "inline-block",
113
- position: "relative",
114
- width: "100%",
115
- height: "100%"
116
- },
117
- subheader: /*#__PURE__*/_react.default.createElement(_material.ListSubheader, {
118
- className: "sidebar",
119
- sx: {
120
- // padding: 0,
121
- display: "flex",
122
- fontWeight: 600,
123
- lineHeight: collapsed && 0,
124
- marginTop: !collapsed && (index == 0 ? "0rem" : "1rem"),
125
- padding: !collapsed ? "0.8rem 0rem" : 0,
126
- justifyContent: collapsed && "center",
127
- alignItems: "center"
128
- }
129
- }, collapsed ? /*#__PURE__*/_react.default.createElement("div", {
130
- className: "buttonIcon"
131
- }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
132
- key: index,
133
- title: collapsed ? group.groupName : null,
134
- placement: "right"
135
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
136
- id: "account-button",
137
- selected: (group === null || group === void 0 ? void 0 : (_group$items$filter$ = group.items.filter(function (item) {
138
- return item.key === selectedSidebarKey;
139
- })[0]) === null || _group$items$filter$ === void 0 ? void 0 : _group$items$filter$.key) === selectedSidebarKey,
140
- classes: {
141
- selected: classes.selectedProjectMenuItem
142
- },
143
- key: selectedCollapsedSidebar === null || selectedCollapsedSidebar === void 0 ? void 0 : selectedCollapsedSidebar.key,
144
- onClick: function onClick(e) {
145
- selectedItem.open ? handleClose() : handleClick(e, index, group);
146
- }
147
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
148
- disableTypography: true,
149
- className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.projectListIcon, true), _defineProperty(_clsx, "selected", {
150
- color: "#fff !important"
151
- }), _defineProperty(_clsx, classes.selectedProjectMenuItemIcon, (group === null || group === void 0 ? void 0 : (_group$items$filter$2 = group.items.filter(function (item) {
152
- return item.key === selectedSidebarKey;
153
- })[0]) === null || _group$items$filter$2 === void 0 ? void 0 : _group$items$filter$2.key) === selectedSidebarKey), _clsx))
154
- }, group.icon)))) : /*#__PURE__*/_react.default.createElement("span", {
155
- className: classes.subHeaderIcon
156
- }, group.icon), /*#__PURE__*/_react.default.createElement(_text.default, {
157
- fontSize: theme.typography.fontSize - 2,
158
- semibold: true,
159
- sx: {
160
- marginLeft: theme.spacing(1),
161
- alignItems: "center",
162
- height: "100%",
163
- display: collapsed ? "none !important" : "flex"
164
- }
165
- }, (_group$groupName = group.groupName) === null || _group$groupName === void 0 ? void 0 : _group$groupName.toUpperCase()))
166
- }, !collapsed && group.items.map(function (i) {
167
- return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
168
- disableRipple: true,
169
- disableTouchRipple: true,
170
- component: i.serverSide ? "a" : _reactRouterDom.Link,
171
- href: i.href,
172
- to: i.href,
173
- selected: i.key === selectedSidebarKey,
174
- sidebarKey: i.key,
175
- key: i.key,
176
- onClick: function onClick() {
177
- setSelectedSidebarKey(i.key);
178
- setselectedCollapsedSidebar(i);
179
- },
180
- classes: {
181
- selected: classes.selectedProjectMenuItem
182
- }
183
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
184
- semibold: true,
185
- sx: {
186
- marginLeft: theme.spacing(1)
187
- },
188
- fontSize: theme.typography.fontSize,
189
- color: i.key === selectedSidebarKey ? "#fff" : theme.palette.primary.main
190
- }, i.display));
191
- })), !collapsed && index < groups.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, {
192
- sx: {
193
- height: "initial !important"
194
- }
195
- }), selectedItem.index === index && /*#__PURE__*/_react.default.createElement("div", {
196
- ref: popupRef,
197
- className: selectedItem.open ? classes.menuItemOpen : classes.menuItem
198
- }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
199
- sx: {
200
- width: "13rem",
201
- padding: "0.7rem",
202
- // maxHeight: "14.5rem",
203
- // overflow: "auto !important",
204
- maxHeight: "14.5rem",
205
- display: "flex",
206
- flexDirection: "column"
207
- }
208
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
209
- fontWeight: "600",
210
- pl: "0.3rem",
211
- color: "#7D7D7D"
212
- }, (_group$groupName2 = group.groupName) === null || _group$groupName2 === void 0 ? void 0 : _group$groupName2.toUpperCase()), /*#__PURE__*/_react.default.createElement(_material.Box, {
213
- flex: 1,
214
- height: "0px",
215
- overflow: "auto"
216
- }, group.items.map(function (i) {
217
- return /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
218
- disableTypography: true,
219
- sx: {
220
- color: "#44409A !important",
221
- fontWeight: 600,
222
- p: "0.3rem",
223
- cursor: "pointer",
224
- fontSize: "14px !important",
225
- backgroundColor: i.key === selectedSidebarKey ? "#f5f6f7" : "none",
226
- "&:hover": {
227
- backgroundColor: "#f5f6f7"
228
- }
229
- },
230
- onClick: function onClick() {
231
- setSelectedSidebarKey(i.key);
232
- setselectedCollapsedSidebar(i);
233
- handleClose();
234
- i.serverSide ? window.location.href = i.href : navigate(i.href);
235
- }
236
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
237
- semibold: true
238
- }, i.display));
239
- })))));
240
- }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
241
- };
242
- GroupedIconMenu.propTypes = {
243
- groups: _propTypes.default.array.isRequired
244
- };
245
- var _default = GroupedIconMenu;
246
- exports.default = _default;