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,80 +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 _react = _interopRequireWildcard(require("react"));
9
- var _material = require("@mui/material");
10
- var _text = _interopRequireDefault(require("../text"));
11
- var _reactRouterDom = require("react-router-dom");
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
- 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) {
38
- setMenuOpen(true);
39
- setAnchorEl(event.currentTarget);
40
- };
41
- var handleMenuItemClick = function handleMenuItemClick(event, data) {
42
- event.preventDefault();
43
- if (data !== undefined) {
44
- navigate(data);
45
- }
46
- setMenuOpen(false);
47
- setAnchorEl(null);
48
- };
49
- var handleClose = function handleClose(event, data) {
50
- setMenuOpen(false);
51
- };
52
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
53
- onClick: handleClick
54
- }, "Open Menu"), /*#__PURE__*/_react.default.createElement(_material.Menu, {
55
- anchorEl: anchorEl,
56
- open: menuOpen,
57
- onClose: handleClose,
58
- sx: {
59
- minWidth: "200px",
60
- maxHeight: "220px"
61
- }
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
- })));
75
- };
76
- Menu.propTypes = {
77
- items: _propTypes.default.array.isRequired
78
- };
79
- var _default = Menu;
80
- exports.default = _default;
@@ -1,91 +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 React = _interopRequireWildcard(require("react"));
9
- var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
10
- var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
11
- var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
- var _material = require("@mui/material");
14
- var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
15
- var _text = _interopRequireDefault(require("../text"));
16
- 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)();
34
- return /*#__PURE__*/React.createElement(_Dialog.default, _extends({
35
- sx: {
36
- "& .MuiDialogTitle-root": {
37
- padding: "3px !important"
38
- },
39
- "& .MuiDialog-paper": {
40
- maxWidth: width === "xs" ? "20%" : width === "sm" ? "30%" : width === "md" ? "50%" : width === "lg" ? "70%" : width === "xl" ? "95%" : width,
41
- width: width === "xs" ? "20%" : width === "sm" ? "30%" : width === "md" ? "50%" : width === "lg" ? "70%" : width === "xl" ? "95%" : width,
42
- margin: "auto auto",
43
- maxHeight: "null !important"
44
- }
45
- },
46
- open: open,
47
- onClose: onClose,
48
- className: classes.modalHeader
49
- }, rest), /*#__PURE__*/React.createElement(_DialogTitle.default, null, /*#__PURE__*/React.createElement(_material.Grid, {
50
- container: true,
51
- alignContent: "center"
52
- }, /*#__PURE__*/React.createElement(_material.Grid, {
53
- item: true,
54
- xs: 8
55
- }, /*#__PURE__*/React.createElement(_text.default, {
56
- sx: {
57
- fontSize: "17px",
58
- paddingLeft: "1.2rem",
59
- fontWeight: 500
60
- }
61
- }, title)), /*#__PURE__*/React.createElement(_material.Grid, {
62
- item: true,
63
- xs: 4,
64
- container: true,
65
- justifyContent: "flex-end",
66
- alignSelf: "center"
67
- }, /*#__PURE__*/React.createElement(_Close.default, {
68
- sx: {
69
- cursor: "pointer",
70
- fontSize: 15,
71
- marginRight: "0.5rem"
72
- },
73
- onClick: handleClose
74
- })))), /*#__PURE__*/React.createElement(_DialogContent.default, {
75
- dividers: true
76
- }, children));
77
- };
78
- Modal.propTypes = {
79
- open: _propTypes.default.bool,
80
- title: _propTypes.default.string,
81
- onClose: _propTypes.default.func,
82
- handleClose: _propTypes.default.func,
83
- width: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl"])
84
- };
85
- Modal.defaultProps = {
86
- width: "md",
87
- title: "Modal Title",
88
- fullWidth: false
89
- };
90
- var _default = Modal;
91
- exports.default = _default;
@@ -1,68 +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 _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"
22
- },
23
- default: {
24
- width: "400px",
25
- left: "calc(50% - 400px / 2)"
26
- },
27
- large: {
28
- width: "600px",
29
- left: "calc(50% - 600px / 2)"
30
- },
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
- }
65
- }
66
- };
67
- });
68
- exports.default = _default;
@@ -1,112 +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 _react = _interopRequireWildcard(require("react"));
9
- var _material = require("@mui/material");
10
- var _fi = require("react-icons/fi");
11
- var _text = _interopRequireDefault(require("../text"));
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- 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); }
14
- 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; }
15
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
- 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."); }
17
- 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); }
18
- 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; }
19
- 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; } }
20
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
- var ITEM_HEIGHT = 500;
22
-
23
- /**
24
- *
25
- * @param {{
26
- * options: Array<{
27
- * name: String | Number,
28
- * displayName: String,
29
- * onClick: (name: String | Number, optionId: String | Number) => void,
30
- * visibility?: boolean,
31
- * divider?: boolean
32
- * }>,
33
- * optionId?: String | Number,
34
- * }} props
35
- * @description
36
- * options: provide this object in an array for options
37
- * {
38
- * name, displayName , onClick, visibility, divider
39
- * }
40
- * name: name for Menuoption it will act like ID
41
- * displayname: To display name
42
- * onClick: Accepts a callbac function, this function will provide name in parameter
43
- * visibility: (optional) if set to false, the option will be disabled
44
- * divider: (optional) if set to true, a divider line will be displayed after the MenuItem
45
- *
46
- * optionId: Provide an option ID to get it as 2nd parameter of callback function
47
- * @returns An option component
48
- */
49
-
50
- var OptionMenu = function OptionMenu(_ref) {
51
- var options = _ref.options,
52
- _ref$optionId = _ref.optionId,
53
- optionId = _ref$optionId === void 0 ? null : _ref$optionId;
54
- var _React$useState = _react.default.useState(null),
55
- _React$useState2 = _slicedToArray(_React$useState, 2),
56
- anchorEl = _React$useState2[0],
57
- setAnchorEl = _React$useState2[1];
58
- var open = Boolean(anchorEl);
59
- var handleClick = function handleClick(event) {
60
- setAnchorEl(event.currentTarget);
61
- };
62
- var handleClose = function handleClose() {
63
- setAnchorEl(null);
64
- };
65
- var handleMenuItemClick = function handleMenuItemClick(callback) {
66
- handleClose();
67
- callback();
68
- };
69
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
70
- "aria-label": "more",
71
- "aria-controls": "long-menu",
72
- "aria-haspopup": "true",
73
- onClick: handleClick
74
- }, /*#__PURE__*/_react.default.createElement(_fi.FiMoreHorizontal, {
75
- color: "#44409A"
76
- })), /*#__PURE__*/_react.default.createElement(_material.Menu, {
77
- id: "long-menu",
78
- anchorEl: anchorEl,
79
- keepMounted: true,
80
- open: open,
81
- onClose: handleClose,
82
- PaperProps: {
83
- style: {
84
- maxHeight: ITEM_HEIGHT * 4.5,
85
- width: "27ch"
86
- }
87
- }
88
- }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
89
- return /*#__PURE__*/_react.default.createElement("div", {
90
- key: option.name
91
- }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
92
- disabled: option.visibility === false,
93
- onClick: function onClick() {
94
- handleMenuItemClick(function () {
95
- return option === null || option === void 0 ? void 0 : option.onClick(option.name, optionId);
96
- });
97
- }
98
- }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
99
- container: true,
100
- alignItems: "center"
101
- }, /*#__PURE__*/_react.default.createElement("div", null, option.icon && /*#__PURE__*/_react.default.createElement(_material.Box, {
102
- mr: 1
103
- }, option.icon)), /*#__PURE__*/_react.default.createElement(_text.default, {
104
- style: {
105
- display: "flex",
106
- flexWrap: "wrap"
107
- }
108
- }, option === null || option === void 0 ? void 0 : option.displayName))), option.divider && index < options.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null));
109
- }))));
110
- };
111
- var _default = OptionMenu;
112
- exports.default = _default;
@@ -1,129 +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 _react = _interopRequireWildcard(require("react"));
9
- var _iconButton = _interopRequireDefault(require("../iconButton"));
10
- var _ArrowLeft = _interopRequireDefault(require("@mui/icons-material/ArrowLeft"));
11
- var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
12
- var _material = require("@mui/material");
13
- var _style = _interopRequireDefault(require("./style"));
14
- var _default2 = _interopRequireDefault(require("../../themes/default"));
15
- 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 Pagination = function Pagination(props) {
26
- var classes = (0, _style.default)();
27
- var _useState = (0, _react.useState)(props.initialPage),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- page = _useState2[0],
30
- setPage = _useState2[1];
31
- var handlePaginationInputKeyDown = function handlePaginationInputKeyDown(e) {
32
- var key = e.key;
33
- if (key === "Enter") {
34
- if (Number(page) > Number(props.totalPage) || Number(page) < Number(props.initialPage) || !Number(page)) {
35
- window.alert("Invalid Page Number");
36
- setPage(props.initialPage);
37
- } else {
38
- setPage(page);
39
- props === null || props === void 0 ? void 0 : props.setInputPage(page);
40
- }
41
- }
42
- };
43
- var onPrevClick = function onPrevClick() {
44
- if (props.inputPage === null) {
45
- setPage(function (prev) {
46
- return prev - 1;
47
- });
48
- } else {
49
- setPage(function (prev) {
50
- return Number(props.inputPage) - 1;
51
- });
52
- props.setInputPage(null);
53
- }
54
- };
55
- var onNextClick = function onNextClick() {
56
- if (props.inputPage === null) {
57
- setPage(function (prev) {
58
- return prev + 1;
59
- });
60
- } else {
61
- setPage(function (prev) {
62
- return Number(props.inputPage) + 1;
63
- });
64
- props.setInputPage(null);
65
- }
66
- };
67
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
68
- style: {
69
- display: "flex",
70
- flexDirection: "row",
71
- justifyContent: "space-evenly",
72
- width: "30%"
73
- }
74
- }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(PaginationButton, {
75
- icon: /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, {
76
- style: {
77
- display: "flex",
78
- alignItems: "center"
79
- },
80
- onClick: function onClick() {
81
- return page > props.initialPage ? onPrevClick() : "";
82
- },
83
- disabled: page === props.initialPage ? true : false,
84
- title: "Previous"
85
- })
86
- })), /*#__PURE__*/_react.default.createElement("div", {
87
- className: classes.paginationContent
88
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
89
- component: "span",
90
- variant: "body2"
91
- // className={classes.paginationText}
92
- // style={{ fontSize: theme.typography.fontSize - 1, fontWeight: 500 }}
93
- }, "Page"), /*#__PURE__*/_react.default.createElement("input", {
94
- type: "text",
95
- value: page,
96
- className: classes.pageNumberInput,
97
- onChange: function onChange(e) {
98
- setPage(e.target.value);
99
- },
100
- onKeyDown: handlePaginationInputKeyDown
101
- }), /*#__PURE__*/_react.default.createElement(_text.default, {
102
- component: "span",
103
- variant: "body2"
104
- // className={classes.paginationText}
105
- // style={{ fontSize: theme.typography.fontSize - 1, fontWeight: 500 }}
106
- }, "of ", props.totalPage)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(PaginationButton, {
107
- icon: /*#__PURE__*/_react.default.createElement(_ArrowRight.default, {
108
- style: {
109
- display: "flex",
110
- alignItems: "center"
111
- },
112
- onClick: function onClick() {
113
- return page < props.totalPage && onNextClick();
114
- },
115
- disabled: page === props.totalPage ? true : false,
116
- title: "Next"
117
- })
118
- }))));
119
- };
120
- var PaginationButton = function PaginationButton(icon) {
121
- return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
122
- disabled: icon.icon.props.disabled,
123
- onClick: icon.onClick,
124
- icon: icon.icon,
125
- title: icon.icon.props.title
126
- });
127
- };
128
- var _default = Pagination;
129
- exports.default = _default;
@@ -1,36 +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 _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
- paginationText: {
13
- fontWeight: 500,
14
- fontSize: _default2.default.typography.fontSize - 2
15
- },
16
- paginationContent: {
17
- display: "flex",
18
- margin: "0px 1rem",
19
- alignItems: "center",
20
- justifyContent: "space-evenly"
21
- },
22
- pageNumberInput: {
23
- width: "40px",
24
- border: "1px solid #ccc",
25
- borderRadius: "3px",
26
- margin: "2px 0.5rem 2px 0.5rem",
27
- // top: "1px",
28
- position: "relative",
29
- fontFamily: _default2.default.typography.fontFamily,
30
- textAlign: "center",
31
- fontSize: _default2.default.typography.fontSize - 2,
32
- fontWeight: 500
33
- }
34
- };
35
- });
36
- exports.default = _default;
@@ -1,75 +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 = Pagination;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
10
- var _material = require("@mui/material");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
- 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."); }
16
- 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); }
17
- 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; }
18
- 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; } }
19
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
- function Pagination(_ref) {
21
- var page = _ref.page,
22
- setPage = _ref.setPage,
23
- rowsPerPage = _ref.rowsPerPage,
24
- setRowsPerPage = _ref.setRowsPerPage,
25
- totalPage = _ref.totalPage;
26
- var _React$useState = React.useState(false),
27
- _React$useState2 = _slicedToArray(_React$useState, 2),
28
- negativeState = _React$useState2[0],
29
- setNegativeState = _React$useState2[1];
30
- var handleChangePage = function handleChangePage(event, newPage) {
31
- setPage(newPage);
32
- setNegativeState(false);
33
- };
34
- var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
35
- setRowsPerPage(parseInt(event.target.value, 10));
36
- setPage(0);
37
- };
38
- return /*#__PURE__*/React.createElement(_material.Box, {
39
- display: "flex",
40
- justifyContent: "flex-end",
41
- alignItems: "center"
42
- }, /*#__PURE__*/React.createElement(_TablePagination.default, {
43
- component: "div",
44
- count: totalPage,
45
- page: page,
46
- onPageChange: handleChangePage,
47
- rowsPerPage: rowsPerPage,
48
- onRowsPerPageChange: handleChangeRowsPerPage,
49
- labelDisplayedRows: function labelDisplayedRows(_ref2) {
50
- var from = _ref2.from,
51
- to = _ref2.to,
52
- count = _ref2.count;
53
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
54
- value: negativeState ? "" : page + 1,
55
- onChange: function onChange(e) {
56
- if (/^\d*$/.test(e.target.value) && !(Number(e.target.value) > Math.ceil(totalPage / rowsPerPage))) {
57
- if (Number(e.target.value) == 0) {
58
- setNegativeState(true);
59
- } else {
60
- setNegativeState(false);
61
- setPage(Number(e.target.value) - 1);
62
- }
63
- }
64
- },
65
- style: {
66
- width: "40px",
67
- textAlign: "center",
68
- borderRadius: "6px",
69
- backgroundColor: "transparent",
70
- margin: "0 8px"
71
- }
72
- }), " ", "of ", Math.ceil(totalPage / rowsPerPage));
73
- }
74
- }));
75
- }
@@ -1,44 +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 _loader = _interopRequireDefault(require("../loader"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _clsx2 = _interopRequireDefault(require("clsx"));
12
- var _react = _interopRequireDefault(require("react"));
13
- var _style = _interopRequireDefault(require("./style"));
14
- var _excluded = ["className", "sx", "children", "loading", "fullHeight", "position"];
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- 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); }
19
- 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; }
20
- 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; }
21
- var Paper = function Paper(_ref) {
22
- var _clsx;
23
- var className = _ref.className,
24
- sx = _ref.sx,
25
- children = _ref.children,
26
- loading = _ref.loading,
27
- fullHeight = _ref.fullHeight,
28
- position = _ref.position,
29
- rest = _objectWithoutProperties(_ref, _excluded);
30
- var classes = (0, _style.default)();
31
- return /*#__PURE__*/_react.default.createElement(_material.Paper, {
32
- className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.paper, true), _defineProperty(_clsx, classes.fullHeight, fullHeight), _defineProperty(_clsx, className, true), _defineProperty(_clsx, classes[position], true), _clsx)),
33
- sx: sx
34
- }, loading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : children);
35
- };
36
- Paper.propTypes = {
37
- loading: _propTypes.default.bool,
38
- position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute", "sticky"])
39
- };
40
- Paper.defaultProps = {
41
- position: "static"
42
- };
43
- var _default = Paper;
44
- exports.default = _default;