@splunk/react-ui 4.13.0 → 4.15.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 (144) hide show
  1. package/.dockerignore +2 -0
  2. package/Accordion.js +41 -16
  3. package/Anchor.js +9 -9
  4. package/Animation.js +6 -6
  5. package/AnimationToggle.js +2 -2
  6. package/Box.js +9 -9
  7. package/Button.js +47 -46
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +14 -14
  10. package/CHANGELOG.md +46 -1
  11. package/Calendar.js +460 -147
  12. package/Card.js +85 -83
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +23 -23
  15. package/Clickable.js +39 -15
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +64 -35
  19. package/Color.js +298 -188
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +89 -28
  23. package/ControlGroup.js +85 -27
  24. package/Date.js +134 -58
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +194 -0
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +79 -19
  32. package/EventListener.js +17 -17
  33. package/File.js +96 -43
  34. package/FormRows.js +40 -39
  35. package/Heading.js +83 -55
  36. package/Image.js +67 -42
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +130 -28
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/Markdown.js +71 -65
  42. package/Menu.js +155 -121
  43. package/Message.js +135 -135
  44. package/MessageBar.js +136 -136
  45. package/Modal.js +99 -48
  46. package/ModalLayer.js +15 -15
  47. package/Monogram.js +18 -17
  48. package/Multiselect.js +2788 -2310
  49. package/Number.js +76 -37
  50. package/Paginator.js +99 -86
  51. package/Paragraph.js +10 -10
  52. package/Popover.js +343 -48
  53. package/Progress.js +23 -22
  54. package/RadioBar.js +32 -14
  55. package/RadioList.js +17 -11
  56. package/Resize.js +34 -21
  57. package/ResultsMenu.js +44 -31
  58. package/ScreenReaderContent.js +9 -9
  59. package/Scroll.js +52 -27
  60. package/ScrollContainerContext.js +157 -6
  61. package/Search.js +71 -34
  62. package/Select.js +347 -69
  63. package/SidePanel.js +37 -24
  64. package/Slider.js +50 -20
  65. package/SlidingPanels.js +56 -18
  66. package/SplitButton.js +27 -26
  67. package/StaticContent.js +9 -9
  68. package/StepBar.js +22 -22
  69. package/Switch.js +18 -13
  70. package/TabBar.js +28 -28
  71. package/TabLayout.js +43 -18
  72. package/Table.js +549 -158
  73. package/Text.js +93 -50
  74. package/TextArea.d.ts +2 -0
  75. package/TextArea.js +134 -56
  76. package/Tooltip.js +246 -63
  77. package/TransitionOpen.js +63 -26
  78. package/Typography.d.ts +2 -0
  79. package/Typography.js +17 -16
  80. package/WaitSpinner.js +15 -81
  81. package/docker-compose.yml +42 -0
  82. package/package.json +20 -20
  83. package/test-runner-jest.config.js +23 -5
  84. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  85. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  86. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  87. package/types/src/Calendar/Calendar.d.ts +17 -2
  88. package/types/src/Calendar/DateTable.d.ts +7 -3
  89. package/types/src/Calendar/Day.d.ts +14 -5
  90. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  91. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  92. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  93. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  94. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  95. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  96. package/types/src/Date/Date.d.ts +17 -8
  97. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  98. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  99. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  100. package/types/src/Divider/Divider.d.ts +20 -0
  101. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  102. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  103. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  104. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  105. package/types/src/Divider/index.d.ts +1 -0
  106. package/types/src/File/File.d.ts +4 -2
  107. package/types/src/File/FileContext.d.ts +1 -0
  108. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  109. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  110. package/types/src/Menu/MenuContext.d.ts +1 -0
  111. package/types/src/Modal/Modal.d.ts +7 -3
  112. package/types/src/Modal/ModalContext.d.ts +2 -0
  113. package/types/src/Multiselect/Compact.d.ts +10 -1
  114. package/types/src/Multiselect/Multiselect.d.ts +12 -1
  115. package/types/src/Multiselect/Normal.d.ts +2 -0
  116. package/types/src/Number/Number.d.ts +5 -1
  117. package/types/src/Popover/Popover.d.ts +25 -5
  118. package/types/src/Popover/PopoverContext.d.ts +1 -0
  119. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  120. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  121. package/types/src/RadioList/RadioList.d.ts +5 -1
  122. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  123. package/types/src/Select/SelectBase.d.ts +2 -0
  124. package/types/src/Slider/Slider.d.ts +5 -3
  125. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
  126. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
  127. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  128. package/types/src/Switch/Switch.d.ts +2 -0
  129. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  130. package/types/src/Table/Head.d.ts +2 -0
  131. package/types/src/Table/TableContext.d.ts +1 -0
  132. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  133. package/types/src/Text/Text.d.ts +5 -3
  134. package/types/src/TextArea/TextArea.d.ts +5 -3
  135. package/types/src/Tooltip/Tooltip.d.ts +26 -9
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  138. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  139. package/types/src/useKeyPress/index.d.ts +37 -0
  140. package/useForceUpdate.js +9 -9
  141. package/{useIsSsr.js → useKeyPress.js} +56 -49
  142. package/usePrevious.js +9 -9
  143. package/types/src/useIsSsr/index.d.ts +0 -2
  144. package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
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 = 172);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 225);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,25 +104,143 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("@splunk/ui-utils/id");
107
+ module.exports = require("lodash/keys");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 104:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("lodash/forEachRight");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 105:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("lodash/uniq");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 11:
126
+ /***/ (function(module, exports) {
127
+
128
+ module.exports = require("lodash/has");
108
129
 
109
130
  /***/ }),
110
131
 
111
132
  /***/ 13:
112
133
  /***/ (function(module, exports) {
113
134
 
135
+ module.exports = require("@splunk/ui-utils/id");
136
+
137
+ /***/ }),
138
+
139
+ /***/ 15:
140
+ /***/ (function(module, exports) {
141
+
114
142
  module.exports = require("@splunk/react-ui/Menu");
115
143
 
116
144
  /***/ }),
117
145
 
118
- /***/ 16:
146
+ /***/ 18:
147
+ /***/ (function(module, exports) {
148
+
149
+ module.exports = require("lodash/includes");
150
+
151
+ /***/ }),
152
+
153
+ /***/ 19:
119
154
  /***/ (function(module, exports) {
120
155
 
121
156
  module.exports = require("@splunk/react-ui/Button");
122
157
 
123
158
  /***/ }),
124
159
 
125
- /***/ 172:
160
+ /***/ 2:
161
+ /***/ (function(module, exports) {
162
+
163
+ module.exports = require("react");
164
+
165
+ /***/ }),
166
+
167
+ /***/ 20:
168
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
169
+
170
+ "use strict";
171
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
172
+ /* unused harmony export ssrWindow */
173
+ /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
174
+ /* eslint-disable @typescript-eslint/no-empty-function */
175
+
176
+ var ssrWindow = {
177
+ document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
178
+ navigator: {
179
+ userAgent: ''
180
+ },
181
+ location: {
182
+ hash: '',
183
+ host: '',
184
+ hostname: '',
185
+ href: '',
186
+ origin: '',
187
+ pathname: '',
188
+ protocol: '',
189
+ search: ''
190
+ },
191
+ history: {
192
+ replaceState: function replaceState() {},
193
+ pushState: function pushState() {},
194
+ go: function go() {},
195
+ back: function back() {}
196
+ },
197
+ CustomEvent: function CustomEvent() {
198
+ return this;
199
+ },
200
+ addEventListener: function addEventListener() {},
201
+ removeEventListener: function removeEventListener() {},
202
+ getComputedStyle: function getComputedStyle() {
203
+ return {
204
+ getPropertyValue: function getPropertyValue() {
205
+ return '';
206
+ }
207
+ };
208
+ },
209
+ Image: function Image() {},
210
+ Date: function Date() {},
211
+ screen: {},
212
+ setTimeout: function setTimeout() {},
213
+ clearTimeout: function clearTimeout() {},
214
+ matchMedia: function matchMedia() {
215
+ return {};
216
+ },
217
+ requestAnimationFrame: function requestAnimationFrame(callback) {
218
+ if (typeof setTimeout === 'undefined') {
219
+ callback();
220
+ return null;
221
+ }
222
+
223
+ return setTimeout(callback, 0);
224
+ },
225
+ cancelAnimationFrame: function cancelAnimationFrame(id) {
226
+ if (typeof setTimeout === 'undefined') {
227
+ return;
228
+ }
229
+
230
+ clearTimeout(id);
231
+ }
232
+ };
233
+
234
+ function getWindow() {
235
+ var win = typeof window !== 'undefined' ? window : ssrWindow;
236
+ return win;
237
+ }
238
+
239
+
240
+
241
+ /***/ }),
242
+
243
+ /***/ 225:
126
244
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
245
 
128
246
  "use strict";
@@ -143,17 +261,18 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
143
261
  var external_prop_types_ = __webpack_require__(1);
144
262
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
145
263
 
146
- // EXTERNAL MODULE: external "lodash"
147
- var external_lodash_ = __webpack_require__(4);
264
+ // EXTERNAL MODULE: external "lodash/has"
265
+ var has_ = __webpack_require__(11);
266
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
148
267
 
149
268
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
150
- var i18n_ = __webpack_require__(5);
269
+ var i18n_ = __webpack_require__(4);
151
270
 
152
271
  // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
153
- var SelectBase = __webpack_require__(44);
272
+ var SelectBase = __webpack_require__(59);
154
273
 
155
274
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
156
- var OptionBase = __webpack_require__(28);
275
+ var OptionBase = __webpack_require__(38);
157
276
 
158
277
  // CONCATENATED MODULE: ./src/Select/Option.tsx
159
278
  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); }
@@ -392,7 +511,7 @@ var Select_Select = /*#__PURE__*/function (_Component) {
392
511
  var state = {}; // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
393
512
  // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
394
513
 
395
- if (Object(external_lodash_["has"])(props, 'defaultValue')) {
514
+ if (has_default()(props, 'defaultValue')) {
396
515
  if (props.defaultValue != null) {
397
516
  state.defaultValues = [props.defaultValue];
398
517
  } else {
@@ -429,7 +548,7 @@ var Select_Select = /*#__PURE__*/function (_Component) {
429
548
  }
430
549
  }; // using "has" as opposed to a null check to match SelectBase
431
550
 
432
- if (Object(external_lodash_["has"])(this.props, 'value')) {
551
+ if (has_default()(this.props, 'value')) {
433
552
  if (value != null) {
434
553
  convertedProps.values = [value];
435
554
  } else {
@@ -467,35 +586,113 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
467
586
 
468
587
  /***/ }),
469
588
 
470
- /***/ 18:
589
+ /***/ 24:
471
590
  /***/ (function(module, exports) {
472
591
 
473
592
  module.exports = require("@splunk/react-ui/Dropdown");
474
593
 
475
594
  /***/ }),
476
595
 
477
- /***/ 2:
596
+ /***/ 28:
597
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
598
+
599
+ "use strict";
600
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
601
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
602
+ /* eslint-disable @typescript-eslint/no-empty-function */
603
+ var ssrDocument = {
604
+ body: {
605
+ appendChild: function appendChild() {
606
+ return [];
607
+ }
608
+ },
609
+ addEventListener: function addEventListener() {},
610
+ removeEventListener: function removeEventListener() {},
611
+ activeElement: {
612
+ blur: function blur() {},
613
+ nodeName: ''
614
+ },
615
+ querySelector: function querySelector() {
616
+ return null;
617
+ },
618
+ querySelectorAll: function querySelectorAll() {
619
+ return [];
620
+ },
621
+ getElementById: function getElementById() {
622
+ return null;
623
+ },
624
+ createEvent: function createEvent() {
625
+ return {
626
+ initEvent: function initEvent() {}
627
+ };
628
+ },
629
+ createElement: function createElement() {
630
+ return {
631
+ children: [],
632
+ childNodes: [],
633
+ style: {},
634
+ setAttribute: function setAttribute() {},
635
+ getElementsByTagName: function getElementsByTagName() {
636
+ return [];
637
+ }
638
+ };
639
+ },
640
+ createElementNS: function createElementNS() {
641
+ return {};
642
+ },
643
+ importNode: function importNode() {
644
+ return null;
645
+ },
646
+ location: {
647
+ hash: '',
648
+ host: '',
649
+ hostname: '',
650
+ href: '',
651
+ origin: '',
652
+ pathname: '',
653
+ protocol: '',
654
+ search: ''
655
+ }
656
+ };
657
+
658
+ function getDocument() {
659
+ var doc = typeof document !== 'undefined' ? document : ssrDocument;
660
+ return doc;
661
+ }
662
+
663
+
664
+
665
+ /***/ }),
666
+
667
+ /***/ 3:
478
668
  /***/ (function(module, exports) {
479
669
 
480
- module.exports = require("react");
670
+ module.exports = require("styled-components");
481
671
 
482
672
  /***/ }),
483
673
 
484
- /***/ 23:
674
+ /***/ 30:
485
675
  /***/ (function(module, exports) {
486
676
 
487
677
  module.exports = require("@splunk/react-ui/Text");
488
678
 
489
679
  /***/ }),
490
680
 
491
- /***/ 25:
681
+ /***/ 33:
492
682
  /***/ (function(module, exports) {
493
683
 
494
684
  module.exports = require("@splunk/ui-utils/filter");
495
685
 
496
686
  /***/ }),
497
687
 
498
- /***/ 28:
688
+ /***/ 34:
689
+ /***/ (function(module, exports) {
690
+
691
+ module.exports = require("lodash/pick");
692
+
693
+ /***/ }),
694
+
695
+ /***/ 38:
499
696
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
500
697
 
501
698
  "use strict";
@@ -503,7 +700,7 @@ module.exports = require("@splunk/ui-utils/filter");
503
700
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
504
701
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
505
702
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
506
- /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
703
+ /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15);
507
704
  /* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__);
508
705
  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); }
509
706
 
@@ -671,14 +868,14 @@ _defineProperty(Option, "defaultProps", defaultProps);
671
868
 
672
869
  /***/ }),
673
870
 
674
- /***/ 29:
871
+ /***/ 39:
675
872
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
676
873
 
677
874
  "use strict";
678
875
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
679
876
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
680
877
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
681
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
878
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54);
682
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__);
683
880
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
684
881
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -721,35 +918,49 @@ function Search(props) {
721
918
 
722
919
  /***/ }),
723
920
 
724
- /***/ 3:
921
+ /***/ 4:
725
922
  /***/ (function(module, exports) {
726
923
 
727
- module.exports = require("styled-components");
924
+ module.exports = require("@splunk/ui-utils/i18n");
728
925
 
729
926
  /***/ }),
730
927
 
731
- /***/ 30:
928
+ /***/ 41:
929
+ /***/ (function(module, exports) {
930
+
931
+ module.exports = require("lodash/isUndefined");
932
+
933
+ /***/ }),
934
+
935
+ /***/ 42:
732
936
  /***/ (function(module, exports) {
733
937
 
734
938
  module.exports = require("@splunk/react-ui/Link");
735
939
 
736
940
  /***/ }),
737
941
 
738
- /***/ 34:
942
+ /***/ 45:
739
943
  /***/ (function(module, exports) {
740
944
 
741
945
  module.exports = require("@splunk/react-ui/ResultsMenu");
742
946
 
743
947
  /***/ }),
744
948
 
745
- /***/ 38:
949
+ /***/ 5:
950
+ /***/ (function(module, exports) {
951
+
952
+ module.exports = require("lodash/omit");
953
+
954
+ /***/ }),
955
+
956
+ /***/ 50:
746
957
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
747
958
 
748
959
  "use strict";
749
960
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
750
961
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
751
962
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
752
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
963
+ /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
753
964
  /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
754
965
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
755
966
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -780,28 +991,35 @@ function CaretDown(props) {
780
991
 
781
992
  /***/ }),
782
993
 
783
- /***/ 39:
994
+ /***/ 51:
784
995
  /***/ (function(module, exports) {
785
996
 
786
997
  module.exports = require("@splunk/react-icons/Caret");
787
998
 
788
999
  /***/ }),
789
1000
 
790
- /***/ 4:
1001
+ /***/ 54:
791
1002
  /***/ (function(module, exports) {
792
1003
 
793
- module.exports = require("lodash");
1004
+ module.exports = require("@splunk/react-icons/Search");
794
1005
 
795
1006
  /***/ }),
796
1007
 
797
- /***/ 41:
1008
+ /***/ 56:
798
1009
  /***/ (function(module, exports) {
799
1010
 
800
- module.exports = require("@splunk/react-icons/Search");
1011
+ module.exports = require("lodash/without");
1012
+
1013
+ /***/ }),
1014
+
1015
+ /***/ 57:
1016
+ /***/ (function(module, exports) {
1017
+
1018
+ module.exports = require("lodash/find");
801
1019
 
802
1020
  /***/ }),
803
1021
 
804
- /***/ 44:
1022
+ /***/ 59:
805
1023
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
806
1024
 
807
1025
  "use strict";
@@ -821,55 +1039,96 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
821
1039
  var external_prop_types_ = __webpack_require__(1);
822
1040
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
823
1041
 
824
- // EXTERNAL MODULE: external "lodash"
825
- var external_lodash_ = __webpack_require__(4);
1042
+ // EXTERNAL MODULE: external "lodash/castArray"
1043
+ var castArray_ = __webpack_require__(62);
1044
+ var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
1045
+
1046
+ // EXTERNAL MODULE: external "lodash/find"
1047
+ var find_ = __webpack_require__(57);
1048
+ var find_default = /*#__PURE__*/__webpack_require__.n(find_);
1049
+
1050
+ // EXTERNAL MODULE: external "lodash/forEachRight"
1051
+ var forEachRight_ = __webpack_require__(104);
1052
+ var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
1053
+
1054
+ // EXTERNAL MODULE: external "lodash/has"
1055
+ var has_ = __webpack_require__(11);
1056
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
1057
+
1058
+ // EXTERNAL MODULE: external "lodash/includes"
1059
+ var includes_ = __webpack_require__(18);
1060
+ var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
1061
+
1062
+ // EXTERNAL MODULE: external "lodash/isUndefined"
1063
+ var isUndefined_ = __webpack_require__(41);
1064
+ var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
1065
+
1066
+ // EXTERNAL MODULE: external "lodash/keys"
1067
+ var keys_ = __webpack_require__(10);
1068
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
1069
+
1070
+ // EXTERNAL MODULE: external "lodash/omit"
1071
+ var omit_ = __webpack_require__(5);
1072
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
1073
+
1074
+ // EXTERNAL MODULE: external "lodash/pick"
1075
+ var pick_ = __webpack_require__(34);
1076
+ var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
1077
+
1078
+ // EXTERNAL MODULE: external "lodash/uniq"
1079
+ var uniq_ = __webpack_require__(105);
1080
+ var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
1081
+
1082
+ // EXTERNAL MODULE: external "lodash/without"
1083
+ var without_ = __webpack_require__(56);
1084
+ var without_default = /*#__PURE__*/__webpack_require__.n(without_);
826
1085
 
827
1086
  // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
828
- var filter_ = __webpack_require__(25);
1087
+ var filter_ = __webpack_require__(33);
829
1088
 
830
1089
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
831
- var id_ = __webpack_require__(10);
1090
+ var id_ = __webpack_require__(13);
832
1091
 
833
1092
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
834
- var i18n_ = __webpack_require__(5);
1093
+ var i18n_ = __webpack_require__(4);
835
1094
 
836
1095
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
837
1096
  var keyboard_ = __webpack_require__(9);
838
1097
 
839
1098
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
840
- var Dropdown_ = __webpack_require__(18);
1099
+ var Dropdown_ = __webpack_require__(24);
841
1100
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
842
1101
 
843
1102
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
844
- var Link_ = __webpack_require__(30);
1103
+ var Link_ = __webpack_require__(42);
845
1104
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
846
1105
 
847
1106
  // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
848
- var Menu_ = __webpack_require__(13);
1107
+ var Menu_ = __webpack_require__(15);
849
1108
 
850
1109
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
851
- var ResultsMenu_ = __webpack_require__(34);
1110
+ var ResultsMenu_ = __webpack_require__(45);
852
1111
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
853
1112
 
854
1113
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
855
- var Text_ = __webpack_require__(23);
1114
+ var Text_ = __webpack_require__(30);
856
1115
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
857
1116
 
858
1117
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
859
- var CaretDown = __webpack_require__(38);
1118
+ var CaretDown = __webpack_require__(50);
860
1119
 
861
1120
  // EXTERNAL MODULE: ./src/icons/Search.tsx
862
- var Search = __webpack_require__(29);
1121
+ var Search = __webpack_require__(39);
863
1122
 
864
1123
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
865
- var OptionBase = __webpack_require__(28);
1124
+ var OptionBase = __webpack_require__(38);
866
1125
 
867
1126
  // EXTERNAL MODULE: external "styled-components"
868
1127
  var external_styled_components_ = __webpack_require__(3);
869
1128
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
870
1129
 
871
1130
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
872
- var Button_ = __webpack_require__(16);
1131
+ var Button_ = __webpack_require__(19);
873
1132
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
874
1133
 
875
1134
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -993,6 +1252,9 @@ var fuzzyMatch = function fuzzyMatch(options, matchChar) {
993
1252
  };
994
1253
 
995
1254
 
1255
+ // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
1256
+ var ssrWindow = __webpack_require__(20);
1257
+
996
1258
  // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
997
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); }
998
1260
 
@@ -1052,6 +1314,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
1052
1314
 
1053
1315
 
1054
1316
 
1317
+
1318
+
1319
+
1320
+
1321
+
1322
+
1323
+
1324
+
1325
+
1326
+
1327
+
1055
1328
 
1056
1329
 
1057
1330
 
@@ -1093,6 +1366,9 @@ var propTypes = {
1093
1366
  onOpen: external_prop_types_default.a.func,
1094
1367
  onScroll: external_prop_types_default.a.func,
1095
1368
  onScrollBottom: external_prop_types_default.a.func,
1369
+
1370
+ /** @private. */
1371
+ required: external_prop_types_default.a.bool,
1096
1372
  placeholder: external_prop_types_default.a.string,
1097
1373
  prefixLabel: external_prop_types_default.a.string,
1098
1374
  prepend: external_prop_types_default.a.bool,
@@ -1123,7 +1399,7 @@ var defaultProps = {
1123
1399
  };
1124
1400
 
1125
1401
  function isOption(child) {
1126
- return child && Object(external_lodash_["has"])(child.props, 'value');
1402
+ return child && has_default()(child.props, 'value');
1127
1403
  }
1128
1404
 
1129
1405
  var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
@@ -1200,9 +1476,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1200
1476
  }
1201
1477
 
1202
1478
  var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
1203
- var values = Object(external_lodash_["uniq"])(currentValues.concat(_this.displayedValues));
1479
+ var values = uniq_default()(currentValues.concat(_this.displayedValues));
1204
1480
  values = external_react_default.a.Children.toArray(children).filter(function (child) {
1205
- return isOption(child) && Object(external_lodash_["includes"])(values, child.props.value) && (!child.props.disabled || Object(external_lodash_["includes"])(currentValues, child.props.value));
1481
+ return isOption(child) && includes_default()(values, child.props.value) && (!child.props.disabled || includes_default()(currentValues, child.props.value));
1206
1482
  }).map(function (child) {
1207
1483
  return child.props.value;
1208
1484
  });
@@ -1232,10 +1508,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1232
1508
  }
1233
1509
 
1234
1510
  var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
1235
- var hiddenCurrentValues = external_lodash_["without"].apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
1511
+ var hiddenCurrentValues = without_default.a.apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
1236
1512
 
1237
1513
  var values = external_react_default.a.Children.toArray(children).filter(function (child) {
1238
- return isOption(child) && (Object(external_lodash_["includes"])(currentValues, child.props.value) && child.props.disabled || Object(external_lodash_["includes"])(hiddenCurrentValues, child.props.value));
1514
+ return isOption(child) && (includes_default()(currentValues, child.props.value) && child.props.disabled || includes_default()(hiddenCurrentValues, child.props.value));
1239
1515
  }).map(function (child) {
1240
1516
  return child.props.value;
1241
1517
  });
@@ -1260,7 +1536,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1260
1536
  var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
1261
1537
 
1262
1538
  if (eventKeyCode === 'tab') {
1263
- if (tabConfirmsNewValue && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.availableOptionCount <= 1) {
1539
+ if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
1264
1540
  e.preventDefault();
1265
1541
 
1266
1542
  _this.toggleValue(e, _this.activeValue);
@@ -1301,7 +1577,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1301
1577
  });
1302
1578
  }
1303
1579
 
1304
- if (eventKeyCode === 'enter' && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.state.open) {
1580
+ if (eventKeyCode === 'enter' && !isUndefined_default()(_this.activeValue) && _this.state.open) {
1305
1581
  e.preventDefault();
1306
1582
 
1307
1583
  _this.toggleValue(e, _this.activeValue);
@@ -1570,8 +1846,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1570
1846
  }, []); // In multiple mode, add missing items
1571
1847
 
1572
1848
  if (multiple) {
1573
- Object(external_lodash_["forEachRight"])(currentValues, function (value) {
1574
- var matchedItem = Object(external_lodash_["find"])(children, function (item) {
1849
+ forEachRight_default()(currentValues, function (value) {
1850
+ var matchedItem = find_default()(children, function (item) {
1575
1851
  return isOption(item) && item.props && item.props.value === value;
1576
1852
  });
1577
1853
 
@@ -1699,7 +1975,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1699
1975
  }
1700
1976
 
1701
1977
  if (suffixLabel) {
1702
- wrappedLabel = Object(external_lodash_["castArray"])(wrappedLabel).concat(" ".concat(suffixLabel));
1978
+ wrappedLabel = castArray_default()(wrappedLabel).concat(" ".concat(suffixLabel));
1703
1979
  }
1704
1980
 
1705
1981
  return wrappedLabel;
@@ -1713,7 +1989,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1713
1989
  topValues: [],
1714
1990
  values: props.defaultValues || []
1715
1991
  };
1716
- _this.controlledExternally = Object(external_lodash_["has"])(props, 'values');
1992
+ _this.controlledExternally = has_default()(props, 'values');
1717
1993
  _this.displayedValues = [];
1718
1994
  _this.availableOptionCount = 0;
1719
1995
  _this.firstSelectedOptionIndex = undefined;
@@ -1908,6 +2184,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1908
2184
  labelledBy = _this$props15.labelledBy,
1909
2185
  labelText = _this$props15.labelText,
1910
2186
  multiple = _this$props15.multiple,
2187
+ required = _this$props15.required,
1911
2188
  placeholder = _this$props15.placeholder,
1912
2189
  prefixLabel = _this$props15.prefixLabel,
1913
2190
  repositionMode = _this$props15.repositionMode,
@@ -1920,7 +2197,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1920
2197
  var childrenArray = external_react_["Children"].toArray(children);
1921
2198
  var currentValues = (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [];
1922
2199
  var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
1923
- var matchedItem = Object(external_lodash_["find"])(childrenArray, function (item) {
2200
+ var matchedItem = find_default()(childrenArray, function (item) {
1924
2201
  return isOption(item) && item.props.value === value;
1925
2202
  });
1926
2203
 
@@ -1982,12 +2259,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1982
2259
  'aria-label': "".concat(labelText ? "".concat(labelText, ", ") : '').concat(ariaLabel),
1983
2260
  'aria-labelledby': labelText ? undefined : labelledBy,
1984
2261
  'aria-multiselectable': multiple,
2262
+ 'aria-required': required,
1985
2263
  'data-select-appearance': appearance,
1986
2264
  'data-test': multiple ? 'multiselect' : 'select',
1987
2265
  disabled: disabled,
1988
2266
  elementRef: elementRef,
1989
2267
  error: error
1990
- }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(SelectBase.propTypes)));
2268
+ }, omit_default()(this.props, keys_default()(SelectBase.propTypes)));
1991
2269
 
1992
2270
  if (multiple) {
1993
2271
  commonProps['data-test-values'] = JSON.stringify(currentValues);
@@ -2014,7 +2292,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2014
2292
  role: "listbox" // @ts-expect-error - accept inconsistency with Button
2015
2293
  ,
2016
2294
  onClick: this.props.onClick
2017
- }, Object(external_lodash_["pick"])(this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
2295
+ }, pick_default()(this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
2018
2296
  "data-role": "count"
2019
2297
  }, "(", currentValues.length, ")"));
2020
2298
 
@@ -2042,7 +2320,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2042
2320
  "data-test": "results-menu",
2043
2321
  isLoading: _this2.props.isLoadingOptions,
2044
2322
  id: _this2.menuId
2045
- }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
2323
+ }, pick_default()(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
2046
2324
  style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
2047
2325
  tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
2048
2326
  }), finalChildren);
@@ -2057,7 +2335,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2057
2335
  open: this.state.open,
2058
2336
  repositionMode: repositionMode,
2059
2337
  defaultPlacement: filterEnabled ? defaultPlacement : undefined,
2060
- canCoverAnchor: window.innerHeight < 500,
2338
+ canCoverAnchor: Object(ssrWindow["a" /* getWindow */])().innerHeight < 500,
2061
2339
  ref: function ref(c) {
2062
2340
  _this2.dropdown = c;
2063
2341
  },
@@ -2085,13 +2363,6 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
2085
2363
  /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
2086
2364
 
2087
2365
 
2088
- /***/ }),
2089
-
2090
- /***/ 5:
2091
- /***/ (function(module, exports) {
2092
-
2093
- module.exports = require("@splunk/ui-utils/i18n");
2094
-
2095
2366
  /***/ }),
2096
2367
 
2097
2368
  /***/ 6:
@@ -2119,6 +2390,13 @@ function SVG(props) {
2119
2390
 
2120
2391
  /***/ }),
2121
2392
 
2393
+ /***/ 62:
2394
+ /***/ (function(module, exports) {
2395
+
2396
+ module.exports = require("lodash/castArray");
2397
+
2398
+ /***/ }),
2399
+
2122
2400
  /***/ 7:
2123
2401
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2124
2402