@splunk/react-ui 4.16.3 → 4.17.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.
Files changed (173) hide show
  1. package/Accordion.js +13 -13
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +98 -244
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +43 -2
  10. package/Calendar.js +73 -274
  11. package/Card.js +75 -227
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +40 -211
  14. package/Clickable.js +10 -10
  15. package/CloseButton.js +34 -202
  16. package/Code.js +27 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +32 -32
  21. package/Concertina.js +38 -38
  22. package/ControlGroup.js +20 -20
  23. package/Date.js +22 -22
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +29 -29
  27. package/DualListbox.d.ts +2 -0
  28. package/DualListbox.js +1780 -0
  29. package/EventListener.js +4 -4
  30. package/File.js +85 -250
  31. package/FormRows.js +60 -215
  32. package/Heading.js +39 -27
  33. package/Image.js +73 -227
  34. package/JSONTree.js +18 -18
  35. package/Layer.js +30 -30
  36. package/Link.js +60 -28
  37. package/List.js +9 -9
  38. package/MIGRATION.md +28 -0
  39. package/Markdown.js +21 -21
  40. package/Menu.js +180 -371
  41. package/Message.js +137 -407
  42. package/MessageBar.js +168 -398
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2297 -2525
  47. package/Number.js +32 -32
  48. package/Paginator.js +92 -321
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +123 -123
  51. package/Progress.js +15 -15
  52. package/RadioBar.js +23 -19
  53. package/RadioList.js +13 -12
  54. package/Resize.js +18 -18
  55. package/ResultsMenu.js +21 -21
  56. package/ScreenReaderContent.js +2 -2
  57. package/Scroll.js +33 -33
  58. package/ScrollContainerContext.js +13 -13
  59. package/Search.js +34 -32
  60. package/Select.js +220 -367
  61. package/SidePanel.js +12 -12
  62. package/Slider.js +28 -28
  63. package/SlidingPanels.js +29 -29
  64. package/SplitButton.js +59 -62
  65. package/StaticContent.js +4 -4
  66. package/StepBar.js +35 -238
  67. package/Switch.js +23 -23
  68. package/TabBar.js +30 -44
  69. package/TabLayout.js +30 -28
  70. package/Table.js +292 -586
  71. package/Text.js +109 -322
  72. package/TextArea.js +160 -366
  73. package/Tooltip.js +23 -23
  74. package/TransitionOpen.js +21 -21
  75. package/Typography.js +32 -28
  76. package/WaitSpinner.js +2 -2
  77. package/docker-compose.yml +19 -7
  78. package/package.json +10 -11
  79. package/stubs-splunkui.d.ts +4 -1
  80. package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
  81. package/types/src/Button/icons/External.d.ts +2 -0
  82. package/types/src/Code/Code.d.ts +6 -1
  83. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
  84. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
  85. package/types/src/Date/Icon.d.ts +1 -1
  86. package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +87 -0
  88. package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
  89. package/types/src/DualListbox/Label.d.ts +37 -0
  90. package/types/src/DualListbox/Listbox.d.ts +54 -0
  91. package/types/src/DualListbox/ListboxContext.d.ts +32 -0
  92. package/types/src/DualListbox/Option.d.ts +35 -0
  93. package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
  94. package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
  95. package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
  96. package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
  98. package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
  99. package/types/src/DualListbox/index.d.ts +2 -0
  100. package/types/src/DualListbox/listboxUtils.d.ts +4 -0
  101. package/types/src/File/Icon.d.ts +1 -1
  102. package/types/src/File/IconCloud.d.ts +1 -1
  103. package/types/src/File/PaperClip.d.ts +1 -1
  104. package/types/src/File/Retry.d.ts +1 -1
  105. package/types/src/File/Trash.d.ts +1 -1
  106. package/types/src/File/docs/examples/Progress.d.ts +1 -15
  107. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
  108. package/types/src/Heading/Heading.d.ts +12 -4
  109. package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
  110. package/types/src/Image/Image.d.ts +1 -1
  111. package/types/src/Image/icons/Cross.d.ts +2 -0
  112. package/types/src/Link/icons/External.d.ts +2 -0
  113. package/types/src/Menu/Divider.d.ts +1 -0
  114. package/types/src/Menu/Heading.d.ts +1 -0
  115. package/types/src/Menu/Item.d.ts +5 -2
  116. package/types/src/Menu/Menu.d.ts +3 -1
  117. package/types/src/Menu/icons/External.d.ts +2 -0
  118. package/types/src/Number/IncrementIcon.d.ts +1 -1
  119. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  120. package/types/src/Search/Option.d.ts +9 -0
  121. package/types/src/Select/OptionBase.d.ts +9 -0
  122. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  123. package/types/src/Select/icons/Search.d.ts +2 -0
  124. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  125. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  126. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  127. package/types/src/Table/HeadInner.d.ts +2 -2
  128. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  129. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  130. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  131. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  132. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  133. package/types/src/Typography/Typography.d.ts +4 -7
  134. package/types/src/useRovingFocus/index.d.ts +2 -0
  135. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  136. package/useForceUpdate.js +2 -2
  137. package/useKeyPress.js +2 -2
  138. package/usePrevious.js +2 -2
  139. package/useRovingFocus.d.ts +2 -0
  140. package/useRovingFocus.js +237 -0
  141. package/Dockerfile.enterprise.storybook +0 -7
  142. package/Dockerfile.prisma.storybook +0 -7
  143. package/Dockerfile.visual +0 -10
  144. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  145. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  146. package/types/src/Select/matchUtils.d.ts +0 -12
  147. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  148. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  149. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  150. package/types/src/icons/Alert.d.ts +0 -2
  151. package/types/src/icons/AlertFilled.d.ts +0 -2
  152. package/types/src/icons/CaretDown.d.ts +0 -2
  153. package/types/src/icons/CaretRight.d.ts +0 -2
  154. package/types/src/icons/Check.d.ts +0 -2
  155. package/types/src/icons/ChevronDown.d.ts +0 -2
  156. package/types/src/icons/ChevronLeft.d.ts +0 -2
  157. package/types/src/icons/ChevronRight.d.ts +0 -2
  158. package/types/src/icons/CrossMark.d.ts +0 -2
  159. package/types/src/icons/External.d.ts +0 -2
  160. package/types/src/icons/InfoFilled.d.ts +0 -2
  161. package/types/src/icons/More.d.ts +0 -2
  162. package/types/src/icons/MoreVertical.d.ts +0 -2
  163. package/types/src/icons/Plus.d.ts +0 -2
  164. package/types/src/icons/SVG.d.ts +0 -4
  165. package/types/src/icons/Search.d.ts +0 -2
  166. package/types/src/icons/Sort.d.ts +0 -2
  167. package/types/src/icons/SortedDown.d.ts +0 -2
  168. package/types/src/icons/SortedUp.d.ts +0 -2
  169. package/types/src/icons/Success.d.ts +0 -2
  170. package/types/src/icons/SuccessFilled.d.ts +0 -2
  171. package/types/src/icons/ThemedIcon.d.ts +0 -29
  172. package/types/src/icons/WarningFilled.d.ts +0 -2
  173. package/types/src/icons/types.d.ts +0 -11
package/Select.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 225);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 230);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,73 +104,52 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
107
+ module.exports = require("lodash/has");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 104:
111
+ /***/ 103:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("lodash/forEachRight");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 105:
118
+ /***/ 104:
119
119
  /***/ (function(module, exports) {
120
120
 
121
121
  module.exports = require("lodash/uniq");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 11:
126
- /***/ (function(module, exports) {
127
-
128
- module.exports = require("lodash/has");
129
-
130
- /***/ }),
131
-
132
125
  /***/ 13:
133
126
  /***/ (function(module, exports) {
134
127
 
135
- module.exports = require("@splunk/ui-utils/id");
136
-
137
- /***/ }),
138
-
139
- /***/ 15:
140
- /***/ (function(module, exports) {
141
-
142
128
  module.exports = require("@splunk/react-ui/Menu");
143
129
 
144
130
  /***/ }),
145
131
 
146
- /***/ 18:
132
+ /***/ 16:
147
133
  /***/ (function(module, exports) {
148
134
 
149
135
  module.exports = require("lodash/includes");
150
136
 
151
137
  /***/ }),
152
138
 
153
- /***/ 19:
139
+ /***/ 17:
154
140
  /***/ (function(module, exports) {
155
141
 
156
142
  module.exports = require("@splunk/react-ui/Button");
157
143
 
158
144
  /***/ }),
159
145
 
160
- /***/ 2:
161
- /***/ (function(module, exports) {
162
-
163
- module.exports = require("react");
164
-
165
- /***/ }),
166
-
167
- /***/ 20:
146
+ /***/ 18:
168
147
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
169
148
 
170
149
  "use strict";
171
150
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
172
151
  /* unused harmony export ssrWindow */
173
- /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
152
+ /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
174
153
  /* eslint-disable @typescript-eslint/no-empty-function */
175
154
 
176
155
  var ssrWindow = {
@@ -240,7 +219,21 @@ function getWindow() {
240
219
 
241
220
  /***/ }),
242
221
 
243
- /***/ 225:
222
+ /***/ 2:
223
+ /***/ (function(module, exports) {
224
+
225
+ module.exports = require("react");
226
+
227
+ /***/ }),
228
+
229
+ /***/ 22:
230
+ /***/ (function(module, exports) {
231
+
232
+ module.exports = require("@splunk/react-ui/Dropdown");
233
+
234
+ /***/ }),
235
+
236
+ /***/ 230:
244
237
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
245
238
 
246
239
  "use strict";
@@ -262,17 +255,17 @@ var external_prop_types_ = __webpack_require__(1);
262
255
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
263
256
 
264
257
  // EXTERNAL MODULE: external "lodash/has"
265
- var has_ = __webpack_require__(11);
258
+ var has_ = __webpack_require__(10);
266
259
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
267
260
 
268
261
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
269
262
  var i18n_ = __webpack_require__(4);
270
263
 
271
- // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
272
- var SelectBase = __webpack_require__(59);
264
+ // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 3 modules
265
+ var SelectBase = __webpack_require__(60);
273
266
 
274
267
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
275
- var OptionBase = __webpack_require__(38);
268
+ var OptionBase = __webpack_require__(36);
276
269
 
277
270
  // CONCATENATED MODULE: ./src/Select/Option.tsx
278
271
  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); }
@@ -586,14 +579,7 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
586
579
 
587
580
  /***/ }),
588
581
 
589
- /***/ 24:
590
- /***/ (function(module, exports) {
591
-
592
- module.exports = require("@splunk/react-ui/Dropdown");
593
-
594
- /***/ }),
595
-
596
- /***/ 28:
582
+ /***/ 27:
597
583
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
598
584
 
599
585
  "use strict";
@@ -685,14 +671,7 @@ module.exports = require("@splunk/ui-utils/filter");
685
671
 
686
672
  /***/ }),
687
673
 
688
- /***/ 34:
689
- /***/ (function(module, exports) {
690
-
691
- module.exports = require("lodash/pick");
692
-
693
- /***/ }),
694
-
695
- /***/ 38:
674
+ /***/ 36:
696
675
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
697
676
 
698
677
  "use strict";
@@ -700,7 +679,7 @@ module.exports = require("lodash/pick");
700
679
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
701
680
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
702
681
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
703
- /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15);
682
+ /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
704
683
  /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__);
705
684
  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); }
706
685
 
@@ -864,57 +843,23 @@ _defineProperty(Option, "propTypes", propTypes);
864
843
 
865
844
  _defineProperty(Option, "defaultProps", defaultProps);
866
845
 
846
+ _defineProperty(Option, "type", _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__["Item"]);
847
+
867
848
  /* harmony default export */ __webpack_exports__["a"] = (Option);
868
849
 
869
850
  /***/ }),
870
851
 
871
- /***/ 39:
872
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
873
-
874
- "use strict";
875
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
876
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
877
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
878
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
879
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
880
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
881
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
882
- 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); }
883
-
884
-
885
-
886
-
887
-
888
-
889
- function Prisma24(_ref) {
890
- var otherProps = _extends({}, _ref);
852
+ /***/ 38:
853
+ /***/ (function(module, exports) {
891
854
 
892
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
893
- viewBox: "0 0 24 24"
894
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
895
- d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
896
- fill: "currentColor"
897
- }));
898
- }
855
+ module.exports = require("lodash/isUndefined");
899
856
 
900
- function Prisma16(_ref2) {
901
- var otherProps = _extends({}, _ref2);
857
+ /***/ }),
902
858
 
903
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
904
- viewBox: "0 0 16 16"
905
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
906
- d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
907
- fill: "currentColor"
908
- }));
909
- }
859
+ /***/ 39:
860
+ /***/ (function(module, exports) {
910
861
 
911
- function Search(props) {
912
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
913
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
914
- Prisma16: Prisma16,
915
- Prisma24: Prisma24
916
- }, props));
917
- }
862
+ module.exports = require("@splunk/react-ui/Link");
918
863
 
919
864
  /***/ }),
920
865
 
@@ -928,21 +873,21 @@ module.exports = require("@splunk/ui-utils/i18n");
928
873
  /***/ 41:
929
874
  /***/ (function(module, exports) {
930
875
 
931
- module.exports = require("lodash/isUndefined");
876
+ module.exports = require("lodash/pick");
932
877
 
933
878
  /***/ }),
934
879
 
935
- /***/ 42:
880
+ /***/ 44:
936
881
  /***/ (function(module, exports) {
937
882
 
938
- module.exports = require("@splunk/react-ui/Link");
883
+ module.exports = require("@splunk/react-ui/ResultsMenu");
939
884
 
940
885
  /***/ }),
941
886
 
942
887
  /***/ 46:
943
888
  /***/ (function(module, exports) {
944
889
 
945
- module.exports = require("@splunk/react-ui/ResultsMenu");
890
+ module.exports = require("@splunk/react-icons/Magnifier");
946
891
 
947
892
  /***/ }),
948
893
 
@@ -956,70 +901,92 @@ module.exports = require("lodash/omit");
956
901
  /***/ 51:
957
902
  /***/ (function(module, exports) {
958
903
 
959
- module.exports = require("lodash/find");
904
+ module.exports = require("@splunk/react-icons/enterprise/Search");
960
905
 
961
906
  /***/ }),
962
907
 
963
908
  /***/ 52:
964
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
909
+ /***/ (function(module, exports) {
965
910
 
966
- "use strict";
967
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
968
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
969
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
970
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
971
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
972
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
973
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
974
- 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); }
911
+ module.exports = require("lodash/find");
975
912
 
913
+ /***/ }),
976
914
 
915
+ /***/ 53:
916
+ /***/ (function(module, exports) {
977
917
 
918
+ module.exports = require("@splunk/react-icons/CaretSmallDown");
978
919
 
920
+ /***/ }),
979
921
 
922
+ /***/ 54:
923
+ /***/ (function(module, exports) {
980
924
 
981
- function Prisma24(_ref) {
982
- var otherProps = _extends({}, _ref);
925
+ module.exports = require("@splunk/react-icons/enterprise/Caret");
983
926
 
984
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
985
- viewBox: "0 0 24 24"
986
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
987
- d: "M7.2788 9.00002C6.84609 9.00002 6.61768 9.51239 6.90691 9.83423L11.4078 14.8426C11.6065 15.0637 11.953 15.0636 12.1517 14.8425L16.6499 9.8341C16.939 9.51223 16.7106 9 16.2779 9L7.2788 9.00002Z",
988
- fill: "currentColor"
989
- }));
990
- }
927
+ /***/ }),
991
928
 
992
- function CaretDown(props) {
993
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
994
- Enterprise: _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
995
- Prisma24: Prisma24
996
- }, props));
997
- }
929
+ /***/ 56:
930
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
998
931
 
999
- /***/ }),
932
+ "use strict";
933
+ /* unused harmony export charFromMatchOption */
934
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fuzzyMatch; });
935
+ // A utility for matching keyboard characters to list values
936
+ var charFromMatchOption = function charFromMatchOption(option, charIndex) {
937
+ return option ? option.label.charAt(charIndex).toLowerCase() : '';
938
+ };
1000
939
 
1001
- /***/ 53:
1002
- /***/ (function(module, exports) {
940
+ var fuzzyMatch = function fuzzyMatch(options, matchChar) {
941
+ if (!options.length) {
942
+ return options;
943
+ }
1003
944
 
1004
- module.exports = require("@splunk/react-icons/Caret");
945
+ var defaultMatch = null;
946
+ var hasMatch = false;
947
+ var matches = options.filter(function (option) {
948
+ var characterValue = charFromMatchOption(option, matchChar.index);
1005
949
 
1006
- /***/ }),
950
+ if (characterValue === matchChar.value) {
951
+ hasMatch = true;
952
+ return true;
953
+ } // If we haven't found a match yet, keep track of the next closest match.
954
+ // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
955
+
956
+
957
+ if (!hasMatch) {
958
+ var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
959
+
960
+ if (!defaultValue) {
961
+ defaultMatch = option;
962
+ } else if (characterValue > matchChar.value) {
963
+ if (defaultValue < matchChar.value) {
964
+ defaultMatch = option;
965
+ } else if (defaultValue > characterValue) {
966
+ defaultMatch = option;
967
+ }
968
+ } else if (characterValue > defaultValue) {
969
+ defaultMatch = option;
970
+ }
971
+ }
972
+
973
+ return false;
974
+ });
975
+ return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
976
+ };
1007
977
 
1008
- /***/ 56:
1009
- /***/ (function(module, exports) {
1010
978
 
1011
- module.exports = require("@splunk/react-icons/Search");
1012
979
 
1013
980
  /***/ }),
1014
981
 
1015
- /***/ 58:
982
+ /***/ 59:
1016
983
  /***/ (function(module, exports) {
1017
984
 
1018
985
  module.exports = require("lodash/without");
1019
986
 
1020
987
  /***/ }),
1021
988
 
1022
- /***/ 59:
989
+ /***/ 60:
1023
990
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1024
991
 
1025
992
  "use strict";
@@ -1040,31 +1007,31 @@ var external_prop_types_ = __webpack_require__(1);
1040
1007
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
1041
1008
 
1042
1009
  // EXTERNAL MODULE: external "lodash/castArray"
1043
- var castArray_ = __webpack_require__(62);
1010
+ var castArray_ = __webpack_require__(64);
1044
1011
  var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
1045
1012
 
1046
1013
  // EXTERNAL MODULE: external "lodash/find"
1047
- var find_ = __webpack_require__(51);
1014
+ var find_ = __webpack_require__(52);
1048
1015
  var find_default = /*#__PURE__*/__webpack_require__.n(find_);
1049
1016
 
1050
1017
  // EXTERNAL MODULE: external "lodash/forEachRight"
1051
- var forEachRight_ = __webpack_require__(104);
1018
+ var forEachRight_ = __webpack_require__(103);
1052
1019
  var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
1053
1020
 
1054
1021
  // EXTERNAL MODULE: external "lodash/has"
1055
- var has_ = __webpack_require__(11);
1022
+ var has_ = __webpack_require__(10);
1056
1023
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
1057
1024
 
1058
1025
  // EXTERNAL MODULE: external "lodash/includes"
1059
- var includes_ = __webpack_require__(18);
1026
+ var includes_ = __webpack_require__(16);
1060
1027
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
1061
1028
 
1062
1029
  // EXTERNAL MODULE: external "lodash/isUndefined"
1063
- var isUndefined_ = __webpack_require__(41);
1030
+ var isUndefined_ = __webpack_require__(38);
1064
1031
  var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
1065
1032
 
1066
1033
  // EXTERNAL MODULE: external "lodash/keys"
1067
- var keys_ = __webpack_require__(10);
1034
+ var keys_ = __webpack_require__(9);
1068
1035
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
1069
1036
 
1070
1037
  // EXTERNAL MODULE: external "lodash/omit"
@@ -1072,68 +1039,127 @@ var omit_ = __webpack_require__(5);
1072
1039
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
1073
1040
 
1074
1041
  // EXTERNAL MODULE: external "lodash/pick"
1075
- var pick_ = __webpack_require__(34);
1042
+ var pick_ = __webpack_require__(41);
1076
1043
  var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
1077
1044
 
1078
1045
  // EXTERNAL MODULE: external "lodash/uniq"
1079
- var uniq_ = __webpack_require__(105);
1046
+ var uniq_ = __webpack_require__(104);
1080
1047
  var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
1081
1048
 
1082
1049
  // EXTERNAL MODULE: external "lodash/without"
1083
- var without_ = __webpack_require__(58);
1050
+ var without_ = __webpack_require__(59);
1084
1051
  var without_default = /*#__PURE__*/__webpack_require__.n(without_);
1085
1052
 
1086
- // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
1087
- var filter_ = __webpack_require__(33);
1088
-
1089
1053
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
1090
- var id_ = __webpack_require__(13);
1054
+ var id_ = __webpack_require__(8);
1091
1055
 
1092
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
1093
- var i18n_ = __webpack_require__(4);
1094
-
1095
- // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
1096
- var keyboard_ = __webpack_require__(9);
1056
+ // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
1057
+ var Menu_ = __webpack_require__(13);
1097
1058
 
1098
1059
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
1099
- var Dropdown_ = __webpack_require__(24);
1060
+ var Dropdown_ = __webpack_require__(22);
1100
1061
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
1101
1062
 
1063
+ // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
1064
+ var keyboard_ = __webpack_require__(7);
1065
+
1066
+ // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
1067
+ var filter_ = __webpack_require__(33);
1068
+
1102
1069
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
1103
- var Link_ = __webpack_require__(42);
1070
+ var Link_ = __webpack_require__(39);
1104
1071
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
1105
1072
 
1106
- // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
1107
- var Menu_ = __webpack_require__(15);
1108
-
1109
1073
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
1110
- var ResultsMenu_ = __webpack_require__(46);
1074
+ var ResultsMenu_ = __webpack_require__(44);
1111
1075
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
1112
1076
 
1113
1077
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
1114
1078
  var Text_ = __webpack_require__(30);
1115
1079
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
1116
1080
 
1117
- // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
1118
- var CaretDown = __webpack_require__(52);
1081
+ // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
1082
+ var i18n_ = __webpack_require__(4);
1119
1083
 
1120
- // EXTERNAL MODULE: ./src/icons/Search.tsx
1121
- var Search = __webpack_require__(39);
1084
+ // EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallDown"
1085
+ var CaretSmallDown_ = __webpack_require__(53);
1086
+ var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
1087
+
1088
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
1089
+ var Caret_ = __webpack_require__(54);
1090
+ var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_);
1091
+
1092
+ // EXTERNAL MODULE: external "@splunk/themes"
1093
+ var themes_ = __webpack_require__(0);
1122
1094
 
1095
+ // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
1096
+
1097
+
1098
+
1099
+
1100
+
1101
+ var CaretSmallDown_CaretSmallDownIcon = function CaretSmallDownIcon() {
1102
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
1103
+ isEnterprise = _useSplunkTheme.isEnterprise;
1104
+
1105
+ var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Caret_default.a, {
1106
+ screenReaderText: null,
1107
+ hideDefaultTooltip: true,
1108
+ size: 0.5
1109
+ }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallDown_default.a, null);
1110
+ return familyCaretSmallDownIcon;
1111
+ };
1112
+
1113
+ /* harmony default export */ var CaretSmallDown = (CaretSmallDown_CaretSmallDownIcon);
1123
1114
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
1124
- var OptionBase = __webpack_require__(38);
1115
+ var OptionBase = __webpack_require__(36);
1116
+
1117
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
1118
+ var Search_ = __webpack_require__(51);
1119
+ var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
1120
+
1121
+ // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
1122
+ var Magnifier_ = __webpack_require__(46);
1123
+ var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
1124
+
1125
+ // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+ var Search_Search = function Search() {
1133
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
1134
+ isEnterprise = _useSplunkTheme.isEnterprise,
1135
+ isCompact = _useSplunkTheme.isCompact;
1136
+
1137
+ var screenReaderText = Object(i18n_["_"])('Search');
1125
1138
 
1139
+ var prismaSize = isCompact ? '20px' : '24px';
1140
+ var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
1141
+ role: "presentation",
1142
+ size: "16px",
1143
+ screenReaderText: screenReaderText,
1144
+ hideDefaultTooltip: true
1145
+ }) : /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
1146
+ role: "presentation",
1147
+ "aria-label": screenReaderText,
1148
+ width: prismaSize,
1149
+ height: prismaSize
1150
+ });
1151
+ return familyIcon;
1152
+ };
1153
+
1154
+ /* harmony default export */ var icons_Search = (Search_Search);
1126
1155
  // EXTERNAL MODULE: external "styled-components"
1127
1156
  var external_styled_components_ = __webpack_require__(3);
1128
1157
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
1129
1158
 
1130
1159
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
1131
- var Button_ = __webpack_require__(19);
1160
+ var Button_ = __webpack_require__(17);
1132
1161
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
1133
1162
 
1134
- // EXTERNAL MODULE: external "@splunk/themes"
1135
- var themes_ = __webpack_require__(0);
1136
-
1137
1163
  // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
1138
1164
 
1139
1165
 
@@ -1208,56 +1234,13 @@ var StyledToggleAllControls = external_styled_components_default.a.div.withConfi
1208
1234
  }
1209
1235
  }));
1210
1236
 
1211
- // CONCATENATED MODULE: ./src/Select/matchUtils.ts
1212
- var charFromMatchOption = function charFromMatchOption(option, charIndex) {
1213
- return option ? option.label.charAt(charIndex).toLowerCase() : '';
1214
- };
1215
-
1216
- var fuzzyMatch = function fuzzyMatch(options, matchChar) {
1217
- if (!options.length) {
1218
- return options;
1219
- }
1220
-
1221
- var defaultMatch = null;
1222
- var hasMatch = false;
1223
- var matches = options.filter(function (option) {
1224
- var characterValue = charFromMatchOption(option, matchChar.index);
1225
-
1226
- if (characterValue === matchChar.value) {
1227
- hasMatch = true;
1228
- return true;
1229
- } // If we haven't found a match yet, keep track of the next closest match.
1230
- // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
1231
-
1232
-
1233
- if (!hasMatch) {
1234
- var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
1235
-
1236
- if (!defaultValue) {
1237
- defaultMatch = option;
1238
- } else if (characterValue > matchChar.value) {
1239
- if (defaultValue < matchChar.value) {
1240
- defaultMatch = option;
1241
- } else if (defaultValue > characterValue) {
1242
- defaultMatch = option;
1243
- }
1244
- } else if (characterValue > defaultValue) {
1245
- defaultMatch = option;
1246
- }
1247
- }
1248
-
1249
- return false;
1250
- });
1251
- return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
1252
- };
1253
-
1237
+ // EXTERNAL MODULE: ./src/utils/fuzzyMatch.ts
1238
+ var fuzzyMatch = __webpack_require__(56);
1254
1239
 
1255
1240
  // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
1256
- var ssrWindow = __webpack_require__(20);
1241
+ var ssrWindow = __webpack_require__(18);
1257
1242
 
1258
1243
  // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
1259
- 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); }
1260
-
1261
1244
  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); }
1262
1245
 
1263
1246
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -1306,6 +1289,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
1306
1289
 
1307
1290
  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; }
1308
1291
 
1292
+ 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); }
1293
+
1309
1294
 
1310
1295
 
1311
1296
 
@@ -1402,6 +1387,10 @@ function isOption(child) {
1402
1387
  return child && has_default()(child.props, 'value');
1403
1388
  }
1404
1389
 
1390
+ function itemKeyFromValueLabel(value, label) {
1391
+ return "".concat(_typeof(value), "-").concat(value, "-").concat(label);
1392
+ }
1393
+
1405
1394
  var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1406
1395
  _inherits(SelectBase, _Component);
1407
1396
 
@@ -1612,10 +1601,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1612
1601
  return;
1613
1602
  }
1614
1603
 
1615
- matches = fuzzyMatch(_this.availableMatchOptions, character);
1604
+ matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(_this.availableMatchOptions, character);
1616
1605
  } else if (_this.currentMatchOptions.length > 1) {
1617
1606
  character.index = _this.matchCharacter.index + 1;
1618
- matches = fuzzyMatch(_this.currentMatchOptions, character);
1607
+ matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(_this.currentMatchOptions, character);
1619
1608
  }
1620
1609
 
1621
1610
  if (matches.length) {
@@ -1629,12 +1618,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1629
1618
  }
1630
1619
  }
1631
1620
 
1632
- var optionToFocusRef = _this.optionRefsByKey[matches[matchIndex].itemKey];
1621
+ var match = matches[matchIndex];
1622
+
1623
+ var optionToFocusRef = _this.optionRefsByKey[itemKeyFromValueLabel(match.value, match.label)];
1633
1624
 
1634
1625
  if (optionToFocusRef != null) {
1635
1626
  var _optionToFocusRef$foc;
1636
1627
 
1637
- optionToFocusRef === null || optionToFocusRef === void 0 ? void 0 : (_optionToFocusRef$foc = optionToFocusRef.focus) === null || _optionToFocusRef$foc === void 0 ? void 0 : _optionToFocusRef$foc.call(optionToFocusRef);
1628
+ (_optionToFocusRef$foc = optionToFocusRef.focus) === null || _optionToFocusRef$foc === void 0 ? void 0 : _optionToFocusRef$foc.call(optionToFocusRef);
1638
1629
  }
1639
1630
  }
1640
1631
 
@@ -1858,10 +1849,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1858
1849
  if (appearance === 'link') {
1859
1850
  return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, _extends({}, commonProps, {
1860
1851
  "data-select-appearance": "link"
1861
- }), !!icon && /*#__PURE__*/external_react_default.a.createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default.a.createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default.a.createElement(CaretDown["a" /* default */], {
1862
- enterpriseSize: 0.5,
1863
- prismaSize: "small"
1864
- })));
1852
+ }), !!icon && /*#__PURE__*/external_react_default.a.createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default.a.createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default.a.createElement(CaretSmallDown, null)));
1865
1853
  }
1866
1854
 
1867
1855
  return /*#__PURE__*/external_react_default.a.createElement(StyledButton, _extends({}, commonProps, {
@@ -1922,12 +1910,11 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1922
1910
  var selected = currentValues && currentValues.indexOf(item.props.value) >= 0;
1923
1911
  var isFirstSelectedAndEnabled = !!selected && !item.props.disabled && !foundSelectedAndEnabled;
1924
1912
  var useMatchOptions = allowKeyMatching && !multiple && !filter && !isLoadingOptions && !onScrollBottom;
1925
- var itemKey = "".concat(item.props.label, "-").concat(item.props.value);
1913
+ var itemKey = itemKeyFromValueLabel(item.props.value, item.props.label);
1926
1914
  var filterIndex = -1;
1927
1915
 
1928
1916
  if (useMatchOptions && !item.props.disabled && !item.props.hidden) {
1929
1917
  _this.availableMatchOptions.push({
1930
- itemKey: itemKey,
1931
1918
  label: item.props.label,
1932
1919
  value: item.props.value
1933
1920
  });
@@ -2283,12 +2270,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2283
2270
  inputRef: inputRef,
2284
2271
  inputId: inputId,
2285
2272
  canClear: true,
2286
- startAdornment: /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
2287
- role: "presentation",
2288
- enterpriseSize: "16px",
2289
- inline: false,
2290
- screenReaderText: Object(i18n_["_"])('Search')
2291
- }))
2273
+ startAdornment: /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default.a.createElement(icons_Search, null))
2292
2274
  })), multiple && hasChildren && selectControls);
2293
2275
  }
2294
2276
  }, {
@@ -2385,32 +2367,7 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
2385
2367
 
2386
2368
  /***/ }),
2387
2369
 
2388
- /***/ 6:
2389
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
2390
-
2391
- "use strict";
2392
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
2393
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
2394
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2395
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
2396
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
2397
- 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); }
2398
-
2399
-
2400
-
2401
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
2402
- displayName: "SVG__Styled",
2403
- componentId: "sc-1bz0ryh-0"
2404
- })(["flex:0 0 auto;"]);
2405
- function SVG(props) {
2406
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
2407
- xmlns: "http://www.w3.org/2000/svg"
2408
- }, props));
2409
- }
2410
-
2411
- /***/ }),
2412
-
2413
- /***/ 62:
2370
+ /***/ 64:
2414
2371
  /***/ (function(module, exports) {
2415
2372
 
2416
2373
  module.exports = require("lodash/castArray");
@@ -2418,127 +2375,23 @@ module.exports = require("lodash/castArray");
2418
2375
  /***/ }),
2419
2376
 
2420
2377
  /***/ 7:
2421
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
2422
-
2423
- "use strict";
2424
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
2425
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
2426
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2427
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
2428
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
2429
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
2430
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
2431
- 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; }
2432
-
2433
- 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) { _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; }
2434
-
2435
- 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; }
2436
-
2437
- 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); }
2438
-
2439
- 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; }
2440
-
2441
- 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; }
2442
-
2443
-
2444
-
2445
-
2446
- var inlineStyles = {
2447
- display: 'inline-block',
2448
- flex: '0 0 auto',
2449
- overflow: 'visible',
2450
- verticalAlign: 'middle'
2451
- };
2452
- var blockStyles = {
2453
- display: 'block',
2454
- flex: '0 0 auto',
2455
- margin: '0 auto',
2456
- overflow: 'visible'
2457
- };
2458
- var propTypes = {
2459
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
2460
- enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
2461
- enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
2462
- enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
2463
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
2464
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
2465
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
2466
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
2467
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
2468
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
2469
- };
2470
- var defaultProps = {
2471
- inline: true,
2472
- prismaSize: 'medium'
2473
- };
2474
- function Icon(_ref) {
2475
- var Enterprise = _ref.Enterprise,
2476
- Prisma24 = _ref.Prisma24,
2477
- Prisma20 = _ref.Prisma20,
2478
- Prisma16 = _ref.Prisma16,
2479
- prismaSize = _ref.prismaSize,
2480
- inline = _ref.inline,
2481
- enterpriseSize = _ref.enterpriseSize,
2482
- enterpriseWidth = _ref.enterpriseWidth,
2483
- enterpriseHeight = _ref.enterpriseHeight,
2484
- screenReaderText = _ref.screenReaderText,
2485
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
2486
-
2487
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
2488
- family = _useSplunkTheme.family,
2489
- density = _useSplunkTheme.density; // Enterprise - all variants
2490
-
2491
-
2492
- if (family === 'enterprise') {
2493
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
2494
- size: enterpriseSize,
2495
- width: enterpriseWidth,
2496
- height: enterpriseHeight,
2497
- screenReaderText: screenReaderText || null,
2498
- hideDefaultTooltip: true,
2499
- inline: inline
2500
- }, otherProps));
2501
- }
2502
-
2503
- var prismaProps = _objectSpread({
2504
- 'aria-label': screenReaderText,
2505
- style: inline ? inlineStyles : blockStyles
2506
- }, otherProps); // Prisma - small+compact, small+comfortable
2507
-
2508
-
2509
- if (prismaSize === 'small') {
2510
- var SVG = Prisma16 || Prisma24;
2511
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
2512
- width: "16",
2513
- height: "16"
2514
- }, prismaProps));
2515
- } // Prisma - medium+compact
2516
-
2378
+ /***/ (function(module, exports) {
2517
2379
 
2518
- if (density === 'compact') {
2519
- var _SVG = Prisma20 || Prisma24;
2380
+ module.exports = require("@splunk/ui-utils/keyboard");
2520
2381
 
2521
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
2522
- width: "20",
2523
- height: "20"
2524
- }, prismaProps));
2525
- } // Prisma - medium+comfortable
2382
+ /***/ }),
2526
2383
 
2384
+ /***/ 8:
2385
+ /***/ (function(module, exports) {
2527
2386
 
2528
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
2529
- width: "24",
2530
- height: "24"
2531
- }, prismaProps));
2532
- }
2533
- Icon.propTypes = propTypes;
2534
- Icon.defaultProps = defaultProps;
2387
+ module.exports = require("@splunk/ui-utils/id");
2535
2388
 
2536
2389
  /***/ }),
2537
2390
 
2538
2391
  /***/ 9:
2539
2392
  /***/ (function(module, exports) {
2540
2393
 
2541
- module.exports = require("@splunk/ui-utils/keyboard");
2394
+ module.exports = require("lodash/keys");
2542
2395
 
2543
2396
  /***/ })
2544
2397