@splunk/react-ui 4.13.0 → 4.15.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 (144) 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 +47 -46
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +14 -14
  10. package/CHANGELOG.md +46 -1
  11. package/Calendar.js +460 -147
  12. package/Card.js +85 -83
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +23 -23
  15. package/Clickable.js +39 -15
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +64 -35
  19. package/Color.js +298 -188
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +89 -28
  23. package/ControlGroup.js +85 -27
  24. package/Date.js +134 -58
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +194 -0
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +79 -19
  32. package/EventListener.js +17 -17
  33. package/File.js +96 -43
  34. package/FormRows.js +40 -39
  35. package/Heading.js +83 -55
  36. package/Image.js +67 -42
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +130 -28
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/Markdown.js +71 -65
  42. package/Menu.js +155 -121
  43. package/Message.js +135 -135
  44. package/MessageBar.js +136 -136
  45. package/Modal.js +99 -48
  46. package/ModalLayer.js +15 -15
  47. package/Monogram.js +18 -17
  48. package/Multiselect.js +2788 -2310
  49. package/Number.js +76 -37
  50. package/Paginator.js +99 -86
  51. package/Paragraph.js +10 -10
  52. package/Popover.js +343 -48
  53. package/Progress.js +23 -22
  54. package/RadioBar.js +32 -14
  55. package/RadioList.js +17 -11
  56. package/Resize.js +34 -21
  57. package/ResultsMenu.js +44 -31
  58. package/ScreenReaderContent.js +9 -9
  59. package/Scroll.js +52 -27
  60. package/ScrollContainerContext.js +157 -6
  61. package/Search.js +71 -34
  62. package/Select.js +347 -69
  63. package/SidePanel.js +37 -24
  64. package/Slider.js +50 -20
  65. package/SlidingPanels.js +56 -18
  66. package/SplitButton.js +27 -26
  67. package/StaticContent.js +9 -9
  68. package/StepBar.js +22 -22
  69. package/Switch.js +18 -13
  70. package/TabBar.js +28 -28
  71. package/TabLayout.js +43 -18
  72. package/Table.js +549 -158
  73. package/Text.js +93 -50
  74. package/TextArea.d.ts +2 -0
  75. package/TextArea.js +134 -56
  76. package/Tooltip.js +246 -63
  77. package/TransitionOpen.js +63 -26
  78. package/Typography.d.ts +2 -0
  79. package/Typography.js +17 -16
  80. package/WaitSpinner.js +15 -81
  81. package/docker-compose.yml +42 -0
  82. package/package.json +20 -20
  83. package/test-runner-jest.config.js +23 -5
  84. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  85. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  86. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  87. package/types/src/Calendar/Calendar.d.ts +17 -2
  88. package/types/src/Calendar/DateTable.d.ts +7 -3
  89. package/types/src/Calendar/Day.d.ts +14 -5
  90. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  91. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  92. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  93. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  94. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  95. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  96. package/types/src/Date/Date.d.ts +17 -8
  97. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  98. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  99. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  100. package/types/src/Divider/Divider.d.ts +20 -0
  101. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  102. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  103. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  104. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  105. package/types/src/Divider/index.d.ts +1 -0
  106. package/types/src/File/File.d.ts +4 -2
  107. package/types/src/File/FileContext.d.ts +1 -0
  108. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  109. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  110. package/types/src/Menu/MenuContext.d.ts +1 -0
  111. package/types/src/Modal/Modal.d.ts +7 -3
  112. package/types/src/Modal/ModalContext.d.ts +2 -0
  113. package/types/src/Multiselect/Compact.d.ts +10 -1
  114. package/types/src/Multiselect/Multiselect.d.ts +12 -1
  115. package/types/src/Multiselect/Normal.d.ts +2 -0
  116. package/types/src/Number/Number.d.ts +5 -1
  117. package/types/src/Popover/Popover.d.ts +25 -5
  118. package/types/src/Popover/PopoverContext.d.ts +1 -0
  119. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  120. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  121. package/types/src/RadioList/RadioList.d.ts +5 -1
  122. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  123. package/types/src/Select/SelectBase.d.ts +2 -0
  124. package/types/src/Slider/Slider.d.ts +5 -3
  125. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
  126. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
  127. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  128. package/types/src/Switch/Switch.d.ts +2 -0
  129. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  130. package/types/src/Table/Head.d.ts +2 -0
  131. package/types/src/Table/TableContext.d.ts +1 -0
  132. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  133. package/types/src/Text/Text.d.ts +5 -3
  134. package/types/src/TextArea/TextArea.d.ts +5 -3
  135. package/types/src/Tooltip/Tooltip.d.ts +26 -9
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  138. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  139. package/types/src/useKeyPress/index.d.ts +37 -0
  140. package/useForceUpdate.js +9 -9
  141. package/{useIsSsr.js → useKeyPress.js} +56 -49
  142. package/usePrevious.js +9 -9
  143. package/types/src/useIsSsr/index.d.ts +0 -2
  144. package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
@@ -0,0 +1,7 @@
1
+ FROM node:14.20 as builder
2
+
3
+ WORKDIR /react-ui
4
+
5
+ COPY storybook-static-visual storybook-static-visual
6
+
7
+ EXPOSE 6007
@@ -0,0 +1,10 @@
1
+ FROM mcr.microsoft.com/playwright:v1.26.0-focal
2
+
3
+ WORKDIR /react-ui
4
+
5
+ COPY .storybook-visual/config/visual.package.json ./package.json
6
+
7
+ RUN yarn install
8
+
9
+ COPY . .
10
+
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 = 179);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 232);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -97,11 +97,18 @@ module.exports = require("prop-types");
97
97
  /***/ 10:
98
98
  /***/ (function(module, exports) {
99
99
 
100
- module.exports = require("@splunk/ui-utils/id");
100
+ module.exports = require("lodash/keys");
101
101
 
102
102
  /***/ }),
103
103
 
104
104
  /***/ 11:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/has");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 12:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -128,14 +135,35 @@ function updateReactRef(ref, current) {
128
135
 
129
136
  /***/ }),
130
137
 
131
- /***/ 17:
138
+ /***/ 13:
139
+ /***/ (function(module, exports) {
140
+
141
+ module.exports = require("@splunk/ui-utils/id");
142
+
143
+ /***/ }),
144
+
145
+ /***/ 18:
146
+ /***/ (function(module, exports) {
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:
132
160
  /***/ (function(module, exports) {
133
161
 
134
162
  module.exports = require("@splunk/react-ui/Popover");
135
163
 
136
164
  /***/ }),
137
165
 
138
- /***/ 179:
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__(10);
209
+ var id_ = __webpack_require__(13);
162
210
 
163
211
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
164
- var Popover_ = __webpack_require__(17);
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__(11);
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 = 180);
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
- /***/ 180:
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__(87);
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
- /***/ 87:
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 = 115);
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
- /***/ 10:
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
- /***/ 115:
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__(10);
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
- var format_ = __webpack_require__(43);
185
+ var format_ = __webpack_require__(58);
148
186
 
149
187
  // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
150
- var Progress_ = __webpack_require__(88);
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__(20);
192
+ var CrossMark = __webpack_require__(27);
155
193
 
156
194
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
157
- var SVG_ = __webpack_require__(24);
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__(57);
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({
@@ -944,7 +989,7 @@ var File_File = /*#__PURE__*/function (_Component) {
944
989
  $error: error,
945
990
  $fileCount: fileCount,
946
991
  "data-test": "file"
947
- }, Object(external_lodash_["omit"])(otherProps, 'onRequestAdd', 'onRequestRemove')), /*#__PURE__*/external_react_default.a.createElement(StyledTextBox, {
992
+ }, omit_default()(otherProps, 'onRequestAdd', 'onRequestRemove')), /*#__PURE__*/external_react_default.a.createElement(StyledTextBox, {
948
993
  $disabled: disabled,
949
994
  $dragOver: dragOver,
950
995
  $error: error
@@ -964,6 +1009,7 @@ var File_File = /*#__PURE__*/function (_Component) {
964
1009
  onBlur: this.handleInputBlur,
965
1010
  onChange: this.handleInputChange,
966
1011
  onFocus: this.handleInputFocus,
1012
+ required: required,
967
1013
  type: "file"
968
1014
  }), !disabled && Object(i18n_["_"])('upload file…'))), supportsMessage), !disabled && help && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
969
1015
  "data-test": "help"
@@ -1009,35 +1055,35 @@ HoistedFileWithTheme.Item = File_Item;
1009
1055
 
1010
1056
  /***/ }),
1011
1057
 
1012
- /***/ 12:
1058
+ /***/ 17:
1013
1059
  /***/ (function(module, exports) {
1014
1060
 
1015
- module.exports = require("@splunk/react-ui/Clickable");
1061
+ module.exports = require("@splunk/react-ui/EventListener");
1016
1062
 
1017
1063
  /***/ }),
1018
1064
 
1019
- /***/ 15:
1065
+ /***/ 2:
1020
1066
  /***/ (function(module, exports) {
1021
1067
 
1022
- module.exports = require("@splunk/react-ui/EventListener");
1068
+ module.exports = require("react");
1023
1069
 
1024
1070
  /***/ }),
1025
1071
 
1026
- /***/ 2:
1072
+ /***/ 25:
1027
1073
  /***/ (function(module, exports) {
1028
1074
 
1029
- module.exports = require("react");
1075
+ module.exports = require("lodash/isString");
1030
1076
 
1031
1077
  /***/ }),
1032
1078
 
1033
- /***/ 20:
1079
+ /***/ 27:
1034
1080
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1035
1081
 
1036
1082
  "use strict";
1037
1083
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1038
1084
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1039
1085
  /* 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__(21);
1086
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1041
1087
  /* 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
1088
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1043
1089
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1080,52 +1126,52 @@ function CrossMark(props) {
1080
1126
 
1081
1127
  /***/ }),
1082
1128
 
1083
- /***/ 21:
1129
+ /***/ 29:
1084
1130
  /***/ (function(module, exports) {
1085
1131
 
1086
1132
  module.exports = require("@splunk/react-icons/Close");
1087
1133
 
1088
1134
  /***/ }),
1089
1135
 
1090
- /***/ 24:
1136
+ /***/ 3:
1091
1137
  /***/ (function(module, exports) {
1092
1138
 
1093
- module.exports = require("@splunk/react-icons/SVG");
1139
+ module.exports = require("styled-components");
1094
1140
 
1095
1141
  /***/ }),
1096
1142
 
1097
- /***/ 3:
1143
+ /***/ 32:
1098
1144
  /***/ (function(module, exports) {
1099
1145
 
1100
- module.exports = require("styled-components");
1146
+ module.exports = require("@splunk/react-icons/SVG");
1101
1147
 
1102
1148
  /***/ }),
1103
1149
 
1104
1150
  /***/ 4:
1105
1151
  /***/ (function(module, exports) {
1106
1152
 
1107
- module.exports = require("lodash");
1153
+ module.exports = require("@splunk/ui-utils/i18n");
1108
1154
 
1109
1155
  /***/ }),
1110
1156
 
1111
- /***/ 43:
1157
+ /***/ 41:
1112
1158
  /***/ (function(module, exports) {
1113
1159
 
1114
- module.exports = require("@splunk/ui-utils/format");
1160
+ module.exports = require("lodash/isUndefined");
1115
1161
 
1116
1162
  /***/ }),
1117
1163
 
1118
1164
  /***/ 5:
1119
1165
  /***/ (function(module, exports) {
1120
1166
 
1121
- module.exports = require("@splunk/ui-utils/i18n");
1167
+ module.exports = require("lodash/omit");
1122
1168
 
1123
1169
  /***/ }),
1124
1170
 
1125
- /***/ 57:
1171
+ /***/ 58:
1126
1172
  /***/ (function(module, exports) {
1127
1173
 
1128
- module.exports = require("@splunk/themes/mixins");
1174
+ module.exports = require("@splunk/ui-utils/format");
1129
1175
 
1130
1176
  /***/ }),
1131
1177
 
@@ -1154,6 +1200,13 @@ function SVG(props) {
1154
1200
 
1155
1201
  /***/ }),
1156
1202
 
1203
+ /***/ 63:
1204
+ /***/ (function(module, exports) {
1205
+
1206
+ module.exports = require("lodash/debounce");
1207
+
1208
+ /***/ }),
1209
+
1157
1210
  /***/ 7:
1158
1211
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1159
1212
 
@@ -1279,10 +1332,10 @@ module.exports = require("@splunk/react-ui/Box");
1279
1332
 
1280
1333
  /***/ }),
1281
1334
 
1282
- /***/ 88:
1335
+ /***/ 80:
1283
1336
  /***/ (function(module, exports) {
1284
1337
 
1285
- module.exports = require("@splunk/react-ui/Progress");
1338
+ module.exports = require("@splunk/themes/mixins");
1286
1339
 
1287
1340
  /***/ })
1288
1341