@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/Modal.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 = 168);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 173);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/keys");
108
-
109
- /***/ }),
110
-
111
- /***/ 103:
104
+ /***/ 102:
112
105
  /***/ (function(module, exports) {
113
106
 
114
107
  module.exports = require("@splunk/react-ui/ModalLayer");
@@ -122,14 +115,7 @@ module.exports = require("@splunk/react-ui/Divider");
122
115
 
123
116
  /***/ }),
124
117
 
125
- /***/ 13:
126
- /***/ (function(module, exports) {
127
-
128
- module.exports = require("@splunk/ui-utils/id");
129
-
130
- /***/ }),
131
-
132
- /***/ 168:
118
+ /***/ 173:
133
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
134
120
 
135
121
  "use strict";
@@ -155,7 +141,7 @@ var defer_ = __webpack_require__(55);
155
141
  var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
156
142
 
157
143
  // EXTERNAL MODULE: external "lodash/keys"
158
- var keys_ = __webpack_require__(10);
144
+ var keys_ = __webpack_require__(9);
159
145
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
160
146
 
161
147
  // EXTERNAL MODULE: external "lodash/omit"
@@ -163,14 +149,14 @@ var omit_ = __webpack_require__(5);
163
149
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
164
150
 
165
151
  // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
166
- var ModalLayer_ = __webpack_require__(103);
152
+ var ModalLayer_ = __webpack_require__(102);
167
153
  var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
168
154
 
169
155
  // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
170
- var focus_ = __webpack_require__(35);
156
+ var focus_ = __webpack_require__(29);
171
157
 
172
158
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
173
- var id_ = __webpack_require__(13);
159
+ var id_ = __webpack_require__(8);
174
160
 
175
161
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
176
162
  var ScrollContainerContext_ = __webpack_require__(50);
@@ -180,7 +166,7 @@ var external_styled_components_ = __webpack_require__(3);
180
166
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
181
167
 
182
168
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
183
- var Box_ = __webpack_require__(8);
169
+ var Box_ = __webpack_require__(6);
184
170
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
185
171
 
186
172
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -325,7 +311,7 @@ function Footer(_ref) {
325
311
  Footer.propTypes = Footer_propTypes;
326
312
  /* harmony default export */ var Modal_Footer = (Footer);
327
313
  // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
328
- var CloseButton_ = __webpack_require__(92);
314
+ var CloseButton_ = __webpack_require__(90);
329
315
  var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
330
316
 
331
317
  // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -473,7 +459,7 @@ function Header(_ref) {
473
459
  Header.propTypes = Header_propTypes;
474
460
  /* harmony default export */ var Modal_Header = (Header);
475
461
  // EXTERNAL MODULE: external "react-spring"
476
- var external_react_spring_ = __webpack_require__(26);
462
+ var external_react_spring_ = __webpack_require__(24);
477
463
 
478
464
  // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
479
465
 
@@ -746,24 +732,24 @@ module.exports = require("react");
746
732
 
747
733
  /***/ }),
748
734
 
749
- /***/ 26:
735
+ /***/ 24:
750
736
  /***/ (function(module, exports) {
751
737
 
752
738
  module.exports = require("react-spring");
753
739
 
754
740
  /***/ }),
755
741
 
756
- /***/ 3:
742
+ /***/ 29:
757
743
  /***/ (function(module, exports) {
758
744
 
759
- module.exports = require("styled-components");
745
+ module.exports = require("@splunk/ui-utils/focus");
760
746
 
761
747
  /***/ }),
762
748
 
763
- /***/ 35:
749
+ /***/ 3:
764
750
  /***/ (function(module, exports) {
765
751
 
766
- module.exports = require("@splunk/ui-utils/focus");
752
+ module.exports = require("styled-components");
767
753
 
768
754
  /***/ }),
769
755
 
@@ -788,14 +774,28 @@ module.exports = require("lodash/defer");
788
774
 
789
775
  /***/ }),
790
776
 
791
- /***/ 8:
777
+ /***/ 6:
792
778
  /***/ (function(module, exports) {
793
779
 
794
780
  module.exports = require("@splunk/react-ui/Box");
795
781
 
796
782
  /***/ }),
797
783
 
798
- /***/ 92:
784
+ /***/ 8:
785
+ /***/ (function(module, exports) {
786
+
787
+ module.exports = require("@splunk/ui-utils/id");
788
+
789
+ /***/ }),
790
+
791
+ /***/ 9:
792
+ /***/ (function(module, exports) {
793
+
794
+ module.exports = require("lodash/keys");
795
+
796
+ /***/ }),
797
+
798
+ /***/ 90:
799
799
  /***/ (function(module, exports) {
800
800
 
801
801
  module.exports = require("@splunk/react-ui/CloseButton");
package/ModalLayer.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 = 217);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 222);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 217:
111
+ /***/ 222:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -127,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
127
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
128
128
 
129
129
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
130
- var Animation_ = __webpack_require__(43);
130
+ var Animation_ = __webpack_require__(40);
131
131
 
132
132
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
133
133
  var Layer_ = __webpack_require__(82);
@@ -138,7 +138,7 @@ 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 "react-spring"
141
- var external_react_spring_ = __webpack_require__(26);
141
+ var external_react_spring_ = __webpack_require__(24);
142
142
 
143
143
  // EXTERNAL MODULE: external "@splunk/themes"
144
144
  var themes_ = __webpack_require__(0);
@@ -317,7 +317,7 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
317
317
 
318
318
  /***/ }),
319
319
 
320
- /***/ 26:
320
+ /***/ 24:
321
321
  /***/ (function(module, exports) {
322
322
 
323
323
  module.exports = require("react-spring");
@@ -331,7 +331,7 @@ module.exports = require("styled-components");
331
331
 
332
332
  /***/ }),
333
333
 
334
- /***/ 43:
334
+ /***/ 40:
335
335
  /***/ (function(module, exports) {
336
336
 
337
337
  module.exports = require("@splunk/react-ui/Animation");
package/Monogram.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 = 218);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 223);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 14:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
@@ -115,7 +115,7 @@ module.exports = require("react");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 218:
118
+ /***/ 223:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -143,7 +143,7 @@ var external_styled_components_ = __webpack_require__(3);
143
143
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
144
144
 
145
145
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
146
- var Clickable_ = __webpack_require__(14);
146
+ var Clickable_ = __webpack_require__(12);
147
147
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
148
148
 
149
149
  // EXTERNAL MODULE: external "@splunk/themes"