@splunk/react-ui 4.14.0 → 4.16.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 (137) hide show
  1. package/.dockerignore +2 -0
  2. package/Accordion.js +41 -16
  3. package/Anchor.js +9 -9
  4. package/Animation.js +6 -6
  5. package/AnimationToggle.js +2 -2
  6. package/Box.js +9 -9
  7. package/Button.js +54 -51
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +68 -64
  10. package/CHANGELOG.md +46 -0
  11. package/Calendar.js +124 -106
  12. package/Card.js +68 -68
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +22 -22
  15. package/Clickable.js +38 -14
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +59 -34
  19. package/Color.js +297 -187
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +88 -27
  23. package/ControlGroup.js +81 -24
  24. package/Date.js +54 -36
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +9 -9
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +78 -18
  32. package/EventListener.js +17 -17
  33. package/File.js +108 -46
  34. package/FormRows.js +38 -37
  35. package/Heading.js +83 -55
  36. package/Image.js +63 -38
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +59 -34
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/MIGRATION.md +21 -0
  42. package/Markdown.js +71 -65
  43. package/Menu.js +155 -121
  44. package/Message.js +129 -129
  45. package/MessageBar.js +136 -136
  46. package/Modal.js +57 -32
  47. package/ModalLayer.js +15 -15
  48. package/Monogram.js +18 -17
  49. package/Multiselect.js +2807 -2310
  50. package/Number.js +74 -37
  51. package/Paginator.js +96 -83
  52. package/Paragraph.js +10 -10
  53. package/Popover.js +191 -54
  54. package/Progress.js +23 -22
  55. package/RadioBar.js +32 -14
  56. package/RadioList.js +17 -11
  57. package/Resize.js +33 -20
  58. package/ResultsMenu.js +36 -23
  59. package/ScreenReaderContent.js +9 -9
  60. package/Scroll.js +51 -26
  61. package/ScrollContainerContext.js +48 -48
  62. package/Search.js +68 -31
  63. package/Select.js +501 -204
  64. package/SidePanel.js +37 -24
  65. package/Slider.js +54 -24
  66. package/SlidingPanels.js +52 -14
  67. package/SplitButton.js +23 -22
  68. package/StaticContent.js +9 -9
  69. package/StepBar.js +22 -22
  70. package/Switch.js +18 -13
  71. package/TabBar.js +22 -22
  72. package/TabLayout.js +46 -18
  73. package/Table.js +424 -166
  74. package/Text.js +91 -49
  75. package/TextArea.d.ts +2 -0
  76. package/TextArea.js +127 -49
  77. package/Tooltip.js +236 -59
  78. package/TransitionOpen.js +39 -26
  79. package/Typography.d.ts +2 -0
  80. package/Typography.js +18 -17
  81. package/WaitSpinner.js +15 -15
  82. package/docker-compose.yml +42 -0
  83. package/package.json +13 -12
  84. package/test-runner-jest.config.js +11 -6
  85. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  86. package/types/src/Button/Button.d.ts +5 -2
  87. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  88. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  89. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  90. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  91. package/types/src/Calendar/Calendar.d.ts +2 -0
  92. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  93. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  94. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  95. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  96. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  97. package/types/src/File/File.d.ts +4 -2
  98. package/types/src/File/FileContext.d.ts +1 -0
  99. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  100. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  101. package/types/src/Menu/MenuContext.d.ts +1 -0
  102. package/types/src/Modal/ModalContext.d.ts +1 -0
  103. package/types/src/Multiselect/Compact.d.ts +14 -1
  104. package/types/src/Multiselect/Multiselect.d.ts +15 -1
  105. package/types/src/Multiselect/Normal.d.ts +2 -0
  106. package/types/src/Popover/Popover.d.ts +25 -5
  107. package/types/src/Popover/PopoverContext.d.ts +1 -0
  108. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  109. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  110. package/types/src/RadioList/RadioList.d.ts +5 -1
  111. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  112. package/types/src/Select/Select.d.ts +3 -1
  113. package/types/src/Select/SelectBase.d.ts +14 -0
  114. package/types/src/Slider/Slider.d.ts +5 -3
  115. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  116. package/types/src/Switch/Switch.d.ts +2 -0
  117. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  118. package/types/src/TabLayout/Panel.d.ts +3 -0
  119. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  120. package/types/src/Table/Body.d.ts +2 -0
  121. package/types/src/Table/Head.d.ts +2 -0
  122. package/types/src/Table/Row.d.ts +11 -3
  123. package/types/src/Table/Table.d.ts +5 -3
  124. package/types/src/Table/TableContext.d.ts +1 -0
  125. package/types/src/Text/Text.d.ts +5 -3
  126. package/types/src/TextArea/TextArea.d.ts +5 -3
  127. package/types/src/Tooltip/Tooltip.d.ts +16 -4
  128. package/types/src/Typography/Typography.d.ts +1 -1
  129. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  130. package/useForceUpdate.js +9 -9
  131. package/useKeyPress.js +2 -2
  132. package/usePrevious.js +9 -9
  133. package/.storybook-visual/config/snapshotResolver.js +0 -29
  134. package/.storybook-visual/main.js +0 -22
  135. package/.storybook-visual/preview.jsx +0 -31
  136. package/.storybook-visual/scripts/test.sh +0 -108
  137. package/.storybook-visual/test-runner.js +0 -108
package/Dropdown.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 = 183);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 232);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -95,6 +95,20 @@ module.exports = require("prop-types");
95
95
  /***/ }),
96
96
 
97
97
  /***/ 10:
98
+ /***/ (function(module, exports) {
99
+
100
+ module.exports = require("lodash/keys");
101
+
102
+ /***/ }),
103
+
104
+ /***/ 11:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/has");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 12:
98
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
113
 
100
114
  "use strict";
@@ -121,7 +135,7 @@ function updateReactRef(ref, current) {
121
135
 
122
136
  /***/ }),
123
137
 
124
- /***/ 11:
138
+ /***/ 13:
125
139
  /***/ (function(module, exports) {
126
140
 
127
141
  module.exports = require("@splunk/ui-utils/id");
@@ -131,11 +145,25 @@ module.exports = require("@splunk/ui-utils/id");
131
145
  /***/ 18:
132
146
  /***/ (function(module, exports) {
133
147
 
148
+ module.exports = require("lodash/includes");
149
+
150
+ /***/ }),
151
+
152
+ /***/ 2:
153
+ /***/ (function(module, exports) {
154
+
155
+ module.exports = require("react");
156
+
157
+ /***/ }),
158
+
159
+ /***/ 23:
160
+ /***/ (function(module, exports) {
161
+
134
162
  module.exports = require("@splunk/react-ui/Popover");
135
163
 
136
164
  /***/ }),
137
165
 
138
- /***/ 183:
166
+ /***/ 232:
139
167
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
168
 
141
169
  "use strict";
@@ -154,18 +182,38 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
154
182
  var external_prop_types_ = __webpack_require__(1);
155
183
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
156
184
 
157
- // EXTERNAL MODULE: external "lodash"
158
- var external_lodash_ = __webpack_require__(4);
185
+ // EXTERNAL MODULE: external "lodash/has"
186
+ var has_ = __webpack_require__(11);
187
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
188
+
189
+ // EXTERNAL MODULE: external "lodash/includes"
190
+ var includes_ = __webpack_require__(18);
191
+ var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
192
+
193
+ // EXTERNAL MODULE: external "lodash/isEmpty"
194
+ var isEmpty_ = __webpack_require__(91);
195
+
196
+ // EXTERNAL MODULE: external "lodash/isFunction"
197
+ var isFunction_ = __webpack_require__(68);
198
+ var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
199
+
200
+ // EXTERNAL MODULE: external "lodash/keys"
201
+ var keys_ = __webpack_require__(10);
202
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
203
+
204
+ // EXTERNAL MODULE: external "lodash/omit"
205
+ var omit_ = __webpack_require__(5);
206
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
159
207
 
160
208
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
161
- var id_ = __webpack_require__(11);
209
+ var id_ = __webpack_require__(13);
162
210
 
163
211
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
164
- var Popover_ = __webpack_require__(18);
212
+ var Popover_ = __webpack_require__(23);
165
213
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
166
214
 
167
215
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
168
- var updateReactRef = __webpack_require__(10);
216
+ var updateReactRef = __webpack_require__(12);
169
217
 
170
218
  // CONCATENATED MODULE: ./src/Dropdown/Dropdown.tsx
171
219
  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); }
@@ -202,6 +250,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
202
250
 
203
251
 
204
252
 
253
+
254
+
255
+
256
+
257
+
205
258
  /** @public */
206
259
 
207
260
  var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
@@ -324,8 +377,8 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
324
377
  }
325
378
  }
326
379
 
327
- if (_this.isOpen() && Object(external_lodash_["includes"])(closeReasons, reason)) {
328
- if (Object(external_lodash_["includes"])(focusToggleReasons, reason)) {
380
+ if (_this.isOpen() && includes_default()(closeReasons, reason)) {
381
+ if (includes_default()(focusToggleReasons, reason)) {
329
382
  _this.focus();
330
383
  }
331
384
 
@@ -350,7 +403,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
350
403
  anchor: null,
351
404
  open: false
352
405
  };
353
- _this.controlledExternally = Object(external_lodash_["has"])(props, 'open');
406
+ _this.controlledExternally = has_default()(props, 'open');
354
407
  _this.popoverId = Object(id_["createDOMID"])('popover');
355
408
  _this.toggleId = Object(id_["createDOMID"])('toggle');
356
409
  return _this;
@@ -361,7 +414,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
361
414
  value: function componentDidUpdate() {
362
415
  if (false) {}
363
416
 
364
- var otherProps = _objectSpread({}, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Dropdown.propTypes), 'value', 'id'));
417
+ var otherProps = _objectSpread({}, omit_default()(this.props, keys_default()(Dropdown.propTypes), 'value', 'id'));
365
418
 
366
419
  if (false) {}
367
420
  }
@@ -415,7 +468,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
415
468
  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, toggle, /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
416
469
  align: align,
417
470
  open: !!anchor && this.isOpen(),
418
- autoCloseWhenOffScreen: Object(external_lodash_["includes"])(closeReasons, 'offScreen'),
471
+ autoCloseWhenOffScreen: includes_default()(closeReasons, 'offScreen'),
419
472
  anchor: anchor,
420
473
  canCoverAnchor: canCoverAnchor,
421
474
  elementRef: elementRef,
@@ -426,7 +479,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
426
479
  id: this.popoverId,
427
480
  "aria-labelledby": this.props.inputId || this.props.toggle.props.id || this.toggleId,
428
481
  takeFocus: takeFocus
429
- }, Object(external_lodash_["isFunction"])(children) ? // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
482
+ }, isFunction_default()(children) ? // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
430
483
  function () {
431
484
  return /*#__PURE__*/external_react_default.a.createElement("div", {
432
485
  onClick: handleContentClick
@@ -457,17 +510,24 @@ _defineProperty(Dropdown_Dropdown, "defaultProps", defaultProps);
457
510
 
458
511
  /***/ }),
459
512
 
460
- /***/ 2:
513
+ /***/ 5:
461
514
  /***/ (function(module, exports) {
462
515
 
463
- module.exports = require("react");
516
+ module.exports = require("lodash/omit");
517
+
518
+ /***/ }),
519
+
520
+ /***/ 68:
521
+ /***/ (function(module, exports) {
522
+
523
+ module.exports = require("lodash/isFunction");
464
524
 
465
525
  /***/ }),
466
526
 
467
- /***/ 4:
527
+ /***/ 91:
468
528
  /***/ (function(module, exports) {
469
529
 
470
- module.exports = require("lodash");
530
+ module.exports = require("lodash/isEmpty");
471
531
 
472
532
  /***/ })
473
533
 
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 = 184);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 233);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,21 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 184:
97
+ /***/ 127:
98
+ /***/ (function(module, exports) {
99
+
100
+ module.exports = require("use-typed-event-listener");
101
+
102
+ /***/ }),
103
+
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 233:
98
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
113
 
100
114
  "use strict";
@@ -113,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
113
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
114
128
 
115
129
  // EXTERNAL MODULE: external "use-typed-event-listener"
116
- var external_use_typed_event_listener_ = __webpack_require__(89);
130
+ var external_use_typed_event_listener_ = __webpack_require__(127);
117
131
  var external_use_typed_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_use_typed_event_listener_);
118
132
 
119
133
  // CONCATENATED MODULE: ./src/EventListener/EventListener.tsx
@@ -149,20 +163,6 @@ EventListener.propTypes = propTypes;
149
163
 
150
164
 
151
165
 
152
- /***/ }),
153
-
154
- /***/ 2:
155
- /***/ (function(module, exports) {
156
-
157
- module.exports = require("react");
158
-
159
- /***/ }),
160
-
161
- /***/ 89:
162
- /***/ (function(module, exports) {
163
-
164
- module.exports = require("use-typed-event-listener");
165
-
166
166
  /***/ })
167
167
 
168
168
  /******/ });
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 = 118);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 167);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,35 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 128:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/toUpper");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 129:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("@splunk/react-ui/Progress");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 13:
105
119
  /***/ (function(module, exports) {
106
120
 
107
121
  module.exports = require("@splunk/ui-utils/id");
108
122
 
109
123
  /***/ }),
110
124
 
111
- /***/ 118:
125
+ /***/ 14:
126
+ /***/ (function(module, exports) {
127
+
128
+ module.exports = require("@splunk/react-ui/Clickable");
129
+
130
+ /***/ }),
131
+
132
+ /***/ 167:
112
133
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
134
 
114
135
  "use strict";
@@ -127,34 +148,51 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
127
148
  var external_prop_types_ = __webpack_require__(1);
128
149
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
129
150
 
130
- // EXTERNAL MODULE: external "lodash"
131
- var external_lodash_ = __webpack_require__(4);
151
+ // EXTERNAL MODULE: external "lodash/debounce"
152
+ var debounce_ = __webpack_require__(63);
153
+ var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
154
+
155
+ // EXTERNAL MODULE: external "lodash/omit"
156
+ var omit_ = __webpack_require__(5);
157
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
158
+
159
+ // EXTERNAL MODULE: external "lodash/toUpper"
160
+ var toUpper_ = __webpack_require__(128);
161
+ var toUpper_default = /*#__PURE__*/__webpack_require__.n(toUpper_);
162
+
163
+ // EXTERNAL MODULE: external "lodash/isString"
164
+ var isString_ = __webpack_require__(25);
165
+ var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
132
166
 
133
167
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
134
- var EventListener_ = __webpack_require__(15);
168
+ var EventListener_ = __webpack_require__(17);
135
169
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
136
170
 
137
171
  // EXTERNAL MODULE: external "@splunk/themes"
138
172
  var themes_ = __webpack_require__(0);
139
173
 
140
174
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
141
- var i18n_ = __webpack_require__(5);
175
+ var i18n_ = __webpack_require__(4);
142
176
 
143
177
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
144
- var id_ = __webpack_require__(11);
178
+ var id_ = __webpack_require__(13);
179
+
180
+ // EXTERNAL MODULE: external "lodash/isUndefined"
181
+ var isUndefined_ = __webpack_require__(41);
182
+ var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
145
183
 
146
184
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
147
185
  var format_ = __webpack_require__(45);
148
186
 
149
187
  // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
150
- var Progress_ = __webpack_require__(90);
188
+ var Progress_ = __webpack_require__(129);
151
189
  var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
152
190
 
153
191
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
154
- var CrossMark = __webpack_require__(22);
192
+ var CrossMark = __webpack_require__(27);
155
193
 
156
194
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
157
- var SVG_ = __webpack_require__(25);
195
+ var SVG_ = __webpack_require__(32);
158
196
  var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
159
197
 
160
198
  // CONCATENATED MODULE: ./src/File/PaperClip.tsx
@@ -231,11 +269,11 @@ var Box_ = __webpack_require__(8);
231
269
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
232
270
 
233
271
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
234
- var Clickable_ = __webpack_require__(12);
272
+ var Clickable_ = __webpack_require__(14);
235
273
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
236
274
 
237
275
  // EXTERNAL MODULE: external "@splunk/themes/mixins"
238
- var mixins_ = __webpack_require__(59);
276
+ var mixins_ = __webpack_require__(80);
239
277
 
240
278
  // CONCATENATED MODULE: ./src/File/ItemStyles.ts
241
279
 
@@ -478,7 +516,7 @@ function Item(_ref) {
478
516
  paddingRight: '4px'
479
517
  }
480
518
  }, Object(i18n_["_"])('Uploading ')), /*#__PURE__*/external_react_default.a.createElement(StyledPercentage, null, uploadPercentage, "%"));
481
- var label = isPrisma && !Object(external_lodash_["isUndefined"])(uploadPercentage) && uploadPercentage > 0 ? progressLabel : name;
519
+ var label = isPrisma && !isUndefined_default()(uploadPercentage) && uploadPercentage > 0 ? progressLabel : name;
482
520
  var disabledValue = disabled !== undefined ? disabled : disabledContext;
483
521
  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(StyledBox, Item_extends({
484
522
  "data-test": "item",
@@ -487,7 +525,7 @@ function Item(_ref) {
487
525
  flex: true,
488
526
  $error: error,
489
527
  $disabled: disabledValue
490
- }), isPrisma && Object(external_lodash_["isUndefined"])(uploadPercentage) && /*#__PURE__*/external_react_default.a.createElement(StyledPaperClipIcon, {
528
+ }), isPrisma && isUndefined_default()(uploadPercentage) && /*#__PURE__*/external_react_default.a.createElement(StyledPaperClipIcon, {
491
529
  "data-test": "paper-clip",
492
530
  $disabled: disabledValue
493
531
  }, /*#__PURE__*/external_react_default.a.createElement(PaperClip, {
@@ -502,7 +540,7 @@ function Item(_ref) {
502
540
  "aria-label": retryLabel
503
541
  }, /*#__PURE__*/external_react_default.a.createElement(Retry, {
504
542
  screenReaderText: Object(i18n_["_"])('Retry')
505
- })), !disabledValue && (isPrisma && Object(external_lodash_["isUndefined"])(uploadPercentage) && !error ? /*#__PURE__*/external_react_default.a.createElement(StyledTrashIcon, {
543
+ })), !disabledValue && (isPrisma && isUndefined_default()(uploadPercentage) && !error ? /*#__PURE__*/external_react_default.a.createElement(StyledTrashIcon, {
506
544
  "data-test": "remove",
507
545
  onClick: handleRequestRemove,
508
546
  "aria-label": removeLabel
@@ -515,7 +553,7 @@ function Item(_ref) {
515
553
  "aria-label": removeLabel
516
554
  }, /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
517
555
  screenReaderText: Object(i18n_["_"])('Remove')
518
- }))), !Object(external_lodash_["isUndefined"])(uploadPercentage) && uploadPercentage > 0 && (isPrisma ? /*#__PURE__*/external_react_default.a.createElement(StyledProgress, {
556
+ }))), !isUndefined_default()(uploadPercentage) && uploadPercentage > 0 && (isPrisma ? /*#__PURE__*/external_react_default.a.createElement(StyledProgress, {
519
557
  $uploadPercentage: uploadPercentage,
520
558
  "aria-label": uploadLabel,
521
559
  role: "progressbar",
@@ -742,6 +780,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
742
780
 
743
781
 
744
782
 
783
+
784
+
785
+
745
786
  /** @public */
746
787
 
747
788
  var File_propTypes = {
@@ -758,6 +799,9 @@ var File_propTypes = {
758
799
  onRequestAdd: external_prop_types_default.a.func,
759
800
  onRequestRemove: external_prop_types_default.a.func,
760
801
  onRequestRetry: external_prop_types_default.a.func,
802
+
803
+ /** @private. */
804
+ required: external_prop_types_default.a.bool,
761
805
  supportsMessage: external_prop_types_default.a.node,
762
806
 
763
807
  /** @private */
@@ -845,7 +889,7 @@ var File_File = /*#__PURE__*/function (_Component) {
845
889
  * file input's key. In this way we get a new input without a value. */
846
890
 
847
891
  _this.inputCount = 0;
848
- _this.handleDragLeave = Object(external_lodash_["debounce"])(_this.handleDragLeave, 300);
892
+ _this.handleDragLeave = debounce_default()(_this.handleDragLeave, 300);
849
893
  return _this;
850
894
  }
851
895
 
@@ -886,8 +930,9 @@ var File_File = /*#__PURE__*/function (_Component) {
886
930
  name = _this$props3.name,
887
931
  onRequestRemove = _this$props3.onRequestRemove,
888
932
  onRequestRetry = _this$props3.onRequestRetry,
933
+ required = _this$props3.required,
889
934
  splunkTheme = _this$props3.splunkTheme,
890
- otherProps = File_objectWithoutProperties(_this$props3, ["accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "splunkTheme"]);
935
+ otherProps = File_objectWithoutProperties(_this$props3, ["accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "required", "splunkTheme"]);
891
936
 
892
937
  var isPrisma = splunkTheme.isPrisma;
893
938
  var fileCount = 0;
@@ -905,7 +950,7 @@ var File_File = /*#__PURE__*/function (_Component) {
905
950
  var StyledTextBox = fullscreen ? StyledWindowText : StyledNormalText;
906
951
  var StyledIcon = fullscreen ? StyledWindowIcon : StyledNormalIcon;
907
952
  var dragOver = dragOverOrDisabled ? false : this.state.dragOver || false;
908
- var fileTypes = Object(external_lodash_["isString"])(accept) && Object(external_lodash_["toUpper"])(accept.split(',').join(', '));
953
+ var fileTypes = isString_default()(accept) && toUpper_default()(accept.split(',').join(', '));
909
954
 
910
955
  var handleRetry = function handleRetry(event) {
911
956
  onRequestRetry === null || onRequestRetry === void 0 ? void 0 : onRequestRetry({
@@ -930,9 +975,15 @@ var File_File = /*#__PURE__*/function (_Component) {
930
975
  var supportsMessage = null;
931
976
 
932
977
  if (this.props.supportsMessage) {
933
- supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, this.props.supportsMessage);
978
+ supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
979
+ "data-test": "file-supports"
980
+ }, this.props.supportsMessage);
934
981
  } else if (isPrisma && !disabled) {
935
- supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])('Supports all file types'));
982
+ supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
983
+ "data-test": "file-supports"
984
+ }, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
985
+ "data-test": "file-supports"
986
+ }, Object(i18n_["_"])('Supports all file types'));
936
987
  }
937
988
 
938
989
  return /*#__PURE__*/external_react_default.a.createElement(StyledDropTargetBox, File_extends({
@@ -944,15 +995,18 @@ var File_File = /*#__PURE__*/function (_Component) {
944
995
  $error: error,
945
996
  $fileCount: fileCount,
946
997
  "data-test": "file"
947
- }, Object(external_lodash_["omit"])(otherProps, 'onRequestAdd', 'onRequestRemove')), /*#__PURE__*/external_react_default.a.createElement(StyledTextBox, {
998
+ }, omit_default()(otherProps, 'onRequestAdd', 'onRequestRemove')), /*#__PURE__*/external_react_default.a.createElement(StyledTextBox, {
948
999
  $disabled: disabled,
949
1000
  $dragOver: dragOver,
950
1001
  $error: error
951
1002
  }, !disabled && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, {
952
1003
  $dragOver: dragOver,
953
1004
  $error: error
954
- }), ' ', /*#__PURE__*/external_react_default.a.createElement("span", null, !dragOverWindow && !disabled && Object(i18n_["_"])('Drop your file here or'), dragOverNotDisabled && Object(i18n_["_"])('Drop your file anywhere or'), ' ', fileCount === 0 && disabled && Object(i18n_["_"])('No Files Selected'), /*#__PURE__*/external_react_default.a.createElement(StyledLink, {
1005
+ }), ' ', /*#__PURE__*/external_react_default.a.createElement("span", {
1006
+ "data-test": "file-label"
1007
+ }, !dragOverWindow && !disabled && Object(i18n_["_"])('Drop your file here or'), dragOverNotDisabled && Object(i18n_["_"])('Drop your file anywhere or'), ' ', fileCount === 0 && disabled && Object(i18n_["_"])('No Files Selected'), /*#__PURE__*/external_react_default.a.createElement(StyledLink, {
955
1008
  htmlFor: this.inputId,
1009
+ "data-test": "file-link",
956
1010
  "data-focused": this.state.focusedInput || null
957
1011
  }, /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
958
1012
  accept: accept,
@@ -964,6 +1018,7 @@ var File_File = /*#__PURE__*/function (_Component) {
964
1018
  onBlur: this.handleInputBlur,
965
1019
  onChange: this.handleInputChange,
966
1020
  onFocus: this.handleInputFocus,
1021
+ required: required,
967
1022
  type: "file"
968
1023
  }), !disabled && Object(i18n_["_"])('upload file…'))), supportsMessage), !disabled && help && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
969
1024
  "data-test": "help"
@@ -1009,35 +1064,35 @@ HoistedFileWithTheme.Item = File_Item;
1009
1064
 
1010
1065
  /***/ }),
1011
1066
 
1012
- /***/ 12:
1067
+ /***/ 17:
1013
1068
  /***/ (function(module, exports) {
1014
1069
 
1015
- module.exports = require("@splunk/react-ui/Clickable");
1070
+ module.exports = require("@splunk/react-ui/EventListener");
1016
1071
 
1017
1072
  /***/ }),
1018
1073
 
1019
- /***/ 15:
1074
+ /***/ 2:
1020
1075
  /***/ (function(module, exports) {
1021
1076
 
1022
- module.exports = require("@splunk/react-ui/EventListener");
1077
+ module.exports = require("react");
1023
1078
 
1024
1079
  /***/ }),
1025
1080
 
1026
- /***/ 2:
1081
+ /***/ 25:
1027
1082
  /***/ (function(module, exports) {
1028
1083
 
1029
- module.exports = require("react");
1084
+ module.exports = require("lodash/isString");
1030
1085
 
1031
1086
  /***/ }),
1032
1087
 
1033
- /***/ 22:
1088
+ /***/ 27:
1034
1089
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1035
1090
 
1036
1091
  "use strict";
1037
1092
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1038
1093
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1039
1094
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1040
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
1095
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1041
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__);
1042
1097
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1043
1098
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1080,52 +1135,52 @@ function CrossMark(props) {
1080
1135
 
1081
1136
  /***/ }),
1082
1137
 
1083
- /***/ 23:
1138
+ /***/ 29:
1084
1139
  /***/ (function(module, exports) {
1085
1140
 
1086
1141
  module.exports = require("@splunk/react-icons/Close");
1087
1142
 
1088
1143
  /***/ }),
1089
1144
 
1090
- /***/ 25:
1145
+ /***/ 3:
1091
1146
  /***/ (function(module, exports) {
1092
1147
 
1093
- module.exports = require("@splunk/react-icons/SVG");
1148
+ module.exports = require("styled-components");
1094
1149
 
1095
1150
  /***/ }),
1096
1151
 
1097
- /***/ 3:
1152
+ /***/ 32:
1098
1153
  /***/ (function(module, exports) {
1099
1154
 
1100
- module.exports = require("styled-components");
1155
+ module.exports = require("@splunk/react-icons/SVG");
1101
1156
 
1102
1157
  /***/ }),
1103
1158
 
1104
1159
  /***/ 4:
1105
1160
  /***/ (function(module, exports) {
1106
1161
 
1107
- module.exports = require("lodash");
1162
+ module.exports = require("@splunk/ui-utils/i18n");
1108
1163
 
1109
1164
  /***/ }),
1110
1165
 
1111
- /***/ 45:
1166
+ /***/ 41:
1112
1167
  /***/ (function(module, exports) {
1113
1168
 
1114
- module.exports = require("@splunk/ui-utils/format");
1169
+ module.exports = require("lodash/isUndefined");
1115
1170
 
1116
1171
  /***/ }),
1117
1172
 
1118
- /***/ 5:
1173
+ /***/ 45:
1119
1174
  /***/ (function(module, exports) {
1120
1175
 
1121
- module.exports = require("@splunk/ui-utils/i18n");
1176
+ module.exports = require("@splunk/ui-utils/format");
1122
1177
 
1123
1178
  /***/ }),
1124
1179
 
1125
- /***/ 59:
1180
+ /***/ 5:
1126
1181
  /***/ (function(module, exports) {
1127
1182
 
1128
- module.exports = require("@splunk/themes/mixins");
1183
+ module.exports = require("lodash/omit");
1129
1184
 
1130
1185
  /***/ }),
1131
1186
 
@@ -1154,6 +1209,13 @@ function SVG(props) {
1154
1209
 
1155
1210
  /***/ }),
1156
1211
 
1212
+ /***/ 63:
1213
+ /***/ (function(module, exports) {
1214
+
1215
+ module.exports = require("lodash/debounce");
1216
+
1217
+ /***/ }),
1218
+
1157
1219
  /***/ 7:
1158
1220
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1159
1221
 
@@ -1279,10 +1341,10 @@ module.exports = require("@splunk/react-ui/Box");
1279
1341
 
1280
1342
  /***/ }),
1281
1343
 
1282
- /***/ 90:
1344
+ /***/ 80:
1283
1345
  /***/ (function(module, exports) {
1284
1346
 
1285
- module.exports = require("@splunk/react-ui/Progress");
1347
+ module.exports = require("@splunk/themes/mixins");
1286
1348
 
1287
1349
  /***/ })
1288
1350