tenjin-ui-kit 0.3.72 → 0.3.73
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 +14 -54
- package/common/hooks/newApiHook.js +32 -81
- package/components/Canvas.js +27 -32
- package/components/DragBox/index.js +16 -21
- package/components/InputWithChip/index.js +31 -43
- package/components/RightContext/index.js +6 -21
- package/components/WorkFlow.js +16 -21
- package/components/WorkFlowBuilder.js +22 -31
- package/components/alert/index.js +3 -7
- package/components/attachment/index.js +6 -4
- package/components/authenticationProvider/index.js +11 -27
- package/components/avatar/index.js +12 -10
- package/components/avatar/styles.js +4 -2
- package/components/breadCrumbs/index.js +39 -53
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +3 -1
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +4 -2
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +5 -3
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +4 -2
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +1 -1
- package/components/browsingTestCaseLayout/index.js +14 -25
- package/components/button/index.js +26 -30
- package/components/chatBotModal/index.js +16 -28
- package/components/checkBox/index.js +4 -5
- package/components/combobox/index.js +37 -50
- package/components/divider/index.js +3 -8
- package/components/editableField/index.js +8 -26
- package/components/errorBoundary/index.js +7 -11
- package/components/fileUploader/index.js +28 -35
- package/components/fileUploader/style.js +1 -1
- package/components/filter/ValueSelector.js +47 -70
- package/components/filter/index.js +27 -43
- package/components/input/index.js +45 -52
- package/components/layout/index.js +22 -31
- package/components/layout/main/index.js +4 -2
- package/components/layout/pageContent/index.js +3 -1
- package/components/layout/sidebar/FlatMenu.js +10 -6
- package/components/layout/sidebar/GroupedIconMenu.js +145 -157
- package/components/layout/sidebar/GroupedMenu.js +9 -4
- package/components/layout/sidebar/ProjectMenu.js +134 -147
- package/components/layout/sidebar/index.js +14 -10
- package/components/layout/sidebar/style.js +6 -6
- package/components/layout/topBar/ProjectTopbar.js +15 -31
- package/components/layout/topBar/UserAvatar.js +12 -19
- package/components/layout/topBar/index.js +8 -15
- package/components/menu/index.js +7 -17
- package/components/modal/index.js +10 -11
- package/components/modal/style.js +1 -1
- package/components/optionMenu/index.js +8 -16
- package/components/pagination/index.js +7 -12
- package/components/paginationUpdated/index.js +15 -19
- package/components/paper/index.js +9 -10
- package/components/paper/style.js +2 -2
- package/components/reactSelect/index.js +36 -52
- package/components/reactSelect/style.js +37 -24
- package/components/richTextEditor/index.js +9 -14
- package/components/select/GroupedSelect.js +78 -65
- package/components/select/SimpleSelect.js +28 -40
- package/components/select/index.js +25 -22
- package/components/simpleSelect/index.js +10 -11
- package/components/sort/index.js +13 -23
- package/components/switch/index.js +9 -9
- package/components/switch/style.js +6 -6
- package/components/switch/switch.js +22 -33
- package/components/table/ReactTable.js +16 -23
- package/components/table/SimpleTable.js +17 -22
- package/components/table/index.js +100 -131
- package/components/text/index.js +16 -22
- package/components/topBar/index.js +12 -21
- package/components/tree/index.js +9 -19
- package/components/tree/style.js +1 -1
- package/components/valuePicker/ValueSelector.js +31 -45
- package/components/valuePicker/index.js +20 -33
- package/components/wrapperLayout/layout/index.js +5 -3
- package/components/wrapperLayout/main/index.js +5 -3
- package/components/wrapperLayout/main/pageContainer/index.js +3 -1
- package/components/wrapperLayout/main/sideBar/index.js +101 -115
- package/components/wrapperLayout/main/sideBar/style.js +1 -1
- package/components/wrapperLayout/topBar/UserAvatar.js +3 -1
- package/components/wrapperLayout/topBar/avatar.js +7 -8
- package/components/wrapperLayout/topBar/index.js +17 -23
- package/components/wrapperLayout/topBar/menuIcon.js +3 -1
- package/components/wrapperLayout/topBar/style.js +4 -2
- package/http/index.js +13 -16
- package/package.json +2 -1
- package/templates/listPage/index.js +148 -155
package/components/menu/index.js
CHANGED
|
@@ -12,23 +12,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _button = _interopRequireDefault(require("../button"));
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
18
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
19
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
21
15
|
const Menu = props => {
|
|
22
16
|
const navigate = (0, _reactRouterDom.useNavigate)();
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
-
menuOpen = _useState4[0],
|
|
30
|
-
setMenuOpen = _useState4[1];
|
|
31
|
-
const items = props.items;
|
|
17
|
+
const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
|
|
18
|
+
const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
|
|
19
|
+
const {
|
|
20
|
+
items
|
|
21
|
+
} = props;
|
|
32
22
|
const handleClick = event => {
|
|
33
23
|
setMenuOpen(true);
|
|
34
24
|
setAnchorEl(event.currentTarget);
|
|
@@ -56,14 +46,14 @@ const Menu = props => {
|
|
|
56
46
|
}
|
|
57
47
|
}, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
58
48
|
key: index,
|
|
59
|
-
onClick: e => handleMenuItemClick(e, item
|
|
49
|
+
onClick: e => handleMenuItemClick(e, item?.link),
|
|
60
50
|
sx: {
|
|
61
51
|
textDecoration: "none",
|
|
62
52
|
fontWeight: "bold",
|
|
63
53
|
fontWeight: 500,
|
|
64
54
|
cursor: "pointer"
|
|
65
55
|
}
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, null, item
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_text.default, null, item?.name)))));
|
|
67
57
|
};
|
|
68
58
|
Menu.propTypes = {
|
|
69
59
|
items: _propTypes.default.array.isRequired
|
|
@@ -13,21 +13,20 @@ var _material = require("@mui/material");
|
|
|
13
13
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
14
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
15
|
var _style = _interopRequireDefault(require("./style"));
|
|
16
|
-
const _excluded = ["fullWidth", "width", "open", "handleClose", "title", "children", "onClose"];
|
|
17
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
19
18
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
20
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
22
19
|
const Modal = props => {
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
const {
|
|
21
|
+
fullWidth,
|
|
22
|
+
width,
|
|
23
|
+
open,
|
|
24
|
+
handleClose,
|
|
25
|
+
title,
|
|
26
|
+
children,
|
|
27
|
+
onClose,
|
|
28
|
+
...rest
|
|
29
|
+
} = props;
|
|
31
30
|
const classes = (0, _style.default)();
|
|
32
31
|
return /*#__PURE__*/React.createElement(_Dialog.default, _extends({
|
|
33
32
|
sx: {
|
|
@@ -10,12 +10,6 @@ var _fi = require("react-icons/fi");
|
|
|
10
10
|
var _text = _interopRequireDefault(require("../text"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
|
-
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."); }
|
|
15
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
16
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
19
13
|
const ITEM_HEIGHT = 500;
|
|
20
14
|
|
|
21
15
|
/**
|
|
@@ -46,13 +40,11 @@ const ITEM_HEIGHT = 500;
|
|
|
46
40
|
*/
|
|
47
41
|
|
|
48
42
|
const OptionMenu = _ref => {
|
|
49
|
-
let
|
|
50
|
-
|
|
51
|
-
optionId =
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
anchorEl = _React$useState2[0],
|
|
55
|
-
setAnchorEl = _React$useState2[1];
|
|
43
|
+
let {
|
|
44
|
+
options,
|
|
45
|
+
optionId = null
|
|
46
|
+
} = _ref;
|
|
47
|
+
const [anchorEl, setAnchorEl] = _react.default.useState(null);
|
|
56
48
|
const open = Boolean(anchorEl);
|
|
57
49
|
const handleClick = event => {
|
|
58
50
|
setAnchorEl(event.currentTarget);
|
|
@@ -83,12 +75,12 @@ const OptionMenu = _ref => {
|
|
|
83
75
|
width: "27ch"
|
|
84
76
|
}
|
|
85
77
|
}
|
|
86
|
-
}, options
|
|
78
|
+
}, options?.map((option, index) => /*#__PURE__*/_react.default.createElement("div", {
|
|
87
79
|
key: option.name
|
|
88
80
|
}, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
89
81
|
disabled: option.visibility === false,
|
|
90
82
|
onClick: () => {
|
|
91
|
-
handleMenuItemClick(() => option
|
|
83
|
+
handleMenuItemClick(() => option?.onClick(option.name, optionId));
|
|
92
84
|
}
|
|
93
85
|
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
94
86
|
container: true,
|
|
@@ -100,6 +92,6 @@ const OptionMenu = _ref => {
|
|
|
100
92
|
display: "flex",
|
|
101
93
|
flexWrap: "wrap"
|
|
102
94
|
}
|
|
103
|
-
}, option
|
|
95
|
+
}, option?.displayName))), option.divider && index < options.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null))))));
|
|
104
96
|
};
|
|
105
97
|
var _default = exports.default = OptionMenu;
|
|
@@ -14,27 +14,22 @@ var _default2 = _interopRequireDefault(require("../../themes/default"));
|
|
|
14
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
21
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable use-isnan */
|
|
17
|
+
/* eslint-disable use-isnan */
|
|
18
|
+
|
|
23
19
|
const Pagination = props => {
|
|
24
20
|
const classes = (0, _style.default)();
|
|
25
|
-
const
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
page = _useState2[0],
|
|
28
|
-
setPage = _useState2[1];
|
|
21
|
+
const [page, setPage] = (0, _react.useState)(props.initialPage);
|
|
29
22
|
const handlePaginationInputKeyDown = e => {
|
|
30
|
-
const
|
|
23
|
+
const {
|
|
24
|
+
key
|
|
25
|
+
} = e;
|
|
31
26
|
if (key === "Enter") {
|
|
32
27
|
if (Number(page) > Number(props.totalPage) || Number(page) < Number(props.initialPage) || !Number(page)) {
|
|
33
28
|
window.alert("Invalid Page Number");
|
|
34
29
|
setPage(props.initialPage);
|
|
35
30
|
} else {
|
|
36
31
|
setPage(page);
|
|
37
|
-
props
|
|
32
|
+
props?.setInputPage(page);
|
|
38
33
|
}
|
|
39
34
|
}
|
|
40
35
|
};
|
|
@@ -9,22 +9,15 @@ var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagina
|
|
|
9
9
|
var _material = require("@mui/material");
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
|
-
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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
15
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
16
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
18
12
|
function Pagination(_ref) {
|
|
19
|
-
let
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setNegativeState = _React$useState2[1];
|
|
13
|
+
let {
|
|
14
|
+
page,
|
|
15
|
+
setPage,
|
|
16
|
+
rowsPerPage,
|
|
17
|
+
setRowsPerPage,
|
|
18
|
+
totalPage
|
|
19
|
+
} = _ref;
|
|
20
|
+
const [negativeState, setNegativeState] = React.useState(false);
|
|
28
21
|
const handleChangePage = (event, newPage) => {
|
|
29
22
|
setPage(newPage);
|
|
30
23
|
setNegativeState(false);
|
|
@@ -45,9 +38,11 @@ function Pagination(_ref) {
|
|
|
45
38
|
rowsPerPage: rowsPerPage,
|
|
46
39
|
onRowsPerPageChange: handleChangeRowsPerPage,
|
|
47
40
|
labelDisplayedRows: _ref2 => {
|
|
48
|
-
let
|
|
49
|
-
|
|
50
|
-
|
|
41
|
+
let {
|
|
42
|
+
from,
|
|
43
|
+
to,
|
|
44
|
+
count
|
|
45
|
+
} = _ref2;
|
|
51
46
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
|
|
52
47
|
value: negativeState ? "" : page + 1,
|
|
53
48
|
onChange: e => {
|
|
@@ -65,7 +60,8 @@ function Pagination(_ref) {
|
|
|
65
60
|
textAlign: "center",
|
|
66
61
|
borderRadius: "6px",
|
|
67
62
|
backgroundColor: "transparent",
|
|
68
|
-
margin: "0 8px"
|
|
63
|
+
margin: "0 8px",
|
|
64
|
+
border: "1px solid grey"
|
|
69
65
|
}
|
|
70
66
|
}), " ", "of ", Math.ceil(totalPage / rowsPerPage));
|
|
71
67
|
}
|
|
@@ -10,18 +10,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _style = _interopRequireDefault(require("./style"));
|
|
13
|
-
const _excluded = ["className", "sx", "children", "loading", "fullHeight", "position"];
|
|
14
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
17
14
|
const Paper = _ref => {
|
|
18
|
-
let
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
let {
|
|
16
|
+
className,
|
|
17
|
+
sx,
|
|
18
|
+
children,
|
|
19
|
+
loading,
|
|
20
|
+
fullHeight,
|
|
21
|
+
position,
|
|
22
|
+
...rest
|
|
23
|
+
} = _ref;
|
|
25
24
|
const classes = (0, _style.default)();
|
|
26
25
|
return /*#__PURE__*/_react.default.createElement(_material.Paper, {
|
|
27
26
|
className: (0, _clsx.default)({
|
|
@@ -7,8 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
var _styles = require("@mui/styles");
|
|
8
8
|
var _default = exports.default = (0, _styles.makeStyles)(theme => ({
|
|
9
9
|
paper: {
|
|
10
|
-
border:
|
|
11
|
-
boxShadow:
|
|
10
|
+
border: `1px solid #D6D9E0`,
|
|
11
|
+
boxShadow: `0px 3px 10px #667CBC1A`
|
|
12
12
|
},
|
|
13
13
|
fullHeight: {
|
|
14
14
|
height: "100%"
|
|
@@ -10,41 +10,25 @@ var _reactSelect = _interopRequireWildcard(require("react-select"));
|
|
|
10
10
|
var _material = require("@mui/material");
|
|
11
11
|
var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
|
|
12
12
|
var _style = require("./style");
|
|
13
|
-
const _excluded = ["getStyles", "Icon", "isDisabled", "isFocused", "isSelected", "children", "innerProps", "isCheckBox"],
|
|
14
|
-
_excluded2 = ["options", "value", "label", "defaultValue", "isMulti", "isDisabled", "placeholder", "className", "isRequired", "simulateNativeSelect", "onChange", "theme", "error", "helperText", "isBlueTheme", "isLoading", "isCheckBox"];
|
|
15
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
24
|
-
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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
26
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
27
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
29
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
30
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
31
16
|
const DropdownIndicator = props => {
|
|
32
17
|
return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null));
|
|
33
18
|
};
|
|
34
19
|
const InputOption = _ref => {
|
|
35
|
-
let
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
setIsActive = _React$useState2[1];
|
|
20
|
+
let {
|
|
21
|
+
getStyles,
|
|
22
|
+
Icon,
|
|
23
|
+
isDisabled,
|
|
24
|
+
isFocused,
|
|
25
|
+
isSelected,
|
|
26
|
+
children,
|
|
27
|
+
innerProps,
|
|
28
|
+
isCheckBox,
|
|
29
|
+
...rest
|
|
30
|
+
} = _ref;
|
|
31
|
+
const [isActive, setIsActive] = _react.default.useState(false);
|
|
48
32
|
const onMouseDown = () => setIsActive(true);
|
|
49
33
|
const onMouseUp = () => setIsActive(false);
|
|
50
34
|
const onMouseLeave = () => setIsActive(false);
|
|
@@ -61,12 +45,13 @@ const InputOption = _ref => {
|
|
|
61
45
|
};
|
|
62
46
|
|
|
63
47
|
// prop assignment
|
|
64
|
-
const props =
|
|
48
|
+
const props = {
|
|
49
|
+
...innerProps,
|
|
65
50
|
onMouseDown,
|
|
66
51
|
onMouseUp,
|
|
67
52
|
onMouseLeave,
|
|
68
53
|
style
|
|
69
|
-
}
|
|
54
|
+
};
|
|
70
55
|
return /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, _extends({}, rest, {
|
|
71
56
|
isDisabled: isDisabled,
|
|
72
57
|
isFocused: isFocused,
|
|
@@ -79,24 +64,26 @@ const InputOption = _ref => {
|
|
|
79
64
|
}), children);
|
|
80
65
|
};
|
|
81
66
|
const ReactSelect = _ref2 => {
|
|
82
|
-
let
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
67
|
+
let {
|
|
68
|
+
options,
|
|
69
|
+
value,
|
|
70
|
+
label,
|
|
71
|
+
defaultValue,
|
|
72
|
+
isMulti,
|
|
73
|
+
isDisabled,
|
|
74
|
+
placeholder,
|
|
75
|
+
className,
|
|
76
|
+
isRequired,
|
|
77
|
+
simulateNativeSelect,
|
|
78
|
+
onChange,
|
|
79
|
+
theme,
|
|
80
|
+
error,
|
|
81
|
+
helperText,
|
|
82
|
+
isBlueTheme,
|
|
83
|
+
isLoading,
|
|
84
|
+
isCheckBox,
|
|
85
|
+
...rest
|
|
86
|
+
} = _ref2;
|
|
100
87
|
const classes = (0, _style.useStyles)({
|
|
101
88
|
colorTheme: isBlueTheme
|
|
102
89
|
});
|
|
@@ -112,10 +99,7 @@ const ReactSelect = _ref2 => {
|
|
|
112
99
|
setSelectedOptions(options.map(opt => opt.value));
|
|
113
100
|
}
|
|
114
101
|
};
|
|
115
|
-
const
|
|
116
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
117
|
-
selectedOptions = _React$useState4[0],
|
|
118
|
-
setSelectedOptions = _React$useState4[1];
|
|
102
|
+
const [selectedOptions, setSelectedOptions] = _react.default.useState([]);
|
|
119
103
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
120
104
|
style: {
|
|
121
105
|
width: "100%"
|
|
@@ -7,14 +7,11 @@ exports.useStyles = exports.getCustomStyles = void 0;
|
|
|
7
7
|
var _styles = require("@mui/styles");
|
|
8
8
|
var _responsiveTheme = _interopRequireDefault(require("../../themes/responsiveTheme"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
14
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
10
|
const useStyles = exports.useStyles = (0, _styles.makeStyles)(() => ({
|
|
16
11
|
inputLabel: _ref => {
|
|
17
|
-
let
|
|
12
|
+
let {
|
|
13
|
+
colorTheme
|
|
14
|
+
} = _ref;
|
|
18
15
|
return {
|
|
19
16
|
color: colorTheme ? _responsiveTheme.default.palette.text.main : _responsiveTheme.default.palette.text.main,
|
|
20
17
|
fontSize: _responsiveTheme.default.typography.fontSize,
|
|
@@ -42,10 +39,13 @@ const useStyles = exports.useStyles = (0, _styles.makeStyles)(() => ({
|
|
|
42
39
|
}
|
|
43
40
|
}));
|
|
44
41
|
const getCustomStyles = _ref2 => {
|
|
45
|
-
let
|
|
46
|
-
|
|
42
|
+
let {
|
|
43
|
+
colorTheme,
|
|
44
|
+
error
|
|
45
|
+
} = _ref2;
|
|
47
46
|
return {
|
|
48
|
-
option: provided =>
|
|
47
|
+
option: provided => ({
|
|
48
|
+
...provided,
|
|
49
49
|
color: colorTheme ? "#f4f7fc" : _responsiveTheme.default.palette.text.main,
|
|
50
50
|
fontSize: "10px",
|
|
51
51
|
fontFamily: _responsiveTheme.default.typography.fontFamily,
|
|
@@ -56,72 +56,85 @@ const getCustomStyles = _ref2 => {
|
|
|
56
56
|
color: _responsiveTheme.default.palette.primary.main
|
|
57
57
|
}
|
|
58
58
|
}),
|
|
59
|
-
control: provided =>
|
|
59
|
+
control: provided => ({
|
|
60
|
+
...provided,
|
|
60
61
|
backgroundColor: colorTheme ? "#6e6ba1" : _responsiveTheme.default.palette.primary.white,
|
|
61
62
|
boxShadow: "none",
|
|
62
63
|
fontSize: "10px",
|
|
63
64
|
fontFamily: _responsiveTheme.default.typography.fontFamily,
|
|
64
65
|
// marginTop: theme.spacing(1.25),
|
|
65
66
|
height: "2.4rem !important",
|
|
66
|
-
border: error ?
|
|
67
|
+
border: error ? `1px solid #be1515` : colorTheme ? "none" : "1px solid #CFD7DF",
|
|
67
68
|
"&:hover": {
|
|
68
|
-
border: error ?
|
|
69
|
+
border: error ? `1px solid #be1515` : colorTheme ? "none" : "1px solid #CFD7DF"
|
|
69
70
|
}
|
|
70
71
|
// minHeight: "31.83px !important",
|
|
71
72
|
//border: "1px solid #adbac9",
|
|
72
73
|
}),
|
|
73
|
-
placeholder: provided =>
|
|
74
|
+
placeholder: provided => ({
|
|
75
|
+
...provided,
|
|
74
76
|
color: colorTheme ? _responsiveTheme.default.palette.white.main : _responsiveTheme.default.palette.grey_dark.main,
|
|
75
77
|
fontFamily: _responsiveTheme.default.typography.fontFamily,
|
|
76
78
|
fontWeight: 400,
|
|
77
79
|
fontSize: _responsiveTheme.default.typography.fontSize,
|
|
78
80
|
padding: "0rem 0rem 0.1rem 0rem"
|
|
79
81
|
}),
|
|
80
|
-
indicatorSeparator: provided =>
|
|
82
|
+
indicatorSeparator: provided => ({
|
|
83
|
+
...provided,
|
|
81
84
|
background: "none"
|
|
82
85
|
}),
|
|
83
|
-
input: provided =>
|
|
86
|
+
input: provided => ({
|
|
87
|
+
...provided,
|
|
84
88
|
color: colorTheme ? "#F4F7FC" : _responsiveTheme.default.palette.text.main,
|
|
85
89
|
padding: "0rem 0rem 0.1rem 0rem"
|
|
86
90
|
}),
|
|
87
|
-
menu: provided =>
|
|
91
|
+
menu: provided => ({
|
|
92
|
+
...provided,
|
|
88
93
|
padding: 0,
|
|
89
94
|
backgroundColor: colorTheme ? "#6e6ba1" : _responsiveTheme.default.palette.white.main,
|
|
90
95
|
zIndex: 9999
|
|
91
96
|
}),
|
|
92
|
-
menuPortal: provided =>
|
|
97
|
+
menuPortal: provided => ({
|
|
98
|
+
...provided,
|
|
93
99
|
zIndex: 9999
|
|
94
100
|
}),
|
|
95
|
-
dropdownIndicator: provided =>
|
|
101
|
+
dropdownIndicator: provided => ({
|
|
102
|
+
...provided,
|
|
96
103
|
color: colorTheme ? "#f4f7fc" : _responsiveTheme.default.palette.text.main,
|
|
97
104
|
opacity: 1,
|
|
98
105
|
padding: "0rem 0rem 0.1rem 0rem"
|
|
99
106
|
}),
|
|
100
|
-
singleValue: provided =>
|
|
107
|
+
singleValue: provided => ({
|
|
108
|
+
...provided,
|
|
101
109
|
color: colorTheme ? "#F4F7FC" : _responsiveTheme.default.palette.text.main,
|
|
102
110
|
// fontWeight: 500,
|
|
103
111
|
fontSize: _responsiveTheme.default.typography.fontSize,
|
|
104
112
|
padding: "0rem 0rem 0.1rem 0rem"
|
|
105
113
|
}),
|
|
106
|
-
valueContainer: provided =>
|
|
114
|
+
valueContainer: provided => ({
|
|
115
|
+
...provided,
|
|
107
116
|
// padding: 0,
|
|
108
117
|
color: colorTheme ? "#F4F7FC" : _responsiveTheme.default.palette.primary.tenjinLightBlack
|
|
109
118
|
}),
|
|
110
|
-
clearIndicator: provided =>
|
|
119
|
+
clearIndicator: provided => ({
|
|
120
|
+
...provided,
|
|
111
121
|
color: colorTheme ? "#f4f7fc" : "#adb0bb"
|
|
112
122
|
}),
|
|
113
|
-
multiValue: provided =>
|
|
123
|
+
multiValue: provided => ({
|
|
124
|
+
...provided,
|
|
114
125
|
backgroundColor: _responsiveTheme.default.palette.primary.tenjinMLight,
|
|
115
126
|
border: "1px solid #DAE0FF",
|
|
116
127
|
marginTop: "-0.15rem"
|
|
117
128
|
}),
|
|
118
|
-
multiValueLabel: provided =>
|
|
129
|
+
multiValueLabel: provided => ({
|
|
130
|
+
...provided,
|
|
119
131
|
color: _responsiveTheme.default.palette.text.main,
|
|
120
132
|
fontWeight: 400,
|
|
121
133
|
fontSize: _responsiveTheme.default.typography.fontSize,
|
|
122
134
|
fontFamily: _responsiveTheme.default.typography.fontFamily
|
|
123
135
|
}),
|
|
124
|
-
multiValueRemove: provided =>
|
|
136
|
+
multiValueRemove: provided => ({
|
|
137
|
+
...provided,
|
|
125
138
|
color: _responsiveTheme.default.palette.primary.tenjinFBlue,
|
|
126
139
|
cursor: "pointer"
|
|
127
140
|
})
|
|
@@ -6,21 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _rte = require("@mantine/rte");
|
|
9
|
-
const _excluded = ["controls", "readOnly"];
|
|
10
9
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
14
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
15
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
17
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
18
10
|
const RichTextEditorTest = _ref => {
|
|
19
|
-
let
|
|
20
|
-
controls =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
11
|
+
let {
|
|
12
|
+
controls = {},
|
|
13
|
+
readOnly = false,
|
|
14
|
+
...props
|
|
15
|
+
} = _ref;
|
|
24
16
|
// By default everything is enabled
|
|
25
17
|
const defaultControls = {
|
|
26
18
|
bold: true,
|
|
@@ -41,7 +33,10 @@ const RichTextEditorTest = _ref => {
|
|
|
41
33
|
if (readOnly) {
|
|
42
34
|
return [];
|
|
43
35
|
}
|
|
44
|
-
const finalControls =
|
|
36
|
+
const finalControls = {
|
|
37
|
+
...defaultControls,
|
|
38
|
+
...controls
|
|
39
|
+
};
|
|
45
40
|
return [["bold", "italic", "underline"].filter(c => finalControls[c]), ["link", "image"].filter(c => finalControls[c]), ["unorderedList", "orderedList"].filter(c => finalControls[c]), ["h1", "h2", "h3"].filter(c => finalControls[c]), ["alignLeft", "alignCenter", "alignRight"].filter(c => finalControls[c])].filter(group => group.length > 0);
|
|
46
41
|
}, [controls, readOnly]);
|
|
47
42
|
const mentions = (0, _react.useMemo)(() => ({
|