@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/Popover.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 = 179);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 183);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,18 +104,11 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
108
-
109
- /***/ }),
110
-
111
- /***/ 11:
112
- /***/ (function(module, exports) {
113
-
114
107
  module.exports = require("lodash/has");
115
108
 
116
109
  /***/ }),
117
110
 
118
- /***/ 12:
111
+ /***/ 11:
119
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
113
 
121
114
  "use strict";
@@ -142,35 +135,118 @@ function updateReactRef(ref, current) {
142
135
 
143
136
  /***/ }),
144
137
 
145
- /***/ 144:
138
+ /***/ 147:
146
139
  /***/ (function(module, exports) {
147
140
 
148
141
  module.exports = require("lodash/clamp");
149
142
 
150
143
  /***/ }),
151
144
 
152
- /***/ 145:
145
+ /***/ 148:
153
146
  /***/ (function(module, exports) {
154
147
 
155
148
  module.exports = require("lodash/every");
156
149
 
157
150
  /***/ }),
158
151
 
159
- /***/ 146:
152
+ /***/ 149:
160
153
  /***/ (function(module, exports) {
161
154
 
162
155
  module.exports = require("lodash/intersection");
163
156
 
164
157
  /***/ }),
165
158
 
166
- /***/ 17:
159
+ /***/ 15:
167
160
  /***/ (function(module, exports) {
168
161
 
169
162
  module.exports = require("@splunk/react-ui/EventListener");
170
163
 
171
164
  /***/ }),
172
165
 
173
- /***/ 179:
166
+ /***/ 16:
167
+ /***/ (function(module, exports) {
168
+
169
+ module.exports = require("lodash/includes");
170
+
171
+ /***/ }),
172
+
173
+ /***/ 18:
174
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
175
+
176
+ "use strict";
177
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
178
+ /* unused harmony export ssrWindow */
179
+ /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
180
+ /* eslint-disable @typescript-eslint/no-empty-function */
181
+
182
+ var ssrWindow = {
183
+ document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
184
+ navigator: {
185
+ userAgent: ''
186
+ },
187
+ location: {
188
+ hash: '',
189
+ host: '',
190
+ hostname: '',
191
+ href: '',
192
+ origin: '',
193
+ pathname: '',
194
+ protocol: '',
195
+ search: ''
196
+ },
197
+ history: {
198
+ replaceState: function replaceState() {},
199
+ pushState: function pushState() {},
200
+ go: function go() {},
201
+ back: function back() {}
202
+ },
203
+ CustomEvent: function CustomEvent() {
204
+ return this;
205
+ },
206
+ addEventListener: function addEventListener() {},
207
+ removeEventListener: function removeEventListener() {},
208
+ getComputedStyle: function getComputedStyle() {
209
+ return {
210
+ getPropertyValue: function getPropertyValue() {
211
+ return '';
212
+ }
213
+ };
214
+ },
215
+ Image: function Image() {},
216
+ Date: function Date() {},
217
+ screen: {},
218
+ setTimeout: function setTimeout() {},
219
+ clearTimeout: function clearTimeout() {},
220
+ matchMedia: function matchMedia() {
221
+ return {};
222
+ },
223
+ requestAnimationFrame: function requestAnimationFrame(callback) {
224
+ if (typeof setTimeout === 'undefined') {
225
+ callback();
226
+ return null;
227
+ }
228
+
229
+ return setTimeout(callback, 0);
230
+ },
231
+ cancelAnimationFrame: function cancelAnimationFrame(id) {
232
+ if (typeof setTimeout === 'undefined') {
233
+ return;
234
+ }
235
+
236
+ clearTimeout(id);
237
+ }
238
+ };
239
+
240
+ function getWindow() {
241
+ var win = typeof window !== 'undefined' ? window : ssrWindow;
242
+ return win;
243
+ }
244
+
245
+
246
+
247
+ /***/ }),
248
+
249
+ /***/ 183:
174
250
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
175
251
 
176
252
  "use strict";
@@ -190,10 +266,10 @@ var external_prop_types_ = __webpack_require__(1);
190
266
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
191
267
 
192
268
  // EXTERNAL MODULE: external "react-dom"
193
- var external_react_dom_ = __webpack_require__(93);
269
+ var external_react_dom_ = __webpack_require__(91);
194
270
 
195
271
  // EXTERNAL MODULE: external "lodash/clamp"
196
- var clamp_ = __webpack_require__(144);
272
+ var clamp_ = __webpack_require__(147);
197
273
  var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_);
198
274
 
199
275
  // EXTERNAL MODULE: external "lodash/defer"
@@ -201,23 +277,23 @@ var defer_ = __webpack_require__(55);
201
277
  var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
202
278
 
203
279
  // EXTERNAL MODULE: external "lodash/every"
204
- var every_ = __webpack_require__(145);
280
+ var every_ = __webpack_require__(148);
205
281
  var every_default = /*#__PURE__*/__webpack_require__.n(every_);
206
282
 
207
283
  // EXTERNAL MODULE: external "lodash/has"
208
- var has_ = __webpack_require__(11);
284
+ var has_ = __webpack_require__(10);
209
285
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
210
286
 
211
287
  // EXTERNAL MODULE: external "lodash/includes"
212
- var includes_ = __webpack_require__(18);
288
+ var includes_ = __webpack_require__(16);
213
289
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
214
290
 
215
291
  // EXTERNAL MODULE: external "lodash/intersection"
216
- var intersection_ = __webpack_require__(146);
292
+ var intersection_ = __webpack_require__(149);
217
293
  var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_);
218
294
 
219
295
  // EXTERNAL MODULE: external "lodash/isFinite"
220
- var isFinite_ = __webpack_require__(21);
296
+ var isFinite_ = __webpack_require__(19);
221
297
  var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
222
298
 
223
299
  // EXTERNAL MODULE: external "lodash/isFunction"
@@ -225,7 +301,7 @@ var isFunction_ = __webpack_require__(68);
225
301
  var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
226
302
 
227
303
  // EXTERNAL MODULE: external "lodash/keys"
228
- var keys_ = __webpack_require__(10);
304
+ var keys_ = __webpack_require__(9);
229
305
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
230
306
 
231
307
  // EXTERNAL MODULE: external "lodash/omit"
@@ -240,10 +316,10 @@ var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
240
316
  var themes_ = __webpack_require__(0);
241
317
 
242
318
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
243
- var Animation_ = __webpack_require__(43);
319
+ var Animation_ = __webpack_require__(40);
244
320
 
245
321
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
246
- var EventListener_ = __webpack_require__(17);
322
+ var EventListener_ = __webpack_require__(15);
247
323
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
248
324
 
249
325
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
@@ -255,7 +331,7 @@ var ScrollContainerContext_ = __webpack_require__(50);
255
331
  var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
256
332
 
257
333
  // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
258
- var focus_ = __webpack_require__(35);
334
+ var focus_ = __webpack_require__(29);
259
335
 
260
336
  // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
261
337
  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; }
@@ -537,7 +613,7 @@ function getPlacement(args) {
537
613
  var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
538
614
 
539
615
  // EXTERNAL MODULE: external "react-spring"
540
- var external_react_spring_ = __webpack_require__(26);
616
+ var external_react_spring_ = __webpack_require__(24);
541
617
 
542
618
  // EXTERNAL MODULE: external "styled-components"
543
619
  var external_styled_components_ = __webpack_require__(3);
@@ -757,10 +833,10 @@ var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (
757
833
  PopoverHitArea.propTypes = propTypes;
758
834
  /* harmony default export */ var Popover_PopoverHitArea = (PopoverHitArea);
759
835
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
760
- var updateReactRef = __webpack_require__(12);
836
+ var updateReactRef = __webpack_require__(11);
761
837
 
762
838
  // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
763
- var ssrWindow = __webpack_require__(20);
839
+ var ssrWindow = __webpack_require__(18);
764
840
 
765
841
  // CONCATENATED MODULE: ./src/Popover/Popover.tsx
766
842
  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); }
@@ -1417,10 +1493,10 @@ PopoverWithTheme.propTypes = Popover_Popover.propTypes;
1417
1493
 
1418
1494
  /***/ }),
1419
1495
 
1420
- /***/ 18:
1496
+ /***/ 19:
1421
1497
  /***/ (function(module, exports) {
1422
1498
 
1423
- module.exports = require("lodash/includes");
1499
+ module.exports = require("lodash/isFinite");
1424
1500
 
1425
1501
  /***/ }),
1426
1502
 
@@ -1431,97 +1507,14 @@ module.exports = require("react");
1431
1507
 
1432
1508
  /***/ }),
1433
1509
 
1434
- /***/ 20:
1435
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1436
-
1437
- "use strict";
1438
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
1439
- /* unused harmony export ssrWindow */
1440
- /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
1441
- /* eslint-disable @typescript-eslint/no-empty-function */
1442
-
1443
- var ssrWindow = {
1444
- document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
1445
- navigator: {
1446
- userAgent: ''
1447
- },
1448
- location: {
1449
- hash: '',
1450
- host: '',
1451
- hostname: '',
1452
- href: '',
1453
- origin: '',
1454
- pathname: '',
1455
- protocol: '',
1456
- search: ''
1457
- },
1458
- history: {
1459
- replaceState: function replaceState() {},
1460
- pushState: function pushState() {},
1461
- go: function go() {},
1462
- back: function back() {}
1463
- },
1464
- CustomEvent: function CustomEvent() {
1465
- return this;
1466
- },
1467
- addEventListener: function addEventListener() {},
1468
- removeEventListener: function removeEventListener() {},
1469
- getComputedStyle: function getComputedStyle() {
1470
- return {
1471
- getPropertyValue: function getPropertyValue() {
1472
- return '';
1473
- }
1474
- };
1475
- },
1476
- Image: function Image() {},
1477
- Date: function Date() {},
1478
- screen: {},
1479
- setTimeout: function setTimeout() {},
1480
- clearTimeout: function clearTimeout() {},
1481
- matchMedia: function matchMedia() {
1482
- return {};
1483
- },
1484
- requestAnimationFrame: function requestAnimationFrame(callback) {
1485
- if (typeof setTimeout === 'undefined') {
1486
- callback();
1487
- return null;
1488
- }
1489
-
1490
- return setTimeout(callback, 0);
1491
- },
1492
- cancelAnimationFrame: function cancelAnimationFrame(id) {
1493
- if (typeof setTimeout === 'undefined') {
1494
- return;
1495
- }
1496
-
1497
- clearTimeout(id);
1498
- }
1499
- };
1500
-
1501
- function getWindow() {
1502
- var win = typeof window !== 'undefined' ? window : ssrWindow;
1503
- return win;
1504
- }
1505
-
1506
-
1507
-
1508
- /***/ }),
1509
-
1510
- /***/ 21:
1511
- /***/ (function(module, exports) {
1512
-
1513
- module.exports = require("lodash/isFinite");
1514
-
1515
- /***/ }),
1516
-
1517
- /***/ 26:
1510
+ /***/ 24:
1518
1511
  /***/ (function(module, exports) {
1519
1512
 
1520
1513
  module.exports = require("react-spring");
1521
1514
 
1522
1515
  /***/ }),
1523
1516
 
1524
- /***/ 28:
1517
+ /***/ 27:
1525
1518
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1526
1519
 
1527
1520
  "use strict";
@@ -1592,28 +1585,28 @@ function getDocument() {
1592
1585
 
1593
1586
  /***/ }),
1594
1587
 
1595
- /***/ 3:
1588
+ /***/ 29:
1596
1589
  /***/ (function(module, exports) {
1597
1590
 
1598
- module.exports = require("styled-components");
1591
+ module.exports = require("@splunk/ui-utils/focus");
1599
1592
 
1600
1593
  /***/ }),
1601
1594
 
1602
- /***/ 31:
1595
+ /***/ 3:
1603
1596
  /***/ (function(module, exports) {
1604
1597
 
1605
- module.exports = require("lodash/throttle");
1598
+ module.exports = require("styled-components");
1606
1599
 
1607
1600
  /***/ }),
1608
1601
 
1609
- /***/ 35:
1602
+ /***/ 31:
1610
1603
  /***/ (function(module, exports) {
1611
1604
 
1612
- module.exports = require("@splunk/ui-utils/focus");
1605
+ module.exports = require("lodash/throttle");
1613
1606
 
1614
1607
  /***/ }),
1615
1608
 
1616
- /***/ 43:
1609
+ /***/ 40:
1617
1610
  /***/ (function(module, exports) {
1618
1611
 
1619
1612
  module.exports = require("@splunk/react-ui/Animation");
@@ -1655,7 +1648,14 @@ module.exports = require("@splunk/react-ui/Layer");
1655
1648
 
1656
1649
  /***/ }),
1657
1650
 
1658
- /***/ 93:
1651
+ /***/ 9:
1652
+ /***/ (function(module, exports) {
1653
+
1654
+ module.exports = require("lodash/keys");
1655
+
1656
+ /***/ }),
1657
+
1658
+ /***/ 91:
1659
1659
  /***/ (function(module, exports) {
1660
1660
 
1661
1661
  module.exports = require("react-dom");
package/Progress.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 = 220);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 225);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 220:
111
+ /***/ 225:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -138,15 +138,15 @@ var external_styled_components_ = __webpack_require__(3);
138
138
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
139
139
 
140
140
  // EXTERNAL MODULE: external "tinycolor2"
141
- var external_tinycolor2_ = __webpack_require__(64);
141
+ var external_tinycolor2_ = __webpack_require__(66);
142
142
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
143
143
 
144
144
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
145
- var Tooltip_ = __webpack_require__(67);
145
+ var Tooltip_ = __webpack_require__(42);
146
146
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
147
147
 
148
148
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
149
- var Box_ = __webpack_require__(8);
149
+ var Box_ = __webpack_require__(6);
150
150
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
151
151
 
152
152
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -327,38 +327,38 @@ module.exports = require("styled-components");
327
327
 
328
328
  /***/ }),
329
329
 
330
- /***/ 48:
330
+ /***/ 42:
331
331
  /***/ (function(module, exports) {
332
332
 
333
- module.exports = require("@splunk/react-ui/AnimationToggle");
333
+ module.exports = require("@splunk/react-ui/Tooltip");
334
334
 
335
335
  /***/ }),
336
336
 
337
- /***/ 64:
337
+ /***/ 48:
338
338
  /***/ (function(module, exports) {
339
339
 
340
- module.exports = require("tinycolor2");
340
+ module.exports = require("@splunk/react-ui/AnimationToggle");
341
341
 
342
342
  /***/ }),
343
343
 
344
- /***/ 67:
344
+ /***/ 6:
345
345
  /***/ (function(module, exports) {
346
346
 
347
- module.exports = require("@splunk/react-ui/Tooltip");
347
+ module.exports = require("@splunk/react-ui/Box");
348
348
 
349
349
  /***/ }),
350
350
 
351
- /***/ 74:
351
+ /***/ 66:
352
352
  /***/ (function(module, exports) {
353
353
 
354
- module.exports = require("lodash/isNumber");
354
+ module.exports = require("tinycolor2");
355
355
 
356
356
  /***/ }),
357
357
 
358
- /***/ 8:
358
+ /***/ 74:
359
359
  /***/ (function(module, exports) {
360
360
 
361
- module.exports = require("@splunk/react-ui/Box");
361
+ module.exports = require("lodash/isNumber");
362
362
 
363
363
  /***/ })
364
364
 
package/RadioBar.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 = 180);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 184);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,28 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("lodash/has");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 14:
111
+ /***/ 12:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/Clickable");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 180:
118
+ /***/ 17:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("@splunk/react-ui/Button");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 184:
119
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
127
 
121
128
  "use strict";
@@ -135,7 +142,7 @@ var external_prop_types_ = __webpack_require__(1);
135
142
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
136
143
 
137
144
  // EXTERNAL MODULE: external "lodash/has"
138
- var has_ = __webpack_require__(11);
145
+ var has_ = __webpack_require__(10);
139
146
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
140
147
 
141
148
  // EXTERNAL MODULE: external "lodash/omit"
@@ -143,13 +150,13 @@ var omit_ = __webpack_require__(5);
143
150
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
144
151
 
145
152
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
146
- var keyboard_ = __webpack_require__(9);
153
+ var keyboard_ = __webpack_require__(7);
147
154
 
148
155
  // EXTERNAL MODULE: external "@splunk/themes"
149
156
  var themes_ = __webpack_require__(0);
150
157
 
151
158
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
152
- var Button_ = __webpack_require__(19);
159
+ var Button_ = __webpack_require__(17);
153
160
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
154
161
 
155
162
  // EXTERNAL MODULE: external "styled-components"
@@ -157,7 +164,7 @@ var external_styled_components_ = __webpack_require__(3);
157
164
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
158
165
 
159
166
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
160
- var Clickable_ = __webpack_require__(14);
167
+ var Clickable_ = __webpack_require__(12);
161
168
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
162
169
 
163
170
  // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
@@ -322,7 +329,7 @@ function Option(_ref) {
322
329
  Option.propTypes = propTypes;
323
330
  /* harmony default export */ var RadioBar_Option = (Option);
324
331
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
325
- var Box_ = __webpack_require__(8);
332
+ var Box_ = __webpack_require__(6);
326
333
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
327
334
 
328
335
  // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
@@ -568,13 +575,17 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
568
575
  });
569
576
  });
570
577
  var firstItemValue = this.filteredValues[0];
578
+ var selectedValueIsValid = value == null || this.filteredValues.includes(selectedValue);
579
+
580
+ if (false) {}
581
+
571
582
  var contextValue = {
572
583
  appearance: isPrisma ? 'prisma' : appearance,
573
584
  onClick: this.handleClick,
574
585
  error: isPrisma ? false : error,
575
586
  onKeyDown: this.handleOnKeyDown,
576
587
  firstValue: firstItemValue,
577
- selectedValue: selectedValue
588
+ selectedValue: selectedValueIsValid ? selectedValue : undefined
578
589
  };
579
590
  return /*#__PURE__*/external_react_default.a.createElement(StyledRadioBar, RadioBar_extends({
580
591
  flex: true,
@@ -611,13 +622,6 @@ RadioBarWithThemeOption.Option = RadioBar_Option;
611
622
 
612
623
 
613
624
 
614
- /***/ }),
615
-
616
- /***/ 19:
617
- /***/ (function(module, exports) {
618
-
619
- module.exports = require("@splunk/react-ui/Button");
620
-
621
625
  /***/ }),
622
626
 
623
627
  /***/ 2:
@@ -641,14 +645,14 @@ module.exports = require("lodash/omit");
641
645
 
642
646
  /***/ }),
643
647
 
644
- /***/ 8:
648
+ /***/ 6:
645
649
  /***/ (function(module, exports) {
646
650
 
647
651
  module.exports = require("@splunk/react-ui/Box");
648
652
 
649
653
  /***/ }),
650
654
 
651
- /***/ 9:
655
+ /***/ 7:
652
656
  /***/ (function(module, exports) {
653
657
 
654
658
  module.exports = require("@splunk/ui-utils/keyboard");
package/RadioList.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 = 181);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 185);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 13:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/ui-utils/id");
108
-
109
- /***/ }),
110
-
111
- /***/ 181:
104
+ /***/ 185:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -132,7 +125,7 @@ var omit_ = __webpack_require__(5);
132
125
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
133
126
 
134
127
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
135
- var id_ = __webpack_require__(13);
128
+ var id_ = __webpack_require__(8);
136
129
 
137
130
  // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
138
131
 
@@ -366,7 +359,7 @@ function Option(_ref) {
366
359
  Option.propTypes = propTypes;
367
360
  /* harmony default export */ var RadioList_Option = (Option);
368
361
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
369
- var Box_ = __webpack_require__(8);
362
+ var Box_ = __webpack_require__(6);
370
363
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
371
364
 
372
365
  // CONCATENATED MODULE: ./src/RadioList/RadioListStyles.ts
@@ -443,6 +436,7 @@ function RadioList(_ref) {
443
436
  otherProps = RadioList_objectWithoutProperties(_ref, ["children", "defaultValue", "describedBy", "direction", "disabled", "error", "labelledBy", "name", "onChange", "required", "value"]);
444
437
 
445
438
  // @docs-props-type RadioListPropsBase
439
+ // TODO: Implement shared isControlled hook (SUI-5283).
446
440
  // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
447
441
  // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
448
442
  var _useRef = Object(external_react_["useRef"])(valueProp !== undefined),
@@ -536,11 +530,18 @@ module.exports = require("lodash/omit");
536
530
 
537
531
  /***/ }),
538
532
 
539
- /***/ 8:
533
+ /***/ 6:
540
534
  /***/ (function(module, exports) {
541
535
 
542
536
  module.exports = require("@splunk/react-ui/Box");
543
537
 
538
+ /***/ }),
539
+
540
+ /***/ 8:
541
+ /***/ (function(module, exports) {
542
+
543
+ module.exports = require("@splunk/ui-utils/id");
544
+
544
545
  /***/ })
545
546
 
546
547
  /******/ });