@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/SidePanel.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 = 226);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 231);
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,7 +115,7 @@ module.exports = require("react");
122
115
 
123
116
  /***/ }),
124
117
 
125
- /***/ 226:
118
+ /***/ 231:
126
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
120
 
128
121
  "use strict";
@@ -141,7 +134,7 @@ var external_prop_types_ = __webpack_require__(1);
141
134
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
142
135
 
143
136
  // EXTERNAL MODULE: external "lodash/keys"
144
- var keys_ = __webpack_require__(10);
137
+ var keys_ = __webpack_require__(9);
145
138
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
146
139
 
147
140
  // EXTERNAL MODULE: external "lodash/omit"
@@ -149,7 +142,7 @@ var omit_ = __webpack_require__(5);
149
142
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
150
143
 
151
144
  // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
152
- var ModalLayer_ = __webpack_require__(103);
145
+ var ModalLayer_ = __webpack_require__(102);
153
146
  var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
154
147
 
155
148
  // EXTERNAL MODULE: external "styled-components"
@@ -390,6 +383,13 @@ module.exports = require("lodash/omit");
390
383
 
391
384
  module.exports = require("@splunk/react-ui/TransitionOpen");
392
385
 
386
+ /***/ }),
387
+
388
+ /***/ 9:
389
+ /***/ (function(module, exports) {
390
+
391
+ module.exports = require("lodash/keys");
392
+
393
393
  /***/ })
394
394
 
395
395
  /******/ });
package/Slider.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 = 227);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 232);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,39 +104,39 @@ 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
- /***/ 11:
111
+ /***/ 15:
112
112
  /***/ (function(module, exports) {
113
113
 
114
- module.exports = require("lodash/has");
114
+ module.exports = require("@splunk/react-ui/EventListener");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 150:
118
+ /***/ 153:
119
119
  /***/ (function(module, exports) {
120
120
 
121
121
  module.exports = require("decimal.js-light");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 17:
125
+ /***/ 2:
126
126
  /***/ (function(module, exports) {
127
127
 
128
- module.exports = require("@splunk/react-ui/EventListener");
128
+ module.exports = require("react");
129
129
 
130
130
  /***/ }),
131
131
 
132
- /***/ 2:
132
+ /***/ 21:
133
133
  /***/ (function(module, exports) {
134
134
 
135
- module.exports = require("react");
135
+ module.exports = require("@splunk/react-ui/Popover");
136
136
 
137
137
  /***/ }),
138
138
 
139
- /***/ 227:
139
+ /***/ 232:
140
140
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
141
 
142
142
  "use strict";
@@ -155,15 +155,15 @@ var external_prop_types_ = __webpack_require__(1);
155
155
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
156
156
 
157
157
  // EXTERNAL MODULE: external "decimal.js-light"
158
- var external_decimal_js_light_ = __webpack_require__(150);
158
+ var external_decimal_js_light_ = __webpack_require__(153);
159
159
  var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
160
160
 
161
161
  // EXTERNAL MODULE: external "lodash/has"
162
- var has_ = __webpack_require__(11);
162
+ var has_ = __webpack_require__(10);
163
163
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
164
164
 
165
165
  // EXTERNAL MODULE: external "lodash/keys"
166
- var keys_ = __webpack_require__(10);
166
+ var keys_ = __webpack_require__(9);
167
167
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
168
168
 
169
169
  // EXTERNAL MODULE: external "lodash/omit"
@@ -171,17 +171,17 @@ var omit_ = __webpack_require__(5);
171
171
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
172
172
 
173
173
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
174
- var keyboard_ = __webpack_require__(9);
174
+ var keyboard_ = __webpack_require__(7);
175
175
 
176
176
  // EXTERNAL MODULE: external "@splunk/themes"
177
177
  var themes_ = __webpack_require__(0);
178
178
 
179
179
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
180
- var EventListener_ = __webpack_require__(17);
180
+ var EventListener_ = __webpack_require__(15);
181
181
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
182
182
 
183
183
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
184
- var Popover_ = __webpack_require__(23);
184
+ var Popover_ = __webpack_require__(21);
185
185
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
186
186
 
187
187
  // EXTERNAL MODULE: external "styled-components"
@@ -189,11 +189,11 @@ var external_styled_components_ = __webpack_require__(3);
189
189
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
190
190
 
191
191
  // EXTERNAL MODULE: external "tinycolor2"
192
- var external_tinycolor2_ = __webpack_require__(64);
192
+ var external_tinycolor2_ = __webpack_require__(66);
193
193
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
194
194
 
195
195
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
196
- var Box_ = __webpack_require__(8);
196
+ var Box_ = __webpack_require__(6);
197
197
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
198
198
 
199
199
  // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
@@ -798,45 +798,45 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
798
798
 
799
799
  /***/ }),
800
800
 
801
- /***/ 23:
801
+ /***/ 3:
802
802
  /***/ (function(module, exports) {
803
803
 
804
- module.exports = require("@splunk/react-ui/Popover");
804
+ module.exports = require("styled-components");
805
805
 
806
806
  /***/ }),
807
807
 
808
- /***/ 3:
808
+ /***/ 5:
809
809
  /***/ (function(module, exports) {
810
810
 
811
- module.exports = require("styled-components");
811
+ module.exports = require("lodash/omit");
812
812
 
813
813
  /***/ }),
814
814
 
815
- /***/ 5:
815
+ /***/ 6:
816
816
  /***/ (function(module, exports) {
817
817
 
818
- module.exports = require("lodash/omit");
818
+ module.exports = require("@splunk/react-ui/Box");
819
819
 
820
820
  /***/ }),
821
821
 
822
- /***/ 64:
822
+ /***/ 66:
823
823
  /***/ (function(module, exports) {
824
824
 
825
825
  module.exports = require("tinycolor2");
826
826
 
827
827
  /***/ }),
828
828
 
829
- /***/ 8:
829
+ /***/ 7:
830
830
  /***/ (function(module, exports) {
831
831
 
832
- module.exports = require("@splunk/react-ui/Box");
832
+ module.exports = require("@splunk/ui-utils/keyboard");
833
833
 
834
834
  /***/ }),
835
835
 
836
836
  /***/ 9:
837
837
  /***/ (function(module, exports) {
838
838
 
839
- module.exports = require("@splunk/ui-utils/keyboard");
839
+ module.exports = require("lodash/keys");
840
840
 
841
841
  /***/ })
842
842
 
package/SlidingPanels.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 = 196);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 204);
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
- /***/ 12:
104
+ /***/ 11:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -135,21 +128,28 @@ function updateReactRef(ref, current) {
135
128
 
136
129
  /***/ }),
137
130
 
138
- /***/ 151:
131
+ /***/ 154:
139
132
  /***/ (function(module, exports) {
140
133
 
141
134
  module.exports = require("lodash/filter");
142
135
 
143
136
  /***/ }),
144
137
 
145
- /***/ 152:
138
+ /***/ 155:
146
139
  /***/ (function(module, exports) {
147
140
 
148
141
  module.exports = require("lodash/values");
149
142
 
150
143
  /***/ }),
151
144
 
152
- /***/ 196:
145
+ /***/ 2:
146
+ /***/ (function(module, exports) {
147
+
148
+ module.exports = require("react");
149
+
150
+ /***/ }),
151
+
152
+ /***/ 204:
153
153
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
154
154
 
155
155
  "use strict";
@@ -169,11 +169,11 @@ var external_prop_types_ = __webpack_require__(1);
169
169
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
170
170
 
171
171
  // EXTERNAL MODULE: external "lodash/filter"
172
- var filter_ = __webpack_require__(151);
172
+ var filter_ = __webpack_require__(154);
173
173
  var filter_default = /*#__PURE__*/__webpack_require__.n(filter_);
174
174
 
175
175
  // EXTERNAL MODULE: external "lodash/keys"
176
- var keys_ = __webpack_require__(10);
176
+ var keys_ = __webpack_require__(9);
177
177
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
178
178
 
179
179
  // EXTERNAL MODULE: external "lodash/omit"
@@ -181,21 +181,21 @@ var omit_ = __webpack_require__(5);
181
181
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
182
182
 
183
183
  // EXTERNAL MODULE: external "lodash/values"
184
- var values_ = __webpack_require__(152);
184
+ var values_ = __webpack_require__(155);
185
185
  var values_default = /*#__PURE__*/__webpack_require__.n(values_);
186
186
 
187
187
  // EXTERNAL MODULE: external "react-spring"
188
- var external_react_spring_ = __webpack_require__(26);
188
+ var external_react_spring_ = __webpack_require__(24);
189
189
 
190
190
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
191
- var Animation_ = __webpack_require__(43);
191
+ var Animation_ = __webpack_require__(40);
192
192
 
193
193
  // EXTERNAL MODULE: external "styled-components"
194
194
  var external_styled_components_ = __webpack_require__(3);
195
195
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
196
196
 
197
197
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
198
- var Box_ = __webpack_require__(8);
198
+ var Box_ = __webpack_require__(6);
199
199
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
200
200
 
201
201
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -216,7 +216,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
216
216
  })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
217
217
 
218
218
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
219
- var updateReactRef = __webpack_require__(12);
219
+ var updateReactRef = __webpack_require__(11);
220
220
 
221
221
  // CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
222
222
  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); }
@@ -626,14 +626,7 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
626
626
 
627
627
  /***/ }),
628
628
 
629
- /***/ 2:
630
- /***/ (function(module, exports) {
631
-
632
- module.exports = require("react");
633
-
634
- /***/ }),
635
-
636
- /***/ 26:
629
+ /***/ 24:
637
630
  /***/ (function(module, exports) {
638
631
 
639
632
  module.exports = require("react-spring");
@@ -647,7 +640,7 @@ module.exports = require("styled-components");
647
640
 
648
641
  /***/ }),
649
642
 
650
- /***/ 43:
643
+ /***/ 40:
651
644
  /***/ (function(module, exports) {
652
645
 
653
646
  module.exports = require("@splunk/react-ui/Animation");
@@ -661,11 +654,18 @@ module.exports = require("lodash/omit");
661
654
 
662
655
  /***/ }),
663
656
 
664
- /***/ 8:
657
+ /***/ 6:
665
658
  /***/ (function(module, exports) {
666
659
 
667
660
  module.exports = require("@splunk/react-ui/Box");
668
661
 
662
+ /***/ }),
663
+
664
+ /***/ 9:
665
+ /***/ (function(module, exports) {
666
+
667
+ module.exports = require("lodash/keys");
668
+
669
669
  /***/ })
670
670
 
671
671
  /******/ });
package/SplitButton.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 = 197);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 205);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,35 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 15:
104
+ /***/ 13:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Menu");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 19:
111
+ /***/ 156:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("@splunk/react-icons/enterprise/ChevronDown");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 17:
112
119
  /***/ (function(module, exports) {
113
120
 
114
121
  module.exports = require("@splunk/react-ui/Button");
115
122
 
116
123
  /***/ }),
117
124
 
118
- /***/ 197:
125
+ /***/ 2:
126
+ /***/ (function(module, exports) {
127
+
128
+ module.exports = require("react");
129
+
130
+ /***/ }),
131
+
132
+ /***/ 205:
119
133
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
134
 
121
135
  "use strict";
@@ -134,21 +148,18 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
134
148
  var external_prop_types_ = __webpack_require__(1);
135
149
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
136
150
 
137
- // EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
138
- var ChevronDown_ = __webpack_require__(66);
151
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronDown"
152
+ var ChevronDown_ = __webpack_require__(156);
139
153
  var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
140
154
 
141
155
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
142
- var Dropdown_ = __webpack_require__(24);
156
+ var Dropdown_ = __webpack_require__(22);
143
157
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
144
158
 
145
159
  // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
146
- var Menu_ = __webpack_require__(15);
160
+ var Menu_ = __webpack_require__(13);
147
161
  var Menu_default = /*#__PURE__*/__webpack_require__.n(Menu_);
148
162
 
149
- // EXTERNAL MODULE: external "@splunk/themes"
150
- var themes_ = __webpack_require__(0);
151
-
152
163
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
153
164
  var i18n_ = __webpack_require__(4);
154
165
 
@@ -157,13 +168,16 @@ var external_styled_components_ = __webpack_require__(3);
157
168
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
158
169
 
159
170
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
160
- var Button_ = __webpack_require__(19);
171
+ var Button_ = __webpack_require__(17);
161
172
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
162
173
 
163
174
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
164
- var Box_ = __webpack_require__(8);
175
+ var Box_ = __webpack_require__(6);
165
176
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
166
177
 
178
+ // EXTERNAL MODULE: external "@splunk/themes"
179
+ var themes_ = __webpack_require__(0);
180
+
167
181
  // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
168
182
 
169
183
 
@@ -177,17 +191,14 @@ var StyledButton = external_styled_components_default()(Button_default.a).withCo
177
191
  var appearance = _ref.appearance;
178
192
  return appearance === 'default' && Object(external_styled_components_["css"])(["&:first-child{border-right:1px solid ", ";}"], themes_["variables"].interactiveColorBorder);
179
193
  }
180
- })); // `shouldRenderSeparator` prevents this component from receiving an $apperance prop of default
181
- // TS doesn't agree so adding styles below to style 'default' for completeness
182
-
194
+ }));
183
195
  var StyledSeparator = external_styled_components_default()(Box_default.a).withConfig({
184
196
  displayName: "SplitButtonStyles__StyledSeparator",
185
197
  componentId: "sc-9igsyh-1"
186
198
  })(["width:", ";height:", ";background-color:", ";"], Object(themes_["pick"])({
187
199
  prisma: Object(themes_["pickVariant"])('$appearance', {
188
200
  primary: '2px',
189
- destructive: '2px',
190
- "default": '0px'
201
+ destructive: '2px'
191
202
  }),
192
203
  enterprise: '1px'
193
204
  }), themes_["variables"].inputHeight, Object(themes_["pickVariant"])('$appearance', {
@@ -207,13 +218,15 @@ var StyledSeparator = external_styled_components_default()(Box_default.a).withCo
207
218
  light: themes_["variables"].white,
208
219
  dark: themes_["variables"].black
209
220
  }
210
- },
211
- "default": 'transparent'
221
+ }
212
222
  }));
213
223
  var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
214
224
  displayName: "SplitButtonStyles__StyledBox",
215
225
  componentId: "sc-9igsyh-2"
216
- })(["[data-inline] + &{margin-left:", ";}"], Object(themes_["pick"])({
226
+ })(["", " [data-inline] + &{margin-left:", ";}"], function (_ref2) {
227
+ var $inline = _ref2.$inline;
228
+ return !$inline && Object(external_styled_components_["css"])(["width:100%;"]);
229
+ }, Object(themes_["pick"])({
217
230
  enterprise: themes_["variables"].spacingHalf,
218
231
  prisma: themes_["variables"].spacingSmall
219
232
  }));
@@ -377,13 +390,13 @@ function SplitButton_objectWithoutPropertiesLoose(source, excluded) { if (source
377
390
 
378
391
 
379
392
 
380
-
381
393
  var SplitButton_propTypes = {
382
394
  appearance: external_prop_types_default.a.oneOf(['default', 'primary', 'destructive']),
383
395
  children: external_prop_types_default.a.node,
384
396
  disabled: external_prop_types_default.a.bool,
385
397
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
386
- onClick: external_prop_types_default.a.func
398
+ onClick: external_prop_types_default.a.func,
399
+ inline: external_prop_types_default.a.bool
387
400
  };
388
401
 
389
402
  function SplitButton(_ref) {
@@ -392,24 +405,27 @@ function SplitButton(_ref) {
392
405
  children = _ref.children,
393
406
  disabled = _ref.disabled,
394
407
  elementRef = _ref.elementRef,
408
+ _ref$inline = _ref.inline,
409
+ inline = _ref$inline === void 0 ? true : _ref$inline,
395
410
  onClick = _ref.onClick,
396
- otherProps = SplitButton_objectWithoutProperties(_ref, ["appearance", "children", "disabled", "elementRef", "onClick"]);
397
-
398
- // @docs-props-type SplitButtonPropsBase
399
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
400
- isPrisma = _useSplunkTheme.isPrisma,
401
- isEnterprise = _useSplunkTheme.isEnterprise;
411
+ otherProps = SplitButton_objectWithoutProperties(_ref, ["appearance", "children", "disabled", "elementRef", "inline", "onClick"]);
402
412
 
403
413
  var filteredChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
404
- var indexOfMain = filteredChildren.findIndex(function (item) {
405
- return item.props.isMain;
406
- });
414
+ var indexOfMain = 0;
415
+ var numDisabledItems = 0;
416
+ filteredChildren.forEach(function (item, index) {
417
+ var _item$props = item.props,
418
+ itemDisabled = _item$props.disabled,
419
+ itemIsMain = _item$props.isMain;
407
420
 
408
- if (indexOfMain === -1) {
409
- // didn't find it, so use first element
410
- indexOfMain = 0;
411
- }
421
+ if (itemIsMain) {
422
+ indexOfMain = index;
423
+ }
412
424
 
425
+ if (itemDisabled) {
426
+ numDisabledItems += 1;
427
+ }
428
+ });
413
429
  var mainButton = /*#__PURE__*/Object(external_react_["cloneElement"])(filteredChildren[indexOfMain], {
414
430
  isMain: true,
415
431
  appearance: appearance,
@@ -417,12 +433,6 @@ function SplitButton(_ref) {
417
433
  }); // Remove mainButton from array of dropdown items
418
434
 
419
435
  filteredChildren.splice(indexOfMain, 1);
420
- var numDisabledItems = 0;
421
- filteredChildren.forEach(function (item) {
422
- if (item.props.disabled) {
423
- numDisabledItems += 1;
424
- }
425
- });
426
436
  var items = filteredChildren;
427
437
  var toggle = /*#__PURE__*/external_react_default.a.createElement(StyledButton, {
428
438
  prepend: true // disable toggle if all items within dropdown are disabled
@@ -433,21 +443,22 @@ function SplitButton(_ref) {
433
443
  "aria-label": Object(i18n_["_"])('Open more options'),
434
444
  icon: /*#__PURE__*/external_react_default.a.createElement(ChevronDown_default.a, null)
435
445
  });
436
- var shouldRenderSeparator = isPrisma && appearance !== 'default' || isEnterprise && appearance === 'primary';
437
446
  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, SplitButton_extends({
438
447
  "aria-label": Object(i18n_["_"])('Split button'),
448
+ "data-inline": inline || null,
439
449
  "data-test": "split-button-container",
440
450
  elementRef: elementRef,
451
+ $inline: inline,
441
452
  inline: true,
442
453
  flex: true,
443
454
  role: "group",
444
455
  onClick: disabled ? undefined : onClick
445
- }, otherProps), mainButton, shouldRenderSeparator && /*#__PURE__*/external_react_default.a.createElement(StyledSeparator, {
456
+ }, otherProps), mainButton, appearance !== 'default' && /*#__PURE__*/external_react_default.a.createElement(StyledSeparator, {
446
457
  inline: true,
447
458
  $appearance: appearance
448
- }), /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
459
+ }), /*#__PURE__*/external_react_default.a.createElement("div", null, /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
449
460
  toggle: toggle
450
- }, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, null, items)));
461
+ }, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, null, items))));
451
462
  }
452
463
 
453
464
  SplitButton.propTypes = SplitButton_propTypes;
@@ -460,14 +471,7 @@ SplitButton.Item = SplitButton_Item;
460
471
 
461
472
  /***/ }),
462
473
 
463
- /***/ 2:
464
- /***/ (function(module, exports) {
465
-
466
- module.exports = require("react");
467
-
468
- /***/ }),
469
-
470
- /***/ 24:
474
+ /***/ 22:
471
475
  /***/ (function(module, exports) {
472
476
 
473
477
  module.exports = require("@splunk/react-ui/Dropdown");
@@ -495,14 +499,7 @@ module.exports = require("lodash/omit");
495
499
 
496
500
  /***/ }),
497
501
 
498
- /***/ 66:
499
- /***/ (function(module, exports) {
500
-
501
- module.exports = require("@splunk/react-icons/ChevronDown");
502
-
503
- /***/ }),
504
-
505
- /***/ 8:
502
+ /***/ 6:
506
503
  /***/ (function(module, exports) {
507
504
 
508
505
  module.exports = require("@splunk/react-ui/Box");
package/StaticContent.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 = 228);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 233);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 228:
111
+ /***/ 233:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -131,7 +131,7 @@ var external_styled_components_ = __webpack_require__(3);
131
131
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
132
132
 
133
133
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
134
- var Box_ = __webpack_require__(8);
134
+ var Box_ = __webpack_require__(6);
135
135
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
136
136
 
137
137
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -209,7 +209,7 @@ module.exports = require("styled-components");
209
209
 
210
210
  /***/ }),
211
211
 
212
- /***/ 8:
212
+ /***/ 6:
213
213
  /***/ (function(module, exports) {
214
214
 
215
215
  module.exports = require("@splunk/react-ui/Box");