tenjin-ui-kit 0.3.71 → 0.3.72-dev-1
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.
- package/common/hooks/apiHooks.js +182 -114
- package/common/hooks/newApiHook.js +225 -143
- package/common/utils/security/index.js +2 -2
- package/common/utils/security/securityConfig.js +2 -1
- package/components/Canvas.js +88 -164
- package/components/DragBox/index.js +26 -21
- package/components/InputWithChip/index.js +57 -164
- package/components/RightContext/index.js +28 -19
- package/components/WorkFlow.js +23 -18
- package/components/WorkFlowBuilder.js +48 -33
- package/components/alert/Style.js +14 -11
- package/components/alert/index.js +12 -10
- package/components/attachment/index.js +28 -21
- package/components/authenticationProvider/AuthError.js +4 -3
- package/components/authenticationProvider/AuthLoader.js +4 -3
- package/components/authenticationProvider/index.js +116 -60
- package/components/avatar/index.js +14 -13
- package/components/avatar/styles.js +77 -74
- package/components/breadCrumbs/index.js +53 -42
- package/components/breadCrumbs/style.js +4 -1
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +6 -5
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +8 -5
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +5 -4
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +5 -4
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +6 -5
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +19 -16
- package/components/browsingTestCaseLayout/index.js +30 -25
- package/components/button/index.js +43 -36
- package/components/chatBotModal/index.js +45 -36
- package/components/checkBox/index.js +9 -8
- package/components/combobox/index.js +72 -51
- package/components/divider/index.js +18 -14
- package/components/editableField/index.js +28 -19
- package/components/error/index.js +12 -6
- package/components/errorBoundary/index.js +94 -74
- package/components/fileUploader/index.js +35 -30
- package/components/fileUploader/style.js +49 -46
- package/components/filter/ValueSelector.js +210 -137
- package/components/filter/index.js +39 -29
- package/components/iconButton/index.js +4 -3
- package/components/input/index.js +38 -31
- package/components/layout/index.js +31 -27
- package/components/layout/main/index.js +13 -10
- package/components/layout/main/style.js +14 -11
- package/components/layout/pageContent/index.js +7 -6
- package/components/layout/sidebar/FlatMenu.js +43 -43
- package/components/layout/sidebar/GroupedIconMenu.js +108 -95
- package/components/layout/sidebar/GroupedMenu.js +48 -38
- package/components/layout/sidebar/ProjectMenu.js +116 -109
- package/components/layout/sidebar/index.js +18 -15
- package/components/layout/sidebar/style.js +143 -138
- package/components/layout/topBar/ProjectTopbar.js +191 -90
- package/components/layout/topBar/UserAvatar.js +60 -51
- package/components/layout/topBar/index.js +33 -22
- package/components/loader/index.js +12 -9
- package/components/menu/index.js +35 -26
- package/components/modal/Modal.js +6 -5
- package/components/modal/index.js +13 -10
- package/components/modal/style.js +56 -53
- package/components/optionMenu/index.js +41 -34
- package/components/pagination/index.js +39 -24
- package/components/pagination/style.js +28 -25
- package/components/paginationUpdated/index.js +19 -16
- package/components/paper/index.js +16 -15
- package/components/paper/style.js +27 -24
- package/components/reactSelect/index.js +63 -46
- package/components/reactSelect/style.js +150 -117
- package/components/richTextEditor/index.js +44 -25
- package/components/select/GroupedSelect.js +61 -45
- package/components/select/SimpleSelect.js +82 -52
- package/components/select/index.js +54 -38
- package/components/simpleSelect/index.js +15 -12
- package/components/sort/index.js +22 -19
- package/components/switch/index.js +11 -10
- package/components/switch/style.js +32 -29
- package/components/switch/switch.js +23 -17
- package/components/table/ReactTable.js +71 -54
- package/components/table/SimpleTable.js +78 -59
- package/components/table/index.js +186 -311
- package/components/text/index.js +17 -15
- package/components/timeStamp/index.js +9 -4
- package/components/timeStamp/style.js +15 -12
- package/components/topBar/index.js +92 -85
- package/components/tree/index.js +47 -29
- package/components/tree/style.js +23 -20
- package/components/valuePicker/ValueSelector.js +138 -70
- package/components/valuePicker/index.js +26 -19
- package/components/wrapperLayout/layout/index.js +5 -4
- package/components/wrapperLayout/main/index.js +5 -4
- package/components/wrapperLayout/main/pageContainer/index.js +5 -4
- package/components/wrapperLayout/main/sideBar/index.js +110 -120
- package/components/wrapperLayout/main/sideBar/style.js +183 -177
- package/components/wrapperLayout/topBar/UserAvatar.js +5 -4
- package/components/wrapperLayout/topBar/avatar.js +12 -10
- package/components/wrapperLayout/topBar/index.js +97 -111
- package/components/wrapperLayout/topBar/menuIcon.js +5 -4
- package/components/wrapperLayout/topBar/style.js +64 -61
- package/http/index.js +184 -91
- package/index.js +55 -53
- package/package.json +4 -4
- package/templates/listPage/index.js +57 -36
- package/themes/default.js +7 -5
- package/themes/defaultSmall.js +3 -2
- package/themes/responsiveTheme.js +8 -6
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -12,45 +13,54 @@ var _material = require("@mui/material");
|
|
|
12
13
|
var _style = _interopRequireDefault(require("./style"));
|
|
13
14
|
var _default2 = _interopRequireDefault(require("../../themes/default"));
|
|
14
15
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
|
-
function _interopRequireDefault(
|
|
16
|
-
function
|
|
17
|
-
function
|
|
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(); }
|
|
18
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."); }
|
|
19
|
-
function _unsupportedIterableToArray(
|
|
20
|
-
function _arrayLikeToArray(
|
|
21
|
-
function _iterableToArrayLimit(
|
|
22
|
-
function _arrayWithHoles(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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),
|
|
26
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
29
|
page = _useState2[0],
|
|
28
30
|
setPage = _useState2[1];
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
var handlePaginationInputKeyDown = function handlePaginationInputKeyDown(e) {
|
|
32
|
+
var key = e.key;
|
|
31
33
|
if (key === "Enter") {
|
|
32
34
|
if (Number(page) > Number(props.totalPage) || Number(page) < Number(props.initialPage) || !Number(page)) {
|
|
33
35
|
window.alert("Invalid Page Number");
|
|
34
36
|
setPage(props.initialPage);
|
|
35
37
|
} else {
|
|
36
38
|
setPage(page);
|
|
37
|
-
props === null || props === void 0
|
|
39
|
+
props === null || props === void 0 ? void 0 : props.setInputPage(page);
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
};
|
|
41
|
-
|
|
43
|
+
var onPrevClick = function onPrevClick() {
|
|
42
44
|
if (props.inputPage === null) {
|
|
43
|
-
setPage(
|
|
45
|
+
setPage(function (prev) {
|
|
46
|
+
return prev - 1;
|
|
47
|
+
});
|
|
44
48
|
} else {
|
|
45
|
-
setPage(
|
|
49
|
+
setPage(function (prev) {
|
|
50
|
+
return Number(props.inputPage) - 1;
|
|
51
|
+
});
|
|
46
52
|
props.setInputPage(null);
|
|
47
53
|
}
|
|
48
54
|
};
|
|
49
|
-
|
|
55
|
+
var onNextClick = function onNextClick() {
|
|
50
56
|
if (props.inputPage === null) {
|
|
51
|
-
setPage(
|
|
57
|
+
setPage(function (prev) {
|
|
58
|
+
return prev + 1;
|
|
59
|
+
});
|
|
52
60
|
} else {
|
|
53
|
-
setPage(
|
|
61
|
+
setPage(function (prev) {
|
|
62
|
+
return Number(props.inputPage) + 1;
|
|
63
|
+
});
|
|
54
64
|
props.setInputPage(null);
|
|
55
65
|
}
|
|
56
66
|
};
|
|
@@ -67,7 +77,9 @@ const Pagination = props => {
|
|
|
67
77
|
display: "flex",
|
|
68
78
|
alignItems: "center"
|
|
69
79
|
},
|
|
70
|
-
onClick:
|
|
80
|
+
onClick: function onClick() {
|
|
81
|
+
return page > props.initialPage ? onPrevClick() : "";
|
|
82
|
+
},
|
|
71
83
|
disabled: page === props.initialPage ? true : false,
|
|
72
84
|
title: "Previous"
|
|
73
85
|
})
|
|
@@ -82,7 +94,7 @@ const Pagination = props => {
|
|
|
82
94
|
type: "text",
|
|
83
95
|
value: page,
|
|
84
96
|
className: classes.pageNumberInput,
|
|
85
|
-
onChange: e
|
|
97
|
+
onChange: function onChange(e) {
|
|
86
98
|
setPage(e.target.value);
|
|
87
99
|
},
|
|
88
100
|
onKeyDown: handlePaginationInputKeyDown
|
|
@@ -97,13 +109,15 @@ const Pagination = props => {
|
|
|
97
109
|
display: "flex",
|
|
98
110
|
alignItems: "center"
|
|
99
111
|
},
|
|
100
|
-
onClick: ()
|
|
112
|
+
onClick: function onClick() {
|
|
113
|
+
return page < props.totalPage && onNextClick();
|
|
114
|
+
},
|
|
101
115
|
disabled: page === props.totalPage ? true : false,
|
|
102
116
|
title: "Next"
|
|
103
117
|
})
|
|
104
118
|
}))));
|
|
105
119
|
};
|
|
106
|
-
|
|
120
|
+
var PaginationButton = function PaginationButton(icon) {
|
|
107
121
|
return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
|
|
108
122
|
disabled: icon.icon.props.disabled,
|
|
109
123
|
onClick: icon.onClick,
|
|
@@ -111,4 +125,5 @@ const PaginationButton = icon => {
|
|
|
111
125
|
title: icon.icon.props.title
|
|
112
126
|
});
|
|
113
127
|
};
|
|
114
|
-
var _default =
|
|
128
|
+
var _default = Pagination;
|
|
129
|
+
exports.default = _default;
|
|
@@ -6,28 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styles = require("@mui/styles");
|
|
8
8
|
var _default2 = _interopRequireDefault(require("../../themes/default"));
|
|
9
|
-
function _interopRequireDefault(
|
|
10
|
-
var _default =
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
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,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -7,29 +8,31 @@ exports.default = Pagination;
|
|
|
7
8
|
var React = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
|
|
9
10
|
var _material = require("@mui/material");
|
|
10
|
-
function _interopRequireDefault(
|
|
11
|
-
function
|
|
12
|
-
function
|
|
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(); }
|
|
13
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."); }
|
|
14
|
-
function _unsupportedIterableToArray(
|
|
15
|
-
function _arrayLikeToArray(
|
|
16
|
-
function _iterableToArrayLimit(
|
|
17
|
-
function _arrayWithHoles(
|
|
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; }
|
|
18
20
|
function Pagination(_ref) {
|
|
19
|
-
|
|
21
|
+
var page = _ref.page,
|
|
20
22
|
setPage = _ref.setPage,
|
|
21
23
|
rowsPerPage = _ref.rowsPerPage,
|
|
22
24
|
setRowsPerPage = _ref.setRowsPerPage,
|
|
23
|
-
totalPage = _ref.totalPage
|
|
24
|
-
|
|
25
|
+
totalPage = _ref.totalPage,
|
|
26
|
+
ofLabel = _ref.ofLabel;
|
|
27
|
+
var _React$useState = React.useState(false),
|
|
25
28
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
26
29
|
negativeState = _React$useState2[0],
|
|
27
30
|
setNegativeState = _React$useState2[1];
|
|
28
|
-
|
|
31
|
+
var handleChangePage = function handleChangePage(event, newPage) {
|
|
29
32
|
setPage(newPage);
|
|
30
33
|
setNegativeState(false);
|
|
31
34
|
};
|
|
32
|
-
|
|
35
|
+
var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
|
|
33
36
|
setRowsPerPage(parseInt(event.target.value, 10));
|
|
34
37
|
setPage(0);
|
|
35
38
|
};
|
|
@@ -44,13 +47,13 @@ function Pagination(_ref) {
|
|
|
44
47
|
onPageChange: handleChangePage,
|
|
45
48
|
rowsPerPage: rowsPerPage,
|
|
46
49
|
onRowsPerPageChange: handleChangeRowsPerPage,
|
|
47
|
-
labelDisplayedRows: _ref2
|
|
48
|
-
|
|
50
|
+
labelDisplayedRows: function labelDisplayedRows(_ref2) {
|
|
51
|
+
var from = _ref2.from,
|
|
49
52
|
to = _ref2.to,
|
|
50
53
|
count = _ref2.count;
|
|
51
54
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
|
|
52
55
|
value: negativeState ? "" : page + 1,
|
|
53
|
-
onChange: e
|
|
56
|
+
onChange: function onChange(e) {
|
|
54
57
|
if (/^\d*$/.test(e.target.value) && !(Number(e.target.value) > Math.ceil(totalPage / rowsPerPage))) {
|
|
55
58
|
if (Number(e.target.value) == 0) {
|
|
56
59
|
setNegativeState(true);
|
|
@@ -67,7 +70,7 @@ function Pagination(_ref) {
|
|
|
67
70
|
backgroundColor: "transparent",
|
|
68
71
|
margin: "0 8px"
|
|
69
72
|
}
|
|
70
|
-
}), " ", "of ", Math.ceil(totalPage / rowsPerPage));
|
|
73
|
+
}), " ", ofLabel || "of", " ", Math.ceil(totalPage / rowsPerPage));
|
|
71
74
|
}
|
|
72
75
|
}));
|
|
73
76
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -7,29 +8,28 @@ exports.default = void 0;
|
|
|
7
8
|
var _material = require("@mui/material");
|
|
8
9
|
var _loader = _interopRequireDefault(require("../loader"));
|
|
9
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var
|
|
11
|
+
var _clsx2 = _interopRequireDefault(require("clsx"));
|
|
11
12
|
var _react = _interopRequireDefault(require("react"));
|
|
12
13
|
var _style = _interopRequireDefault(require("./style"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
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,
|
|
19
24
|
sx = _ref.sx,
|
|
20
25
|
children = _ref.children,
|
|
21
26
|
loading = _ref.loading,
|
|
22
27
|
fullHeight = _ref.fullHeight,
|
|
23
28
|
position = _ref.position,
|
|
24
29
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
|
|
30
|
+
var classes = (0, _style.default)();
|
|
26
31
|
return /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
27
|
-
className: (0,
|
|
28
|
-
[classes.paper]: true,
|
|
29
|
-
[classes.fullHeight]: fullHeight,
|
|
30
|
-
[className]: true,
|
|
31
|
-
[classes[position]]: true
|
|
32
|
-
}),
|
|
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
33
|
sx: sx
|
|
34
34
|
}, loading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : children);
|
|
35
35
|
};
|
|
@@ -40,4 +40,5 @@ Paper.propTypes = {
|
|
|
40
40
|
Paper.defaultProps = {
|
|
41
41
|
position: "static"
|
|
42
42
|
};
|
|
43
|
-
var _default =
|
|
43
|
+
var _default = Paper;
|
|
44
|
+
exports.default = _default;
|
|
@@ -5,27 +5,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styles = require("@mui/styles");
|
|
8
|
-
var _default =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
8
|
+
var _default = (0, _styles.makeStyles)(function (theme) {
|
|
9
|
+
return {
|
|
10
|
+
paper: {
|
|
11
|
+
border: "1px solid #D6D9E0",
|
|
12
|
+
boxShadow: "0px 3px 10px #667CBC1A"
|
|
13
|
+
},
|
|
14
|
+
fullHeight: {
|
|
15
|
+
height: "100%"
|
|
16
|
+
},
|
|
17
|
+
relative: {
|
|
18
|
+
position: "relative"
|
|
19
|
+
},
|
|
20
|
+
fixed: {
|
|
21
|
+
position: "fixed"
|
|
22
|
+
},
|
|
23
|
+
static: {
|
|
24
|
+
position: "static"
|
|
25
|
+
},
|
|
26
|
+
sticky: {
|
|
27
|
+
position: "sticky"
|
|
28
|
+
},
|
|
29
|
+
absolute: {
|
|
30
|
+
position: "absolute"
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
});
|
|
34
|
+
exports.default = _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -10,29 +11,30 @@ var _reactSelect = _interopRequireWildcard(require("react-select"));
|
|
|
10
11
|
var _material = require("@mui/material");
|
|
11
12
|
var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
|
|
12
13
|
var _style = require("./style");
|
|
13
|
-
|
|
14
|
+
var _excluded = ["getStyles", "Icon", "isDisabled", "isFocused", "isSelected", "children", "innerProps", "isCheckBox"],
|
|
14
15
|
_excluded2 = ["options", "value", "label", "defaultValue", "isMulti", "isDisabled", "placeholder", "className", "isRequired", "simulateNativeSelect", "onChange", "theme", "error", "helperText", "isBlueTheme", "isLoading", "isCheckBox"];
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
function
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function
|
|
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(); }
|
|
24
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."); }
|
|
25
|
-
function _unsupportedIterableToArray(
|
|
26
|
-
function _arrayLikeToArray(
|
|
27
|
-
function _iterableToArrayLimit(
|
|
28
|
-
function _arrayWithHoles(
|
|
29
|
-
function _objectWithoutProperties(
|
|
30
|
-
function _objectWithoutPropertiesLoose(
|
|
31
|
-
|
|
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 DropdownIndicator = function DropdownIndicator(props) {
|
|
32
34
|
return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null));
|
|
33
35
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
var InputOption = function InputOption(_ref) {
|
|
37
|
+
var getStyles = _ref.getStyles,
|
|
36
38
|
Icon = _ref.Icon,
|
|
37
39
|
isDisabled = _ref.isDisabled,
|
|
38
40
|
isFocused = _ref.isFocused,
|
|
@@ -41,19 +43,25 @@ const InputOption = _ref => {
|
|
|
41
43
|
innerProps = _ref.innerProps,
|
|
42
44
|
isCheckBox = _ref.isCheckBox,
|
|
43
45
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
-
|
|
46
|
+
var _React$useState = _react.default.useState(false),
|
|
45
47
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
46
48
|
isActive = _React$useState2[0],
|
|
47
49
|
setIsActive = _React$useState2[1];
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
var onMouseDown = function onMouseDown() {
|
|
51
|
+
return setIsActive(true);
|
|
52
|
+
};
|
|
53
|
+
var onMouseUp = function onMouseUp() {
|
|
54
|
+
return setIsActive(false);
|
|
55
|
+
};
|
|
56
|
+
var onMouseLeave = function onMouseLeave() {
|
|
57
|
+
return setIsActive(false);
|
|
58
|
+
};
|
|
51
59
|
|
|
52
60
|
// styles
|
|
53
|
-
|
|
61
|
+
var bg = "transparent";
|
|
54
62
|
if (isFocused) bg = "#eee";
|
|
55
63
|
if (isActive) bg = "#B2D4FF";
|
|
56
|
-
|
|
64
|
+
var style = {
|
|
57
65
|
alignItems: "center",
|
|
58
66
|
backgroundColor: bg,
|
|
59
67
|
color: "inherit",
|
|
@@ -61,11 +69,11 @@ const InputOption = _ref => {
|
|
|
61
69
|
};
|
|
62
70
|
|
|
63
71
|
// prop assignment
|
|
64
|
-
|
|
65
|
-
onMouseDown,
|
|
66
|
-
onMouseUp,
|
|
67
|
-
onMouseLeave,
|
|
68
|
-
style
|
|
72
|
+
var props = _objectSpread(_objectSpread({}, innerProps), {}, {
|
|
73
|
+
onMouseDown: onMouseDown,
|
|
74
|
+
onMouseUp: onMouseUp,
|
|
75
|
+
onMouseLeave: onMouseLeave,
|
|
76
|
+
style: style
|
|
69
77
|
});
|
|
70
78
|
return /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, _extends({}, rest, {
|
|
71
79
|
isDisabled: isDisabled,
|
|
@@ -78,8 +86,8 @@ const InputOption = _ref => {
|
|
|
78
86
|
checked: isSelected
|
|
79
87
|
}), children);
|
|
80
88
|
};
|
|
81
|
-
|
|
82
|
-
|
|
89
|
+
var ReactSelect = function ReactSelect(_ref2) {
|
|
90
|
+
var options = _ref2.options,
|
|
83
91
|
value = _ref2.value,
|
|
84
92
|
label = _ref2.label,
|
|
85
93
|
defaultValue = _ref2.defaultValue,
|
|
@@ -97,22 +105,24 @@ const ReactSelect = _ref2 => {
|
|
|
97
105
|
isLoading = _ref2.isLoading,
|
|
98
106
|
isCheckBox = _ref2.isCheckBox,
|
|
99
107
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
100
|
-
|
|
108
|
+
var classes = (0, _style.useStyles)({
|
|
101
109
|
colorTheme: isBlueTheme
|
|
102
110
|
});
|
|
103
|
-
|
|
111
|
+
var handleSelectChange = function handleSelectChange(value) {
|
|
104
112
|
if (simulateNativeSelect) {
|
|
105
113
|
onChange(value.value);
|
|
106
114
|
} else {
|
|
107
115
|
onChange(value);
|
|
108
116
|
}
|
|
109
117
|
};
|
|
110
|
-
|
|
118
|
+
var handleChange = function handleChange(options) {
|
|
111
119
|
if (Array.isArray(options)) {
|
|
112
|
-
setSelectedOptions(options.map(
|
|
120
|
+
setSelectedOptions(options.map(function (opt) {
|
|
121
|
+
return opt.value;
|
|
122
|
+
}));
|
|
113
123
|
}
|
|
114
124
|
};
|
|
115
|
-
|
|
125
|
+
var _React$useState3 = _react.default.useState([]),
|
|
116
126
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
117
127
|
selectedOptions = _React$useState4[0],
|
|
118
128
|
setSelectedOptions = _React$useState4[1];
|
|
@@ -129,36 +139,42 @@ const ReactSelect = _ref2 => {
|
|
|
129
139
|
defaultValue: defaultValue && defaultValue.length > 0 ? defaultValue : "",
|
|
130
140
|
styles: (0, _style.getCustomStyles)({
|
|
131
141
|
colorTheme: isBlueTheme,
|
|
132
|
-
error
|
|
142
|
+
error: error
|
|
133
143
|
}),
|
|
134
144
|
isDisabled: isDisabled,
|
|
135
145
|
placeholder: placeholder,
|
|
136
146
|
components: isCheckBox ? {
|
|
137
|
-
DropdownIndicator,
|
|
147
|
+
DropdownIndicator: DropdownIndicator,
|
|
138
148
|
Option: InputOption
|
|
139
149
|
} : {
|
|
140
|
-
DropdownIndicator
|
|
150
|
+
DropdownIndicator: DropdownIndicator
|
|
141
151
|
},
|
|
142
152
|
isLoading: isLoading
|
|
143
153
|
/////isCheckBox
|
|
144
154
|
,
|
|
145
155
|
closeMenuOnSelect: !isCheckBox ? true : false,
|
|
146
156
|
hideSelectedOptions: !isCheckBox ? true : false,
|
|
147
|
-
onChange:
|
|
157
|
+
onChange: function onChange(options) {
|
|
158
|
+
return isCheckBox && handleChange(options);
|
|
159
|
+
}
|
|
148
160
|
}, rest))) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({
|
|
149
161
|
options: options,
|
|
150
162
|
styles: (0, _style.getCustomStyles)({
|
|
151
163
|
colorTheme: isBlueTheme,
|
|
152
|
-
error
|
|
164
|
+
error: error
|
|
153
165
|
}),
|
|
154
166
|
onChange: handleSelectChange,
|
|
155
|
-
defaultValue: options.filter(
|
|
156
|
-
|
|
167
|
+
defaultValue: options.filter(function (option) {
|
|
168
|
+
return option.value === defaultValue;
|
|
169
|
+
}),
|
|
170
|
+
value: options.filter(function (option) {
|
|
171
|
+
return option.value === value;
|
|
172
|
+
}),
|
|
157
173
|
isMulti: isMulti,
|
|
158
174
|
isDisabled: isDisabled,
|
|
159
175
|
placeholder: placeholder,
|
|
160
176
|
components: {
|
|
161
|
-
DropdownIndicator
|
|
177
|
+
DropdownIndicator: DropdownIndicator
|
|
162
178
|
},
|
|
163
179
|
isLoading: isLoading
|
|
164
180
|
}, rest))), helperText && /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
@@ -192,4 +208,5 @@ ReactSelect.defaultProps = {
|
|
|
192
208
|
isRequired: false,
|
|
193
209
|
simulateNativeSelect: true
|
|
194
210
|
};
|
|
195
|
-
var _default =
|
|
211
|
+
var _default = ReactSelect;
|
|
212
|
+
exports.default = _default;
|