@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/EventListener.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 = 233);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 238);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 127:
97
+ /***/ 129:
98
98
  /***/ (function(module, exports) {
99
99
 
100
100
  module.exports = require("use-typed-event-listener");
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 233:
111
+ /***/ 238:
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 "use-typed-event-listener"
130
- var external_use_typed_event_listener_ = __webpack_require__(127);
130
+ var external_use_typed_event_listener_ = __webpack_require__(129);
131
131
  var external_use_typed_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_use_typed_event_listener_);
132
132
 
133
133
  // CONCATENATED MODULE: ./src/EventListener/EventListener.tsx
package/File.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 = 167);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 172);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,35 +101,35 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 128:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/toUpper");
107
+ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 129:
111
+ /***/ 130:
112
112
  /***/ (function(module, exports) {
113
113
 
114
- module.exports = require("@splunk/react-ui/Progress");
114
+ module.exports = require("lodash/toUpper");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 13:
118
+ /***/ 131:
119
119
  /***/ (function(module, exports) {
120
120
 
121
- module.exports = require("@splunk/ui-utils/id");
121
+ module.exports = require("@splunk/react-ui/Progress");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 14:
125
+ /***/ 15:
126
126
  /***/ (function(module, exports) {
127
127
 
128
- module.exports = require("@splunk/react-ui/Clickable");
128
+ module.exports = require("@splunk/react-ui/EventListener");
129
129
 
130
130
  /***/ }),
131
131
 
132
- /***/ 167:
132
+ /***/ 172:
133
133
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
134
134
 
135
135
  "use strict";
@@ -149,7 +149,7 @@ var external_prop_types_ = __webpack_require__(1);
149
149
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
150
150
 
151
151
  // EXTERNAL MODULE: external "lodash/debounce"
152
- var debounce_ = __webpack_require__(63);
152
+ var debounce_ = __webpack_require__(65);
153
153
  var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
154
154
 
155
155
  // EXTERNAL MODULE: external "lodash/omit"
@@ -157,15 +157,15 @@ var omit_ = __webpack_require__(5);
157
157
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
158
158
 
159
159
  // EXTERNAL MODULE: external "lodash/toUpper"
160
- var toUpper_ = __webpack_require__(128);
160
+ var toUpper_ = __webpack_require__(130);
161
161
  var toUpper_default = /*#__PURE__*/__webpack_require__.n(toUpper_);
162
162
 
163
163
  // EXTERNAL MODULE: external "lodash/isString"
164
- var isString_ = __webpack_require__(25);
164
+ var isString_ = __webpack_require__(23);
165
165
  var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
166
166
 
167
167
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
168
- var EventListener_ = __webpack_require__(17);
168
+ var EventListener_ = __webpack_require__(15);
169
169
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
170
170
 
171
171
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -175,25 +175,37 @@ var themes_ = __webpack_require__(0);
175
175
  var i18n_ = __webpack_require__(4);
176
176
 
177
177
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
178
- var id_ = __webpack_require__(13);
178
+ var id_ = __webpack_require__(8);
179
179
 
180
180
  // EXTERNAL MODULE: external "lodash/isUndefined"
181
- var isUndefined_ = __webpack_require__(41);
181
+ var isUndefined_ = __webpack_require__(38);
182
182
  var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
183
183
 
184
- // EXTERNAL MODULE: external "@splunk/ui-utils/format"
185
- var format_ = __webpack_require__(45);
184
+ // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
185
+ var Cross_ = __webpack_require__(25);
186
+ var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
187
+
188
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
189
+ var Close_ = __webpack_require__(26);
190
+ var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
186
191
 
187
192
  // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
188
- var Progress_ = __webpack_require__(129);
193
+ var Progress_ = __webpack_require__(131);
189
194
  var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
190
195
 
191
- // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
192
- var CrossMark = __webpack_require__(27);
196
+ // EXTERNAL MODULE: external "@splunk/ui-utils/format"
197
+ var format_ = __webpack_require__(28);
193
198
 
194
- // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
195
- var SVG_ = __webpack_require__(32);
196
- var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
199
+ // CONCATENATED MODULE: ./src/File/FileContext.tsx
200
+
201
+ var FileContext = /*#__PURE__*/Object(external_react_["createContext"])({
202
+ disabled: false
203
+ });
204
+ FileContext.displayName = 'File';
205
+ /* harmony default export */ var File_FileContext = (FileContext);
206
+ // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
207
+ var SVGEnterprise_ = __webpack_require__(32);
208
+ var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
197
209
 
198
210
  // CONCATENATED MODULE: ./src/File/PaperClip.tsx
199
211
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -201,7 +213,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
201
213
 
202
214
 
203
215
  function PaperClip(props) {
204
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
216
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
205
217
  hideDefaultTooltip: true,
206
218
  viewBox: "0 0 16 16",
207
219
  width: "16px",
@@ -222,7 +234,7 @@ function Retry(props) {
222
234
  density = _useSplunkTheme.density;
223
235
 
224
236
  var size = density === 'compact' ? '20px' : '24px';
225
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Retry_extends({
237
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Retry_extends({
226
238
  hideDefaultTooltip: true,
227
239
  viewBox: "0 0 24 24",
228
240
  width: size,
@@ -243,7 +255,7 @@ function Trash(props) {
243
255
  density = _useSplunkTheme.density;
244
256
 
245
257
  var size = density === 'compact' ? '20px' : '24px';
246
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Trash_extends({
258
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Trash_extends({
247
259
  hideDefaultTooltip: true,
248
260
  viewBox: "0 0 24 24",
249
261
  width: size,
@@ -253,27 +265,20 @@ function Trash(props) {
253
265
  fill: "currentColor"
254
266
  }));
255
267
  }
256
- // CONCATENATED MODULE: ./src/File/FileContext.tsx
257
-
258
- var FileContext = /*#__PURE__*/Object(external_react_["createContext"])({
259
- disabled: false
260
- });
261
- FileContext.displayName = 'File';
262
- /* harmony default export */ var File_FileContext = (FileContext);
263
268
  // EXTERNAL MODULE: external "styled-components"
264
269
  var external_styled_components_ = __webpack_require__(3);
265
270
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
266
271
 
267
272
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
268
- var Box_ = __webpack_require__(8);
273
+ var Box_ = __webpack_require__(6);
269
274
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
270
275
 
271
276
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
272
- var Clickable_ = __webpack_require__(14);
277
+ var Clickable_ = __webpack_require__(12);
273
278
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
274
279
 
275
280
  // EXTERNAL MODULE: external "@splunk/themes/mixins"
276
- var mixins_ = __webpack_require__(80);
281
+ var mixins_ = __webpack_require__(79);
277
282
 
278
283
  // CONCATENATED MODULE: ./src/File/ItemStyles.ts
279
284
 
@@ -445,6 +450,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
445
450
 
446
451
 
447
452
 
453
+
448
454
  var propTypes = {
449
455
  disabled: external_prop_types_default.a.bool,
450
456
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -473,7 +479,11 @@ function Item(_ref) {
473
479
 
474
480
  // @docs-props-type ItemPropsBase
475
481
  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
476
- isPrisma = _useSplunkTheme.isPrisma;
482
+ isPrisma = _useSplunkTheme.isPrisma,
483
+ isEnterprise = _useSplunkTheme.isEnterprise,
484
+ isCompact = _useSplunkTheme.isCompact;
485
+
486
+ var prismaSize = isCompact ? '20px' : '24px';
477
487
 
478
488
  var _useContext = Object(external_react_["useContext"])(FileContext),
479
489
  handleRequestRemoveContext = _useContext.onRequestRemove;
@@ -511,6 +521,9 @@ function Item(_ref) {
511
521
  var uploadLabel = Object(format_["sprintf"])(Object(i18n_["_"])('Uploading "%(filename)s"'), {
512
522
  filename: name
513
523
  });
524
+
525
+ var removeScreenReaderText = Object(i18n_["_"])('Remove');
526
+
514
527
  var progressLabel = /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement("span", {
515
528
  style: {
516
529
  paddingRight: '4px'
@@ -520,7 +533,8 @@ function Item(_ref) {
520
533
  var disabledValue = disabled !== undefined ? disabled : disabledContext;
521
534
  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(StyledBox, Item_extends({
522
535
  "data-test": "item",
523
- "data-test-disabled": disabledValue
536
+ "data-test-disabled": disabledValue,
537
+ "data-test-error": error
524
538
  }, otherProps, {
525
539
  flex: true,
526
540
  $error: error,
@@ -551,8 +565,13 @@ function Item(_ref) {
551
565
  $error: error,
552
566
  onClick: handleRequestRemove,
553
567
  "aria-label": removeLabel
554
- }, /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
555
- screenReaderText: Object(i18n_["_"])('Remove')
568
+ }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
569
+ hideDefaultTooltip: true,
570
+ screenReaderText: removeScreenReaderText
571
+ }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
572
+ "aria-label": removeScreenReaderText,
573
+ height: prismaSize,
574
+ width: prismaSize
556
575
  }))), !isUndefined_default()(uploadPercentage) && uploadPercentage > 0 && (isPrisma ? /*#__PURE__*/external_react_default.a.createElement(StyledProgress, {
557
576
  $uploadPercentage: uploadPercentage,
558
577
  "aria-label": uploadLabel,
@@ -582,7 +601,7 @@ function Icon_extends() { Icon_extends = Object.assign || function (target) { fo
582
601
 
583
602
 
584
603
  function FileIcon(props) {
585
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, Icon_extends({
604
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Icon_extends({
586
605
  hideDefaultTooltip: true,
587
606
  screenReaderText: Object(i18n_["_"])('File upload'),
588
607
  viewBox: "0 0 72 88"
@@ -994,7 +1013,9 @@ var File_File = /*#__PURE__*/function (_Component) {
994
1013
  $dragOver: dragOver,
995
1014
  $error: error,
996
1015
  $fileCount: fileCount,
997
- "data-test": "file"
1016
+ "data-test": "file",
1017
+ "data-test-disabled": disabled,
1018
+ "data-test-error": error
998
1019
  }, omit_default()(otherProps, 'onRequestAdd', 'onRequestRemove')), /*#__PURE__*/external_react_default.a.createElement(StyledTextBox, {
999
1020
  $disabled: disabled,
1000
1021
  $dragOver: dragOver,
@@ -1062,13 +1083,6 @@ HoistedFileWithTheme.Item = File_Item;
1062
1083
 
1063
1084
 
1064
1085
 
1065
- /***/ }),
1066
-
1067
- /***/ 17:
1068
- /***/ (function(module, exports) {
1069
-
1070
- module.exports = require("@splunk/react-ui/EventListener");
1071
-
1072
1086
  /***/ }),
1073
1087
 
1074
1088
  /***/ 2:
@@ -1078,67 +1092,31 @@ module.exports = require("react");
1078
1092
 
1079
1093
  /***/ }),
1080
1094
 
1081
- /***/ 25:
1095
+ /***/ 23:
1082
1096
  /***/ (function(module, exports) {
1083
1097
 
1084
1098
  module.exports = require("lodash/isString");
1085
1099
 
1086
1100
  /***/ }),
1087
1101
 
1088
- /***/ 27:
1089
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1090
-
1091
- "use strict";
1092
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1093
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1094
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1095
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1096
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1097
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1098
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1099
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1100
-
1101
-
1102
-
1103
-
1104
-
1105
-
1106
- function Prisma24(_ref) {
1107
- var otherProps = _extends({}, _ref);
1102
+ /***/ 25:
1103
+ /***/ (function(module, exports) {
1108
1104
 
1109
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1110
- viewBox: "0 0 24 24"
1111
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1112
- d: "M6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.2929 17.2929C4.90238 17.6834 4.90238 18.3166 5.2929 18.7071C5.68342 19.0976 6.31659 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289Z",
1113
- fill: "currentColor"
1114
- }));
1115
- }
1105
+ module.exports = require("@splunk/react-icons/Cross");
1116
1106
 
1117
- function Prisma16(_ref2) {
1118
- var otherProps = _extends({}, _ref2);
1107
+ /***/ }),
1119
1108
 
1120
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1121
- viewBox: "0 0 16 16"
1122
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1123
- d: "M12.2024 2.69009C12.5092 2.38325 13.0067 2.38325 13.3136 2.69009C13.6204 2.99693 13.6204 3.49442 13.3136 3.80126L9.11721 7.99762L13.3114 12.1918C13.6206 12.501 13.6206 13.0023 13.3114 13.3114C13.0023 13.6206 12.501 13.6206 12.1918 13.3114L7.99762 9.11721L3.885 13.2298C3.57816 13.5367 3.08067 13.5367 2.77383 13.2298C2.46699 12.923 2.46699 12.4255 2.77383 12.1187L6.88645 8.00604L2.69183 3.81142C2.38267 3.50226 2.38267 3.001 2.69183 2.69183C3.001 2.38267 3.50226 2.38267 3.81142 2.69183L8.00604 6.88646L12.2024 2.69009Z",
1124
- fill: "currentColor"
1125
- }));
1126
- }
1109
+ /***/ 26:
1110
+ /***/ (function(module, exports) {
1127
1111
 
1128
- function CrossMark(props) {
1129
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1130
- Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1131
- Prisma16: Prisma16,
1132
- Prisma24: Prisma24
1133
- }, props));
1134
- }
1112
+ module.exports = require("@splunk/react-icons/enterprise/Close");
1135
1113
 
1136
1114
  /***/ }),
1137
1115
 
1138
- /***/ 29:
1116
+ /***/ 28:
1139
1117
  /***/ (function(module, exports) {
1140
1118
 
1141
- module.exports = require("@splunk/react-icons/Close");
1119
+ module.exports = require("@splunk/ui-utils/format");
1142
1120
 
1143
1121
  /***/ }),
1144
1122
 
@@ -1152,28 +1130,21 @@ module.exports = require("styled-components");
1152
1130
  /***/ 32:
1153
1131
  /***/ (function(module, exports) {
1154
1132
 
1155
- module.exports = require("@splunk/react-icons/SVG");
1133
+ module.exports = require("@splunk/react-icons/SVGEnterprise");
1156
1134
 
1157
1135
  /***/ }),
1158
1136
 
1159
- /***/ 4:
1160
- /***/ (function(module, exports) {
1161
-
1162
- module.exports = require("@splunk/ui-utils/i18n");
1163
-
1164
- /***/ }),
1165
-
1166
- /***/ 41:
1137
+ /***/ 38:
1167
1138
  /***/ (function(module, exports) {
1168
1139
 
1169
1140
  module.exports = require("lodash/isUndefined");
1170
1141
 
1171
1142
  /***/ }),
1172
1143
 
1173
- /***/ 45:
1144
+ /***/ 4:
1174
1145
  /***/ (function(module, exports) {
1175
1146
 
1176
- module.exports = require("@splunk/ui-utils/format");
1147
+ module.exports = require("@splunk/ui-utils/i18n");
1177
1148
 
1178
1149
  /***/ }),
1179
1150
 
@@ -1185,166 +1156,30 @@ module.exports = require("lodash/omit");
1185
1156
  /***/ }),
1186
1157
 
1187
1158
  /***/ 6:
1188
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1189
-
1190
- "use strict";
1191
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1192
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1193
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1194
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1195
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1196
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1197
-
1198
-
1159
+ /***/ (function(module, exports) {
1199
1160
 
1200
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1201
- displayName: "SVG__Styled",
1202
- componentId: "sc-1bz0ryh-0"
1203
- })(["flex:0 0 auto;"]);
1204
- function SVG(props) {
1205
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1206
- xmlns: "http://www.w3.org/2000/svg"
1207
- }, props));
1208
- }
1161
+ module.exports = require("@splunk/react-ui/Box");
1209
1162
 
1210
1163
  /***/ }),
1211
1164
 
1212
- /***/ 63:
1165
+ /***/ 65:
1213
1166
  /***/ (function(module, exports) {
1214
1167
 
1215
1168
  module.exports = require("lodash/debounce");
1216
1169
 
1217
1170
  /***/ }),
1218
1171
 
1219
- /***/ 7:
1220
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1221
-
1222
- "use strict";
1223
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
1224
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1225
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1226
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
1227
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
1228
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
1229
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
1230
- 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; }
1231
-
1232
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1233
-
1234
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
1235
-
1236
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1237
-
1238
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
1239
-
1240
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
1241
-
1242
-
1243
-
1244
-
1245
- var inlineStyles = {
1246
- display: 'inline-block',
1247
- flex: '0 0 auto',
1248
- overflow: 'visible',
1249
- verticalAlign: 'middle'
1250
- };
1251
- var blockStyles = {
1252
- display: 'block',
1253
- flex: '0 0 auto',
1254
- margin: '0 auto',
1255
- overflow: 'visible'
1256
- };
1257
- var propTypes = {
1258
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1259
- enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1260
- enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1261
- enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1262
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
1263
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1264
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1265
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
1266
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
1267
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
1268
- };
1269
- var defaultProps = {
1270
- inline: true,
1271
- prismaSize: 'medium'
1272
- };
1273
- function Icon(_ref) {
1274
- var Enterprise = _ref.Enterprise,
1275
- Prisma24 = _ref.Prisma24,
1276
- Prisma20 = _ref.Prisma20,
1277
- Prisma16 = _ref.Prisma16,
1278
- prismaSize = _ref.prismaSize,
1279
- inline = _ref.inline,
1280
- enterpriseSize = _ref.enterpriseSize,
1281
- enterpriseWidth = _ref.enterpriseWidth,
1282
- enterpriseHeight = _ref.enterpriseHeight,
1283
- screenReaderText = _ref.screenReaderText,
1284
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
1285
-
1286
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
1287
- family = _useSplunkTheme.family,
1288
- density = _useSplunkTheme.density; // Enterprise - all variants
1289
-
1290
-
1291
- if (family === 'enterprise') {
1292
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
1293
- size: enterpriseSize,
1294
- width: enterpriseWidth,
1295
- height: enterpriseHeight,
1296
- screenReaderText: screenReaderText || null,
1297
- hideDefaultTooltip: true,
1298
- inline: inline
1299
- }, otherProps));
1300
- }
1301
-
1302
- var prismaProps = _objectSpread({
1303
- 'aria-label': screenReaderText,
1304
- style: inline ? inlineStyles : blockStyles
1305
- }, otherProps); // Prisma - small+compact, small+comfortable
1306
-
1307
-
1308
- if (prismaSize === 'small') {
1309
- var SVG = Prisma16 || Prisma24;
1310
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1311
- width: "16",
1312
- height: "16"
1313
- }, prismaProps));
1314
- } // Prisma - medium+compact
1315
-
1316
-
1317
- if (density === 'compact') {
1318
- var _SVG = Prisma20 || Prisma24;
1319
-
1320
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1321
- width: "20",
1322
- height: "20"
1323
- }, prismaProps));
1324
- } // Prisma - medium+comfortable
1325
-
1326
-
1327
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
1328
- width: "24",
1329
- height: "24"
1330
- }, prismaProps));
1331
- }
1332
- Icon.propTypes = propTypes;
1333
- Icon.defaultProps = defaultProps;
1334
-
1335
- /***/ }),
1336
-
1337
- /***/ 8:
1172
+ /***/ 79:
1338
1173
  /***/ (function(module, exports) {
1339
1174
 
1340
- module.exports = require("@splunk/react-ui/Box");
1175
+ module.exports = require("@splunk/themes/mixins");
1341
1176
 
1342
1177
  /***/ }),
1343
1178
 
1344
- /***/ 80:
1179
+ /***/ 8:
1345
1180
  /***/ (function(module, exports) {
1346
1181
 
1347
- module.exports = require("@splunk/themes/mixins");
1182
+ module.exports = require("@splunk/ui-utils/id");
1348
1183
 
1349
1184
  /***/ })
1350
1185