tenjin-ui-kit 0.3.72-dev → 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 +138 -104
- 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 +16 -14
- 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 +2 -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
|
@@ -6,52 +6,55 @@ 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
|
-
|
|
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"
|
|
19
22
|
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
width: "400px",
|
|
24
|
-
left: "calc(50% - 400px / 2)"
|
|
25
|
-
},
|
|
26
|
-
large: {
|
|
27
|
-
width: "600px",
|
|
28
|
-
left: "calc(50% - 600px / 2)"
|
|
29
|
-
},
|
|
30
|
-
xlarge: {
|
|
31
|
-
width: "800px",
|
|
32
|
-
left: "calc(50% - 800px / 2)"
|
|
33
|
-
},
|
|
34
|
-
fullscreen: {
|
|
35
|
-
width: "98%",
|
|
36
|
-
left: "1%",
|
|
37
|
-
top: "10px"
|
|
38
|
-
},
|
|
39
|
-
header: {
|
|
40
|
-
display: "flex",
|
|
41
|
-
alignItems: "center",
|
|
42
|
-
padding: "0.4rem 1rem",
|
|
43
|
-
borderBottom: "1px solid #ccc",
|
|
44
|
-
"& .title": {
|
|
45
|
-
flexGrow: 1,
|
|
46
|
-
fontWeight: 500
|
|
23
|
+
default: {
|
|
24
|
+
width: "400px",
|
|
25
|
+
left: "calc(50% - 400px / 2)"
|
|
47
26
|
},
|
|
48
|
-
|
|
49
|
-
|
|
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
|
+
"& .title": {
|
|
46
|
+
flexGrow: 1,
|
|
47
|
+
fontWeight: 500
|
|
48
|
+
},
|
|
49
|
+
"& .modalCloseTrigger": {
|
|
50
|
+
cursor: "pointer"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
content: {
|
|
54
|
+
padding: "0.4rem 1rem",
|
|
55
|
+
maxHeight: "calc(100vh - 170px)",
|
|
56
|
+
overflowY: "auto"
|
|
50
57
|
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
maxHeight: "calc(100vh - 170px)",
|
|
55
|
-
overflowY: "auto"
|
|
56
|
-
}
|
|
57
|
-
}));
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
exports.default = _default;
|
|
@@ -10,28 +10,39 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var colors = _interopRequireWildcard(require("@mui/material/colors"));
|
|
11
11
|
var _button = _interopRequireDefault(require("../button"));
|
|
12
12
|
var _text = _interopRequireDefault(require("../text"));
|
|
13
|
-
function
|
|
14
|
-
function
|
|
15
|
-
function
|
|
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
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); }
|
|
17
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
18
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
20
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
21
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
22
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
23
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
24
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
25
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
function _unsupportedIterableToArray(
|
|
18
|
-
function _arrayLikeToArray(
|
|
19
|
-
function _iterableToArrayLimit(
|
|
20
|
-
function _arrayWithHoles(
|
|
21
|
-
function ownKeys(
|
|
22
|
-
function _objectSpread(
|
|
23
|
-
function _defineProperty(
|
|
24
|
-
function _toPropertyKey(
|
|
25
|
-
function _toPrimitive(
|
|
26
|
-
|
|
26
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
28
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
29
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
30
|
+
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; }
|
|
31
|
+
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; }
|
|
32
|
+
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; }
|
|
33
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
34
|
+
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); }
|
|
35
|
+
var determineSelectedOptions = function determineSelectedOptions(options, selectedIds, valueKey) {
|
|
27
36
|
if (!options || options.length < 1) return [];
|
|
28
37
|
if (!selectedIds || selectedIds.length < 1) return options;
|
|
29
|
-
return options.map(
|
|
30
|
-
|
|
31
|
-
|
|
38
|
+
return options.map(function (o) {
|
|
39
|
+
return _objectSpread(_objectSpread({}, o), {}, {
|
|
40
|
+
selected: selectedIds.includes(o[valueKey])
|
|
41
|
+
});
|
|
42
|
+
});
|
|
32
43
|
};
|
|
33
|
-
|
|
34
|
-
|
|
44
|
+
var ValueSelector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
45
|
+
var options = _ref.options,
|
|
35
46
|
valueKey = _ref.valueKey,
|
|
36
47
|
displayKey = _ref.displayKey,
|
|
37
48
|
avatarKey = _ref.avatarKey,
|
|
@@ -44,166 +55,221 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
44
55
|
showAvatar = _ref.showAvatar,
|
|
45
56
|
setSearch = _ref.setSearch,
|
|
46
57
|
inputRef = _ref.inputRef,
|
|
47
|
-
searchText = _ref.searchText
|
|
48
|
-
|
|
49
|
-
|
|
58
|
+
searchText = _ref.searchText,
|
|
59
|
+
clearSelectText = _ref.clearSelectText;
|
|
60
|
+
var theme = (0, _material.useTheme)();
|
|
61
|
+
var _useState = (0, _react.useState)(false),
|
|
50
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
51
63
|
loading = _useState2[0],
|
|
52
64
|
setLoading = _useState2[1];
|
|
53
|
-
|
|
65
|
+
var _useState3 = (0, _react.useState)([]),
|
|
54
66
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
55
67
|
localOptions = _useState4[0],
|
|
56
68
|
setLocalOptions = _useState4[1];
|
|
57
|
-
|
|
69
|
+
var _useState5 = (0, _react.useState)(""),
|
|
58
70
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
59
71
|
filter = _useState6[0],
|
|
60
72
|
setFilter = _useState6[1];
|
|
61
|
-
|
|
73
|
+
var _useState7 = (0, _react.useState)([]),
|
|
62
74
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
63
75
|
filteredLocalOptions = _useState8[0],
|
|
64
76
|
setFilteredLocalOptions = _useState8[1];
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
activeIndex =
|
|
68
|
-
setActiveIndex =
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
clearFocused =
|
|
74
|
-
setClearFocused =
|
|
75
|
-
(0, _react.useImperativeHandle)(ref, ()
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
e.
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
if (!["ArrowDown", "ArrowUp", "Enter"].includes(e.key)) return;
|
|
93
|
-
if (e.key === "ArrowDown") {
|
|
94
|
-
e.preventDefault();
|
|
95
|
-
if (clearFocused) {
|
|
96
|
-
setClearFocused(false);
|
|
97
|
-
setActiveIndex(0);
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
setActiveIndex(prev => {
|
|
101
|
-
if (filteredLocalOptions.length === 0) return -1;
|
|
102
|
-
return prev < filteredLocalOptions.length - 1 ? prev + 1 : 0;
|
|
103
|
-
});
|
|
104
|
-
} else if (e.key === "ArrowUp") {
|
|
105
|
-
e.preventDefault();
|
|
106
|
-
if (clearFocused) {
|
|
107
|
-
setClearFocused(false);
|
|
108
|
-
setActiveIndex(0);
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
setActiveIndex(prev => {
|
|
112
|
-
if (filteredLocalOptions.length === 0) return -1;
|
|
113
|
-
return prev > 0 ? prev - 1 : filteredLocalOptions.length - 1;
|
|
114
|
-
});
|
|
115
|
-
} else if (e.key === "Enter") {
|
|
116
|
-
e.preventDefault();
|
|
117
|
-
if (clearFocused) {
|
|
118
|
-
handleClearSelection();
|
|
77
|
+
var _useState9 = (0, _react.useState)(-1),
|
|
78
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
79
|
+
activeIndex = _useState10[0],
|
|
80
|
+
setActiveIndex = _useState10[1];
|
|
81
|
+
var itemRefs = (0, _react.useRef)([]);
|
|
82
|
+
var clearBtnRef = (0, _react.useRef)(null);
|
|
83
|
+
var _useState11 = (0, _react.useState)(false),
|
|
84
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
85
|
+
clearFocused = _useState12[0],
|
|
86
|
+
setClearFocused = _useState12[1];
|
|
87
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
88
|
+
return {
|
|
89
|
+
handleKeyDown: function handleKeyDown(e) {
|
|
90
|
+
if (e.key === "Tab") {
|
|
91
|
+
e.preventDefault();
|
|
92
|
+
e.stopPropagation();
|
|
93
|
+
if (clearFocused) {
|
|
94
|
+
setClearFocused(false);
|
|
95
|
+
requestAnimationFrame(function () {
|
|
96
|
+
var _inputRef$current;
|
|
97
|
+
inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
98
|
+
});
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
setClearFocused(true);
|
|
102
|
+
setActiveIndex(-1);
|
|
119
103
|
return;
|
|
120
104
|
}
|
|
121
|
-
if (
|
|
122
|
-
|
|
105
|
+
if (!["ArrowDown", "ArrowUp", "Enter"].includes(e.key)) return;
|
|
106
|
+
if (e.key === "ArrowDown") {
|
|
107
|
+
e.preventDefault();
|
|
108
|
+
if (clearFocused) {
|
|
109
|
+
setClearFocused(false);
|
|
110
|
+
setActiveIndex(0);
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
setActiveIndex(function (prev) {
|
|
114
|
+
if (filteredLocalOptions.length === 0) return -1;
|
|
115
|
+
return prev < filteredLocalOptions.length - 1 ? prev + 1 : 0;
|
|
116
|
+
});
|
|
117
|
+
} else if (e.key === "ArrowUp") {
|
|
118
|
+
e.preventDefault();
|
|
119
|
+
if (clearFocused) {
|
|
120
|
+
setClearFocused(false);
|
|
121
|
+
setActiveIndex(0);
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
setActiveIndex(function (prev) {
|
|
125
|
+
if (filteredLocalOptions.length === 0) return -1;
|
|
126
|
+
return prev > 0 ? prev - 1 : filteredLocalOptions.length - 1;
|
|
127
|
+
});
|
|
128
|
+
} else if (e.key === "Enter") {
|
|
129
|
+
e.preventDefault();
|
|
130
|
+
if (clearFocused) {
|
|
131
|
+
handleClearSelection();
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (activeIndex >= 0 && activeIndex < filteredLocalOptions.length) {
|
|
135
|
+
handleSelection(filteredLocalOptions[activeIndex]);
|
|
136
|
+
}
|
|
123
137
|
}
|
|
124
138
|
}
|
|
125
|
-
}
|
|
126
|
-
})
|
|
127
|
-
(0, _react.useEffect)(()
|
|
139
|
+
};
|
|
140
|
+
});
|
|
141
|
+
(0, _react.useEffect)(function () {
|
|
128
142
|
if (activeIndex >= 0 && itemRefs.current[activeIndex]) {
|
|
129
143
|
itemRefs.current[activeIndex].scrollIntoView({
|
|
130
144
|
block: "nearest"
|
|
131
145
|
});
|
|
132
146
|
}
|
|
133
147
|
}, [activeIndex]);
|
|
134
|
-
(0, _react.useEffect)(()
|
|
148
|
+
(0, _react.useEffect)(function () {
|
|
135
149
|
resolveOptions();
|
|
136
150
|
}, []);
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
151
|
+
var fetchAsyncData = /*#__PURE__*/function () {
|
|
152
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
153
|
+
var response;
|
|
154
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
155
|
+
while (1) switch (_context.prev = _context.next) {
|
|
156
|
+
case 0:
|
|
157
|
+
setLoading(true);
|
|
158
|
+
response = null;
|
|
159
|
+
if (!fetchData) {
|
|
160
|
+
_context.next = 8;
|
|
161
|
+
break;
|
|
162
|
+
}
|
|
163
|
+
_context.next = 5;
|
|
164
|
+
return fetchData();
|
|
165
|
+
case 5:
|
|
166
|
+
response = _context.sent;
|
|
167
|
+
_context.next = 9;
|
|
168
|
+
break;
|
|
169
|
+
case 8:
|
|
170
|
+
response = [];
|
|
171
|
+
case 9:
|
|
172
|
+
setLoading(false);
|
|
173
|
+
return _context.abrupt("return", response);
|
|
174
|
+
case 11:
|
|
175
|
+
case "end":
|
|
176
|
+
return _context.stop();
|
|
177
|
+
}
|
|
178
|
+
}, _callee);
|
|
179
|
+
}));
|
|
180
|
+
return function fetchAsyncData() {
|
|
181
|
+
return _ref2.apply(this, arguments);
|
|
182
|
+
};
|
|
183
|
+
}();
|
|
184
|
+
var resolveOptions = /*#__PURE__*/function () {
|
|
185
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
186
|
+
var tempOptions;
|
|
187
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
188
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
189
|
+
case 0:
|
|
190
|
+
tempOptions = [];
|
|
191
|
+
if (!fetchData) {
|
|
192
|
+
_context2.next = 7;
|
|
193
|
+
break;
|
|
194
|
+
}
|
|
195
|
+
_context2.next = 4;
|
|
196
|
+
return fetchAsyncData();
|
|
197
|
+
case 4:
|
|
198
|
+
tempOptions = _context2.sent;
|
|
199
|
+
_context2.next = 8;
|
|
200
|
+
break;
|
|
201
|
+
case 7:
|
|
202
|
+
tempOptions = _toConsumableArray(options);
|
|
203
|
+
case 8:
|
|
204
|
+
setLocalOptions(determineSelectedOptions(tempOptions, defaultSelectedOptionIds, valueKey));
|
|
205
|
+
case 9:
|
|
206
|
+
case "end":
|
|
207
|
+
return _context2.stop();
|
|
208
|
+
}
|
|
209
|
+
}, _callee2);
|
|
210
|
+
}));
|
|
211
|
+
return function resolveOptions() {
|
|
212
|
+
return _ref3.apply(this, arguments);
|
|
213
|
+
};
|
|
214
|
+
}();
|
|
215
|
+
var filterOptions = function filterOptions() {
|
|
158
216
|
if (filter) {
|
|
159
|
-
setFilteredLocalOptions(localOptions.filter(o
|
|
160
|
-
|
|
217
|
+
setFilteredLocalOptions(localOptions.filter(function (o) {
|
|
218
|
+
var searchTarget = o[displayKey].toLowerCase();
|
|
161
219
|
return searchTarget.includes(filter.toLowerCase());
|
|
162
220
|
}));
|
|
163
221
|
} else {
|
|
164
|
-
setFilteredLocalOptions(
|
|
222
|
+
setFilteredLocalOptions(_toConsumableArray(localOptions));
|
|
165
223
|
}
|
|
166
224
|
};
|
|
167
|
-
(0, _react.useEffect)(()
|
|
225
|
+
(0, _react.useEffect)(function () {
|
|
168
226
|
filterOptions();
|
|
169
227
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
170
228
|
}, [localOptions, filter]);
|
|
171
|
-
|
|
172
|
-
|
|
229
|
+
var handleSelection = function handleSelection(option) {
|
|
230
|
+
var newOptions = [];
|
|
173
231
|
if (multiple) {
|
|
174
|
-
newOptions = localOptions.map(
|
|
175
|
-
|
|
176
|
-
|
|
232
|
+
newOptions = localOptions.map(function (o) {
|
|
233
|
+
return o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
|
|
234
|
+
selected: o.selected ? false : true
|
|
235
|
+
}) : o;
|
|
236
|
+
});
|
|
177
237
|
} else {
|
|
178
|
-
newOptions = localOptions.map(
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
238
|
+
newOptions = localOptions.map(function (o) {
|
|
239
|
+
return o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
|
|
240
|
+
selected: true
|
|
241
|
+
}) : _objectSpread(_objectSpread({}, o), {}, {
|
|
242
|
+
selected: false
|
|
243
|
+
});
|
|
244
|
+
});
|
|
183
245
|
}
|
|
184
|
-
onChange(newOptions.filter(
|
|
246
|
+
onChange(newOptions.filter(function (o) {
|
|
247
|
+
return o.selected;
|
|
248
|
+
}));
|
|
185
249
|
setLocalOptions(newOptions);
|
|
186
250
|
};
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
251
|
+
var handleClearSelection = function handleClearSelection() {
|
|
252
|
+
var newOptions = localOptions.map(function (l) {
|
|
253
|
+
return _objectSpread(_objectSpread({}, l), {}, {
|
|
254
|
+
selected: false
|
|
255
|
+
});
|
|
256
|
+
});
|
|
191
257
|
onChange([]);
|
|
192
258
|
setLocalOptions(newOptions);
|
|
193
259
|
setSearch("");
|
|
194
260
|
};
|
|
195
|
-
(0, _react.useEffect)(()
|
|
196
|
-
|
|
261
|
+
(0, _react.useEffect)(function () {
|
|
262
|
+
var clearFocus = function clearFocus() {
|
|
197
263
|
setClearFocused(false);
|
|
198
264
|
};
|
|
199
265
|
window.addEventListener("mousedown", clearFocus);
|
|
200
|
-
return ()
|
|
266
|
+
return function () {
|
|
201
267
|
window.removeEventListener("mousedown", clearFocus);
|
|
202
268
|
};
|
|
203
269
|
}, []);
|
|
204
|
-
(0, _react.useEffect)(()
|
|
270
|
+
(0, _react.useEffect)(function () {
|
|
205
271
|
if (searchText) {
|
|
206
|
-
setFilteredLocalOptions(localOptions.filter(o
|
|
272
|
+
setFilteredLocalOptions(localOptions.filter(function (o) {
|
|
207
273
|
var _o$displayKey;
|
|
208
274
|
return (_o$displayKey = o[displayKey]) === null || _o$displayKey === void 0 ? void 0 : _o$displayKey.toLowerCase().includes(searchText.toLowerCase());
|
|
209
275
|
}));
|
|
@@ -233,15 +299,17 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
233
299
|
}
|
|
234
300
|
}, (filteredLocalOptions === null || filteredLocalOptions === void 0 ? void 0 : filteredLocalOptions.length) === 0 ? /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
235
301
|
color: "secondary"
|
|
236
|
-
}, "No Data") : filteredLocalOptions.map((o, index)
|
|
237
|
-
|
|
238
|
-
|
|
302
|
+
}, "No Data") : filteredLocalOptions.map(function (o, index) {
|
|
303
|
+
var altVal = o[avatarKey] === "/" ? " " : o[displayKey];
|
|
304
|
+
var bgcAvatar = colors[o[colorKey]] ? colors[o[colorKey]][500] : "red";
|
|
239
305
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
240
306
|
key: o[valueKey]
|
|
241
307
|
}, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
|
|
242
308
|
dense: true,
|
|
243
309
|
disablePadding: true,
|
|
244
|
-
ref: el
|
|
310
|
+
ref: function ref(el) {
|
|
311
|
+
return itemRefs.current[index] = el;
|
|
312
|
+
},
|
|
245
313
|
sx: _objectSpread(_objectSpread({}, o.selected && {
|
|
246
314
|
backgroundColor: "#F5FAFF"
|
|
247
315
|
}), activeIndex === index && {
|
|
@@ -250,8 +318,12 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
250
318
|
}, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
|
|
251
319
|
disableRipple: true,
|
|
252
320
|
dense: true,
|
|
253
|
-
onClick: ()
|
|
254
|
-
|
|
321
|
+
onClick: function onClick() {
|
|
322
|
+
return handleSelection(o);
|
|
323
|
+
},
|
|
324
|
+
onMouseEnter: function onMouseEnter() {
|
|
325
|
+
return setActiveIndex(index);
|
|
326
|
+
}
|
|
255
327
|
}, multiple && /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
|
|
256
328
|
sx: {
|
|
257
329
|
minWidth: "initial"
|
|
@@ -317,7 +389,7 @@ const ValueSelector = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
317
389
|
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
318
390
|
semibold: true,
|
|
319
391
|
variant: "caption"
|
|
320
|
-
}, "Clear Selection"))))));
|
|
392
|
+
}, clearSelectText || "Clear Selection"))))));
|
|
321
393
|
});
|
|
322
394
|
ValueSelector.propTypes = {
|
|
323
395
|
label: _propTypes.default.string.isRequired,
|
|
@@ -330,4 +402,5 @@ ValueSelector.propTypes = {
|
|
|
330
402
|
defaultSelectedOptionIds: _propTypes.default.array,
|
|
331
403
|
fetchData: _propTypes.default.func
|
|
332
404
|
};
|
|
333
|
-
var _default =
|
|
405
|
+
var _default = ValueSelector;
|
|
406
|
+
exports.default = _default;
|