@splunk/react-ui 4.20.0 → 4.21.0
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/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.js +105 -197
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +21 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +128 -246
- package/CloseButton.js +92 -200
- package/Code.js +162 -250
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -354
- package/Menu.js +489 -760
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +1135 -1761
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +370 -620
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +161 -303
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1028 -1430
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +943 -1448
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +14 -15
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +7 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Multiselect.js
CHANGED
|
@@ -1,591 +1,79 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
18
28
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 187);
|
|
86
|
-
/******/ })
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
module.exports = require("@splunk/themes");
|
|
93
|
-
|
|
94
|
-
/***/ }),
|
|
95
|
-
/* 1 */
|
|
96
|
-
/***/ (function(module, exports) {
|
|
97
|
-
|
|
98
|
-
module.exports = require("prop-types");
|
|
99
|
-
|
|
100
|
-
/***/ }),
|
|
101
|
-
/* 2 */
|
|
102
|
-
/***/ (function(module, exports) {
|
|
103
|
-
|
|
104
|
-
module.exports = require("react");
|
|
105
|
-
|
|
106
|
-
/***/ }),
|
|
107
|
-
/* 3 */
|
|
108
|
-
/***/ (function(module, exports) {
|
|
109
|
-
|
|
110
|
-
module.exports = require("styled-components");
|
|
111
|
-
|
|
112
|
-
/***/ }),
|
|
113
|
-
/* 4 */
|
|
114
|
-
/***/ (function(module, exports) {
|
|
115
|
-
|
|
116
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
117
|
-
|
|
118
|
-
/***/ }),
|
|
119
|
-
/* 5 */
|
|
120
|
-
/***/ (function(module, exports) {
|
|
121
|
-
|
|
122
|
-
module.exports = require("lodash/omit");
|
|
123
|
-
|
|
124
|
-
/***/ }),
|
|
125
|
-
/* 6 */
|
|
126
|
-
/***/ (function(module, exports) {
|
|
127
|
-
|
|
128
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
129
|
-
|
|
130
|
-
/***/ }),
|
|
131
|
-
/* 7 */
|
|
132
|
-
/***/ (function(module, exports) {
|
|
133
|
-
|
|
134
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
135
|
-
|
|
136
|
-
/***/ }),
|
|
137
|
-
/* 8 */
|
|
138
|
-
/***/ (function(module, exports) {
|
|
139
|
-
|
|
140
|
-
module.exports = require("@splunk/ui-utils/id");
|
|
141
|
-
|
|
142
|
-
/***/ }),
|
|
143
|
-
/* 9 */
|
|
144
|
-
/***/ (function(module, exports) {
|
|
145
|
-
|
|
146
|
-
module.exports = require("lodash/keys");
|
|
147
|
-
|
|
148
|
-
/***/ }),
|
|
149
|
-
/* 10 */
|
|
150
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
151
|
-
|
|
152
|
-
"use strict";
|
|
153
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
|
|
154
|
-
/**
|
|
155
|
-
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
156
|
-
*
|
|
157
|
-
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
158
|
-
* @param current - The new value of the ref.
|
|
159
|
-
*/
|
|
160
|
-
function updateReactRef(ref, current) {
|
|
161
|
-
if (ref) {
|
|
162
|
-
if (typeof ref === 'function') {
|
|
163
|
-
ref(current);
|
|
164
|
-
} else {
|
|
165
|
-
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
166
|
-
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
167
|
-
ref.current = current; // eslint-disable-line no-param-reassign
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
/***/ }),
|
|
175
|
-
/* 11 */
|
|
176
|
-
/***/ (function(module, exports) {
|
|
177
|
-
|
|
178
|
-
module.exports = require("lodash/has");
|
|
179
|
-
|
|
180
|
-
/***/ }),
|
|
181
|
-
/* 12 */
|
|
182
|
-
/***/ (function(module, exports) {
|
|
183
|
-
|
|
184
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
185
|
-
|
|
186
|
-
/***/ }),
|
|
187
|
-
/* 13 */
|
|
188
|
-
/***/ (function(module, exports) {
|
|
189
|
-
|
|
190
|
-
module.exports = require("@splunk/react-ui/Menu");
|
|
191
|
-
|
|
192
|
-
/***/ }),
|
|
193
|
-
/* 14 */
|
|
194
|
-
/***/ (function(module, exports) {
|
|
195
|
-
|
|
196
|
-
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
197
|
-
|
|
198
|
-
/***/ }),
|
|
199
|
-
/* 15 */
|
|
200
|
-
/***/ (function(module, exports) {
|
|
201
|
-
|
|
202
|
-
module.exports = require("lodash/includes");
|
|
203
|
-
|
|
204
|
-
/***/ }),
|
|
205
|
-
/* 16 */,
|
|
206
|
-
/* 17 */
|
|
207
|
-
/***/ (function(module, exports) {
|
|
208
|
-
|
|
209
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
210
|
-
|
|
211
|
-
/***/ }),
|
|
212
|
-
/* 18 */
|
|
213
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
214
|
-
|
|
215
|
-
"use strict";
|
|
216
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
|
|
217
|
-
/* unused harmony export ssrWindow */
|
|
218
|
-
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
|
|
219
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
220
|
-
|
|
221
|
-
var ssrWindow = {
|
|
222
|
-
document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
|
|
223
|
-
navigator: {
|
|
224
|
-
userAgent: ''
|
|
225
|
-
},
|
|
226
|
-
location: {
|
|
227
|
-
hash: '',
|
|
228
|
-
host: '',
|
|
229
|
-
hostname: '',
|
|
230
|
-
href: '',
|
|
231
|
-
origin: '',
|
|
232
|
-
pathname: '',
|
|
233
|
-
protocol: '',
|
|
234
|
-
search: ''
|
|
235
|
-
},
|
|
236
|
-
history: {
|
|
237
|
-
replaceState: function replaceState() {},
|
|
238
|
-
pushState: function pushState() {},
|
|
239
|
-
go: function go() {},
|
|
240
|
-
back: function back() {}
|
|
241
|
-
},
|
|
242
|
-
CustomEvent: function CustomEvent() {
|
|
243
|
-
return this;
|
|
244
|
-
},
|
|
245
|
-
addEventListener: function addEventListener() {},
|
|
246
|
-
removeEventListener: function removeEventListener() {},
|
|
247
|
-
getComputedStyle: function getComputedStyle() {
|
|
248
|
-
return {
|
|
249
|
-
getPropertyValue: function getPropertyValue() {
|
|
250
|
-
return '';
|
|
251
|
-
}
|
|
252
|
-
};
|
|
253
|
-
},
|
|
254
|
-
Image: function Image() {},
|
|
255
|
-
Date: function Date() {},
|
|
256
|
-
screen: {},
|
|
257
|
-
setTimeout: function setTimeout() {},
|
|
258
|
-
clearTimeout: function clearTimeout() {},
|
|
259
|
-
matchMedia: function matchMedia() {
|
|
260
|
-
return {};
|
|
261
|
-
},
|
|
262
|
-
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
263
|
-
if (typeof setTimeout === 'undefined') {
|
|
264
|
-
callback();
|
|
265
|
-
return null;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
return setTimeout(callback, 0);
|
|
269
|
-
},
|
|
270
|
-
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
271
|
-
if (typeof setTimeout === 'undefined') {
|
|
272
|
-
return;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
clearTimeout(id);
|
|
276
|
-
}
|
|
277
|
-
};
|
|
278
|
-
|
|
279
|
-
function getWindow() {
|
|
280
|
-
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
281
|
-
return win;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
/***/ }),
|
|
287
|
-
/* 19 */,
|
|
288
|
-
/* 20 */,
|
|
289
|
-
/* 21 */
|
|
290
|
-
/***/ (function(module, exports) {
|
|
291
|
-
|
|
292
|
-
module.exports = require("@splunk/react-ui/Popover");
|
|
293
|
-
|
|
294
|
-
/***/ }),
|
|
295
|
-
/* 22 */
|
|
296
|
-
/***/ (function(module, exports) {
|
|
297
|
-
|
|
298
|
-
module.exports = require("@splunk/react-ui/Dropdown");
|
|
299
|
-
|
|
300
|
-
/***/ }),
|
|
301
|
-
/* 23 */
|
|
302
|
-
/***/ (function(module, exports) {
|
|
303
|
-
|
|
304
|
-
module.exports = require("lodash/isString");
|
|
305
|
-
|
|
306
|
-
/***/ }),
|
|
307
|
-
/* 24 */,
|
|
308
|
-
/* 25 */
|
|
309
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
310
|
-
|
|
311
|
-
"use strict";
|
|
312
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyledClickable; });
|
|
313
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return StyledInnerWrapper; });
|
|
314
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return StyledItemDescriptionBottom; });
|
|
315
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return StyledItemDescriptionRight; });
|
|
316
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return StyledItemIcon; });
|
|
317
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return StyledItemSelectedIcon; });
|
|
318
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return StyledLabel; });
|
|
319
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return StyledMatch; });
|
|
320
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return StyledSubmenu; });
|
|
321
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return StyledSwitch; });
|
|
322
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return StyledTitleAndDescriptionWrapper; });
|
|
323
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
|
|
324
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
|
|
325
|
-
/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
|
|
326
|
-
/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__);
|
|
327
|
-
/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39);
|
|
328
|
-
/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__);
|
|
329
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
|
|
330
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__);
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
334
51
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
var StyledItemDescriptionBottom = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
342
|
-
displayName: "ItemStyles__StyledItemDescriptionBottom",
|
|
343
|
-
componentId: "sc-4kc053-0"
|
|
344
|
-
})(["", ";display:block;"], itemDescription);
|
|
345
|
-
var StyledItemDescriptionRight = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
346
|
-
displayName: "ItemStyles__StyledItemDescriptionRight",
|
|
347
|
-
componentId: "sc-4kc053-1"
|
|
348
|
-
})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacing);
|
|
349
|
-
var StyledItemSelectedIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
|
|
350
|
-
displayName: "ItemStyles__StyledItemSelectedIcon",
|
|
351
|
-
componentId: "sc-4kc053-2"
|
|
352
|
-
})(["position:absolute;", " color:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
353
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["right:16px;"]),
|
|
354
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["top:5px;right:3px;left:8px;"])
|
|
355
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
356
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
357
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].accentColorL10
|
|
358
|
-
}));
|
|
359
|
-
var StyledItemIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
360
|
-
displayName: "ItemStyles__StyledItemIcon",
|
|
361
|
-
componentId: "sc-4kc053-3"
|
|
362
|
-
})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
363
|
-
prisma: '8px',
|
|
364
|
-
enterprise: '3px'
|
|
365
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
366
|
-
prisma: 'initial',
|
|
367
|
-
enterprise: 'middle'
|
|
368
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
369
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorMuted),
|
|
370
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["transform:translateY(-1px);"])
|
|
371
|
-
}));
|
|
372
|
-
var StyledClickable = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default.a).withConfig({
|
|
373
|
-
displayName: "ItemStyles__StyledClickable",
|
|
374
|
-
componentId: "sc-4kc053-4"
|
|
375
|
-
})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
376
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
377
|
-
enterprise: {
|
|
378
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
|
|
379
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
|
|
380
|
-
}
|
|
381
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
382
|
-
prisma: {
|
|
383
|
-
comfortable: '10px 16px',
|
|
384
|
-
compact: '6px 16px'
|
|
385
|
-
},
|
|
386
|
-
enterprise: '6px 10px'
|
|
387
|
-
}), function (_ref) {
|
|
388
|
-
var $isSelectable = _ref.$isSelectable,
|
|
389
|
-
$selectableAppearance = _ref.$selectableAppearance;
|
|
390
|
-
return $isSelectable && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
391
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:44px;", ""], function () {
|
|
392
|
-
return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
|
|
393
|
-
}),
|
|
394
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:10px;padding-left:", ";"], function () {
|
|
395
|
-
return $selectableAppearance === 'checkbox' ? '32px' : '28px';
|
|
396
|
-
})
|
|
397
|
-
});
|
|
398
|
-
}, function (_ref2) {
|
|
399
|
-
var $active = _ref2.$active,
|
|
400
|
-
$preventFocus = _ref2.$preventFocus;
|
|
401
|
-
return $active && !$preventFocus && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["box-shadow:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset);
|
|
402
|
-
}, function (_ref3) {
|
|
403
|
-
var $active = _ref3.$active;
|
|
404
|
-
return $active && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";font-weight:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
405
|
-
enterprise: {
|
|
406
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray92,
|
|
407
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
|
|
408
|
-
},
|
|
409
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].neutral100
|
|
410
|
-
}), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontWeightBold);
|
|
411
|
-
}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
412
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover,
|
|
413
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].backgroundColorHover
|
|
414
|
-
}), function (_ref4) {
|
|
415
|
-
var $selected = _ref4.$selected;
|
|
416
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
417
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover))
|
|
418
|
-
});
|
|
419
|
-
}, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
420
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover)
|
|
421
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
422
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive)
|
|
423
|
-
}), function (_ref5) {
|
|
424
|
-
var $selected = _ref5.$selected;
|
|
425
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
426
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive))
|
|
427
|
-
});
|
|
428
|
-
}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
429
|
-
enterprise: {
|
|
430
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45,
|
|
431
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
|
|
432
|
-
},
|
|
433
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
|
|
434
|
-
}),
|
|
435
|
-
/* sc-sel */
|
|
436
|
-
StyledItemDescriptionBottom,
|
|
437
|
-
/* sc-sel */
|
|
438
|
-
StyledItemDescriptionRight,
|
|
439
|
-
/* sc-sel */
|
|
440
|
-
StyledItemSelectedIcon, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
441
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled,
|
|
442
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray80
|
|
443
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
444
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["& > * > ", "{color:", ";}"],
|
|
445
|
-
/* sc-sel */
|
|
446
|
-
StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled)
|
|
447
|
-
}), function (_ref6) {
|
|
448
|
-
var $selected = _ref6.$selected;
|
|
449
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
450
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["", "{color:", ";}"],
|
|
451
|
-
/* sc-sel */
|
|
452
|
-
StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive)
|
|
453
|
-
});
|
|
454
|
-
});
|
|
455
|
-
var StyledSwitch = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default.a).withConfig({
|
|
456
|
-
displayName: "ItemStyles__StyledSwitch",
|
|
457
|
-
componentId: "sc-4kc053-5"
|
|
458
|
-
})(["position:absolute;left:", ";top:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
459
|
-
prisma: '16px',
|
|
460
|
-
enterprise: '8px'
|
|
461
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
462
|
-
prisma: '0px',
|
|
463
|
-
enterprise: {
|
|
464
|
-
comfortable: '-1px',
|
|
465
|
-
compact: '2px'
|
|
466
|
-
}
|
|
467
|
-
}));
|
|
468
|
-
var StyledInnerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
469
|
-
displayName: "ItemStyles__StyledInnerWrapper",
|
|
470
|
-
componentId: "sc-4kc053-6"
|
|
471
|
-
})(["display:flex;align-items:flex-start;"]);
|
|
472
|
-
var StyledTitleAndDescriptionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
473
|
-
displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
|
|
474
|
-
componentId: "sc-4kc053-7"
|
|
475
|
-
})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
|
|
476
|
-
var $truncate = _ref7.$truncate;
|
|
477
|
-
return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
|
|
478
|
-
});
|
|
479
|
-
var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
|
|
480
|
-
displayName: "ItemStyles__StyledLabel",
|
|
481
|
-
componentId: "sc-4kc053-8"
|
|
482
|
-
})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
|
|
483
|
-
var $truncate = _ref8.$truncate;
|
|
484
|
-
return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["display:block;clear:both;"]);
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Divider: () => (/* reexport */ Menu_namespaceObject.Divider),
|
|
55
|
+
Heading: () => (/* reexport */ Menu_namespaceObject.Heading),
|
|
56
|
+
Option: () => (/* reexport */ Multiselect_Option),
|
|
57
|
+
"default": () => (/* reexport */ Multiselect_Multiselect)
|
|
485
58
|
});
|
|
486
|
-
var StyledMatch = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
487
|
-
displayName: "ItemStyles__StyledMatch",
|
|
488
|
-
componentId: "sc-4kc053-9"
|
|
489
|
-
})(["border-bottom:1px solid ", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
490
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
491
|
-
enterprise: {
|
|
492
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
|
|
493
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45
|
|
494
|
-
}
|
|
495
|
-
}));
|
|
496
|
-
var StyledSubmenu = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
497
|
-
displayName: "ItemStyles__StyledSubmenu",
|
|
498
|
-
componentId: "sc-4kc053-10"
|
|
499
|
-
})(["float:right;padding-left:", ";color:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacingSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
500
|
-
prisma: 'inherit',
|
|
501
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
|
|
502
|
-
}));
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
/***/ }),
|
|
506
|
-
/* 26 */,
|
|
507
|
-
/* 27 */,
|
|
508
|
-
/* 28 */
|
|
509
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
510
|
-
|
|
511
|
-
"use strict";
|
|
512
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
|
|
513
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
|
|
514
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
515
|
-
var ssrDocument = {
|
|
516
|
-
body: {
|
|
517
|
-
appendChild: function appendChild() {
|
|
518
|
-
return [];
|
|
519
|
-
}
|
|
520
|
-
},
|
|
521
|
-
addEventListener: function addEventListener() {},
|
|
522
|
-
removeEventListener: function removeEventListener() {},
|
|
523
|
-
activeElement: {
|
|
524
|
-
blur: function blur() {},
|
|
525
|
-
nodeName: ''
|
|
526
|
-
},
|
|
527
|
-
querySelector: function querySelector() {
|
|
528
|
-
return null;
|
|
529
|
-
},
|
|
530
|
-
querySelectorAll: function querySelectorAll() {
|
|
531
|
-
return [];
|
|
532
|
-
},
|
|
533
|
-
getElementById: function getElementById() {
|
|
534
|
-
return null;
|
|
535
|
-
},
|
|
536
|
-
createEvent: function createEvent() {
|
|
537
|
-
return {
|
|
538
|
-
initEvent: function initEvent() {}
|
|
539
|
-
};
|
|
540
|
-
},
|
|
541
|
-
createElement: function createElement() {
|
|
542
|
-
return {
|
|
543
|
-
children: [],
|
|
544
|
-
childNodes: [],
|
|
545
|
-
style: {},
|
|
546
|
-
setAttribute: function setAttribute() {},
|
|
547
|
-
getElementsByTagName: function getElementsByTagName() {
|
|
548
|
-
return [];
|
|
549
|
-
}
|
|
550
|
-
};
|
|
551
|
-
},
|
|
552
|
-
createElementNS: function createElementNS() {
|
|
553
|
-
return {};
|
|
554
|
-
},
|
|
555
|
-
importNode: function importNode() {
|
|
556
|
-
return null;
|
|
557
|
-
},
|
|
558
|
-
location: {
|
|
559
|
-
hash: '',
|
|
560
|
-
host: '',
|
|
561
|
-
hostname: '',
|
|
562
|
-
href: '',
|
|
563
|
-
origin: '',
|
|
564
|
-
pathname: '',
|
|
565
|
-
protocol: '',
|
|
566
|
-
search: ''
|
|
567
|
-
}
|
|
568
|
-
};
|
|
569
|
-
|
|
570
|
-
function getDocument() {
|
|
571
|
-
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
572
|
-
return doc;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
/***/ }),
|
|
578
|
-
/* 29 */,
|
|
579
|
-
/* 30 */
|
|
580
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
581
59
|
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
60
|
+
;// CONCATENATED MODULE: external "react"
|
|
61
|
+
const external_react_namespaceObject = require("react");
|
|
62
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
63
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
64
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
65
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "lodash/has"
|
|
67
|
+
const has_namespaceObject = require("lodash/has");
|
|
68
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
70
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
71
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
73
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
74
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Menu"
|
|
75
|
+
const Menu_namespaceObject = require("@splunk/react-ui/Menu");
|
|
76
|
+
;// CONCATENATED MODULE: ./src/Select/OptionBase.tsx
|
|
589
77
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
590
78
|
|
|
591
79
|
function _extends() { _extends = Object.assign || 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); }
|
|
@@ -621,31 +109,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
621
109
|
|
|
622
110
|
var propTypes = {
|
|
623
111
|
/** @private */
|
|
624
|
-
active:
|
|
625
|
-
children:
|
|
626
|
-
description:
|
|
627
|
-
descriptionPosition:
|
|
628
|
-
disabled:
|
|
629
|
-
hidden:
|
|
630
|
-
icon:
|
|
631
|
-
label:
|
|
112
|
+
active: (external_prop_types_default()).bool,
|
|
113
|
+
children: (external_prop_types_default()).node,
|
|
114
|
+
description: (external_prop_types_default()).string,
|
|
115
|
+
descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
|
|
116
|
+
disabled: (external_prop_types_default()).bool,
|
|
117
|
+
hidden: (external_prop_types_default()).bool,
|
|
118
|
+
icon: (external_prop_types_default()).node,
|
|
119
|
+
label: (external_prop_types_default()).string.isRequired,
|
|
632
120
|
|
|
633
121
|
/**
|
|
634
122
|
* @private Passed down from <BaseSelect>
|
|
635
123
|
*/
|
|
636
|
-
multiple:
|
|
637
|
-
matchRanges:
|
|
638
|
-
start:
|
|
639
|
-
end:
|
|
124
|
+
multiple: (external_prop_types_default()).bool,
|
|
125
|
+
matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
|
|
126
|
+
start: (external_prop_types_default()).number.isRequired,
|
|
127
|
+
end: (external_prop_types_default()).number.isRequired
|
|
640
128
|
})),
|
|
641
129
|
|
|
642
130
|
/** @private */
|
|
643
|
-
onClick:
|
|
131
|
+
onClick: (external_prop_types_default()).func,
|
|
644
132
|
|
|
645
133
|
/** @private */
|
|
646
|
-
selected:
|
|
647
|
-
truncate:
|
|
648
|
-
value:
|
|
134
|
+
selected: (external_prop_types_default()).bool,
|
|
135
|
+
truncate: (external_prop_types_default()).bool,
|
|
136
|
+
value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
|
|
649
137
|
};
|
|
650
138
|
var defaultProps = {
|
|
651
139
|
descriptionPosition: 'bottom',
|
|
@@ -726,7 +214,7 @@ var Option = /*#__PURE__*/function (_PureComponent) {
|
|
|
726
214
|
multiple = _this$props2.multiple,
|
|
727
215
|
otherProps = _objectWithoutProperties(_this$props2, ["value", "children", "label", "multiple"]);
|
|
728
216
|
|
|
729
|
-
return /*#__PURE__*/
|
|
217
|
+
return /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Item, _extends({
|
|
730
218
|
"aria-selected": this.props.selected,
|
|
731
219
|
"data-test-value": value,
|
|
732
220
|
"data-test": "option",
|
|
@@ -742,337 +230,260 @@ var Option = /*#__PURE__*/function (_PureComponent) {
|
|
|
742
230
|
}]);
|
|
743
231
|
|
|
744
232
|
return Option;
|
|
745
|
-
}(
|
|
233
|
+
}(external_react_namespaceObject.PureComponent);
|
|
746
234
|
|
|
747
235
|
_defineProperty(Option, "propTypes", propTypes);
|
|
748
236
|
|
|
749
237
|
_defineProperty(Option, "defaultProps", defaultProps);
|
|
750
238
|
|
|
751
|
-
_defineProperty(Option, "type",
|
|
239
|
+
_defineProperty(Option, "type", Menu_namespaceObject.Item);
|
|
752
240
|
|
|
753
|
-
/* harmony default export */
|
|
241
|
+
/* harmony default export */ const OptionBase = (Option);
|
|
242
|
+
;// CONCATENATED MODULE: ./src/Multiselect/Option.tsx
|
|
243
|
+
function Option_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Option_typeof = function _typeof(obj) { return typeof obj; }; } else { Option_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Option_typeof(obj); }
|
|
754
244
|
|
|
755
|
-
|
|
756
|
-
/* 31 */,
|
|
757
|
-
/* 32 */
|
|
758
|
-
/***/ (function(module, exports) {
|
|
245
|
+
function Option_extends() { Option_extends = Object.assign || 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 Option_extends.apply(this, arguments); }
|
|
759
246
|
|
|
760
|
-
|
|
247
|
+
function Option_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Option_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; }
|
|
761
248
|
|
|
762
|
-
|
|
763
|
-
/* 33 */,
|
|
764
|
-
/* 34 */,
|
|
765
|
-
/* 35 */
|
|
766
|
-
/***/ (function(module, exports) {
|
|
249
|
+
function Option_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; }
|
|
767
250
|
|
|
768
|
-
|
|
251
|
+
function Option_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
769
252
|
|
|
770
|
-
|
|
771
|
-
/* 36 */,
|
|
772
|
-
/* 37 */
|
|
773
|
-
/***/ (function(module, exports) {
|
|
253
|
+
function Option_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
774
254
|
|
|
775
|
-
|
|
255
|
+
function Option_createClass(Constructor, protoProps, staticProps) { if (protoProps) Option_defineProperties(Constructor.prototype, protoProps); if (staticProps) Option_defineProperties(Constructor, staticProps); return Constructor; }
|
|
776
256
|
|
|
777
|
-
|
|
778
|
-
/* 38 */,
|
|
779
|
-
/* 39 */
|
|
780
|
-
/***/ (function(module, exports) {
|
|
257
|
+
function Option_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Option_setPrototypeOf(subClass, superClass); }
|
|
781
258
|
|
|
782
|
-
|
|
259
|
+
function Option_setPrototypeOf(o, p) { Option_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Option_setPrototypeOf(o, p); }
|
|
783
260
|
|
|
784
|
-
|
|
785
|
-
/* 40 */
|
|
786
|
-
/***/ (function(module, exports) {
|
|
261
|
+
function Option_createSuper(Derived) { var hasNativeReflectConstruct = Option_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Option_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Option_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Option_possibleConstructorReturn(this, result); }; }
|
|
787
262
|
|
|
788
|
-
|
|
263
|
+
function Option_possibleConstructorReturn(self, call) { if (call && (Option_typeof(call) === "object" || typeof call === "function")) { return call; } return Option_assertThisInitialized(self); }
|
|
789
264
|
|
|
790
|
-
|
|
791
|
-
/* 41 */,
|
|
792
|
-
/* 42 */
|
|
793
|
-
/***/ (function(module, exports) {
|
|
265
|
+
function Option_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
794
266
|
|
|
795
|
-
|
|
267
|
+
function Option_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
796
268
|
|
|
797
|
-
|
|
798
|
-
/* 43 */,
|
|
799
|
-
/* 44 */
|
|
800
|
-
/***/ (function(module, exports) {
|
|
269
|
+
function Option_getPrototypeOf(o) { Option_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Option_getPrototypeOf(o); }
|
|
801
270
|
|
|
802
|
-
|
|
271
|
+
function Option_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
803
272
|
|
|
804
|
-
/***/ }),
|
|
805
|
-
/* 45 */,
|
|
806
|
-
/* 46 */,
|
|
807
|
-
/* 47 */
|
|
808
|
-
/***/ (function(module, exports) {
|
|
809
273
|
|
|
810
|
-
module.exports = require("@splunk/react-ui/ResultsMenu");
|
|
811
274
|
|
|
812
|
-
/***/ }),
|
|
813
|
-
/* 48 */,
|
|
814
|
-
/* 49 */
|
|
815
|
-
/***/ (function(module, exports) {
|
|
816
275
|
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
/* 51 */,
|
|
822
|
-
/* 52 */
|
|
823
|
-
/***/ (function(module, exports) {
|
|
824
|
-
|
|
825
|
-
module.exports = require("lodash/extend");
|
|
826
|
-
|
|
827
|
-
/***/ }),
|
|
828
|
-
/* 53 */,
|
|
829
|
-
/* 54 */
|
|
830
|
-
/***/ (function(module, exports) {
|
|
831
|
-
|
|
832
|
-
module.exports = require("@splunk/react-icons/enterprise/Search");
|
|
833
|
-
|
|
834
|
-
/***/ }),
|
|
835
|
-
/* 55 */
|
|
836
|
-
/***/ (function(module, exports) {
|
|
837
|
-
|
|
838
|
-
module.exports = require("lodash/find");
|
|
839
|
-
|
|
840
|
-
/***/ }),
|
|
841
|
-
/* 56 */
|
|
842
|
-
/***/ (function(module, exports) {
|
|
843
|
-
|
|
844
|
-
module.exports = require("@splunk/react-icons/CaretSmallDown");
|
|
845
|
-
|
|
846
|
-
/***/ }),
|
|
847
|
-
/* 57 */
|
|
848
|
-
/***/ (function(module, exports) {
|
|
849
|
-
|
|
850
|
-
module.exports = require("@splunk/react-icons/enterprise/Caret");
|
|
851
|
-
|
|
852
|
-
/***/ }),
|
|
853
|
-
/* 58 */
|
|
854
|
-
/***/ (function(module, exports) {
|
|
276
|
+
var Option_propTypes = {
|
|
277
|
+
/** @private */
|
|
278
|
+
active: (external_prop_types_default()).bool,
|
|
279
|
+
children: (external_prop_types_default()).node,
|
|
855
280
|
|
|
856
|
-
|
|
281
|
+
/**
|
|
282
|
+
* @private this is passed down from Multiselect.
|
|
283
|
+
*/
|
|
284
|
+
compact: (external_prop_types_default()).bool,
|
|
285
|
+
description: (external_prop_types_default()).string,
|
|
286
|
+
descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
|
|
287
|
+
disabled: (external_prop_types_default()).bool,
|
|
288
|
+
hidden: (external_prop_types_default()).bool,
|
|
289
|
+
icon: (external_prop_types_default()).node,
|
|
290
|
+
label: (external_prop_types_default()).string.isRequired,
|
|
291
|
+
matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
|
|
292
|
+
start: (external_prop_types_default()).number.isRequired,
|
|
293
|
+
end: (external_prop_types_default()).number.isRequired
|
|
294
|
+
})),
|
|
857
295
|
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
296
|
+
/** @private */
|
|
297
|
+
onClick: (external_prop_types_default()).func,
|
|
861
298
|
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
299
|
+
/** @private */
|
|
300
|
+
selected: (external_prop_types_default()).bool,
|
|
301
|
+
selectedAppearance: external_prop_types_default().oneOf(['info', 'success', 'warning', 'error']),
|
|
302
|
+
selectedBackgroundColor: (external_prop_types_default()).string,
|
|
303
|
+
selectedForegroundColor: (external_prop_types_default()).string,
|
|
304
|
+
truncate: (external_prop_types_default()).bool,
|
|
305
|
+
value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
|
|
868
306
|
};
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
var defaultMatch = null;
|
|
876
|
-
var hasMatch = false;
|
|
877
|
-
var matches = options.filter(function (option) {
|
|
878
|
-
var characterValue = charFromMatchOption(option, matchChar.index);
|
|
879
|
-
|
|
880
|
-
if (characterValue === matchChar.value) {
|
|
881
|
-
hasMatch = true;
|
|
882
|
-
return true;
|
|
883
|
-
} // If we haven't found a match yet, keep track of the next closest match.
|
|
884
|
-
// Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
if (!hasMatch) {
|
|
888
|
-
var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
|
|
889
|
-
|
|
890
|
-
if (!defaultValue) {
|
|
891
|
-
defaultMatch = option;
|
|
892
|
-
} else if (characterValue > matchChar.value) {
|
|
893
|
-
if (defaultValue < matchChar.value) {
|
|
894
|
-
defaultMatch = option;
|
|
895
|
-
} else if (defaultValue > characterValue) {
|
|
896
|
-
defaultMatch = option;
|
|
897
|
-
}
|
|
898
|
-
} else if (characterValue > defaultValue) {
|
|
899
|
-
defaultMatch = option;
|
|
900
|
-
}
|
|
901
|
-
}
|
|
902
|
-
|
|
903
|
-
return false;
|
|
904
|
-
});
|
|
905
|
-
return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
|
|
307
|
+
var Option_defaultProps = {
|
|
308
|
+
compact: false,
|
|
309
|
+
descriptionPosition: 'bottom',
|
|
310
|
+
disabled: false,
|
|
311
|
+
selected: false,
|
|
312
|
+
truncate: false
|
|
906
313
|
};
|
|
907
314
|
|
|
315
|
+
/**
|
|
316
|
+
* An option within a `Multiselect`. This inherits from
|
|
317
|
+
* [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
|
|
318
|
+
* so any elements passed to it must also be pure.
|
|
319
|
+
*/
|
|
320
|
+
var Option_Option = /*#__PURE__*/function (_PureComponent) {
|
|
321
|
+
Option_inherits(Option, _PureComponent);
|
|
908
322
|
|
|
323
|
+
var _super = Option_createSuper(Option);
|
|
909
324
|
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
/* 61 */
|
|
913
|
-
/***/ (function(module, exports) {
|
|
914
|
-
|
|
915
|
-
module.exports = require("lodash/without");
|
|
916
|
-
|
|
917
|
-
/***/ }),
|
|
918
|
-
/* 62 */
|
|
919
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
920
|
-
|
|
921
|
-
"use strict";
|
|
922
|
-
|
|
923
|
-
// EXPORTS
|
|
924
|
-
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ Menu_["Divider"]; });
|
|
925
|
-
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ Menu_["Heading"]; });
|
|
926
|
-
__webpack_require__.d(__webpack_exports__, "d", function() { return /* binding */ isOption; });
|
|
927
|
-
|
|
928
|
-
// UNUSED EXPORTS: Option
|
|
929
|
-
|
|
930
|
-
// EXTERNAL MODULE: external "react"
|
|
931
|
-
var external_react_ = __webpack_require__(2);
|
|
932
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
933
|
-
|
|
934
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
935
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
936
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
937
|
-
|
|
938
|
-
// EXTERNAL MODULE: external "lodash/castArray"
|
|
939
|
-
var castArray_ = __webpack_require__(67);
|
|
940
|
-
var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
|
|
941
|
-
|
|
942
|
-
// EXTERNAL MODULE: external "lodash/find"
|
|
943
|
-
var find_ = __webpack_require__(55);
|
|
944
|
-
var find_default = /*#__PURE__*/__webpack_require__.n(find_);
|
|
945
|
-
|
|
946
|
-
// EXTERNAL MODULE: external "lodash/forEachRight"
|
|
947
|
-
var forEachRight_ = __webpack_require__(105);
|
|
948
|
-
var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
|
|
949
|
-
|
|
950
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
951
|
-
var has_ = __webpack_require__(11);
|
|
952
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
953
|
-
|
|
954
|
-
// EXTERNAL MODULE: external "lodash/includes"
|
|
955
|
-
var includes_ = __webpack_require__(15);
|
|
956
|
-
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
957
|
-
|
|
958
|
-
// EXTERNAL MODULE: external "lodash/isUndefined"
|
|
959
|
-
var isUndefined_ = __webpack_require__(42);
|
|
960
|
-
var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
|
|
961
|
-
|
|
962
|
-
// EXTERNAL MODULE: external "lodash/keys"
|
|
963
|
-
var keys_ = __webpack_require__(9);
|
|
964
|
-
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
965
|
-
|
|
966
|
-
// EXTERNAL MODULE: external "lodash/memoize"
|
|
967
|
-
var memoize_ = __webpack_require__(40);
|
|
968
|
-
var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_);
|
|
969
|
-
|
|
970
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
971
|
-
var omit_ = __webpack_require__(5);
|
|
972
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
973
|
-
|
|
974
|
-
// EXTERNAL MODULE: external "lodash/pick"
|
|
975
|
-
var pick_ = __webpack_require__(44);
|
|
976
|
-
var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
|
|
977
|
-
|
|
978
|
-
// EXTERNAL MODULE: external "lodash/uniq"
|
|
979
|
-
var uniq_ = __webpack_require__(106);
|
|
980
|
-
var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
|
|
981
|
-
|
|
982
|
-
// EXTERNAL MODULE: external "lodash/without"
|
|
983
|
-
var without_ = __webpack_require__(61);
|
|
984
|
-
var without_default = /*#__PURE__*/__webpack_require__.n(without_);
|
|
985
|
-
|
|
986
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
987
|
-
var id_ = __webpack_require__(8);
|
|
988
|
-
|
|
989
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
|
|
990
|
-
var Menu_ = __webpack_require__(13);
|
|
991
|
-
|
|
992
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
993
|
-
var Dropdown_ = __webpack_require__(22);
|
|
994
|
-
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
995
|
-
|
|
996
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
997
|
-
var keyboard_ = __webpack_require__(7);
|
|
998
|
-
|
|
999
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
|
|
1000
|
-
var filter_ = __webpack_require__(35);
|
|
1001
|
-
|
|
1002
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Link"
|
|
1003
|
-
var Link_ = __webpack_require__(37);
|
|
1004
|
-
var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
|
|
325
|
+
function Option() {
|
|
326
|
+
var _this;
|
|
1005
327
|
|
|
1006
|
-
|
|
1007
|
-
var ResultsMenu_ = __webpack_require__(47);
|
|
1008
|
-
var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
|
|
328
|
+
Option_classCallCheck(this, Option);
|
|
1009
329
|
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
330
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
331
|
+
args[_key] = arguments[_key];
|
|
332
|
+
}
|
|
1013
333
|
|
|
1014
|
-
|
|
1015
|
-
var i18n_ = __webpack_require__(4);
|
|
334
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
1016
335
|
|
|
1017
|
-
|
|
1018
|
-
var CaretSmallDown_ = __webpack_require__(56);
|
|
1019
|
-
var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
|
|
336
|
+
Option_defineProperty(Option_assertThisInitialized(_this), "c", null);
|
|
1020
337
|
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
338
|
+
Option_defineProperty(Option_assertThisInitialized(_this), "handleMount", function (c) {
|
|
339
|
+
_this.c = c;
|
|
340
|
+
});
|
|
1024
341
|
|
|
1025
|
-
|
|
1026
|
-
|
|
342
|
+
return _this;
|
|
343
|
+
}
|
|
1027
344
|
|
|
1028
|
-
|
|
345
|
+
Option_createClass(Option, [{
|
|
346
|
+
key: "scrollIntoViewIfNeeded",
|
|
347
|
+
value: function scrollIntoViewIfNeeded() {
|
|
348
|
+
var _this$c;
|
|
1029
349
|
|
|
350
|
+
(_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
|
|
351
|
+
}
|
|
352
|
+
/**
|
|
353
|
+
* Place focus on the button.
|
|
354
|
+
*/
|
|
1030
355
|
|
|
356
|
+
}, {
|
|
357
|
+
key: "focus",
|
|
358
|
+
value: function focus() {
|
|
359
|
+
var _this$c2;
|
|
1031
360
|
|
|
361
|
+
(_this$c2 = this.c) === null || _this$c2 === void 0 ? void 0 : _this$c2.focus();
|
|
362
|
+
}
|
|
363
|
+
}, {
|
|
364
|
+
key: "render",
|
|
365
|
+
value: function render() {
|
|
366
|
+
var _this$props = this.props,
|
|
367
|
+
compact = _this$props.compact,
|
|
368
|
+
otherProps = Option_objectWithoutProperties(_this$props, ["compact"]);
|
|
1032
369
|
|
|
370
|
+
return /*#__PURE__*/external_react_default().createElement(OptionBase, Option_extends({}, otherProps, {
|
|
371
|
+
multiple: compact,
|
|
372
|
+
ref: this.handleMount
|
|
373
|
+
}), this.props.children || this.props.label);
|
|
374
|
+
}
|
|
375
|
+
}]);
|
|
1033
376
|
|
|
1034
|
-
|
|
1035
|
-
|
|
377
|
+
return Option;
|
|
378
|
+
}(external_react_namespaceObject.PureComponent);
|
|
379
|
+
|
|
380
|
+
Option_defineProperty(Option_Option, "propTypes", Option_propTypes);
|
|
381
|
+
|
|
382
|
+
Option_defineProperty(Option_Option, "defaultProps", Option_defaultProps);
|
|
383
|
+
|
|
384
|
+
/* harmony default export */ const Multiselect_Option = (Option_Option);
|
|
385
|
+
;// CONCATENATED MODULE: external "lodash/castArray"
|
|
386
|
+
const castArray_namespaceObject = require("lodash/castArray");
|
|
387
|
+
var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_namespaceObject);
|
|
388
|
+
;// CONCATENATED MODULE: external "lodash/find"
|
|
389
|
+
const find_namespaceObject = require("lodash/find");
|
|
390
|
+
var find_default = /*#__PURE__*/__webpack_require__.n(find_namespaceObject);
|
|
391
|
+
;// CONCATENATED MODULE: external "lodash/forEachRight"
|
|
392
|
+
const forEachRight_namespaceObject = require("lodash/forEachRight");
|
|
393
|
+
var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_namespaceObject);
|
|
394
|
+
;// CONCATENATED MODULE: external "lodash/includes"
|
|
395
|
+
const includes_namespaceObject = require("lodash/includes");
|
|
396
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
|
|
397
|
+
;// CONCATENATED MODULE: external "lodash/isUndefined"
|
|
398
|
+
const isUndefined_namespaceObject = require("lodash/isUndefined");
|
|
399
|
+
var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_namespaceObject);
|
|
400
|
+
;// CONCATENATED MODULE: external "lodash/keys"
|
|
401
|
+
const keys_namespaceObject = require("lodash/keys");
|
|
402
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
|
|
403
|
+
;// CONCATENATED MODULE: external "lodash/memoize"
|
|
404
|
+
const memoize_namespaceObject = require("lodash/memoize");
|
|
405
|
+
var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_namespaceObject);
|
|
406
|
+
;// CONCATENATED MODULE: external "lodash/pick"
|
|
407
|
+
const pick_namespaceObject = require("lodash/pick");
|
|
408
|
+
var pick_default = /*#__PURE__*/__webpack_require__.n(pick_namespaceObject);
|
|
409
|
+
;// CONCATENATED MODULE: external "lodash/uniq"
|
|
410
|
+
const uniq_namespaceObject = require("lodash/uniq");
|
|
411
|
+
var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_namespaceObject);
|
|
412
|
+
;// CONCATENATED MODULE: external "lodash/without"
|
|
413
|
+
const without_namespaceObject = require("lodash/without");
|
|
414
|
+
var without_default = /*#__PURE__*/__webpack_require__.n(without_namespaceObject);
|
|
415
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
416
|
+
const id_namespaceObject = require("@splunk/ui-utils/id");
|
|
417
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
418
|
+
const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
|
|
419
|
+
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
|
|
420
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
421
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
422
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/filter"
|
|
423
|
+
const filter_namespaceObject = require("@splunk/ui-utils/filter");
|
|
424
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Link"
|
|
425
|
+
const Link_namespaceObject = require("@splunk/react-ui/Link");
|
|
426
|
+
var Link_default = /*#__PURE__*/__webpack_require__.n(Link_namespaceObject);
|
|
427
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
|
|
428
|
+
const ResultsMenu_namespaceObject = require("@splunk/react-ui/ResultsMenu");
|
|
429
|
+
var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_namespaceObject);
|
|
430
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Text"
|
|
431
|
+
const Text_namespaceObject = require("@splunk/react-ui/Text");
|
|
432
|
+
var Text_default = /*#__PURE__*/__webpack_require__.n(Text_namespaceObject);
|
|
433
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
|
|
434
|
+
const CaretSmallDown_namespaceObject = require("@splunk/react-icons/CaretSmallDown");
|
|
435
|
+
var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_namespaceObject);
|
|
436
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
|
|
437
|
+
const Caret_namespaceObject = require("@splunk/react-icons/enterprise/Caret");
|
|
438
|
+
var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_namespaceObject);
|
|
439
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
440
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
441
|
+
;// CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
|
|
442
|
+
|
|
443
|
+
|
|
444
|
+
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
var CaretSmallDownIcon = function CaretSmallDownIcon() {
|
|
448
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
1036
449
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
1037
450
|
|
|
1038
|
-
var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default.
|
|
451
|
+
var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Caret_default()), {
|
|
1039
452
|
screenReaderText: null,
|
|
1040
453
|
hideDefaultTooltip: true,
|
|
1041
454
|
size: 0.5
|
|
1042
|
-
}) : /*#__PURE__*/external_react_default.
|
|
455
|
+
}) : /*#__PURE__*/external_react_default().createElement((CaretSmallDown_default()), null);
|
|
1043
456
|
return familyCaretSmallDownIcon;
|
|
1044
457
|
};
|
|
1045
458
|
|
|
1046
|
-
/* harmony default export */
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
var Search_default = /*#__PURE__*/__webpack_require__.n(
|
|
459
|
+
/* harmony default export */ const CaretSmallDown = (CaretSmallDownIcon);
|
|
460
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
|
|
461
|
+
const Search_namespaceObject = require("@splunk/react-icons/enterprise/Search");
|
|
462
|
+
var Search_default = /*#__PURE__*/__webpack_require__.n(Search_namespaceObject);
|
|
463
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
|
|
464
|
+
const Magnifier_namespaceObject = require("@splunk/react-icons/Magnifier");
|
|
465
|
+
var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_namespaceObject);
|
|
466
|
+
;// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
|
|
1050
467
|
|
|
1051
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
|
|
1052
|
-
var Magnifier_ = __webpack_require__(49);
|
|
1053
|
-
var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
|
|
1054
468
|
|
|
1055
|
-
// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
|
|
1056
469
|
|
|
1057
470
|
|
|
1058
471
|
|
|
1059
472
|
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
var Search_Search = function Search() {
|
|
1063
|
-
var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
|
|
473
|
+
var Search = function Search() {
|
|
474
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
1064
475
|
isEnterprise = _useSplunkTheme.isEnterprise,
|
|
1065
476
|
isCompact = _useSplunkTheme.isCompact;
|
|
1066
477
|
|
|
1067
|
-
var screenReaderText =
|
|
478
|
+
var screenReaderText = (0,i18n_namespaceObject._)('Search');
|
|
1068
479
|
|
|
1069
480
|
var prismaSize = isCompact ? '20px' : '24px';
|
|
1070
|
-
var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default.
|
|
481
|
+
var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Search_default()), {
|
|
1071
482
|
role: "presentation",
|
|
1072
483
|
size: "16px",
|
|
1073
484
|
screenReaderText: screenReaderText,
|
|
1074
485
|
hideDefaultTooltip: true
|
|
1075
|
-
}) : /*#__PURE__*/external_react_default.
|
|
486
|
+
}) : /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
|
|
1076
487
|
role: "presentation",
|
|
1077
488
|
"aria-label": screenReaderText,
|
|
1078
489
|
width: prismaSize,
|
|
@@ -1081,50 +492,223 @@ var Search_Search = function Search() {
|
|
|
1081
492
|
return familyIcon;
|
|
1082
493
|
};
|
|
1083
494
|
|
|
1084
|
-
/* harmony default export */
|
|
1085
|
-
|
|
1086
|
-
|
|
495
|
+
/* harmony default export */ const icons_Search = (Search);
|
|
496
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
497
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
498
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
499
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
500
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
501
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
502
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
|
|
503
|
+
const Switch_namespaceObject = require("@splunk/react-ui/Switch");
|
|
504
|
+
var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
|
|
505
|
+
;// CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
|
|
506
|
+
|
|
507
|
+
|
|
1087
508
|
|
|
1088
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
1089
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
1090
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
1091
509
|
|
|
1092
|
-
|
|
1093
|
-
|
|
510
|
+
var itemDescription = (0,external_styled_components_namespaceObject.css)(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], (0,themes_namespaceObject.pick)({
|
|
511
|
+
prisma: themes_namespaceObject.variables.contentColorDefault,
|
|
512
|
+
enterprise: themes_namespaceObject.variables.textGray
|
|
513
|
+
}), themes_namespaceObject.variables.fontSizeSmall, (0,themes_namespaceObject.pick)({
|
|
514
|
+
prisma: '16px'
|
|
515
|
+
}));
|
|
516
|
+
var StyledItemDescriptionBottom = external_styled_components_default().span.withConfig({
|
|
517
|
+
displayName: "ItemStyles__StyledItemDescriptionBottom",
|
|
518
|
+
componentId: "sc-4kc053-0"
|
|
519
|
+
})(["", ";display:block;"], itemDescription);
|
|
520
|
+
var StyledItemDescriptionRight = external_styled_components_default().span.withConfig({
|
|
521
|
+
displayName: "ItemStyles__StyledItemDescriptionRight",
|
|
522
|
+
componentId: "sc-4kc053-1"
|
|
523
|
+
})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_namespaceObject.variables.spacing);
|
|
524
|
+
var StyledItemSelectedIcon = external_styled_components_default().div.withConfig({
|
|
525
|
+
displayName: "ItemStyles__StyledItemSelectedIcon",
|
|
526
|
+
componentId: "sc-4kc053-2"
|
|
527
|
+
})(["position:absolute;", " color:", ";"], (0,themes_namespaceObject.pick)({
|
|
528
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["right:16px;"]),
|
|
529
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["top:5px;right:3px;left:8px;"])
|
|
530
|
+
}), (0,themes_namespaceObject.pick)({
|
|
531
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
532
|
+
enterprise: themes_namespaceObject.variables.accentColorL10
|
|
533
|
+
}));
|
|
534
|
+
var StyledItemIcon = external_styled_components_default().span.withConfig({
|
|
535
|
+
displayName: "ItemStyles__StyledItemIcon",
|
|
536
|
+
componentId: "sc-4kc053-3"
|
|
537
|
+
})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], (0,themes_namespaceObject.pick)({
|
|
538
|
+
prisma: '8px',
|
|
539
|
+
enterprise: '3px'
|
|
540
|
+
}), (0,themes_namespaceObject.pick)({
|
|
541
|
+
prisma: 'initial',
|
|
542
|
+
enterprise: 'middle'
|
|
543
|
+
}), (0,themes_namespaceObject.pick)({
|
|
544
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_namespaceObject.variables.contentColorMuted),
|
|
545
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["transform:translateY(-1px);"])
|
|
546
|
+
}));
|
|
547
|
+
var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
|
|
548
|
+
displayName: "ItemStyles__StyledClickable",
|
|
549
|
+
componentId: "sc-4kc053-4"
|
|
550
|
+
})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], (0,themes_namespaceObject.pick)({
|
|
551
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
552
|
+
enterprise: {
|
|
553
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
554
|
+
light: themes_namespaceObject.variables.gray22
|
|
555
|
+
}
|
|
556
|
+
}), (0,themes_namespaceObject.pick)({
|
|
557
|
+
prisma: {
|
|
558
|
+
comfortable: '10px 16px',
|
|
559
|
+
compact: '6px 16px'
|
|
560
|
+
},
|
|
561
|
+
enterprise: '6px 10px'
|
|
562
|
+
}), function (_ref) {
|
|
563
|
+
var $isSelectable = _ref.$isSelectable,
|
|
564
|
+
$selectableAppearance = _ref.$selectableAppearance;
|
|
565
|
+
return $isSelectable && (0,themes_namespaceObject.pick)({
|
|
566
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding-right:44px;", ""], function () {
|
|
567
|
+
return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
|
|
568
|
+
}),
|
|
569
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding-right:10px;padding-left:", ";"], function () {
|
|
570
|
+
return $selectableAppearance === 'checkbox' ? '32px' : '28px';
|
|
571
|
+
})
|
|
572
|
+
});
|
|
573
|
+
}, function (_ref2) {
|
|
574
|
+
var $active = _ref2.$active,
|
|
575
|
+
$preventFocus = _ref2.$preventFocus;
|
|
576
|
+
return $active && !$preventFocus && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadowInset);
|
|
577
|
+
}, function (_ref3) {
|
|
578
|
+
var $active = _ref3.$active;
|
|
579
|
+
return $active && (0,external_styled_components_namespaceObject.css)(["background:", ";font-weight:", ";"], (0,themes_namespaceObject.pick)({
|
|
580
|
+
enterprise: {
|
|
581
|
+
light: themes_namespaceObject.variables.gray92,
|
|
582
|
+
dark: themes_namespaceObject.variables.gray22
|
|
583
|
+
},
|
|
584
|
+
prisma: themes_namespaceObject.variables.neutral100
|
|
585
|
+
}), themes_namespaceObject.variables.fontWeightBold);
|
|
586
|
+
}, (0,themes_namespaceObject.pick)({
|
|
587
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover,
|
|
588
|
+
enterprise: themes_namespaceObject.variables.backgroundColorHover
|
|
589
|
+
}), function (_ref4) {
|
|
590
|
+
var $selected = _ref4.$selected;
|
|
591
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
592
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover))
|
|
593
|
+
});
|
|
594
|
+
}, themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
|
|
595
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover)
|
|
596
|
+
}), (0,themes_namespaceObject.pick)({
|
|
597
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlayActive)
|
|
598
|
+
}), function (_ref5) {
|
|
599
|
+
var $selected = _ref5.$selected;
|
|
600
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
601
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayActive))
|
|
602
|
+
});
|
|
603
|
+
}, (0,themes_namespaceObject.pick)({
|
|
604
|
+
enterprise: {
|
|
605
|
+
light: themes_namespaceObject.variables.gray45,
|
|
606
|
+
dark: themes_namespaceObject.variables.contentColorDisabled
|
|
607
|
+
},
|
|
608
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled
|
|
609
|
+
}),
|
|
610
|
+
/* sc-sel */
|
|
611
|
+
StyledItemDescriptionBottom,
|
|
612
|
+
/* sc-sel */
|
|
613
|
+
StyledItemDescriptionRight,
|
|
614
|
+
/* sc-sel */
|
|
615
|
+
StyledItemSelectedIcon, (0,themes_namespaceObject.pick)({
|
|
616
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled,
|
|
617
|
+
enterprise: themes_namespaceObject.variables.gray80
|
|
618
|
+
}), (0,themes_namespaceObject.pick)({
|
|
619
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["& > * > ", "{color:", ";}"],
|
|
620
|
+
/* sc-sel */
|
|
621
|
+
StyledItemIcon, themes_namespaceObject.variables.contentColorDisabled)
|
|
622
|
+
}), function (_ref6) {
|
|
623
|
+
var $selected = _ref6.$selected;
|
|
624
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
625
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["", "{color:", ";}"],
|
|
626
|
+
/* sc-sel */
|
|
627
|
+
StyledItemIcon, themes_namespaceObject.variables.contentColorActive)
|
|
628
|
+
});
|
|
629
|
+
});
|
|
630
|
+
var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
|
|
631
|
+
displayName: "ItemStyles__StyledSwitch",
|
|
632
|
+
componentId: "sc-4kc053-5"
|
|
633
|
+
})(["position:absolute;left:", ";top:", ";"], (0,themes_namespaceObject.pick)({
|
|
634
|
+
prisma: '16px',
|
|
635
|
+
enterprise: '8px'
|
|
636
|
+
}), (0,themes_namespaceObject.pick)({
|
|
637
|
+
prisma: '0px',
|
|
638
|
+
enterprise: {
|
|
639
|
+
comfortable: '-1px',
|
|
640
|
+
compact: '2px'
|
|
641
|
+
}
|
|
642
|
+
}));
|
|
643
|
+
var StyledInnerWrapper = external_styled_components_default().span.withConfig({
|
|
644
|
+
displayName: "ItemStyles__StyledInnerWrapper",
|
|
645
|
+
componentId: "sc-4kc053-6"
|
|
646
|
+
})(["display:flex;align-items:flex-start;"]);
|
|
647
|
+
var StyledTitleAndDescriptionWrapper = external_styled_components_default().span.withConfig({
|
|
648
|
+
displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
|
|
649
|
+
componentId: "sc-4kc053-7"
|
|
650
|
+
})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
|
|
651
|
+
var $truncate = _ref7.$truncate;
|
|
652
|
+
return $truncate && (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
|
|
653
|
+
});
|
|
654
|
+
var StyledLabel = external_styled_components_default().div.withConfig({
|
|
655
|
+
displayName: "ItemStyles__StyledLabel",
|
|
656
|
+
componentId: "sc-4kc053-8"
|
|
657
|
+
})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
|
|
658
|
+
var $truncate = _ref8.$truncate;
|
|
659
|
+
return $truncate && (0,external_styled_components_namespaceObject.css)(["display:block;clear:both;"]);
|
|
660
|
+
});
|
|
661
|
+
var StyledMatch = external_styled_components_default().span.withConfig({
|
|
662
|
+
displayName: "ItemStyles__StyledMatch",
|
|
663
|
+
componentId: "sc-4kc053-9"
|
|
664
|
+
})(["border-bottom:1px solid ", ";"], (0,themes_namespaceObject.pick)({
|
|
665
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
666
|
+
enterprise: {
|
|
667
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
668
|
+
light: themes_namespaceObject.variables.gray45
|
|
669
|
+
}
|
|
670
|
+
}));
|
|
671
|
+
var StyledSubmenu = external_styled_components_default().span.withConfig({
|
|
672
|
+
displayName: "ItemStyles__StyledSubmenu",
|
|
673
|
+
componentId: "sc-4kc053-10"
|
|
674
|
+
})(["float:right;padding-left:", ";color:", ";"], themes_namespaceObject.variables.spacingSmall, (0,themes_namespaceObject.pick)({
|
|
675
|
+
prisma: 'inherit',
|
|
676
|
+
enterprise: themes_namespaceObject.variables.textGray
|
|
677
|
+
}));
|
|
1094
678
|
|
|
1095
|
-
|
|
679
|
+
;// CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
|
|
1096
680
|
|
|
1097
681
|
|
|
1098
682
|
|
|
1099
683
|
|
|
1100
|
-
var StyledSelectAllLabel = external_styled_components_default()(
|
|
684
|
+
var StyledSelectAllLabel = external_styled_components_default()(StyledLabel).withConfig({
|
|
1101
685
|
displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
|
|
1102
686
|
componentId: "y6bn08-0"
|
|
1103
|
-
})(["font-weight:", ";"],
|
|
1104
|
-
var StyledSelectAllOption = external_styled_components_default()(OptionBase
|
|
687
|
+
})(["font-weight:", ";"], themes_namespaceObject.variables.fontWeightBold);
|
|
688
|
+
var StyledSelectAllOption = external_styled_components_default()(OptionBase).withConfig({
|
|
1105
689
|
displayName: "SelectAllOptionStyles__StyledSelectAllOption",
|
|
1106
690
|
componentId: "y6bn08-1"
|
|
1107
|
-
})(["padding-inline-start:", ";box-shadow:none;"],
|
|
691
|
+
})(["padding-inline-start:", ";box-shadow:none;"], (0,themes_namespaceObject.pick)({
|
|
1108
692
|
prisma: '42px;',
|
|
1109
693
|
enterprise: '32px;'
|
|
1110
694
|
}));
|
|
1111
695
|
|
|
1112
|
-
|
|
696
|
+
;// CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
|
|
1113
697
|
|
|
1114
698
|
|
|
1115
699
|
|
|
1116
700
|
|
|
1117
|
-
var
|
|
1118
|
-
active: external_prop_types_default.
|
|
1119
|
-
elementRef: external_prop_types_default.
|
|
1120
|
-
id: external_prop_types_default.
|
|
1121
|
-
onClick: external_prop_types_default.
|
|
1122
|
-
selectAllLabel: external_prop_types_default.
|
|
1123
|
-
totalCount: external_prop_types_default.
|
|
1124
|
-
changedToggle: external_prop_types_default.
|
|
1125
|
-
selected: external_prop_types_default.
|
|
701
|
+
var SelectAllOption_propTypes = {
|
|
702
|
+
active: (external_prop_types_default()).bool,
|
|
703
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
704
|
+
id: (external_prop_types_default()).string,
|
|
705
|
+
onClick: (external_prop_types_default()).func,
|
|
706
|
+
selectAllLabel: (external_prop_types_default()).string,
|
|
707
|
+
totalCount: (external_prop_types_default()).number,
|
|
708
|
+
changedToggle: (external_prop_types_default()).bool,
|
|
709
|
+
selected: external_prop_types_default().oneOf([false, true, 'some'])
|
|
1126
710
|
};
|
|
1127
|
-
var SelectAllOption = /*#__PURE__*/external_react_default.
|
|
711
|
+
var SelectAllOption = /*#__PURE__*/external_react_default().forwardRef(function (_ref, ref) {
|
|
1128
712
|
var active = _ref.active,
|
|
1129
713
|
id = _ref.id,
|
|
1130
714
|
onClick = _ref.onClick,
|
|
@@ -1134,7 +718,7 @@ var SelectAllOption = /*#__PURE__*/external_react_default.a.forwardRef(function
|
|
|
1134
718
|
selected = _ref.selected;
|
|
1135
719
|
// When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
|
|
1136
720
|
var totalCountDisplay = changedToggle ? " (".concat(totalCount === null || totalCount === void 0 ? void 0 : totalCount.toString(), ")") : '';
|
|
1137
|
-
return /*#__PURE__*/external_react_default.
|
|
721
|
+
return /*#__PURE__*/external_react_default().createElement(StyledSelectAllOption, {
|
|
1138
722
|
label: selectAllLabel,
|
|
1139
723
|
value: "selectAll",
|
|
1140
724
|
key: "selectAll",
|
|
@@ -1145,37 +729,36 @@ var SelectAllOption = /*#__PURE__*/external_react_default.a.forwardRef(function
|
|
|
1145
729
|
active: active,
|
|
1146
730
|
ref: ref,
|
|
1147
731
|
tabIndex: -1
|
|
1148
|
-
}, /*#__PURE__*/external_react_default.
|
|
732
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledSwitch, {
|
|
1149
733
|
interactive: false,
|
|
1150
734
|
selected: selected === 'some' && 'some' || selected,
|
|
1151
735
|
key: "main-checkbox",
|
|
1152
736
|
value: "main-checkbox",
|
|
1153
737
|
appearance: "checkbox",
|
|
1154
|
-
"aria-label": !selected &&
|
|
738
|
+
"aria-label": !selected && (0,i18n_namespaceObject._)('No options selected') || selected === 'some' && (0,i18n_namespaceObject._)('Some options selected') || (0,i18n_namespaceObject._)('All options selected'),
|
|
1155
739
|
"data-test": "select-all-switch",
|
|
1156
|
-
selectedLabel: selected === true ?
|
|
1157
|
-
unselectedLabel: selected === true ?
|
|
1158
|
-
someSelectedLabel:
|
|
1159
|
-
}), /*#__PURE__*/external_react_default.
|
|
740
|
+
selectedLabel: selected === true ? (0,i18n_namespaceObject._)('All options selected') : (0,i18n_namespaceObject._)('Option selected'),
|
|
741
|
+
unselectedLabel: selected === true ? (0,i18n_namespaceObject._)('No options selected') : (0,i18n_namespaceObject._)('Option unselected'),
|
|
742
|
+
someSelectedLabel: (0,i18n_namespaceObject._)('Some options selected')
|
|
743
|
+
}), /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
|
|
1160
744
|
"data-test": "description"
|
|
1161
|
-
}, "".concat(totalCountDisplay, " Ctrl-a")), /*#__PURE__*/external_react_default.
|
|
745
|
+
}, "".concat(totalCountDisplay, " Ctrl-a")), /*#__PURE__*/external_react_default().createElement(StyledInnerWrapper, null, /*#__PURE__*/external_react_default().createElement(StyledTitleAndDescriptionWrapper, {
|
|
1162
746
|
$truncate: false
|
|
1163
|
-
}, /*#__PURE__*/external_react_default.
|
|
747
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledSelectAllLabel, {
|
|
1164
748
|
$truncate: false
|
|
1165
749
|
}, selectAllLabel))));
|
|
1166
750
|
});
|
|
1167
|
-
SelectAllOption.propTypes =
|
|
1168
|
-
/* harmony default export */
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
var Button_default = /*#__PURE__*/__webpack_require__.n(
|
|
751
|
+
SelectAllOption.propTypes = SelectAllOption_propTypes;
|
|
752
|
+
/* harmony default export */ const Select_SelectAllOption = (SelectAllOption);
|
|
753
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
754
|
+
const Button_namespaceObject = require("@splunk/react-ui/Button");
|
|
755
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
|
|
756
|
+
;// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
|
|
1172
757
|
|
|
1173
|
-
// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
|
|
1174
758
|
|
|
1175
759
|
|
|
1176
760
|
|
|
1177
|
-
|
|
1178
|
-
var StyledButton = external_styled_components_default()(Button_default.a).withConfig({
|
|
761
|
+
var StyledButton = external_styled_components_default()((Button_default())).withConfig({
|
|
1179
762
|
displayName: "SelectBaseStyles__StyledButton",
|
|
1180
763
|
componentId: "sc-16cj7sk-0"
|
|
1181
764
|
})(["&[data-inline]{width:", ";}", ""], function (_ref) {
|
|
@@ -1185,73 +768,242 @@ var StyledButton = external_styled_components_default()(Button_default.a).withCo
|
|
|
1185
768
|
var $multiple = _ref2.$multiple;
|
|
1186
769
|
return !$multiple && 'flex-grow: 0;';
|
|
1187
770
|
});
|
|
1188
|
-
var StyledLinkIcon = external_styled_components_default.
|
|
771
|
+
var StyledLinkIcon = external_styled_components_default().span.withConfig({
|
|
1189
772
|
displayName: "SelectBaseStyles__StyledLinkIcon",
|
|
1190
773
|
componentId: "sc-16cj7sk-1"
|
|
1191
774
|
})(["padding-right:2px;"]);
|
|
1192
|
-
var StyledLinkCaret = external_styled_components_default.
|
|
775
|
+
var StyledLinkCaret = external_styled_components_default().span.withConfig({
|
|
1193
776
|
displayName: "SelectBaseStyles__StyledLinkCaret",
|
|
1194
777
|
componentId: "sc-16cj7sk-2"
|
|
1195
778
|
})(["padding-left:2px;"]);
|
|
1196
|
-
var StyledFilter = external_styled_components_default.
|
|
779
|
+
var StyledFilter = external_styled_components_default().div.withConfig({
|
|
1197
780
|
displayName: "SelectBaseStyles__StyledFilter",
|
|
1198
781
|
componentId: "sc-16cj7sk-3"
|
|
1199
|
-
})(["padding:", ";min-width:160px;"],
|
|
782
|
+
})(["padding:", ";min-width:160px;"], (0,themes_namespaceObject.pick)({
|
|
1200
783
|
enterprise: '8px',
|
|
1201
784
|
prisma: '10px 16px'
|
|
1202
785
|
}));
|
|
1203
|
-
var StyledSearchIconWrapper = external_styled_components_default.
|
|
786
|
+
var StyledSearchIconWrapper = external_styled_components_default().span.withConfig({
|
|
1204
787
|
displayName: "SelectBaseStyles__StyledSearchIconWrapper",
|
|
1205
788
|
componentId: "sc-16cj7sk-4"
|
|
1206
|
-
})(["color:", ";pointer-events:none;padding:", ";"],
|
|
789
|
+
})(["color:", ";pointer-events:none;padding:", ";"], (0,themes_namespaceObject.pick)({
|
|
1207
790
|
enterprise: {
|
|
1208
|
-
light:
|
|
1209
|
-
dark:
|
|
791
|
+
light: themes_namespaceObject.variables.gray60,
|
|
792
|
+
dark: themes_namespaceObject.variables.white
|
|
793
|
+
},
|
|
794
|
+
prisma: themes_namespaceObject.variables.contentColorMuted
|
|
795
|
+
}), (0,themes_namespaceObject.pick)({
|
|
796
|
+
comfortable: '0 8px',
|
|
797
|
+
compact: '0 6px'
|
|
798
|
+
}));
|
|
799
|
+
var StyledCount = external_styled_components_default().span.withConfig({
|
|
800
|
+
displayName: "SelectBaseStyles__StyledCount",
|
|
801
|
+
componentId: "sc-16cj7sk-5"
|
|
802
|
+
})(["padding-right:", ";"], (0,themes_namespaceObject.pick)({
|
|
803
|
+
enterprise: themes_namespaceObject.variables.spacingQuarter,
|
|
804
|
+
prisma: themes_namespaceObject.variables.spacingXSmall
|
|
805
|
+
}));
|
|
806
|
+
var StyledControlsLink = external_styled_components_default()((Link_default())).withConfig({
|
|
807
|
+
displayName: "SelectBaseStyles__StyledControlsLink",
|
|
808
|
+
componentId: "sc-16cj7sk-6"
|
|
809
|
+
})(["margin-right:20px;", ";"], function (_ref3) {
|
|
810
|
+
var $disabled = _ref3.$disabled;
|
|
811
|
+
return $disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled);
|
|
812
|
+
});
|
|
813
|
+
var StyledToggleAllControls = external_styled_components_default().div.withConfig({
|
|
814
|
+
displayName: "SelectBaseStyles__StyledToggleAllControls",
|
|
815
|
+
componentId: "sc-16cj7sk-7"
|
|
816
|
+
})(["padding:", ";", ""], (0,themes_namespaceObject.pick)({
|
|
817
|
+
enterprise: "5px 8px",
|
|
818
|
+
prisma: '10px 16px'
|
|
819
|
+
}), (0,themes_namespaceObject.pickVariant)('$placement', {
|
|
820
|
+
above: {
|
|
821
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:", ";"], themes_namespaceObject.variables.border),
|
|
822
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
|
|
823
|
+
},
|
|
824
|
+
below: {
|
|
825
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-bottom:", ";"], themes_namespaceObject.variables.border),
|
|
826
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-bottom:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
|
|
827
|
+
}
|
|
828
|
+
}));
|
|
829
|
+
|
|
830
|
+
;// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
|
|
831
|
+
// A utility for matching keyboard characters to list values
|
|
832
|
+
var charFromMatchOption = function charFromMatchOption(option, charIndex) {
|
|
833
|
+
return option ? option.label.charAt(charIndex).toLowerCase() : '';
|
|
834
|
+
};
|
|
835
|
+
|
|
836
|
+
var fuzzyMatch = function fuzzyMatch(options, matchChar) {
|
|
837
|
+
if (!options.length) {
|
|
838
|
+
return options;
|
|
839
|
+
}
|
|
840
|
+
|
|
841
|
+
var defaultMatch = null;
|
|
842
|
+
var hasMatch = false;
|
|
843
|
+
var matches = options.filter(function (option) {
|
|
844
|
+
var characterValue = charFromMatchOption(option, matchChar.index);
|
|
845
|
+
|
|
846
|
+
if (characterValue === matchChar.value) {
|
|
847
|
+
hasMatch = true;
|
|
848
|
+
return true;
|
|
849
|
+
} // If we haven't found a match yet, keep track of the next closest match.
|
|
850
|
+
// Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
|
|
851
|
+
|
|
852
|
+
|
|
853
|
+
if (!hasMatch) {
|
|
854
|
+
var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
|
|
855
|
+
|
|
856
|
+
if (!defaultValue) {
|
|
857
|
+
defaultMatch = option;
|
|
858
|
+
} else if (characterValue > matchChar.value) {
|
|
859
|
+
if (defaultValue < matchChar.value) {
|
|
860
|
+
defaultMatch = option;
|
|
861
|
+
} else if (defaultValue > characterValue) {
|
|
862
|
+
defaultMatch = option;
|
|
863
|
+
}
|
|
864
|
+
} else if (characterValue > defaultValue) {
|
|
865
|
+
defaultMatch = option;
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
return false;
|
|
870
|
+
});
|
|
871
|
+
return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
|
|
872
|
+
};
|
|
873
|
+
|
|
874
|
+
|
|
875
|
+
;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
876
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
877
|
+
var ssrDocument = {
|
|
878
|
+
body: {
|
|
879
|
+
appendChild: function appendChild() {
|
|
880
|
+
return [];
|
|
881
|
+
}
|
|
882
|
+
},
|
|
883
|
+
addEventListener: function addEventListener() {},
|
|
884
|
+
removeEventListener: function removeEventListener() {},
|
|
885
|
+
activeElement: {
|
|
886
|
+
blur: function blur() {},
|
|
887
|
+
nodeName: ''
|
|
888
|
+
},
|
|
889
|
+
querySelector: function querySelector() {
|
|
890
|
+
return null;
|
|
891
|
+
},
|
|
892
|
+
querySelectorAll: function querySelectorAll() {
|
|
893
|
+
return [];
|
|
894
|
+
},
|
|
895
|
+
getElementById: function getElementById() {
|
|
896
|
+
return null;
|
|
897
|
+
},
|
|
898
|
+
createEvent: function createEvent() {
|
|
899
|
+
return {
|
|
900
|
+
initEvent: function initEvent() {}
|
|
901
|
+
};
|
|
902
|
+
},
|
|
903
|
+
createElement: function createElement() {
|
|
904
|
+
return {
|
|
905
|
+
children: [],
|
|
906
|
+
childNodes: [],
|
|
907
|
+
style: {},
|
|
908
|
+
setAttribute: function setAttribute() {},
|
|
909
|
+
getElementsByTagName: function getElementsByTagName() {
|
|
910
|
+
return [];
|
|
911
|
+
}
|
|
912
|
+
};
|
|
913
|
+
},
|
|
914
|
+
createElementNS: function createElementNS() {
|
|
915
|
+
return {};
|
|
916
|
+
},
|
|
917
|
+
importNode: function importNode() {
|
|
918
|
+
return null;
|
|
919
|
+
},
|
|
920
|
+
location: {
|
|
921
|
+
hash: '',
|
|
922
|
+
host: '',
|
|
923
|
+
hostname: '',
|
|
924
|
+
href: '',
|
|
925
|
+
origin: '',
|
|
926
|
+
pathname: '',
|
|
927
|
+
protocol: '',
|
|
928
|
+
search: ''
|
|
929
|
+
}
|
|
930
|
+
};
|
|
931
|
+
|
|
932
|
+
function getDocument() {
|
|
933
|
+
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
934
|
+
return doc;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
|
|
938
|
+
;// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
939
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
940
|
+
|
|
941
|
+
var ssrWindow = {
|
|
942
|
+
document: ssrDocument,
|
|
943
|
+
navigator: {
|
|
944
|
+
userAgent: ''
|
|
945
|
+
},
|
|
946
|
+
location: {
|
|
947
|
+
hash: '',
|
|
948
|
+
host: '',
|
|
949
|
+
hostname: '',
|
|
950
|
+
href: '',
|
|
951
|
+
origin: '',
|
|
952
|
+
pathname: '',
|
|
953
|
+
protocol: '',
|
|
954
|
+
search: ''
|
|
1210
955
|
},
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
}
|
|
1216
|
-
var StyledCount = external_styled_components_default.a.span.withConfig({
|
|
1217
|
-
displayName: "SelectBaseStyles__StyledCount",
|
|
1218
|
-
componentId: "sc-16cj7sk-5"
|
|
1219
|
-
})(["padding-right:", ";"], Object(themes_["pick"])({
|
|
1220
|
-
enterprise: themes_["variables"].spacingQuarter,
|
|
1221
|
-
prisma: themes_["variables"].spacingXSmall
|
|
1222
|
-
}));
|
|
1223
|
-
var StyledControlsLink = external_styled_components_default()(Link_default.a).withConfig({
|
|
1224
|
-
displayName: "SelectBaseStyles__StyledControlsLink",
|
|
1225
|
-
componentId: "sc-16cj7sk-6"
|
|
1226
|
-
})(["margin-right:20px;", ";"], function (_ref3) {
|
|
1227
|
-
var $disabled = _ref3.$disabled;
|
|
1228
|
-
return $disabled && Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled);
|
|
1229
|
-
});
|
|
1230
|
-
var StyledToggleAllControls = external_styled_components_default.a.div.withConfig({
|
|
1231
|
-
displayName: "SelectBaseStyles__StyledToggleAllControls",
|
|
1232
|
-
componentId: "sc-16cj7sk-7"
|
|
1233
|
-
})(["padding:", ";", ""], Object(themes_["pick"])({
|
|
1234
|
-
enterprise: "5px 8px",
|
|
1235
|
-
prisma: '10px 16px'
|
|
1236
|
-
}), Object(themes_["pickVariant"])('$placement', {
|
|
1237
|
-
above: {
|
|
1238
|
-
enterprise: Object(external_styled_components_["css"])(["border-top:", ";"], themes_["variables"].border),
|
|
1239
|
-
prisma: Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], themes_["variables"].neutral200)
|
|
956
|
+
history: {
|
|
957
|
+
replaceState: function replaceState() {},
|
|
958
|
+
pushState: function pushState() {},
|
|
959
|
+
go: function go() {},
|
|
960
|
+
back: function back() {}
|
|
1240
961
|
},
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
962
|
+
CustomEvent: function CustomEvent() {
|
|
963
|
+
return this;
|
|
964
|
+
},
|
|
965
|
+
addEventListener: function addEventListener() {},
|
|
966
|
+
removeEventListener: function removeEventListener() {},
|
|
967
|
+
getComputedStyle: function getComputedStyle() {
|
|
968
|
+
return {
|
|
969
|
+
getPropertyValue: function getPropertyValue() {
|
|
970
|
+
return '';
|
|
971
|
+
}
|
|
972
|
+
};
|
|
973
|
+
},
|
|
974
|
+
Image: function Image() {},
|
|
975
|
+
Date: function Date() {},
|
|
976
|
+
screen: {},
|
|
977
|
+
setTimeout: function setTimeout() {},
|
|
978
|
+
clearTimeout: function clearTimeout() {},
|
|
979
|
+
matchMedia: function matchMedia() {
|
|
980
|
+
return {};
|
|
981
|
+
},
|
|
982
|
+
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
983
|
+
if (typeof setTimeout === 'undefined') {
|
|
984
|
+
callback();
|
|
985
|
+
return null;
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
return setTimeout(callback, 0);
|
|
989
|
+
},
|
|
990
|
+
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
991
|
+
if (typeof setTimeout === 'undefined') {
|
|
992
|
+
return;
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
clearTimeout(id);
|
|
1244
996
|
}
|
|
1245
|
-
}
|
|
997
|
+
};
|
|
1246
998
|
|
|
1247
|
-
|
|
1248
|
-
var
|
|
999
|
+
function getWindow() {
|
|
1000
|
+
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
1001
|
+
return win;
|
|
1002
|
+
}
|
|
1249
1003
|
|
|
1250
|
-
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
1251
|
-
var ssrWindow = __webpack_require__(18);
|
|
1252
1004
|
|
|
1253
|
-
|
|
1254
|
-
function
|
|
1005
|
+
;// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
|
|
1006
|
+
function SelectBase_extends() { SelectBase_extends = Object.assign || 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 SelectBase_extends.apply(this, arguments); }
|
|
1255
1007
|
|
|
1256
1008
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
1257
1009
|
|
|
@@ -1273,33 +1025,33 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
|
1273
1025
|
|
|
1274
1026
|
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; }
|
|
1275
1027
|
|
|
1276
|
-
function
|
|
1028
|
+
function SelectBase_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
1277
1029
|
|
|
1278
|
-
function
|
|
1030
|
+
function SelectBase_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
1279
1031
|
|
|
1280
|
-
function
|
|
1032
|
+
function SelectBase_createClass(Constructor, protoProps, staticProps) { if (protoProps) SelectBase_defineProperties(Constructor.prototype, protoProps); if (staticProps) SelectBase_defineProperties(Constructor, staticProps); return Constructor; }
|
|
1281
1033
|
|
|
1282
|
-
function
|
|
1034
|
+
function SelectBase_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) SelectBase_setPrototypeOf(subClass, superClass); }
|
|
1283
1035
|
|
|
1284
|
-
function
|
|
1036
|
+
function SelectBase_setPrototypeOf(o, p) { SelectBase_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return SelectBase_setPrototypeOf(o, p); }
|
|
1285
1037
|
|
|
1286
|
-
function
|
|
1038
|
+
function SelectBase_createSuper(Derived) { var hasNativeReflectConstruct = SelectBase_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = SelectBase_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = SelectBase_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return SelectBase_possibleConstructorReturn(this, result); }; }
|
|
1287
1039
|
|
|
1288
|
-
function
|
|
1040
|
+
function SelectBase_possibleConstructorReturn(self, call) { if (call && (SelectBase_typeof(call) === "object" || typeof call === "function")) { return call; } return SelectBase_assertThisInitialized(self); }
|
|
1289
1041
|
|
|
1290
|
-
function
|
|
1042
|
+
function SelectBase_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
1291
1043
|
|
|
1292
|
-
function
|
|
1044
|
+
function SelectBase_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
1293
1045
|
|
|
1294
|
-
function
|
|
1046
|
+
function SelectBase_getPrototypeOf(o) { SelectBase_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return SelectBase_getPrototypeOf(o); }
|
|
1295
1047
|
|
|
1296
|
-
function
|
|
1048
|
+
function SelectBase_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { SelectBase_typeof = function _typeof(obj) { return typeof obj; }; } else { SelectBase_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return SelectBase_typeof(obj); }
|
|
1297
1049
|
|
|
1298
1050
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
1299
1051
|
|
|
1300
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) {
|
|
1052
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { SelectBase_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
1301
1053
|
|
|
1302
|
-
function
|
|
1054
|
+
function SelectBase_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1303
1055
|
|
|
1304
1056
|
|
|
1305
1057
|
|
|
@@ -1332,51 +1084,51 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
1332
1084
|
|
|
1333
1085
|
|
|
1334
1086
|
var SelectBase_propTypes = {
|
|
1335
|
-
allowKeyMatching: external_prop_types_default.
|
|
1336
|
-
allowNewValues: external_prop_types_default.
|
|
1337
|
-
animateLoading: external_prop_types_default.
|
|
1338
|
-
appearance: external_prop_types_default.
|
|
1339
|
-
append: external_prop_types_default.
|
|
1340
|
-
children: external_prop_types_default.
|
|
1341
|
-
defaultPlacement: external_prop_types_default.
|
|
1342
|
-
defaultValues: external_prop_types_default.
|
|
1343
|
-
describedBy: external_prop_types_default.
|
|
1344
|
-
disabled: external_prop_types_default.
|
|
1345
|
-
elementRef: external_prop_types_default.
|
|
1346
|
-
error: external_prop_types_default.
|
|
1347
|
-
filter: external_prop_types_default.
|
|
1348
|
-
footerMessage: external_prop_types_default.
|
|
1349
|
-
inline: external_prop_types_default.
|
|
1350
|
-
inputId: external_prop_types_default.
|
|
1351
|
-
inputRef: external_prop_types_default.
|
|
1352
|
-
isLoadingOptions: external_prop_types_default.
|
|
1353
|
-
labelledBy: external_prop_types_default.
|
|
1354
|
-
labelText: external_prop_types_default.
|
|
1355
|
-
loadingMessage: external_prop_types_default.
|
|
1356
|
-
menuStyle: external_prop_types_default.
|
|
1357
|
-
multiple: external_prop_types_default.
|
|
1358
|
-
name: external_prop_types_default.
|
|
1359
|
-
noOptionsMessage: external_prop_types_default.
|
|
1360
|
-
onChange: external_prop_types_default.
|
|
1361
|
-
onClose: external_prop_types_default.
|
|
1362
|
-
onFilterChange: external_prop_types_default.
|
|
1363
|
-
onOpen: external_prop_types_default.
|
|
1364
|
-
onScroll: external_prop_types_default.
|
|
1365
|
-
onScrollBottom: external_prop_types_default.
|
|
1087
|
+
allowKeyMatching: (external_prop_types_default()).bool,
|
|
1088
|
+
allowNewValues: (external_prop_types_default()).bool,
|
|
1089
|
+
animateLoading: (external_prop_types_default()).bool,
|
|
1090
|
+
appearance: external_prop_types_default().oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
|
|
1091
|
+
append: (external_prop_types_default()).bool,
|
|
1092
|
+
children: (external_prop_types_default()).node,
|
|
1093
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
|
|
1094
|
+
defaultValues: (external_prop_types_default()).array,
|
|
1095
|
+
describedBy: (external_prop_types_default()).string,
|
|
1096
|
+
disabled: (external_prop_types_default()).bool,
|
|
1097
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
1098
|
+
error: (external_prop_types_default()).bool,
|
|
1099
|
+
filter: external_prop_types_default().oneOf([false, true, 'controlled']),
|
|
1100
|
+
footerMessage: (external_prop_types_default()).node,
|
|
1101
|
+
inline: (external_prop_types_default()).bool,
|
|
1102
|
+
inputId: (external_prop_types_default()).string,
|
|
1103
|
+
inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
1104
|
+
isLoadingOptions: (external_prop_types_default()).bool,
|
|
1105
|
+
labelledBy: (external_prop_types_default()).string,
|
|
1106
|
+
labelText: (external_prop_types_default()).string,
|
|
1107
|
+
loadingMessage: (external_prop_types_default()).node,
|
|
1108
|
+
menuStyle: (external_prop_types_default()).object,
|
|
1109
|
+
multiple: (external_prop_types_default()).bool,
|
|
1110
|
+
name: (external_prop_types_default()).string,
|
|
1111
|
+
noOptionsMessage: (external_prop_types_default()).node,
|
|
1112
|
+
onChange: (external_prop_types_default()).func,
|
|
1113
|
+
onClose: (external_prop_types_default()).func,
|
|
1114
|
+
onFilterChange: (external_prop_types_default()).func,
|
|
1115
|
+
onOpen: (external_prop_types_default()).func,
|
|
1116
|
+
onScroll: (external_prop_types_default()).func,
|
|
1117
|
+
onScrollBottom: (external_prop_types_default()).func,
|
|
1366
1118
|
|
|
1367
1119
|
/** @private. */
|
|
1368
|
-
required: external_prop_types_default.
|
|
1369
|
-
placeholder: external_prop_types_default.
|
|
1370
|
-
prefixLabel: external_prop_types_default.
|
|
1371
|
-
prepend: external_prop_types_default.
|
|
1372
|
-
repositionMode: external_prop_types_default.
|
|
1373
|
-
selectAllAppearance: external_prop_types_default.
|
|
1374
|
-
showSelectedValuesFirst: external_prop_types_default.
|
|
1375
|
-
suffixLabel: external_prop_types_default.
|
|
1376
|
-
tabConfirmsNewValue: external_prop_types_default.
|
|
1377
|
-
values: external_prop_types_default.
|
|
1120
|
+
required: (external_prop_types_default()).bool,
|
|
1121
|
+
placeholder: (external_prop_types_default()).string,
|
|
1122
|
+
prefixLabel: (external_prop_types_default()).string,
|
|
1123
|
+
prepend: (external_prop_types_default()).bool,
|
|
1124
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
|
|
1125
|
+
selectAllAppearance: external_prop_types_default().oneOf(['buttongroup', 'checkbox']),
|
|
1126
|
+
showSelectedValuesFirst: external_prop_types_default().oneOf(['nextOpen', 'immediately', 'never']),
|
|
1127
|
+
suffixLabel: (external_prop_types_default()).string,
|
|
1128
|
+
tabConfirmsNewValue: (external_prop_types_default()).bool,
|
|
1129
|
+
values: (external_prop_types_default()).array
|
|
1378
1130
|
};
|
|
1379
|
-
var
|
|
1131
|
+
var SelectBase_defaultProps = {
|
|
1380
1132
|
allowKeyMatching: true,
|
|
1381
1133
|
allowNewValues: false,
|
|
1382
1134
|
animateLoading: false,
|
|
@@ -1389,8 +1141,8 @@ var defaultProps = {
|
|
|
1389
1141
|
isLoadingOptions: false,
|
|
1390
1142
|
menuStyle: {},
|
|
1391
1143
|
multiple: false,
|
|
1392
|
-
noOptionsMessage:
|
|
1393
|
-
placeholder:
|
|
1144
|
+
noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
|
|
1145
|
+
placeholder: (0,i18n_namespaceObject._)('Select...'),
|
|
1394
1146
|
prepend: false,
|
|
1395
1147
|
repositionMode: 'flip',
|
|
1396
1148
|
selectAllAppearance: 'buttongroup',
|
|
@@ -1418,15 +1170,15 @@ function isOption(child) {
|
|
|
1418
1170
|
}
|
|
1419
1171
|
|
|
1420
1172
|
function itemKeyFromValueLabel(value, label) {
|
|
1421
|
-
return "".concat(
|
|
1173
|
+
return "".concat(SelectBase_typeof(value), "-").concat(value, "-").concat(label);
|
|
1422
1174
|
}
|
|
1423
1175
|
|
|
1424
|
-
var
|
|
1425
|
-
|
|
1176
|
+
var SelectBase = /*#__PURE__*/function (_Component) {
|
|
1177
|
+
SelectBase_inherits(SelectBase, _Component);
|
|
1426
1178
|
|
|
1427
|
-
var _super =
|
|
1179
|
+
var _super = SelectBase_createSuper(SelectBase);
|
|
1428
1180
|
|
|
1429
|
-
|
|
1181
|
+
SelectBase_createClass(SelectBase, null, [{
|
|
1430
1182
|
key: "validateAppearance",
|
|
1431
1183
|
// @docs-props-type CompactPropsBase
|
|
1432
1184
|
value: function validateAppearance(props) {
|
|
@@ -1437,45 +1189,45 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1437
1189
|
function SelectBase(props) {
|
|
1438
1190
|
var _this;
|
|
1439
1191
|
|
|
1440
|
-
|
|
1192
|
+
SelectBase_classCallCheck(this, SelectBase);
|
|
1441
1193
|
|
|
1442
1194
|
_this = _super.call(this, props);
|
|
1443
1195
|
|
|
1444
|
-
|
|
1196
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeItemId", void 0);
|
|
1445
1197
|
|
|
1446
|
-
|
|
1198
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeValue", void 0);
|
|
1447
1199
|
|
|
1448
|
-
|
|
1200
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableOptionCount", void 0);
|
|
1449
1201
|
|
|
1450
|
-
|
|
1202
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "controlledExternally", void 0);
|
|
1451
1203
|
|
|
1452
|
-
|
|
1204
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "displayedValues", void 0);
|
|
1453
1205
|
|
|
1454
|
-
|
|
1206
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "dropdown", null);
|
|
1455
1207
|
|
|
1456
|
-
|
|
1208
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedEnabledOption", null);
|
|
1457
1209
|
|
|
1458
|
-
|
|
1210
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
|
|
1459
1211
|
|
|
1460
|
-
|
|
1212
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "menuId", void 0);
|
|
1461
1213
|
|
|
1462
|
-
|
|
1214
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "previousActiveIndex", null);
|
|
1463
1215
|
|
|
1464
|
-
|
|
1216
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "selectedOptionCount", void 0);
|
|
1465
1217
|
|
|
1466
|
-
|
|
1218
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionRefsByKey", void 0);
|
|
1467
1219
|
|
|
1468
|
-
|
|
1220
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchCharacter", void 0);
|
|
1469
1221
|
|
|
1470
|
-
|
|
1222
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchTimeout", void 0);
|
|
1471
1223
|
|
|
1472
|
-
|
|
1224
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "currentMatchOptions", void 0);
|
|
1473
1225
|
|
|
1474
|
-
|
|
1226
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableMatchOptions", void 0);
|
|
1475
1227
|
|
|
1476
|
-
|
|
1228
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionSelection", void 0);
|
|
1477
1229
|
|
|
1478
|
-
|
|
1230
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "resetMatches", function () {
|
|
1479
1231
|
_this.matchCharacter = null;
|
|
1480
1232
|
_this.currentMatchOptions = [];
|
|
1481
1233
|
|
|
@@ -1484,7 +1236,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1484
1236
|
}
|
|
1485
1237
|
});
|
|
1486
1238
|
|
|
1487
|
-
|
|
1239
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleSelectAll", function (e) {
|
|
1488
1240
|
var _this$getCurrentValue, _this$props$onChange, _this$props2;
|
|
1489
1241
|
|
|
1490
1242
|
var _this$props = _this.props,
|
|
@@ -1498,7 +1250,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1498
1250
|
|
|
1499
1251
|
var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
|
|
1500
1252
|
var values = uniq_default()(currentValues.concat(_this.displayedValues));
|
|
1501
|
-
values = external_react_default.
|
|
1253
|
+
values = external_react_default().Children.toArray(children).filter(function (child) {
|
|
1502
1254
|
return isOption(child) && includes_default()(values, child.props.value) && (!child.props.disabled || includes_default()(currentValues, child.props.value));
|
|
1503
1255
|
}).map(function (child) {
|
|
1504
1256
|
return child.props.value;
|
|
@@ -1517,7 +1269,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1517
1269
|
});
|
|
1518
1270
|
});
|
|
1519
1271
|
|
|
1520
|
-
|
|
1272
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleClearAll", function (e) {
|
|
1521
1273
|
var _this$getCurrentValue2, _this$props$onChange2, _this$props4;
|
|
1522
1274
|
|
|
1523
1275
|
var _this$props3 = _this.props,
|
|
@@ -1530,9 +1282,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1530
1282
|
}
|
|
1531
1283
|
|
|
1532
1284
|
var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
|
|
1533
|
-
var hiddenCurrentValues = without_default.
|
|
1285
|
+
var hiddenCurrentValues = without_default().apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
|
|
1534
1286
|
|
|
1535
|
-
var values = external_react_default.
|
|
1287
|
+
var values = external_react_default().Children.toArray(children).filter(function (child) {
|
|
1536
1288
|
return isOption(child) && (includes_default()(currentValues, child.props.value) && child.props.disabled || includes_default()(hiddenCurrentValues, child.props.value));
|
|
1537
1289
|
}).map(function (child) {
|
|
1538
1290
|
return child.props.value;
|
|
@@ -1551,12 +1303,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1551
1303
|
});
|
|
1552
1304
|
});
|
|
1553
1305
|
|
|
1554
|
-
|
|
1306
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
|
|
1555
1307
|
var _this$props5 = _this.props,
|
|
1556
1308
|
children = _this$props5.children,
|
|
1557
1309
|
onScrollBottom = _this$props5.onScrollBottom,
|
|
1558
1310
|
tabConfirmsNewValue = _this$props5.tabConfirmsNewValue;
|
|
1559
|
-
var eventKeyCode =
|
|
1311
|
+
var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
1560
1312
|
|
|
1561
1313
|
if (eventKeyCode === 'tab') {
|
|
1562
1314
|
if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
|
|
@@ -1591,7 +1343,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1591
1343
|
if (children && onScrollBottom) {
|
|
1592
1344
|
var _this$getCurrentValue3;
|
|
1593
1345
|
|
|
1594
|
-
var beforeLastChild =
|
|
1346
|
+
var beforeLastChild = external_react_namespaceObject.Children.toArray(children).length - (2 + ((_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : []).length);
|
|
1595
1347
|
|
|
1596
1348
|
if (_this.state.activeIndex === beforeLastChild) {
|
|
1597
1349
|
_this.handleScrollBottom(e);
|
|
@@ -1624,7 +1376,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1624
1376
|
}
|
|
1625
1377
|
});
|
|
1626
1378
|
|
|
1627
|
-
|
|
1379
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionClick", function (e, _ref2) {
|
|
1628
1380
|
var value = _ref2.value;
|
|
1629
1381
|
e.preventDefault();
|
|
1630
1382
|
|
|
@@ -1635,7 +1387,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1635
1387
|
_this.toggleValue(e, value);
|
|
1636
1388
|
});
|
|
1637
1389
|
|
|
1638
|
-
|
|
1390
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionKeyDown", function (e, optionIndex) {
|
|
1639
1391
|
var currentKey = e.nativeEvent.key; // Checking for a single character to avoid complications from double-byte languages and emojis.
|
|
1640
1392
|
|
|
1641
1393
|
if (currentKey.length === 1) {
|
|
@@ -1652,10 +1404,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1652
1404
|
return;
|
|
1653
1405
|
}
|
|
1654
1406
|
|
|
1655
|
-
matches =
|
|
1407
|
+
matches = fuzzyMatch(_this.availableMatchOptions, character);
|
|
1656
1408
|
} else if (_this.currentMatchOptions.length > 1) {
|
|
1657
1409
|
character.index = _this.matchCharacter.index + 1;
|
|
1658
|
-
matches =
|
|
1410
|
+
matches = fuzzyMatch(_this.currentMatchOptions, character);
|
|
1659
1411
|
}
|
|
1660
1412
|
|
|
1661
1413
|
if (matches.length) {
|
|
@@ -1693,7 +1445,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1693
1445
|
}
|
|
1694
1446
|
});
|
|
1695
1447
|
|
|
1696
|
-
|
|
1448
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextChange", function (e, _ref3) {
|
|
1697
1449
|
var _this$props$onFilterC, _this$props6;
|
|
1698
1450
|
|
|
1699
1451
|
var value = _ref3.value;
|
|
@@ -1709,19 +1461,19 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1709
1461
|
});
|
|
1710
1462
|
});
|
|
1711
1463
|
|
|
1712
|
-
|
|
1464
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextFocus", function () {
|
|
1713
1465
|
_this.setState({
|
|
1714
1466
|
textHasFocus: true
|
|
1715
1467
|
});
|
|
1716
1468
|
});
|
|
1717
1469
|
|
|
1718
|
-
|
|
1470
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextBlur", function () {
|
|
1719
1471
|
_this.setState({
|
|
1720
1472
|
textHasFocus: false
|
|
1721
1473
|
});
|
|
1722
1474
|
});
|
|
1723
1475
|
|
|
1724
|
-
|
|
1476
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestOpen", function (e) {
|
|
1725
1477
|
var newState = {
|
|
1726
1478
|
open: true,
|
|
1727
1479
|
topValues: _this.getTopValues()
|
|
@@ -1758,7 +1510,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1758
1510
|
});
|
|
1759
1511
|
});
|
|
1760
1512
|
|
|
1761
|
-
|
|
1513
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestClose", function () {
|
|
1762
1514
|
_this.setState({
|
|
1763
1515
|
open: false,
|
|
1764
1516
|
activeIndex: 0
|
|
@@ -1770,7 +1522,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1770
1522
|
});
|
|
1771
1523
|
});
|
|
1772
1524
|
|
|
1773
|
-
|
|
1525
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleScrollBottom", function (e) {
|
|
1774
1526
|
if (_this.state.open && !_this.props.isLoadingOptions) {
|
|
1775
1527
|
var _this$props$onScrollB, _this$props10;
|
|
1776
1528
|
|
|
@@ -1778,13 +1530,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1778
1530
|
}
|
|
1779
1531
|
});
|
|
1780
1532
|
|
|
1781
|
-
|
|
1533
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
|
|
1782
1534
|
if (_this.previousActiveIndex !== _this.state.activeIndex) {
|
|
1783
1535
|
c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
|
|
1784
1536
|
}
|
|
1785
1537
|
});
|
|
1786
1538
|
|
|
1787
|
-
|
|
1539
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
|
|
1788
1540
|
if (isFirst) {
|
|
1789
1541
|
_this.firstSelectedEnabledOption = c;
|
|
1790
1542
|
}
|
|
@@ -1796,7 +1548,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1796
1548
|
}
|
|
1797
1549
|
});
|
|
1798
1550
|
|
|
1799
|
-
|
|
1551
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createToggle", function () {
|
|
1800
1552
|
var _this$getCurrentValue4;
|
|
1801
1553
|
|
|
1802
1554
|
var _this$props11 = _this.props,
|
|
@@ -1819,7 +1571,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1819
1571
|
var label; // Generate buttonLabels
|
|
1820
1572
|
|
|
1821
1573
|
var currentValues = (_this$getCurrentValue4 = _this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
|
|
1822
|
-
var childrenArray =
|
|
1574
|
+
var childrenArray = external_react_namespaceObject.Children.toArray(children);
|
|
1823
1575
|
var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
|
|
1824
1576
|
var matchedItem = find_default()(childrenArray, function (item) {
|
|
1825
1577
|
return isOption(item) && item.props.value === value;
|
|
@@ -1837,7 +1589,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1837
1589
|
}
|
|
1838
1590
|
|
|
1839
1591
|
if (index < orig.length - 1) {
|
|
1840
|
-
acc.push(
|
|
1592
|
+
acc.push((0,i18n_namespaceObject._)(', '));
|
|
1841
1593
|
}
|
|
1842
1594
|
|
|
1843
1595
|
return acc;
|
|
@@ -1894,16 +1646,16 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1894
1646
|
}
|
|
1895
1647
|
|
|
1896
1648
|
if (toggle) {
|
|
1897
|
-
return /*#__PURE__*/
|
|
1649
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(toggle, commonProps);
|
|
1898
1650
|
}
|
|
1899
1651
|
|
|
1900
1652
|
if (appearance === 'link') {
|
|
1901
|
-
return /*#__PURE__*/external_react_default.
|
|
1653
|
+
return /*#__PURE__*/external_react_default().createElement((Link_default()), SelectBase_extends({}, commonProps, {
|
|
1902
1654
|
"data-select-appearance": "link"
|
|
1903
|
-
}), !!icon && /*#__PURE__*/external_react_default.
|
|
1655
|
+
}), !!icon && /*#__PURE__*/external_react_default().createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default().createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default().createElement(CaretSmallDown, null)));
|
|
1904
1656
|
}
|
|
1905
1657
|
|
|
1906
|
-
return /*#__PURE__*/external_react_default.
|
|
1658
|
+
return /*#__PURE__*/external_react_default().createElement(StyledButton, SelectBase_extends({}, commonProps, {
|
|
1907
1659
|
$multiple: multiple,
|
|
1908
1660
|
appearance: appearance,
|
|
1909
1661
|
label: label,
|
|
@@ -1915,12 +1667,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1915
1667
|
"aria-owns": _this.menuId // @ts-expect-error - accept inconsistency with Button
|
|
1916
1668
|
,
|
|
1917
1669
|
onClick: _this.props.onClick
|
|
1918
|
-
}, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.
|
|
1670
|
+
}, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default().createElement(StyledCount, {
|
|
1919
1671
|
"data-role": "count"
|
|
1920
1672
|
}, "(", currentValues.length, ")"));
|
|
1921
1673
|
});
|
|
1922
1674
|
|
|
1923
|
-
|
|
1675
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createChildren", function () {
|
|
1924
1676
|
var _this$state = _this.state,
|
|
1925
1677
|
filterKeyword = _this$state.filterKeyword,
|
|
1926
1678
|
textHasFocus = _this$state.textHasFocus,
|
|
@@ -1948,7 +1700,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1948
1700
|
|
|
1949
1701
|
var foundSelectedAndEnabled;
|
|
1950
1702
|
var topValues = showSelectedValuesFirst === 'immediately' ? _this.getTopValues() : topValuesState;
|
|
1951
|
-
var children =
|
|
1703
|
+
var children = external_react_namespaceObject.Children.toArray(_this.props.children).reduce(function (acc, item, i) {
|
|
1952
1704
|
// ignore Headings and Dividers
|
|
1953
1705
|
if (!isOption(item)) {
|
|
1954
1706
|
acc.push(item);
|
|
@@ -1976,7 +1728,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1976
1728
|
} // Format the Menu.Item
|
|
1977
1729
|
|
|
1978
1730
|
|
|
1979
|
-
var clonedItem = /*#__PURE__*/
|
|
1731
|
+
var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
|
|
1980
1732
|
key: item.key || i,
|
|
1981
1733
|
onClick: _this.handleMenuOptionClick,
|
|
1982
1734
|
onKeyDown: useMatchOptions ? function (e) {
|
|
@@ -1996,7 +1748,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1996
1748
|
|
|
1997
1749
|
if (topValues && topValues.indexOf(item.props.value) >= 0) {
|
|
1998
1750
|
if (childrenTopCount === 0) {
|
|
1999
|
-
acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default.
|
|
1751
|
+
acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
|
|
2000
1752
|
key: "topDivider"
|
|
2001
1753
|
}));
|
|
2002
1754
|
hasDivider = true;
|
|
@@ -2026,14 +1778,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2026
1778
|
var topLength = topValues.length;
|
|
2027
1779
|
|
|
2028
1780
|
if (childrenTopCount === 0) {
|
|
2029
|
-
children.splice(0, 0, /*#__PURE__*/external_react_default.
|
|
1781
|
+
children.splice(0, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
|
|
2030
1782
|
key: "topDivider"
|
|
2031
1783
|
}));
|
|
2032
1784
|
childrenTopCount += 1;
|
|
2033
1785
|
hasDivider = true;
|
|
2034
1786
|
}
|
|
2035
1787
|
|
|
2036
|
-
children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default.
|
|
1788
|
+
children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
|
|
2037
1789
|
label: String(value),
|
|
2038
1790
|
value: value,
|
|
2039
1791
|
key: "missing-value-".concat(value),
|
|
@@ -2051,10 +1803,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2051
1803
|
|
|
2052
1804
|
var controlledFilter = filter === 'controlled'; // Filter the items
|
|
2053
1805
|
|
|
2054
|
-
var keywords =
|
|
1806
|
+
var keywords = (0,filter_namespaceObject.stringToKeywords)(filterKeyword);
|
|
2055
1807
|
children = controlledFilter ? children : children.filter(function (option) {
|
|
2056
1808
|
if (isOption(option)) {
|
|
2057
|
-
return
|
|
1809
|
+
return (0,filter_namespaceObject.testPhrase)(option.props.label, keywords);
|
|
2058
1810
|
}
|
|
2059
1811
|
|
|
2060
1812
|
return true; // Keep all headers and non-interactive options
|
|
@@ -2065,15 +1817,15 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2065
1817
|
} // highlight matched text
|
|
2066
1818
|
|
|
2067
1819
|
|
|
2068
|
-
var matchRanges = keywords &&
|
|
2069
|
-
return /*#__PURE__*/
|
|
1820
|
+
var matchRanges = keywords && (0,filter_namespaceObject.keywordLocations)(option.props.label, keywords);
|
|
1821
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(option, {
|
|
2070
1822
|
matchRanges: matchRanges || undefined
|
|
2071
1823
|
});
|
|
2072
1824
|
}); // Add the option to add the new value
|
|
2073
1825
|
|
|
2074
1826
|
if (allowNewValues && !foundExactMatch && filterKeyword) {
|
|
2075
1827
|
var insertIndex = hasDivider ? childrenTopCount + 1 : childrenTopCount;
|
|
2076
|
-
children.splice(insertIndex, 0, /*#__PURE__*/external_react_default.
|
|
1828
|
+
children.splice(insertIndex, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
|
|
2077
1829
|
label: "".concat(filterKeyword, " (new value)"),
|
|
2078
1830
|
value: filterKeyword,
|
|
2079
1831
|
key: "newValue",
|
|
@@ -2120,7 +1872,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2120
1872
|
_this.activeValue = item.props.value;
|
|
2121
1873
|
}
|
|
2122
1874
|
|
|
2123
|
-
var clonedItem = /*#__PURE__*/
|
|
1875
|
+
var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
|
|
2124
1876
|
active: active,
|
|
2125
1877
|
id: _this.activeItemId,
|
|
2126
1878
|
ref: _this.handleActiveOptionMount
|
|
@@ -2137,21 +1889,21 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2137
1889
|
|
|
2138
1890
|
if (_this.optionSelection === 'all') {
|
|
2139
1891
|
if (filterKeyword === '') {
|
|
2140
|
-
selectAllLabel =
|
|
1892
|
+
selectAllLabel = (0,i18n_namespaceObject._)('Clear all');
|
|
2141
1893
|
} else {
|
|
2142
|
-
selectAllLabel =
|
|
1894
|
+
selectAllLabel = (0,i18n_namespaceObject._)('Clear all matches');
|
|
2143
1895
|
}
|
|
2144
1896
|
} else if (filterKeyword === '') {
|
|
2145
|
-
selectAllLabel =
|
|
1897
|
+
selectAllLabel = (0,i18n_namespaceObject._)('Select all');
|
|
2146
1898
|
} else {
|
|
2147
|
-
selectAllLabel =
|
|
1899
|
+
selectAllLabel = (0,i18n_namespaceObject._)('Select all matches');
|
|
2148
1900
|
}
|
|
2149
1901
|
|
|
2150
1902
|
if (_this.state.activeIndex === 0 && textHasFocus) {
|
|
2151
1903
|
_this.activeValue = 'selectAll';
|
|
2152
1904
|
}
|
|
2153
1905
|
|
|
2154
|
-
children.unshift( /*#__PURE__*/external_react_default.
|
|
1906
|
+
children.unshift( /*#__PURE__*/external_react_default().createElement(Select_SelectAllOption, {
|
|
2155
1907
|
key: "selectAllOption",
|
|
2156
1908
|
selected: _this.optionSelection === 'all' || _this.optionSelection !== 'none' && 'some',
|
|
2157
1909
|
selectAllLabel: selectAllLabel,
|
|
@@ -2162,7 +1914,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2162
1914
|
active: _this.state.activeIndex === 0,
|
|
2163
1915
|
ref: _this.handleActiveOptionMount,
|
|
2164
1916
|
tabIndex: -1
|
|
2165
|
-
}), /*#__PURE__*/external_react_default.
|
|
1917
|
+
}), /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
|
|
2166
1918
|
key: "selectAllDivider"
|
|
2167
1919
|
}));
|
|
2168
1920
|
}
|
|
@@ -2177,7 +1929,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2177
1929
|
return children;
|
|
2178
1930
|
});
|
|
2179
1931
|
|
|
2180
|
-
|
|
1932
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "wrapLabel", function (_ref4) {
|
|
2181
1933
|
var prefixLabel = _ref4.prefixLabel,
|
|
2182
1934
|
label = _ref4.label,
|
|
2183
1935
|
suffixLabel = _ref4.suffixLabel;
|
|
@@ -2194,7 +1946,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2194
1946
|
return wrappedLabel;
|
|
2195
1947
|
});
|
|
2196
1948
|
|
|
2197
|
-
|
|
1949
|
+
SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleDropdownMount", function (c) {
|
|
2198
1950
|
_this.dropdown = c;
|
|
2199
1951
|
});
|
|
2200
1952
|
|
|
@@ -2223,12 +1975,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2223
1975
|
if (false) {}
|
|
2224
1976
|
|
|
2225
1977
|
SelectBase.validateAppearance(props);
|
|
2226
|
-
_this.menuId =
|
|
2227
|
-
_this.activeItemId =
|
|
1978
|
+
_this.menuId = (0,id_namespaceObject.createDOMID)('menu');
|
|
1979
|
+
_this.activeItemId = (0,id_namespaceObject.createDOMID)('active-item');
|
|
2228
1980
|
return _this;
|
|
2229
1981
|
}
|
|
2230
1982
|
|
|
2231
|
-
|
|
1983
|
+
SelectBase_createClass(SelectBase, [{
|
|
2232
1984
|
key: "componentDidUpdate",
|
|
2233
1985
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
2234
1986
|
if (false) {}
|
|
@@ -2338,31 +2090,31 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2338
2090
|
multiple = _this$props15.multiple,
|
|
2339
2091
|
selectAllAppearance = _this$props15.selectAllAppearance;
|
|
2340
2092
|
|
|
2341
|
-
var selectAllLabel =
|
|
2093
|
+
var selectAllLabel = (0,i18n_namespaceObject._)("Select all options".concat(this.optionSelection === 'all' ? ' disabled' : ''));
|
|
2342
2094
|
|
|
2343
|
-
var clearAllLabel =
|
|
2095
|
+
var clearAllLabel = (0,i18n_namespaceObject._)("Clear all options".concat(this.optionSelection === 'none' ? ' disabled' : '')); // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
|
|
2344
2096
|
|
|
2345
2097
|
|
|
2346
|
-
var selectControls = /*#__PURE__*/external_react_default.
|
|
2098
|
+
var selectControls = /*#__PURE__*/external_react_default().createElement(StyledToggleAllControls, {
|
|
2347
2099
|
$placement: placement,
|
|
2348
2100
|
key: "selectAll"
|
|
2349
|
-
}, /*#__PURE__*/external_react_default.
|
|
2101
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
|
|
2350
2102
|
$disabled: this.optionSelection === 'all',
|
|
2351
2103
|
"aria-label": selectAllLabel,
|
|
2352
2104
|
onClick: this.handleSelectAll,
|
|
2353
2105
|
"data-test": "select-all"
|
|
2354
|
-
}, filterKeyword ?
|
|
2106
|
+
}, filterKeyword ? (0,i18n_namespaceObject._)('Select All Matches') : (0,i18n_namespaceObject._)('Select All')), /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
|
|
2355
2107
|
$disabled: this.optionSelection === 'none',
|
|
2356
2108
|
"aria-label": clearAllLabel,
|
|
2357
2109
|
onClick: this.handleClearAll,
|
|
2358
2110
|
"data-test": "clear-all"
|
|
2359
|
-
}, filterKeyword ?
|
|
2360
|
-
return this.hasFilter() && /*#__PURE__*/external_react_default.
|
|
2111
|
+
}, filterKeyword ? (0,i18n_namespaceObject._)('Clear All Matches') : (0,i18n_namespaceObject._)('Clear All')));
|
|
2112
|
+
return this.hasFilter() && /*#__PURE__*/external_react_default().createElement("div", {
|
|
2361
2113
|
key: "controls"
|
|
2362
|
-
}, /*#__PURE__*/external_react_default.
|
|
2114
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledFilter, {
|
|
2363
2115
|
key: "filter",
|
|
2364
2116
|
"data-test": "filter"
|
|
2365
|
-
}, /*#__PURE__*/external_react_default.
|
|
2117
|
+
}, /*#__PURE__*/external_react_default().createElement((Text_default()), {
|
|
2366
2118
|
value: filterKeyword,
|
|
2367
2119
|
autoCapitalize: "off",
|
|
2368
2120
|
autoComplete: "off",
|
|
@@ -2372,15 +2124,15 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2372
2124
|
onKeyDown: this.handleTextKeyDown,
|
|
2373
2125
|
onFocus: this.handleTextFocus,
|
|
2374
2126
|
onBlur: this.handleTextBlur,
|
|
2375
|
-
placeholder:
|
|
2127
|
+
placeholder: (0,i18n_namespaceObject._)('filter'),
|
|
2376
2128
|
role: "combobox",
|
|
2377
2129
|
"aria-expanded": "true",
|
|
2378
|
-
"aria-label":
|
|
2130
|
+
"aria-label": (0,i18n_namespaceObject._)('Filter'),
|
|
2379
2131
|
"aria-activedescendant": this.activeItemId,
|
|
2380
2132
|
inputRef: inputRef,
|
|
2381
2133
|
inputId: inputId,
|
|
2382
2134
|
canClear: true,
|
|
2383
|
-
startAdornment: /*#__PURE__*/external_react_default.
|
|
2135
|
+
startAdornment: /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default().createElement(icons_Search, null))
|
|
2384
2136
|
})), multiple && hasChildren && selectAllAppearance === 'buttongroup' && selectControls);
|
|
2385
2137
|
}
|
|
2386
2138
|
}, {
|
|
@@ -2397,7 +2149,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2397
2149
|
repositionMode = _this$props16.repositionMode;
|
|
2398
2150
|
var filterEnabled = this.hasFilter();
|
|
2399
2151
|
var currentValues = (_this$getCurrentValue8 = this.getCurrentValues()) !== null && _this$getCurrentValue8 !== void 0 ? _this$getCurrentValue8 : [];
|
|
2400
|
-
var childrenArray =
|
|
2152
|
+
var childrenArray = external_react_namespaceObject.Children.toArray(children);
|
|
2401
2153
|
var isAnyValueSelected = currentValues.some(function (value) {
|
|
2402
2154
|
var matchedItem = find_default()(childrenArray, function (item) {
|
|
2403
2155
|
return isOption(item) && item.props.value === value;
|
|
@@ -2417,7 +2169,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2417
2169
|
menuStyle: _this2.props.menuStyle
|
|
2418
2170
|
});
|
|
2419
2171
|
var tabIndex = currentValues.length > 0 && !isAnyValueSelected && !_this2.hasFilter() ? 0 : undefined;
|
|
2420
|
-
return /*#__PURE__*/external_react_default.
|
|
2172
|
+
return /*#__PURE__*/external_react_default().createElement((ResultsMenu_default()), SelectBase_extends({
|
|
2421
2173
|
"aria-multiselectable": multiple || undefined,
|
|
2422
2174
|
childrenStart: _this2.renderControls({
|
|
2423
2175
|
placement: placement,
|
|
@@ -2436,7 +2188,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2436
2188
|
}), finalChildren);
|
|
2437
2189
|
};
|
|
2438
2190
|
|
|
2439
|
-
return /*#__PURE__*/external_react_default.
|
|
2191
|
+
return /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
|
|
2440
2192
|
closeReasons: dropdownCloseReasons,
|
|
2441
2193
|
inputId: inputId,
|
|
2442
2194
|
toggle: toggle,
|
|
@@ -2446,7 +2198,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2446
2198
|
openWithArrowKeys: true,
|
|
2447
2199
|
repositionMode: repositionMode,
|
|
2448
2200
|
defaultPlacement: filterEnabled ? defaultPlacement : undefined,
|
|
2449
|
-
canCoverAnchor:
|
|
2201
|
+
canCoverAnchor: getWindow().innerHeight < 500,
|
|
2450
2202
|
ref: this.handleDropdownMount,
|
|
2451
2203
|
retainFocus: false,
|
|
2452
2204
|
takeFocus: currentValues.length === 0 || currentValues.length > 0 && !isAnyValueSelected || !!filterEnabled
|
|
@@ -2455,368 +2207,23 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
2455
2207
|
}]);
|
|
2456
2208
|
|
|
2457
2209
|
return SelectBase;
|
|
2458
|
-
}(
|
|
2459
|
-
|
|
2460
|
-
_defineProperty(SelectBase_SelectBase, "propTypes", SelectBase_propTypes);
|
|
2461
|
-
|
|
2462
|
-
_defineProperty(SelectBase_SelectBase, "defaultProps", defaultProps);
|
|
2463
|
-
|
|
2464
|
-
_defineProperty(SelectBase_SelectBase, "Option", OptionBase["a" /* default */]);
|
|
2465
|
-
|
|
2466
|
-
_defineProperty(SelectBase_SelectBase, "Divider", Menu_["Divider"]);
|
|
2467
|
-
|
|
2468
|
-
_defineProperty(SelectBase_SelectBase, "Heading", Menu_["Heading"]);
|
|
2469
|
-
|
|
2470
|
-
_defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
|
|
2471
|
-
|
|
2472
|
-
/* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
/***/ }),
|
|
2476
|
-
/* 63 */
|
|
2477
|
-
/***/ (function(module, exports) {
|
|
2478
|
-
|
|
2479
|
-
module.exports = require("lodash/pickBy");
|
|
2480
|
-
|
|
2481
|
-
/***/ }),
|
|
2482
|
-
/* 64 */,
|
|
2483
|
-
/* 65 */,
|
|
2484
|
-
/* 66 */,
|
|
2485
|
-
/* 67 */
|
|
2486
|
-
/***/ (function(module, exports) {
|
|
2487
|
-
|
|
2488
|
-
module.exports = require("lodash/castArray");
|
|
2489
|
-
|
|
2490
|
-
/***/ }),
|
|
2491
|
-
/* 68 */,
|
|
2492
|
-
/* 69 */,
|
|
2493
|
-
/* 70 */,
|
|
2494
|
-
/* 71 */,
|
|
2495
|
-
/* 72 */,
|
|
2496
|
-
/* 73 */,
|
|
2497
|
-
/* 74 */,
|
|
2498
|
-
/* 75 */,
|
|
2499
|
-
/* 76 */,
|
|
2500
|
-
/* 77 */,
|
|
2501
|
-
/* 78 */,
|
|
2502
|
-
/* 79 */,
|
|
2503
|
-
/* 80 */,
|
|
2504
|
-
/* 81 */,
|
|
2505
|
-
/* 82 */,
|
|
2506
|
-
/* 83 */,
|
|
2507
|
-
/* 84 */,
|
|
2508
|
-
/* 85 */,
|
|
2509
|
-
/* 86 */,
|
|
2510
|
-
/* 87 */,
|
|
2511
|
-
/* 88 */,
|
|
2512
|
-
/* 89 */,
|
|
2513
|
-
/* 90 */,
|
|
2514
|
-
/* 91 */,
|
|
2515
|
-
/* 92 */,
|
|
2516
|
-
/* 93 */,
|
|
2517
|
-
/* 94 */
|
|
2518
|
-
/***/ (function(module, exports) {
|
|
2519
|
-
|
|
2520
|
-
module.exports = require("lodash/last");
|
|
2521
|
-
|
|
2522
|
-
/***/ }),
|
|
2523
|
-
/* 95 */,
|
|
2524
|
-
/* 96 */,
|
|
2525
|
-
/* 97 */,
|
|
2526
|
-
/* 98 */,
|
|
2527
|
-
/* 99 */,
|
|
2528
|
-
/* 100 */,
|
|
2529
|
-
/* 101 */,
|
|
2530
|
-
/* 102 */,
|
|
2531
|
-
/* 103 */,
|
|
2532
|
-
/* 104 */,
|
|
2533
|
-
/* 105 */
|
|
2534
|
-
/***/ (function(module, exports) {
|
|
2535
|
-
|
|
2536
|
-
module.exports = require("lodash/forEachRight");
|
|
2537
|
-
|
|
2538
|
-
/***/ }),
|
|
2539
|
-
/* 106 */
|
|
2540
|
-
/***/ (function(module, exports) {
|
|
2541
|
-
|
|
2542
|
-
module.exports = require("lodash/uniq");
|
|
2543
|
-
|
|
2544
|
-
/***/ }),
|
|
2545
|
-
/* 107 */,
|
|
2546
|
-
/* 108 */,
|
|
2547
|
-
/* 109 */,
|
|
2548
|
-
/* 110 */,
|
|
2549
|
-
/* 111 */,
|
|
2550
|
-
/* 112 */,
|
|
2551
|
-
/* 113 */,
|
|
2552
|
-
/* 114 */,
|
|
2553
|
-
/* 115 */,
|
|
2554
|
-
/* 116 */,
|
|
2555
|
-
/* 117 */,
|
|
2556
|
-
/* 118 */,
|
|
2557
|
-
/* 119 */,
|
|
2558
|
-
/* 120 */,
|
|
2559
|
-
/* 121 */,
|
|
2560
|
-
/* 122 */,
|
|
2561
|
-
/* 123 */,
|
|
2562
|
-
/* 124 */,
|
|
2563
|
-
/* 125 */,
|
|
2564
|
-
/* 126 */,
|
|
2565
|
-
/* 127 */,
|
|
2566
|
-
/* 128 */,
|
|
2567
|
-
/* 129 */,
|
|
2568
|
-
/* 130 */,
|
|
2569
|
-
/* 131 */,
|
|
2570
|
-
/* 132 */,
|
|
2571
|
-
/* 133 */,
|
|
2572
|
-
/* 134 */,
|
|
2573
|
-
/* 135 */,
|
|
2574
|
-
/* 136 */,
|
|
2575
|
-
/* 137 */,
|
|
2576
|
-
/* 138 */,
|
|
2577
|
-
/* 139 */,
|
|
2578
|
-
/* 140 */,
|
|
2579
|
-
/* 141 */,
|
|
2580
|
-
/* 142 */,
|
|
2581
|
-
/* 143 */,
|
|
2582
|
-
/* 144 */,
|
|
2583
|
-
/* 145 */,
|
|
2584
|
-
/* 146 */,
|
|
2585
|
-
/* 147 */
|
|
2586
|
-
/***/ (function(module, exports) {
|
|
2587
|
-
|
|
2588
|
-
module.exports = require("lodash/get");
|
|
2589
|
-
|
|
2590
|
-
/***/ }),
|
|
2591
|
-
/* 148 */
|
|
2592
|
-
/***/ (function(module, exports) {
|
|
2593
|
-
|
|
2594
|
-
module.exports = require("@splunk/react-ui/Chip");
|
|
2595
|
-
|
|
2596
|
-
/***/ }),
|
|
2597
|
-
/* 149 */,
|
|
2598
|
-
/* 150 */,
|
|
2599
|
-
/* 151 */,
|
|
2600
|
-
/* 152 */,
|
|
2601
|
-
/* 153 */,
|
|
2602
|
-
/* 154 */,
|
|
2603
|
-
/* 155 */,
|
|
2604
|
-
/* 156 */,
|
|
2605
|
-
/* 157 */,
|
|
2606
|
-
/* 158 */,
|
|
2607
|
-
/* 159 */,
|
|
2608
|
-
/* 160 */,
|
|
2609
|
-
/* 161 */,
|
|
2610
|
-
/* 162 */,
|
|
2611
|
-
/* 163 */,
|
|
2612
|
-
/* 164 */,
|
|
2613
|
-
/* 165 */,
|
|
2614
|
-
/* 166 */,
|
|
2615
|
-
/* 167 */,
|
|
2616
|
-
/* 168 */,
|
|
2617
|
-
/* 169 */,
|
|
2618
|
-
/* 170 */,
|
|
2619
|
-
/* 171 */,
|
|
2620
|
-
/* 172 */,
|
|
2621
|
-
/* 173 */,
|
|
2622
|
-
/* 174 */,
|
|
2623
|
-
/* 175 */,
|
|
2624
|
-
/* 176 */,
|
|
2625
|
-
/* 177 */,
|
|
2626
|
-
/* 178 */,
|
|
2627
|
-
/* 179 */,
|
|
2628
|
-
/* 180 */,
|
|
2629
|
-
/* 181 */,
|
|
2630
|
-
/* 182 */,
|
|
2631
|
-
/* 183 */,
|
|
2632
|
-
/* 184 */,
|
|
2633
|
-
/* 185 */,
|
|
2634
|
-
/* 186 */,
|
|
2635
|
-
/* 187 */
|
|
2636
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2637
|
-
|
|
2638
|
-
"use strict";
|
|
2639
|
-
// ESM COMPAT FLAG
|
|
2640
|
-
__webpack_require__.r(__webpack_exports__);
|
|
2641
|
-
|
|
2642
|
-
// EXPORTS
|
|
2643
|
-
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Multiselect_Multiselect; });
|
|
2644
|
-
__webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ Menu_["Divider"]; });
|
|
2645
|
-
__webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_["Heading"]; });
|
|
2646
|
-
__webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ Multiselect_Option; });
|
|
2647
|
-
|
|
2648
|
-
// EXTERNAL MODULE: external "react"
|
|
2649
|
-
var external_react_ = __webpack_require__(2);
|
|
2650
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
2651
|
-
|
|
2652
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
2653
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
2654
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
2655
|
-
|
|
2656
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
2657
|
-
var has_ = __webpack_require__(11);
|
|
2658
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
2659
|
-
|
|
2660
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
2661
|
-
var omit_ = __webpack_require__(5);
|
|
2662
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
2663
|
-
|
|
2664
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
2665
|
-
var i18n_ = __webpack_require__(4);
|
|
2666
|
-
|
|
2667
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
|
|
2668
|
-
var Menu_ = __webpack_require__(13);
|
|
2669
|
-
|
|
2670
|
-
// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
|
|
2671
|
-
var OptionBase = __webpack_require__(30);
|
|
2672
|
-
|
|
2673
|
-
// CONCATENATED MODULE: ./src/Multiselect/Option.tsx
|
|
2674
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
2675
|
-
|
|
2676
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
2677
|
-
|
|
2678
|
-
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; }
|
|
2679
|
-
|
|
2680
|
-
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; }
|
|
2681
|
-
|
|
2682
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
2683
|
-
|
|
2684
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
2685
|
-
|
|
2686
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
2687
|
-
|
|
2688
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
2689
|
-
|
|
2690
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
2691
|
-
|
|
2692
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
2693
|
-
|
|
2694
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
2695
|
-
|
|
2696
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
2697
|
-
|
|
2698
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
2699
|
-
|
|
2700
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
2701
|
-
|
|
2702
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
var propTypes = {
|
|
2708
|
-
/** @private */
|
|
2709
|
-
active: external_prop_types_default.a.bool,
|
|
2710
|
-
children: external_prop_types_default.a.node,
|
|
2711
|
-
|
|
2712
|
-
/**
|
|
2713
|
-
* @private this is passed down from Multiselect.
|
|
2714
|
-
*/
|
|
2715
|
-
compact: external_prop_types_default.a.bool,
|
|
2716
|
-
description: external_prop_types_default.a.string,
|
|
2717
|
-
descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
|
|
2718
|
-
disabled: external_prop_types_default.a.bool,
|
|
2719
|
-
hidden: external_prop_types_default.a.bool,
|
|
2720
|
-
icon: external_prop_types_default.a.node,
|
|
2721
|
-
label: external_prop_types_default.a.string.isRequired,
|
|
2722
|
-
matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
|
|
2723
|
-
start: external_prop_types_default.a.number.isRequired,
|
|
2724
|
-
end: external_prop_types_default.a.number.isRequired
|
|
2725
|
-
})),
|
|
2726
|
-
|
|
2727
|
-
/** @private */
|
|
2728
|
-
onClick: external_prop_types_default.a.func,
|
|
2729
|
-
|
|
2730
|
-
/** @private */
|
|
2731
|
-
selected: external_prop_types_default.a.bool,
|
|
2732
|
-
selectedAppearance: external_prop_types_default.a.oneOf(['info', 'success', 'warning', 'error']),
|
|
2733
|
-
selectedBackgroundColor: external_prop_types_default.a.string,
|
|
2734
|
-
selectedForegroundColor: external_prop_types_default.a.string,
|
|
2735
|
-
truncate: external_prop_types_default.a.bool,
|
|
2736
|
-
value: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number, external_prop_types_default.a.bool]).isRequired
|
|
2737
|
-
};
|
|
2738
|
-
var defaultProps = {
|
|
2739
|
-
compact: false,
|
|
2740
|
-
descriptionPosition: 'bottom',
|
|
2741
|
-
disabled: false,
|
|
2742
|
-
selected: false,
|
|
2743
|
-
truncate: false
|
|
2744
|
-
};
|
|
2745
|
-
|
|
2746
|
-
/**
|
|
2747
|
-
* An option within a `Multiselect`. This inherits from
|
|
2748
|
-
* [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
|
|
2749
|
-
* so any elements passed to it must also be pure.
|
|
2750
|
-
*/
|
|
2751
|
-
var Option_Option = /*#__PURE__*/function (_PureComponent) {
|
|
2752
|
-
_inherits(Option, _PureComponent);
|
|
2753
|
-
|
|
2754
|
-
var _super = _createSuper(Option);
|
|
2755
|
-
|
|
2756
|
-
function Option() {
|
|
2757
|
-
var _this;
|
|
2758
|
-
|
|
2759
|
-
_classCallCheck(this, Option);
|
|
2760
|
-
|
|
2761
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
2762
|
-
args[_key] = arguments[_key];
|
|
2763
|
-
}
|
|
2764
|
-
|
|
2765
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
2766
|
-
|
|
2767
|
-
_defineProperty(_assertThisInitialized(_this), "c", null);
|
|
2768
|
-
|
|
2769
|
-
_defineProperty(_assertThisInitialized(_this), "handleMount", function (c) {
|
|
2770
|
-
_this.c = c;
|
|
2771
|
-
});
|
|
2772
|
-
|
|
2773
|
-
return _this;
|
|
2774
|
-
}
|
|
2775
|
-
|
|
2776
|
-
_createClass(Option, [{
|
|
2777
|
-
key: "scrollIntoViewIfNeeded",
|
|
2778
|
-
value: function scrollIntoViewIfNeeded() {
|
|
2779
|
-
var _this$c;
|
|
2780
|
-
|
|
2781
|
-
(_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
|
|
2782
|
-
}
|
|
2783
|
-
/**
|
|
2784
|
-
* Place focus on the button.
|
|
2785
|
-
*/
|
|
2210
|
+
}(external_react_namespaceObject.Component);
|
|
2786
2211
|
|
|
2787
|
-
|
|
2788
|
-
key: "focus",
|
|
2789
|
-
value: function focus() {
|
|
2790
|
-
var _this$c2;
|
|
2212
|
+
SelectBase_defineProperty(SelectBase, "propTypes", SelectBase_propTypes);
|
|
2791
2213
|
|
|
2792
|
-
|
|
2793
|
-
}
|
|
2794
|
-
}, {
|
|
2795
|
-
key: "render",
|
|
2796
|
-
value: function render() {
|
|
2797
|
-
var _this$props = this.props,
|
|
2798
|
-
compact = _this$props.compact,
|
|
2799
|
-
otherProps = _objectWithoutProperties(_this$props, ["compact"]);
|
|
2214
|
+
SelectBase_defineProperty(SelectBase, "defaultProps", SelectBase_defaultProps);
|
|
2800
2215
|
|
|
2801
|
-
|
|
2802
|
-
multiple: compact,
|
|
2803
|
-
ref: this.handleMount
|
|
2804
|
-
}), this.props.children || this.props.label);
|
|
2805
|
-
}
|
|
2806
|
-
}]);
|
|
2216
|
+
SelectBase_defineProperty(SelectBase, "Option", OptionBase);
|
|
2807
2217
|
|
|
2808
|
-
|
|
2809
|
-
}(external_react_["PureComponent"]);
|
|
2218
|
+
SelectBase_defineProperty(SelectBase, "Divider", Menu_namespaceObject.Divider);
|
|
2810
2219
|
|
|
2811
|
-
|
|
2220
|
+
SelectBase_defineProperty(SelectBase, "Heading", Menu_namespaceObject.Heading);
|
|
2812
2221
|
|
|
2813
|
-
|
|
2222
|
+
SelectBase_defineProperty(SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
|
|
2814
2223
|
|
|
2815
|
-
/* harmony default export */
|
|
2816
|
-
// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 5 modules
|
|
2817
|
-
var SelectBase = __webpack_require__(62);
|
|
2224
|
+
/* harmony default export */ const Select_SelectBase = (SelectBase);
|
|
2818
2225
|
|
|
2819
|
-
|
|
2226
|
+
;// CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
|
|
2820
2227
|
function Compact_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Compact_typeof = function _typeof(obj) { return typeof obj; }; } else { Compact_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Compact_typeof(obj); }
|
|
2821
2228
|
|
|
2822
2229
|
function Compact_extends() { Compact_extends = Object.assign || 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 Compact_extends.apply(this, arguments); }
|
|
@@ -2855,39 +2262,39 @@ function Compact_defineProperty(obj, key, value) { if (key in obj) { Object.defi
|
|
|
2855
2262
|
|
|
2856
2263
|
|
|
2857
2264
|
var Compact_propTypes = {
|
|
2858
|
-
allowNewValues: external_prop_types_default.
|
|
2859
|
-
animateLoading: external_prop_types_default.
|
|
2860
|
-
children: external_prop_types_default.
|
|
2861
|
-
controlledFilter: external_prop_types_default.
|
|
2862
|
-
defaultPlacement: external_prop_types_default.
|
|
2863
|
-
defaultValues: external_prop_types_default.
|
|
2864
|
-
describedBy: external_prop_types_default.
|
|
2865
|
-
disabled: external_prop_types_default.
|
|
2866
|
-
elementRef: external_prop_types_default.
|
|
2867
|
-
error: external_prop_types_default.
|
|
2868
|
-
filter: external_prop_types_default.
|
|
2869
|
-
footerMessage: external_prop_types_default.
|
|
2870
|
-
inline: external_prop_types_default.
|
|
2871
|
-
inputId: external_prop_types_default.
|
|
2872
|
-
inputRef: external_prop_types_default.
|
|
2873
|
-
isLoadingOptions: external_prop_types_default.
|
|
2874
|
-
labelledBy: external_prop_types_default.
|
|
2875
|
-
loadingMessage: external_prop_types_default.
|
|
2876
|
-
menuStyle: external_prop_types_default.
|
|
2877
|
-
name: external_prop_types_default.
|
|
2878
|
-
noOptionsMessage: external_prop_types_default.
|
|
2879
|
-
onChange: external_prop_types_default.
|
|
2880
|
-
onClose: external_prop_types_default.
|
|
2881
|
-
onFilterChange: external_prop_types_default.
|
|
2882
|
-
onOpen: external_prop_types_default.
|
|
2883
|
-
onScroll: external_prop_types_default.
|
|
2884
|
-
onScrollBottom: external_prop_types_default.
|
|
2885
|
-
placeholder: external_prop_types_default.
|
|
2886
|
-
repositionMode: external_prop_types_default.
|
|
2887
|
-
selectAllAppearance: external_prop_types_default.
|
|
2888
|
-
showSelectedValuesFirst: external_prop_types_default.
|
|
2889
|
-
tabConfirmsNewValue: external_prop_types_default.
|
|
2890
|
-
values: external_prop_types_default.
|
|
2265
|
+
allowNewValues: (external_prop_types_default()).bool,
|
|
2266
|
+
animateLoading: (external_prop_types_default()).bool,
|
|
2267
|
+
children: (external_prop_types_default()).node,
|
|
2268
|
+
controlledFilter: (external_prop_types_default()).bool,
|
|
2269
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
|
|
2270
|
+
defaultValues: (external_prop_types_default()).array,
|
|
2271
|
+
describedBy: (external_prop_types_default()).string,
|
|
2272
|
+
disabled: (external_prop_types_default()).bool,
|
|
2273
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2274
|
+
error: (external_prop_types_default()).bool,
|
|
2275
|
+
filter: external_prop_types_default().oneOf([false, true, 'controlled']),
|
|
2276
|
+
footerMessage: (external_prop_types_default()).node,
|
|
2277
|
+
inline: (external_prop_types_default()).bool,
|
|
2278
|
+
inputId: (external_prop_types_default()).string,
|
|
2279
|
+
inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2280
|
+
isLoadingOptions: (external_prop_types_default()).bool,
|
|
2281
|
+
labelledBy: (external_prop_types_default()).string,
|
|
2282
|
+
loadingMessage: (external_prop_types_default()).node,
|
|
2283
|
+
menuStyle: (external_prop_types_default()).object,
|
|
2284
|
+
name: (external_prop_types_default()).string,
|
|
2285
|
+
noOptionsMessage: (external_prop_types_default()).node,
|
|
2286
|
+
onChange: (external_prop_types_default()).func,
|
|
2287
|
+
onClose: (external_prop_types_default()).func,
|
|
2288
|
+
onFilterChange: (external_prop_types_default()).func,
|
|
2289
|
+
onOpen: (external_prop_types_default()).func,
|
|
2290
|
+
onScroll: (external_prop_types_default()).func,
|
|
2291
|
+
onScrollBottom: (external_prop_types_default()).func,
|
|
2292
|
+
placeholder: (external_prop_types_default()).string,
|
|
2293
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
|
|
2294
|
+
selectAllAppearance: external_prop_types_default().oneOf(['buttongroup', 'checkbox']),
|
|
2295
|
+
showSelectedValuesFirst: external_prop_types_default().oneOf(['nextOpen', 'immediately', 'never']),
|
|
2296
|
+
tabConfirmsNewValue: (external_prop_types_default()).bool,
|
|
2297
|
+
values: (external_prop_types_default()).array
|
|
2891
2298
|
};
|
|
2892
2299
|
var Compact_defaultProps = {
|
|
2893
2300
|
allowNewValues: false,
|
|
@@ -2897,13 +2304,13 @@ var Compact_defaultProps = {
|
|
|
2897
2304
|
inline: false,
|
|
2898
2305
|
isLoadingOptions: false,
|
|
2899
2306
|
menuStyle: {},
|
|
2900
|
-
noOptionsMessage:
|
|
2901
|
-
placeholder:
|
|
2307
|
+
noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
|
|
2308
|
+
placeholder: (0,i18n_namespaceObject._)('Select...'),
|
|
2902
2309
|
showSelectedValuesFirst: 'nextOpen',
|
|
2903
2310
|
tabConfirmsNewValue: false
|
|
2904
2311
|
}; // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
|
|
2905
2312
|
|
|
2906
|
-
var
|
|
2313
|
+
var Compact = /*#__PURE__*/function (_Component) {
|
|
2907
2314
|
Compact_inherits(Compact, _Component);
|
|
2908
2315
|
|
|
2909
2316
|
var _super = Compact_createSuper(Compact);
|
|
@@ -2937,9 +2344,9 @@ var Compact_Compact = /*#__PURE__*/function (_Component) {
|
|
|
2937
2344
|
}
|
|
2938
2345
|
|
|
2939
2346
|
var convertedProps = {
|
|
2940
|
-
children:
|
|
2941
|
-
if (
|
|
2942
|
-
return /*#__PURE__*/external_react_default.
|
|
2347
|
+
children: external_react_namespaceObject.Children.toArray(children).map(function (item) {
|
|
2348
|
+
if (isOption(item)) {
|
|
2349
|
+
return /*#__PURE__*/external_react_default().createElement(OptionBase, Compact_extends({}, item.props, {
|
|
2943
2350
|
multiple: true
|
|
2944
2351
|
}));
|
|
2945
2352
|
}
|
|
@@ -2957,205 +2364,172 @@ var Compact_Compact = /*#__PURE__*/function (_Component) {
|
|
|
2957
2364
|
convertedProps.values = values;
|
|
2958
2365
|
}
|
|
2959
2366
|
|
|
2960
|
-
return /*#__PURE__*/external_react_default.
|
|
2367
|
+
return /*#__PURE__*/external_react_default().createElement(Select_SelectBase, Compact_extends({}, otherProps, convertedProps, {
|
|
2961
2368
|
multiple: true
|
|
2962
2369
|
}));
|
|
2963
2370
|
}
|
|
2964
2371
|
}]);
|
|
2965
2372
|
|
|
2966
2373
|
return Compact;
|
|
2967
|
-
}(
|
|
2968
|
-
|
|
2969
|
-
Compact_defineProperty(
|
|
2970
|
-
|
|
2971
|
-
Compact_defineProperty(
|
|
2972
|
-
|
|
2973
|
-
Compact_defineProperty(
|
|
2974
|
-
|
|
2975
|
-
Compact_defineProperty(
|
|
2976
|
-
|
|
2977
|
-
Compact_defineProperty(
|
|
2978
|
-
|
|
2979
|
-
/* harmony default export */
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
var defer_default = /*#__PURE__*/__webpack_require__.n(
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
var
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
var
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
var
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
var
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
var
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
var
|
|
3015
|
-
|
|
3016
|
-
// EXTERNAL MODULE: external "lodash/pickBy"
|
|
3017
|
-
var pickBy_ = __webpack_require__(63);
|
|
3018
|
-
var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
|
|
3019
|
-
|
|
3020
|
-
// EXTERNAL MODULE: external "lodash/without"
|
|
3021
|
-
var without_ = __webpack_require__(61);
|
|
3022
|
-
var without_default = /*#__PURE__*/__webpack_require__.n(without_);
|
|
3023
|
-
|
|
3024
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
|
|
3025
|
-
var filter_ = __webpack_require__(35);
|
|
3026
|
-
|
|
3027
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
3028
|
-
var id_ = __webpack_require__(8);
|
|
3029
|
-
|
|
3030
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
3031
|
-
var keyboard_ = __webpack_require__(7);
|
|
3032
|
-
|
|
3033
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Chip"
|
|
3034
|
-
var Chip_ = __webpack_require__(148);
|
|
3035
|
-
var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
|
|
3036
|
-
|
|
3037
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
|
|
3038
|
-
var ResultsMenu_ = __webpack_require__(47);
|
|
3039
|
-
var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
|
|
3040
|
-
|
|
3041
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
3042
|
-
var Popover_ = __webpack_require__(21);
|
|
3043
|
-
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
3044
|
-
|
|
3045
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
3046
|
-
var ScreenReaderContent_ = __webpack_require__(14);
|
|
3047
|
-
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
3048
|
-
|
|
3049
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
3050
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
3051
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
3052
|
-
|
|
3053
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
3054
|
-
var Box_ = __webpack_require__(6);
|
|
3055
|
-
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
3056
|
-
|
|
3057
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
3058
|
-
var themes_ = __webpack_require__(0);
|
|
3059
|
-
|
|
3060
|
-
// CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
2374
|
+
}(external_react_namespaceObject.Component);
|
|
2375
|
+
|
|
2376
|
+
Compact_defineProperty(Compact, "propTypes", Compact_propTypes);
|
|
2377
|
+
|
|
2378
|
+
Compact_defineProperty(Compact, "defaultProps", Compact_defaultProps);
|
|
2379
|
+
|
|
2380
|
+
Compact_defineProperty(Compact, "Option", Multiselect_Option);
|
|
2381
|
+
|
|
2382
|
+
Compact_defineProperty(Compact, "Divider", Menu_namespaceObject.Divider);
|
|
2383
|
+
|
|
2384
|
+
Compact_defineProperty(Compact, "Heading", Menu_namespaceObject.Heading);
|
|
2385
|
+
|
|
2386
|
+
/* harmony default export */ const Multiselect_Compact = (Compact);
|
|
2387
|
+
;// CONCATENATED MODULE: external "lodash/defer"
|
|
2388
|
+
const defer_namespaceObject = require("lodash/defer");
|
|
2389
|
+
var defer_default = /*#__PURE__*/__webpack_require__.n(defer_namespaceObject);
|
|
2390
|
+
;// CONCATENATED MODULE: external "lodash/extend"
|
|
2391
|
+
const extend_namespaceObject = require("lodash/extend");
|
|
2392
|
+
var extend_default = /*#__PURE__*/__webpack_require__.n(extend_namespaceObject);
|
|
2393
|
+
;// CONCATENATED MODULE: external "lodash/get"
|
|
2394
|
+
const get_namespaceObject = require("lodash/get");
|
|
2395
|
+
var get_default = /*#__PURE__*/__webpack_require__.n(get_namespaceObject);
|
|
2396
|
+
;// CONCATENATED MODULE: external "lodash/isString"
|
|
2397
|
+
const isString_namespaceObject = require("lodash/isString");
|
|
2398
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
|
|
2399
|
+
;// CONCATENATED MODULE: external "lodash/last"
|
|
2400
|
+
const last_namespaceObject = require("lodash/last");
|
|
2401
|
+
var last_default = /*#__PURE__*/__webpack_require__.n(last_namespaceObject);
|
|
2402
|
+
;// CONCATENATED MODULE: external "lodash/pickBy"
|
|
2403
|
+
const pickBy_namespaceObject = require("lodash/pickBy");
|
|
2404
|
+
var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_namespaceObject);
|
|
2405
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Chip"
|
|
2406
|
+
const Chip_namespaceObject = require("@splunk/react-ui/Chip");
|
|
2407
|
+
var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_namespaceObject);
|
|
2408
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
2409
|
+
const Popover_namespaceObject = require("@splunk/react-ui/Popover");
|
|
2410
|
+
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_namespaceObject);
|
|
2411
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
2412
|
+
const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
|
|
2413
|
+
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
|
|
2414
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
2415
|
+
const Box_namespaceObject = require("@splunk/react-ui/Box");
|
|
2416
|
+
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
|
|
2417
|
+
;// CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
|
|
2418
|
+
|
|
2419
|
+
|
|
2420
|
+
|
|
2421
|
+
var StyledBox = external_styled_components_default()((Box_default())).withConfig({
|
|
3065
2422
|
displayName: "NormalStyles__StyledBox",
|
|
3066
2423
|
componentId: "sc-1uwwpco-0"
|
|
3067
|
-
})(["border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}"],
|
|
2424
|
+
})(["border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}"], themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
|
|
3068
2425
|
enterprise: 'flex-start',
|
|
3069
2426
|
prisma: 'center'
|
|
3070
|
-
}),
|
|
2427
|
+
}), themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
|
|
3071
2428
|
enterprise: {
|
|
3072
|
-
light:
|
|
3073
|
-
dark:
|
|
2429
|
+
light: themes_namespaceObject.variables.gray60,
|
|
2430
|
+
dark: themes_namespaceObject.variables.borderColor
|
|
3074
2431
|
},
|
|
3075
|
-
prisma:
|
|
3076
|
-
}),
|
|
2432
|
+
prisma: themes_namespaceObject.variables.interactiveColorBorder
|
|
2433
|
+
}), (0,themes_namespaceObject.pick)({
|
|
3077
2434
|
enterprise: '2px 0 0 2px',
|
|
3078
2435
|
prisma: '2px'
|
|
3079
|
-
}),
|
|
2436
|
+
}), (0,themes_namespaceObject.pick)({
|
|
3080
2437
|
enterprise: {
|
|
3081
|
-
light:
|
|
3082
|
-
dark:
|
|
2438
|
+
light: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.white),
|
|
2439
|
+
dark: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.gray22)
|
|
3083
2440
|
}
|
|
3084
2441
|
}), function (_ref) {
|
|
3085
2442
|
var $hasfocus = _ref.$hasfocus;
|
|
3086
|
-
return $hasfocus &&
|
|
3087
|
-
enterprise:
|
|
3088
|
-
prisma:
|
|
2443
|
+
return $hasfocus && (0,themes_namespaceObject.pick)({
|
|
2444
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow),
|
|
2445
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.focusColor)
|
|
3089
2446
|
});
|
|
3090
2447
|
}, function (_ref2) {
|
|
3091
2448
|
var $error = _ref2.$error;
|
|
3092
|
-
return $error &&
|
|
2449
|
+
return $error && (0,external_styled_components_namespaceObject.css)(["border-color:", ";color:", ";"], themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.accentColorNegative);
|
|
3093
2450
|
}, function (_ref3) {
|
|
3094
2451
|
var $disabled = _ref3.$disabled,
|
|
3095
2452
|
$hasfocus = _ref3.$hasfocus;
|
|
3096
|
-
return $disabled ?
|
|
2453
|
+
return $disabled ? (0,themes_namespaceObject.pick)({
|
|
3097
2454
|
enterprise: {
|
|
3098
|
-
light:
|
|
3099
|
-
dark:
|
|
2455
|
+
light: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-color:", ";cursor:not-allowed;"], themes_namespaceObject.variables.gray96, themes_namespaceObject.variables.gray92),
|
|
2456
|
+
dark: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-color:", ";cursor:not-allowed;"], themes_namespaceObject.variables.gray22, themes_namespaceObject.variables.gray30)
|
|
3100
2457
|
},
|
|
3101
|
-
prisma:
|
|
3102
|
-
}) : !$hasfocus &&
|
|
3103
|
-
enterprise:
|
|
3104
|
-
prisma:
|
|
2458
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-color:", ";cursor:not-allowed;"], themes_namespaceObject.variables.interactiveColorBorderDisabled)
|
|
2459
|
+
}) : !$hasfocus && (0,external_styled_components_namespaceObject.css)(["&:hover{border-color:", ";}"], (0,themes_namespaceObject.pick)({
|
|
2460
|
+
enterprise: themes_namespaceObject.variables.borderColor,
|
|
2461
|
+
prisma: themes_namespaceObject.variables.interactiveColorBorderHover
|
|
3105
2462
|
}));
|
|
3106
2463
|
}, function (_ref4) {
|
|
3107
2464
|
var $popoverOpen = _ref4.$popoverOpen;
|
|
3108
|
-
return $popoverOpen &&
|
|
3109
|
-
},
|
|
3110
|
-
enterprise:
|
|
3111
|
-
prisma:
|
|
2465
|
+
return $popoverOpen && (0,external_styled_components_namespaceObject.css)(["position:relative;z-index:calc(", " - 2);"], themes_namespaceObject.variables.zindexFixedNavbar);
|
|
2466
|
+
}, (0,themes_namespaceObject.pick)({
|
|
2467
|
+
enterprise: themes_namespaceObject.variables.spacingHalf,
|
|
2468
|
+
prisma: themes_namespaceObject.variables.spacingSmall
|
|
3112
2469
|
}));
|
|
3113
|
-
var StyledInputWrapper = external_styled_components_default.
|
|
2470
|
+
var StyledInputWrapper = external_styled_components_default().div.withConfig({
|
|
3114
2471
|
displayName: "NormalStyles__StyledInputWrapper",
|
|
3115
2472
|
componentId: "sc-1uwwpco-1"
|
|
3116
2473
|
})(["flex:1 0 auto;max-width:100%;"]);
|
|
3117
|
-
var StyledInput = external_styled_components_default.
|
|
2474
|
+
var StyledInput = external_styled_components_default().input.withConfig({
|
|
3118
2475
|
displayName: "NormalStyles__StyledInput",
|
|
3119
2476
|
componentId: "sc-1uwwpco-2"
|
|
3120
|
-
})(["", ";min-width:100%;max-width:100%;line-height:12px;", ""],
|
|
2477
|
+
})(["", ";min-width:100%;max-width:100%;line-height:12px;", ""], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
3121
2478
|
enterprise: {
|
|
3122
|
-
comfortable:
|
|
3123
|
-
compact:
|
|
2479
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:", ";"], themes_namespaceObject.variables.spacingQuarter),
|
|
2480
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:3px;"])
|
|
3124
2481
|
},
|
|
3125
2482
|
prisma: {
|
|
3126
|
-
comfortable:
|
|
3127
|
-
compact:
|
|
2483
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:7px 10px;"]),
|
|
2484
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:3px;"])
|
|
3128
2485
|
}
|
|
3129
2486
|
}));
|
|
3130
|
-
var StyledOverlay = external_styled_components_default.
|
|
2487
|
+
var StyledOverlay = external_styled_components_default().div.withConfig({
|
|
3131
2488
|
displayName: "NormalStyles__StyledOverlay",
|
|
3132
2489
|
componentId: "sc-1uwwpco-3"
|
|
3133
2490
|
})(["", ""], function (_ref5) {
|
|
3134
2491
|
var $popoveropen = _ref5.$popoveropen;
|
|
3135
|
-
return $popoveropen &&
|
|
2492
|
+
return $popoveropen && (0,external_styled_components_namespaceObject.css)(["position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);"], themes_namespaceObject.variables.zindexFixedNavbar);
|
|
3136
2493
|
});
|
|
3137
2494
|
|
|
3138
|
-
|
|
3139
|
-
|
|
2495
|
+
;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
2496
|
+
/**
|
|
2497
|
+
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
2498
|
+
*
|
|
2499
|
+
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
2500
|
+
* @param current - The new value of the ref.
|
|
2501
|
+
*/
|
|
2502
|
+
function updateReactRef(ref, current) {
|
|
2503
|
+
if (ref) {
|
|
2504
|
+
if (typeof ref === 'function') {
|
|
2505
|
+
ref(current);
|
|
2506
|
+
} else {
|
|
2507
|
+
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
2508
|
+
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
2509
|
+
ref.current = current; // eslint-disable-line no-param-reassign
|
|
2510
|
+
}
|
|
2511
|
+
}
|
|
2512
|
+
}
|
|
2513
|
+
|
|
3140
2514
|
|
|
3141
|
-
|
|
2515
|
+
;// CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
|
|
3142
2516
|
function Normal_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Normal_typeof = function _typeof(obj) { return typeof obj; }; } else { Normal_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Normal_typeof(obj); }
|
|
3143
2517
|
|
|
3144
|
-
function
|
|
2518
|
+
function Normal_toConsumableArray(arr) { return Normal_arrayWithoutHoles(arr) || Normal_iterableToArray(arr) || Normal_unsupportedIterableToArray(arr) || Normal_nonIterableSpread(); }
|
|
3145
2519
|
|
|
3146
|
-
function
|
|
2520
|
+
function Normal_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."); }
|
|
3147
2521
|
|
|
3148
|
-
function
|
|
2522
|
+
function Normal_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Normal_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 Normal_arrayLikeToArray(o, minLen); }
|
|
3149
2523
|
|
|
3150
|
-
function
|
|
2524
|
+
function Normal_iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
3151
2525
|
|
|
3152
|
-
function
|
|
2526
|
+
function Normal_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return Normal_arrayLikeToArray(arr); }
|
|
3153
2527
|
|
|
3154
|
-
function
|
|
2528
|
+
function Normal_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; }
|
|
3155
2529
|
|
|
3156
|
-
function
|
|
2530
|
+
function Normal_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
3157
2531
|
|
|
3158
|
-
function
|
|
2532
|
+
function Normal_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Normal_ownKeys(Object(source), true).forEach(function (key) { Normal_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Normal_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
3159
2533
|
|
|
3160
2534
|
function Normal_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Normal_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; }
|
|
3161
2535
|
|
|
@@ -3213,40 +2587,40 @@ function Normal_defineProperty(obj, key, value) { if (key in obj) { Object.defin
|
|
|
3213
2587
|
|
|
3214
2588
|
|
|
3215
2589
|
var Normal_propTypes = {
|
|
3216
|
-
allowNewValues: external_prop_types_default.
|
|
3217
|
-
animateLoading: external_prop_types_default.
|
|
3218
|
-
children: external_prop_types_default.
|
|
3219
|
-
controlledFilter: external_prop_types_default.
|
|
3220
|
-
defaultPlacement: external_prop_types_default.
|
|
3221
|
-
defaultValues: external_prop_types_default.
|
|
3222
|
-
describedBy: external_prop_types_default.
|
|
3223
|
-
disabled: external_prop_types_default.
|
|
3224
|
-
elementRef: external_prop_types_default.
|
|
3225
|
-
error: external_prop_types_default.
|
|
3226
|
-
footerMessage: external_prop_types_default.
|
|
3227
|
-
inline: external_prop_types_default.
|
|
3228
|
-
inputId: external_prop_types_default.
|
|
3229
|
-
inputRef: external_prop_types_default.
|
|
3230
|
-
isLoadingOptions: external_prop_types_default.
|
|
3231
|
-
labelledBy: external_prop_types_default.
|
|
3232
|
-
loadingMessage: external_prop_types_default.
|
|
3233
|
-
menuStyle: external_prop_types_default.
|
|
3234
|
-
name: external_prop_types_default.
|
|
3235
|
-
noOptionsMessage: external_prop_types_default.
|
|
3236
|
-
onChange: external_prop_types_default.
|
|
3237
|
-
onClose: external_prop_types_default.
|
|
3238
|
-
onFilterChange: external_prop_types_default.
|
|
3239
|
-
onOpen: external_prop_types_default.
|
|
3240
|
-
onScroll: external_prop_types_default.
|
|
3241
|
-
onScrollBottom: external_prop_types_default.
|
|
3242
|
-
placeholder: external_prop_types_default.
|
|
2590
|
+
allowNewValues: (external_prop_types_default()).bool,
|
|
2591
|
+
animateLoading: (external_prop_types_default()).bool,
|
|
2592
|
+
children: (external_prop_types_default()).node,
|
|
2593
|
+
controlledFilter: (external_prop_types_default()).bool,
|
|
2594
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
|
|
2595
|
+
defaultValues: (external_prop_types_default()).array,
|
|
2596
|
+
describedBy: (external_prop_types_default()).string,
|
|
2597
|
+
disabled: (external_prop_types_default()).bool,
|
|
2598
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2599
|
+
error: (external_prop_types_default()).bool,
|
|
2600
|
+
footerMessage: (external_prop_types_default()).node,
|
|
2601
|
+
inline: (external_prop_types_default()).bool,
|
|
2602
|
+
inputId: (external_prop_types_default()).string,
|
|
2603
|
+
inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2604
|
+
isLoadingOptions: (external_prop_types_default()).bool,
|
|
2605
|
+
labelledBy: (external_prop_types_default()).string,
|
|
2606
|
+
loadingMessage: (external_prop_types_default()).node,
|
|
2607
|
+
menuStyle: (external_prop_types_default()).object,
|
|
2608
|
+
name: (external_prop_types_default()).string,
|
|
2609
|
+
noOptionsMessage: (external_prop_types_default()).node,
|
|
2610
|
+
onChange: (external_prop_types_default()).func,
|
|
2611
|
+
onClose: (external_prop_types_default()).func,
|
|
2612
|
+
onFilterChange: (external_prop_types_default()).func,
|
|
2613
|
+
onOpen: (external_prop_types_default()).func,
|
|
2614
|
+
onScroll: (external_prop_types_default()).func,
|
|
2615
|
+
onScrollBottom: (external_prop_types_default()).func,
|
|
2616
|
+
placeholder: (external_prop_types_default()).string,
|
|
3243
2617
|
|
|
3244
2618
|
/** @private. */
|
|
3245
|
-
required: external_prop_types_default.
|
|
3246
|
-
repositionMode: external_prop_types_default.
|
|
3247
|
-
tabConfirmsNewValue: external_prop_types_default.
|
|
3248
|
-
useClickawayOverlay: external_prop_types_default.
|
|
3249
|
-
values: external_prop_types_default.
|
|
2619
|
+
required: (external_prop_types_default()).bool,
|
|
2620
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
|
|
2621
|
+
tabConfirmsNewValue: (external_prop_types_default()).bool,
|
|
2622
|
+
useClickawayOverlay: (external_prop_types_default()).bool,
|
|
2623
|
+
values: (external_prop_types_default()).array
|
|
3250
2624
|
};
|
|
3251
2625
|
var Normal_defaultProps = {
|
|
3252
2626
|
allowNewValues: false,
|
|
@@ -3256,8 +2630,8 @@ var Normal_defaultProps = {
|
|
|
3256
2630
|
inline: false,
|
|
3257
2631
|
isLoadingOptions: false,
|
|
3258
2632
|
menuStyle: {},
|
|
3259
|
-
noOptionsMessage:
|
|
3260
|
-
placeholder:
|
|
2633
|
+
noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
|
|
2634
|
+
placeholder: (0,i18n_namespaceObject._)('Select...'),
|
|
3261
2635
|
tabConfirmsNewValue: false,
|
|
3262
2636
|
useClickawayOverlay: false
|
|
3263
2637
|
};
|
|
@@ -3268,7 +2642,7 @@ var getInlineInputStyle = memoize_default()(function (inputWidth) {
|
|
|
3268
2642
|
};
|
|
3269
2643
|
}); // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
|
|
3270
2644
|
|
|
3271
|
-
var
|
|
2645
|
+
var Normal = /*#__PURE__*/function (_Component) {
|
|
3272
2646
|
Normal_inherits(Normal, _Component);
|
|
3273
2647
|
|
|
3274
2648
|
var _super = Normal_createSuper(Normal);
|
|
@@ -3337,7 +2711,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3337
2711
|
children = _this$props3.children,
|
|
3338
2712
|
onScrollBottom = _this$props3.onScrollBottom,
|
|
3339
2713
|
tabConfirmsNewValue = _this$props3.tabConfirmsNewValue;
|
|
3340
|
-
var eventKeyCode =
|
|
2714
|
+
var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
3341
2715
|
|
|
3342
2716
|
if (eventKeyCode === 'tab' && _this.state.open) {
|
|
3343
2717
|
if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
|
|
@@ -3394,7 +2768,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3394
2768
|
if (children && onScrollBottom) {
|
|
3395
2769
|
var _this$getCurrentValue;
|
|
3396
2770
|
|
|
3397
|
-
var beforeLastChild =
|
|
2771
|
+
var beforeLastChild = external_react_namespaceObject.Children.toArray(children).length - (2 + ((_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : []).length);
|
|
3398
2772
|
|
|
3399
2773
|
if (_this.state.activeIndex === beforeLastChild) {
|
|
3400
2774
|
_this.handleScrollBottom(e);
|
|
@@ -3516,12 +2890,12 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3516
2890
|
el: el
|
|
3517
2891
|
});
|
|
3518
2892
|
|
|
3519
|
-
|
|
2893
|
+
updateReactRef(_this.props.elementRef, el);
|
|
3520
2894
|
});
|
|
3521
2895
|
|
|
3522
2896
|
Normal_defineProperty(Normal_assertThisInitialized(_this), "handleInputMount", function (el) {
|
|
3523
2897
|
_this.input = el;
|
|
3524
|
-
|
|
2898
|
+
updateReactRef(_this.props.inputRef, el);
|
|
3525
2899
|
});
|
|
3526
2900
|
|
|
3527
2901
|
Normal_defineProperty(Normal_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
|
|
@@ -3534,7 +2908,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3534
2908
|
var anchorWidth = _ref4.anchorWidth,
|
|
3535
2909
|
maxHeight = _ref4.maxHeight,
|
|
3536
2910
|
placement = _ref4.placement;
|
|
3537
|
-
return /*#__PURE__*/external_react_default.
|
|
2911
|
+
return /*#__PURE__*/external_react_default().createElement((ResultsMenu_default()), Normal_extends({
|
|
3538
2912
|
controlledExternally: true,
|
|
3539
2913
|
placement: placement !== null && placement !== void 0 ? placement : undefined,
|
|
3540
2914
|
maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
|
|
@@ -3559,8 +2933,8 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3559
2933
|
_this.availableOptionCount = 0;
|
|
3560
2934
|
_this.children = [];
|
|
3561
2935
|
_this.controlledExternally = has_default()(props, 'values');
|
|
3562
|
-
_this.activeItemId =
|
|
3563
|
-
_this.popoverId =
|
|
2936
|
+
_this.activeItemId = (0,id_namespaceObject.createDOMID)('active-item');
|
|
2937
|
+
_this.popoverId = (0,id_namespaceObject.createDOMID)('popover');
|
|
3564
2938
|
|
|
3565
2939
|
if (false) {}
|
|
3566
2940
|
|
|
@@ -3657,7 +3031,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3657
3031
|
return selectedItems.map(function (selectedItem) {
|
|
3658
3032
|
var item = selectedItem; // TS: faking props here
|
|
3659
3033
|
|
|
3660
|
-
return /*#__PURE__*/external_react_default.
|
|
3034
|
+
return /*#__PURE__*/external_react_default().createElement((Chip_default()), {
|
|
3661
3035
|
"aria-selected": true,
|
|
3662
3036
|
disabled: _this2.props.disabled,
|
|
3663
3037
|
icon: item.props ? item.props.icon : undefined,
|
|
@@ -3669,7 +3043,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3669
3043
|
appearance: item.props ? item.props.selectedAppearance : undefined,
|
|
3670
3044
|
backgroundColor: item.props ? item.props.selectedBackgroundColor : undefined,
|
|
3671
3045
|
foregroundColor: item.props ? item.props.selectedForegroundColor : undefined
|
|
3672
|
-
}, /*#__PURE__*/external_react_default.
|
|
3046
|
+
}, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, item.props ? item.props.children || item.props.label : item));
|
|
3673
3047
|
});
|
|
3674
3048
|
}
|
|
3675
3049
|
}, {
|
|
@@ -3695,7 +3069,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3695
3069
|
useClickawayOverlay = _this$props10.useClickawayOverlay,
|
|
3696
3070
|
otherProps = Normal_objectWithoutProperties(_this$props10, ["allowNewValues", "children", "controlledFilter", "defaultPlacement", "describedBy", "disabled", "error", "inline", "inputId", "labelledBy", "placeholder", "required", "repositionMode", "useClickawayOverlay"]);
|
|
3697
3071
|
|
|
3698
|
-
var ariaProps =
|
|
3072
|
+
var ariaProps = Normal_objectSpread(Normal_objectSpread({}, pickBy_default()(otherProps, function (val, key) {
|
|
3699
3073
|
return key === 'role' || key.indexOf('aria-') === 0;
|
|
3700
3074
|
})), {}, {
|
|
3701
3075
|
'aria-describedby': describedBy,
|
|
@@ -3703,7 +3077,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3703
3077
|
'aria-invalid': error || undefined
|
|
3704
3078
|
});
|
|
3705
3079
|
|
|
3706
|
-
var subsetAriaProps =
|
|
3080
|
+
var subsetAriaProps = Normal_objectSpread({}, pickBy_default()(otherProps, function (val, key) {
|
|
3707
3081
|
return key === 'aria-label' || key === 'aria-describedby';
|
|
3708
3082
|
}));
|
|
3709
3083
|
|
|
@@ -3712,7 +3086,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3712
3086
|
var foundExactMatch = currentValues.indexOf(this.state.filterKeyword) >= 0; // Map Options to selected values
|
|
3713
3087
|
|
|
3714
3088
|
if (currentValues && currentValues.length) {
|
|
3715
|
-
|
|
3089
|
+
external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).filter(function (item) {
|
|
3716
3090
|
return item.type === Multiselect_Option;
|
|
3717
3091
|
}).forEach(function (item) {
|
|
3718
3092
|
if (item.type === Multiselect_Option) {
|
|
@@ -3726,18 +3100,18 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3726
3100
|
} // Filter the items
|
|
3727
3101
|
|
|
3728
3102
|
|
|
3729
|
-
var keywords =
|
|
3730
|
-
var childrenFiltered = controlledFilter ?
|
|
3731
|
-
|
|
3103
|
+
var keywords = (0,filter_namespaceObject.stringToKeywords)(this.state.filterKeyword);
|
|
3104
|
+
var childrenFiltered = controlledFilter ? external_react_namespaceObject.Children.toArray(children) : // ensure consistent keys
|
|
3105
|
+
external_react_namespaceObject.Children.toArray(children).filter(function (option) {
|
|
3732
3106
|
if (get_default()(option, ['props', 'label'], false)) {
|
|
3733
|
-
return
|
|
3107
|
+
return (0,filter_namespaceObject.testPhrase)(option.props.label, keywords);
|
|
3734
3108
|
}
|
|
3735
3109
|
|
|
3736
3110
|
return true; // Keep all headers and non-interactive options
|
|
3737
3111
|
});
|
|
3738
3112
|
this.availableOptionCount = 0;
|
|
3739
3113
|
this.activeValue = undefined;
|
|
3740
|
-
this.children =
|
|
3114
|
+
this.children = external_react_namespaceObject.Children.map(childrenFiltered, function (childrenItem, i) {
|
|
3741
3115
|
if (!childrenItem.props || !has_default()(childrenItem.props, 'value')) {
|
|
3742
3116
|
// ignore Headings and Dividers
|
|
3743
3117
|
return childrenItem;
|
|
@@ -3762,9 +3136,9 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3762
3136
|
label = _item$props.label,
|
|
3763
3137
|
matchRanges = _item$props.matchRanges;
|
|
3764
3138
|
var itemSupportsMatchRanges = itemChildren === undefined || isString_default()(itemChildren);
|
|
3765
|
-
var matchRangesCalc = itemSupportsMatchRanges && !controlledFilter && !matchRanges && keywords &&
|
|
3139
|
+
var matchRangesCalc = itemSupportsMatchRanges && !controlledFilter && !matchRanges && keywords && (0,filter_namespaceObject.keywordLocations)(label, keywords); // clone item
|
|
3766
3140
|
|
|
3767
|
-
var clonedItem = /*#__PURE__*/
|
|
3141
|
+
var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
|
|
3768
3142
|
key: i,
|
|
3769
3143
|
onClick: _this3.handleMenuOptionClick,
|
|
3770
3144
|
matchRanges: itemSupportsMatchRanges && (matchRanges || matchRangesCalc) || undefined
|
|
@@ -3775,9 +3149,9 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3775
3149
|
}); // Add the option to add the new value
|
|
3776
3150
|
|
|
3777
3151
|
if (allowNewValues && !foundExactMatch && this.state.filterKeyword) {
|
|
3778
|
-
this.children.unshift( /*#__PURE__*/external_react_default.
|
|
3152
|
+
this.children.unshift( /*#__PURE__*/external_react_default().createElement(Multiselect_Option, {
|
|
3779
3153
|
label: "".concat(this.state.filterKeyword),
|
|
3780
|
-
description:
|
|
3154
|
+
description: (0,i18n_namespaceObject._)('(New value)'),
|
|
3781
3155
|
descriptionPosition: "right",
|
|
3782
3156
|
value: this.state.filterKeyword,
|
|
3783
3157
|
key: "newValue",
|
|
@@ -3787,7 +3161,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3787
3161
|
|
|
3788
3162
|
if (this.state.open) {
|
|
3789
3163
|
// highlight the selected Item
|
|
3790
|
-
this.children =
|
|
3164
|
+
this.children = external_react_namespaceObject.Children.map(this.children, function (childrenItem) {
|
|
3791
3165
|
if (!childrenItem.props || !has_default()(childrenItem.props, 'value')) {
|
|
3792
3166
|
// ignore Headings and Dividers
|
|
3793
3167
|
return childrenItem;
|
|
@@ -3805,7 +3179,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3805
3179
|
_this3.activeValue = item.props.value;
|
|
3806
3180
|
}
|
|
3807
3181
|
|
|
3808
|
-
var clonedItem = /*#__PURE__*/
|
|
3182
|
+
var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
|
|
3809
3183
|
active: active,
|
|
3810
3184
|
id: _this3.activeItemId,
|
|
3811
3185
|
ref: _this3.handleActiveOptionMount
|
|
@@ -3815,12 +3189,12 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3815
3189
|
}
|
|
3816
3190
|
|
|
3817
3191
|
var inlineInputStyle = getInlineInputStyle("".concat(this.state.filterKeyword.length * 0.8, "em"));
|
|
3818
|
-
return /*#__PURE__*/external_react_default.
|
|
3192
|
+
return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(StyledBox, Normal_extends({
|
|
3819
3193
|
key: "control",
|
|
3820
3194
|
"data-test-values": JSON.stringify(currentValues),
|
|
3821
3195
|
inline: inline,
|
|
3822
3196
|
$hasfocus: this.state.hasFocus
|
|
3823
|
-
}, omit_default.
|
|
3197
|
+
}, omit_default().apply(void 0, [otherProps, 'animateLoading', 'controlledFilter', 'defaultValues', 'footerMessage', 'inputRef', 'isLoadingOptions', 'labelledBy', 'menuStyle', 'noOptionsMessage', 'onChange', 'onFilterChange', 'onScroll', 'onScrollBottom', 'onClose', 'onOpen', 'values', 'useClickawayOverlay'].concat(Normal_toConsumableArray(keys_default()(ariaProps)))), {
|
|
3824
3198
|
onClick: disabled ? undefined : this.handleClick,
|
|
3825
3199
|
$disabled: disabled,
|
|
3826
3200
|
$error: error,
|
|
@@ -3833,13 +3207,13 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3833
3207
|
"aria-labelledby": labelledBy,
|
|
3834
3208
|
"aria-invalid": error,
|
|
3835
3209
|
"aria-multiselectable": "true"
|
|
3836
|
-
}, subsetAriaProps), this.renderButtons(selectedItems), !disabled && /*#__PURE__*/external_react_default.
|
|
3210
|
+
}, subsetAriaProps), this.renderButtons(selectedItems), !disabled && /*#__PURE__*/external_react_default().createElement(StyledInputWrapper, {
|
|
3837
3211
|
role: "combobox",
|
|
3838
3212
|
"aria-owns": this.state.open ? this.popoverId : undefined,
|
|
3839
3213
|
"aria-haspopup": true,
|
|
3840
3214
|
"aria-expanded": this.state.open,
|
|
3841
3215
|
"aria-controls": this.state.open ? this.popoverId : undefined
|
|
3842
|
-
}, /*#__PURE__*/external_react_default.
|
|
3216
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledInput, Normal_extends({
|
|
3843
3217
|
"data-test": "textbox",
|
|
3844
3218
|
id: inputId,
|
|
3845
3219
|
ref: this.handleInputMount,
|
|
@@ -3857,7 +3231,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3857
3231
|
placeholder: currentValues.length ? '' : placeholder,
|
|
3858
3232
|
required: required,
|
|
3859
3233
|
"aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined
|
|
3860
|
-
}, ariaProps))), !disabled && /*#__PURE__*/external_react_default.
|
|
3234
|
+
}, ariaProps))), !disabled && /*#__PURE__*/external_react_default().createElement((Popover_default()), {
|
|
3861
3235
|
open: this.state.open && !!this.state.el,
|
|
3862
3236
|
autoCloseWhenOffScreen: true,
|
|
3863
3237
|
anchor: this.state.el,
|
|
@@ -3866,10 +3240,10 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3866
3240
|
defaultPlacement: defaultPlacement,
|
|
3867
3241
|
repositionMode: repositionMode,
|
|
3868
3242
|
id: this.popoverId
|
|
3869
|
-
}, this.renderMenu)), /*#__PURE__*/external_react_default.
|
|
3243
|
+
}, this.renderMenu)), /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), {
|
|
3870
3244
|
role: "status",
|
|
3871
3245
|
"aria-live": "polite"
|
|
3872
|
-
}, this.state.loadingMoreMessage), useClickawayOverlay && this.state.open ? /*#__PURE__*/external_react_default.
|
|
3246
|
+
}, this.state.loadingMoreMessage), useClickawayOverlay && this.state.open ? /*#__PURE__*/external_react_default().createElement(StyledOverlay, {
|
|
3873
3247
|
key: "overlay",
|
|
3874
3248
|
$popoveropen: this.state.open,
|
|
3875
3249
|
"data-test": "overlay"
|
|
@@ -3878,20 +3252,20 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
|
|
|
3878
3252
|
}]);
|
|
3879
3253
|
|
|
3880
3254
|
return Normal;
|
|
3881
|
-
}(
|
|
3255
|
+
}(external_react_namespaceObject.Component);
|
|
3882
3256
|
|
|
3883
|
-
Normal_defineProperty(
|
|
3257
|
+
Normal_defineProperty(Normal, "propTypes", Normal_propTypes);
|
|
3884
3258
|
|
|
3885
|
-
Normal_defineProperty(
|
|
3259
|
+
Normal_defineProperty(Normal, "defaultProps", Normal_defaultProps);
|
|
3886
3260
|
|
|
3887
|
-
Normal_defineProperty(
|
|
3261
|
+
Normal_defineProperty(Normal, "Option", Multiselect_Option);
|
|
3888
3262
|
|
|
3889
|
-
Normal_defineProperty(
|
|
3263
|
+
Normal_defineProperty(Normal, "Divider", Menu_namespaceObject.Divider);
|
|
3890
3264
|
|
|
3891
|
-
Normal_defineProperty(
|
|
3265
|
+
Normal_defineProperty(Normal, "Heading", Menu_namespaceObject.Heading);
|
|
3892
3266
|
|
|
3893
|
-
/* harmony default export */
|
|
3894
|
-
|
|
3267
|
+
/* harmony default export */ const Multiselect_Normal = (Normal);
|
|
3268
|
+
;// CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
|
|
3895
3269
|
function Multiselect_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Multiselect_typeof = function _typeof(obj) { return typeof obj; }; } else { Multiselect_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Multiselect_typeof(obj); }
|
|
3896
3270
|
|
|
3897
3271
|
function Multiselect_extends() { Multiselect_extends = Object.assign || 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 Multiselect_extends.apply(this, arguments); }
|
|
@@ -3928,41 +3302,41 @@ function Multiselect_defineProperty(obj, key, value) { if (key in obj) { Object.
|
|
|
3928
3302
|
|
|
3929
3303
|
|
|
3930
3304
|
var Multiselect_propTypes = {
|
|
3931
|
-
allowNewValues: external_prop_types_default.
|
|
3932
|
-
animateLoading: external_prop_types_default.
|
|
3933
|
-
children: external_prop_types_default.
|
|
3934
|
-
compact: external_prop_types_default.
|
|
3935
|
-
controlledFilter: external_prop_types_default.
|
|
3936
|
-
defaultPlacement: external_prop_types_default.
|
|
3937
|
-
defaultValues: external_prop_types_default.
|
|
3938
|
-
describedBy: external_prop_types_default.
|
|
3939
|
-
disabled: external_prop_types_default.
|
|
3940
|
-
elementRef: external_prop_types_default.
|
|
3941
|
-
error: external_prop_types_default.
|
|
3942
|
-
filter: external_prop_types_default.
|
|
3943
|
-
footerMessage: external_prop_types_default.
|
|
3944
|
-
inline: external_prop_types_default.
|
|
3945
|
-
inputId: external_prop_types_default.
|
|
3946
|
-
inputRef: external_prop_types_default.
|
|
3947
|
-
isLoadingOptions: external_prop_types_default.
|
|
3948
|
-
labelledBy: external_prop_types_default.
|
|
3949
|
-
loadingMessage: external_prop_types_default.
|
|
3950
|
-
menuStyle: external_prop_types_default.
|
|
3951
|
-
name: external_prop_types_default.
|
|
3952
|
-
noOptionsMessage: external_prop_types_default.
|
|
3953
|
-
onChange: external_prop_types_default.
|
|
3954
|
-
onClose: external_prop_types_default.
|
|
3955
|
-
onFilterChange: external_prop_types_default.
|
|
3956
|
-
onOpen: external_prop_types_default.
|
|
3957
|
-
onScroll: external_prop_types_default.
|
|
3958
|
-
onScrollBottom: external_prop_types_default.
|
|
3959
|
-
placeholder: external_prop_types_default.
|
|
3960
|
-
repositionMode: external_prop_types_default.
|
|
3961
|
-
selectAllAppearance: external_prop_types_default.
|
|
3962
|
-
showSelectedValuesFirst: external_prop_types_default.
|
|
3963
|
-
tabConfirmsNewValue: external_prop_types_default.
|
|
3964
|
-
useClickawayOverlay: external_prop_types_default.
|
|
3965
|
-
values: external_prop_types_default.
|
|
3305
|
+
allowNewValues: (external_prop_types_default()).bool,
|
|
3306
|
+
animateLoading: (external_prop_types_default()).bool,
|
|
3307
|
+
children: (external_prop_types_default()).node,
|
|
3308
|
+
compact: (external_prop_types_default()).bool,
|
|
3309
|
+
controlledFilter: (external_prop_types_default()).bool,
|
|
3310
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
|
|
3311
|
+
defaultValues: (external_prop_types_default()).array,
|
|
3312
|
+
describedBy: (external_prop_types_default()).string,
|
|
3313
|
+
disabled: (external_prop_types_default()).bool,
|
|
3314
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3315
|
+
error: (external_prop_types_default()).bool,
|
|
3316
|
+
filter: external_prop_types_default().oneOf([false, true, 'controlled']),
|
|
3317
|
+
footerMessage: (external_prop_types_default()).node,
|
|
3318
|
+
inline: (external_prop_types_default()).bool,
|
|
3319
|
+
inputId: (external_prop_types_default()).string,
|
|
3320
|
+
inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3321
|
+
isLoadingOptions: (external_prop_types_default()).bool,
|
|
3322
|
+
labelledBy: (external_prop_types_default()).string,
|
|
3323
|
+
loadingMessage: (external_prop_types_default()).node,
|
|
3324
|
+
menuStyle: (external_prop_types_default()).object,
|
|
3325
|
+
name: (external_prop_types_default()).string,
|
|
3326
|
+
noOptionsMessage: (external_prop_types_default()).node,
|
|
3327
|
+
onChange: (external_prop_types_default()).func,
|
|
3328
|
+
onClose: (external_prop_types_default()).func,
|
|
3329
|
+
onFilterChange: (external_prop_types_default()).func,
|
|
3330
|
+
onOpen: (external_prop_types_default()).func,
|
|
3331
|
+
onScroll: (external_prop_types_default()).func,
|
|
3332
|
+
onScrollBottom: (external_prop_types_default()).func,
|
|
3333
|
+
placeholder: (external_prop_types_default()).string,
|
|
3334
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
|
|
3335
|
+
selectAllAppearance: external_prop_types_default().oneOf(['buttongroup', 'checkbox']),
|
|
3336
|
+
showSelectedValuesFirst: external_prop_types_default().oneOf(['nextOpen', 'immediately', 'never']),
|
|
3337
|
+
tabConfirmsNewValue: (external_prop_types_default()).bool,
|
|
3338
|
+
useClickawayOverlay: (external_prop_types_default()).bool,
|
|
3339
|
+
values: (external_prop_types_default()).array
|
|
3966
3340
|
};
|
|
3967
3341
|
var Multiselect_defaultProps = {
|
|
3968
3342
|
allowNewValues: false,
|
|
@@ -3973,8 +3347,8 @@ var Multiselect_defaultProps = {
|
|
|
3973
3347
|
inline: false,
|
|
3974
3348
|
isLoadingOptions: false,
|
|
3975
3349
|
menuStyle: {},
|
|
3976
|
-
noOptionsMessage:
|
|
3977
|
-
placeholder:
|
|
3350
|
+
noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
|
|
3351
|
+
placeholder: (0,i18n_namespaceObject._)('Select...'),
|
|
3978
3352
|
repositionMode: 'flip',
|
|
3979
3353
|
tabConfirmsNewValue: false,
|
|
3980
3354
|
useClickawayOverlay: false
|
|
@@ -3984,7 +3358,7 @@ function isCompact(props) {
|
|
|
3984
3358
|
return props && props.compact === true;
|
|
3985
3359
|
}
|
|
3986
3360
|
|
|
3987
|
-
var
|
|
3361
|
+
var Multiselect = /*#__PURE__*/function (_Component) {
|
|
3988
3362
|
Multiselect_inherits(Multiselect, _Component);
|
|
3989
3363
|
|
|
3990
3364
|
var _super = Multiselect_createSuper(Multiselect);
|
|
@@ -4001,39 +3375,39 @@ var Multiselect_Multiselect = /*#__PURE__*/function (_Component) {
|
|
|
4001
3375
|
// TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
|
|
4002
3376
|
value: function render() {
|
|
4003
3377
|
if (isCompact(this.props)) {
|
|
4004
|
-
return /*#__PURE__*/external_react_default.
|
|
3378
|
+
return /*#__PURE__*/external_react_default().createElement(Multiselect_Compact, Multiselect_extends({
|
|
4005
3379
|
"data-test": "multiselect"
|
|
4006
3380
|
}, omit_default()(this.props, 'compact')));
|
|
4007
3381
|
}
|
|
4008
3382
|
|
|
4009
3383
|
if (false) {}
|
|
4010
3384
|
|
|
4011
|
-
return /*#__PURE__*/external_react_default.
|
|
3385
|
+
return /*#__PURE__*/external_react_default().createElement(Multiselect_Normal, Multiselect_extends({
|
|
4012
3386
|
"data-test": "multiselect"
|
|
4013
3387
|
}, omit_default()(this.props, 'compact')));
|
|
4014
3388
|
}
|
|
4015
3389
|
}]);
|
|
4016
3390
|
|
|
4017
3391
|
return Multiselect;
|
|
4018
|
-
}(
|
|
4019
|
-
|
|
4020
|
-
Multiselect_defineProperty(Multiselect_Multiselect, "propTypes", Multiselect_propTypes);
|
|
3392
|
+
}(external_react_namespaceObject.Component);
|
|
4021
3393
|
|
|
4022
|
-
Multiselect_defineProperty(
|
|
3394
|
+
Multiselect_defineProperty(Multiselect, "propTypes", Multiselect_propTypes);
|
|
4023
3395
|
|
|
4024
|
-
Multiselect_defineProperty(
|
|
3396
|
+
Multiselect_defineProperty(Multiselect, "defaultProps", Multiselect_defaultProps);
|
|
4025
3397
|
|
|
4026
|
-
Multiselect_defineProperty(
|
|
3398
|
+
Multiselect_defineProperty(Multiselect, "componentType", 'Multiselect');
|
|
4027
3399
|
|
|
4028
|
-
Multiselect_defineProperty(
|
|
3400
|
+
Multiselect_defineProperty(Multiselect, "Option", Multiselect_Option);
|
|
4029
3401
|
|
|
4030
|
-
Multiselect_defineProperty(
|
|
3402
|
+
Multiselect_defineProperty(Multiselect, "Heading", Menu_namespaceObject.Heading);
|
|
4031
3403
|
|
|
4032
|
-
|
|
3404
|
+
Multiselect_defineProperty(Multiselect, "Divider", Menu_namespaceObject.Divider);
|
|
4033
3405
|
|
|
4034
|
-
|
|
3406
|
+
/* harmony default export */ const Multiselect_Multiselect = (Multiselect);
|
|
4035
3407
|
|
|
3408
|
+
;// CONCATENATED MODULE: ./src/Multiselect/index.ts
|
|
4036
3409
|
|
|
4037
3410
|
|
|
4038
|
-
|
|
4039
|
-
/******/
|
|
3411
|
+
module.exports = __webpack_exports__;
|
|
3412
|
+
/******/ })()
|
|
3413
|
+
;
|