@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.
- package/.dockerignore +2 -0
- package/Accordion.js +41 -16
- package/Anchor.js +9 -9
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +9 -9
- package/Button.js +54 -51
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +68 -64
- package/CHANGELOG.md +46 -0
- package/Calendar.js +124 -106
- package/Card.js +68 -68
- package/CardLayout.js +9 -9
- package/Chip.js +22 -22
- package/Clickable.js +38 -14
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +59 -34
- package/Color.js +297 -187
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +88 -27
- package/ControlGroup.js +81 -24
- package/Date.js +54 -36
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +9 -9
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +78 -18
- package/EventListener.js +17 -17
- package/File.js +108 -46
- package/FormRows.js +38 -37
- package/Heading.js +83 -55
- package/Image.js +63 -38
- package/JSONTree.js +106 -21
- package/Layer.js +59 -34
- package/Link.js +17 -17
- package/List.js +3 -3
- package/MIGRATION.md +21 -0
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +129 -129
- package/MessageBar.js +136 -136
- package/Modal.js +57 -32
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2807 -2310
- package/Number.js +74 -37
- package/Paginator.js +96 -83
- package/Paragraph.js +10 -10
- package/Popover.js +191 -54
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +33 -20
- package/ResultsMenu.js +36 -23
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +51 -26
- package/ScrollContainerContext.js +48 -48
- package/Search.js +68 -31
- package/Select.js +501 -204
- package/SidePanel.js +37 -24
- package/Slider.js +54 -24
- package/SlidingPanels.js +52 -14
- package/SplitButton.js +23 -22
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +22 -22
- package/TabLayout.js +46 -18
- package/Table.js +424 -166
- package/Text.js +91 -49
- package/TextArea.d.ts +2 -0
- package/TextArea.js +127 -49
- package/Tooltip.js +236 -59
- package/TransitionOpen.js +39 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +18 -17
- package/WaitSpinner.js +15 -15
- package/docker-compose.yml +42 -0
- package/package.json +13 -12
- package/test-runner-jest.config.js +11 -6
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/Button.d.ts +5 -2
- package/types/src/Button/docs/examples/Basic.d.ts +2 -2
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
- package/types/src/Calendar/Calendar.d.ts +2 -0
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
- package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
- package/types/src/File/File.d.ts +4 -2
- package/types/src/File/FileContext.d.ts +1 -0
- package/types/src/FormRows/FormRowsContext.d.ts +1 -0
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +1 -0
- package/types/src/Modal/ModalContext.d.ts +1 -0
- package/types/src/Multiselect/Compact.d.ts +14 -1
- package/types/src/Multiselect/Multiselect.d.ts +15 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +25 -5
- package/types/src/Popover/PopoverContext.d.ts +1 -0
- package/types/src/RadioBar/RadioBar.d.ts +5 -3
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
- package/types/src/RadioList/RadioList.d.ts +5 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -0
- package/types/src/Select/Select.d.ts +3 -1
- package/types/src/Select/SelectBase.d.ts +14 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/Switch/Switch.d.ts +2 -0
- package/types/src/TabBar/TabBarContext.d.ts +1 -0
- package/types/src/TabLayout/Panel.d.ts +3 -0
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Body.d.ts +2 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/Row.d.ts +11 -3
- package/types/src/Table/Table.d.ts +5 -3
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Text/Text.d.ts +5 -3
- package/types/src/TextArea/TextArea.d.ts +5 -3
- package/types/src/Tooltip/Tooltip.d.ts +16 -4
- package/types/src/Typography/Typography.d.ts +1 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/useForceUpdate.js +9 -9
- package/useKeyPress.js +2 -2
- package/usePrevious.js +9 -9
- package/.storybook-visual/config/snapshotResolver.js +0 -29
- package/.storybook-visual/main.js +0 -22
- package/.storybook-visual/preview.jsx +0 -31
- package/.storybook-visual/scripts/test.sh +0 -108
- 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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
|
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__(
|
|
209
|
+
var id_ = __webpack_require__(13);
|
|
162
210
|
|
|
163
211
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
164
|
-
var Popover_ = __webpack_require__(
|
|
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__(
|
|
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() &&
|
|
328
|
-
if (
|
|
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 =
|
|
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({},
|
|
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:
|
|
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
|
-
},
|
|
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
|
-
/***/
|
|
513
|
+
/***/ 5:
|
|
461
514
|
/***/ (function(module, exports) {
|
|
462
515
|
|
|
463
|
-
module.exports = require("
|
|
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
|
-
/***/
|
|
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 =
|
|
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
|
-
/***/
|
|
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__(
|
|
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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
|
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__(
|
|
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__(
|
|
175
|
+
var i18n_ = __webpack_require__(4);
|
|
142
176
|
|
|
143
177
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
144
|
-
var id_ = __webpack_require__(
|
|
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__(
|
|
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__(
|
|
192
|
+
var CrossMark = __webpack_require__(27);
|
|
155
193
|
|
|
156
194
|
// EXTERNAL MODULE: external "@splunk/react-icons/SVG"
|
|
157
|
-
var SVG_ = __webpack_require__(
|
|
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__(
|
|
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__(
|
|
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 && !
|
|
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 &&
|
|
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 &&
|
|
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
|
-
}))), !
|
|
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 =
|
|
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 =
|
|
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,
|
|
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,
|
|
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
|
-
},
|
|
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",
|
|
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
|
-
/***/
|
|
1067
|
+
/***/ 17:
|
|
1013
1068
|
/***/ (function(module, exports) {
|
|
1014
1069
|
|
|
1015
|
-
module.exports = require("@splunk/react-ui/
|
|
1070
|
+
module.exports = require("@splunk/react-ui/EventListener");
|
|
1016
1071
|
|
|
1017
1072
|
/***/ }),
|
|
1018
1073
|
|
|
1019
|
-
/***/
|
|
1074
|
+
/***/ 2:
|
|
1020
1075
|
/***/ (function(module, exports) {
|
|
1021
1076
|
|
|
1022
|
-
module.exports = require("
|
|
1077
|
+
module.exports = require("react");
|
|
1023
1078
|
|
|
1024
1079
|
/***/ }),
|
|
1025
1080
|
|
|
1026
|
-
/***/
|
|
1081
|
+
/***/ 25:
|
|
1027
1082
|
/***/ (function(module, exports) {
|
|
1028
1083
|
|
|
1029
|
-
module.exports = require("
|
|
1084
|
+
module.exports = require("lodash/isString");
|
|
1030
1085
|
|
|
1031
1086
|
/***/ }),
|
|
1032
1087
|
|
|
1033
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
1145
|
+
/***/ 3:
|
|
1091
1146
|
/***/ (function(module, exports) {
|
|
1092
1147
|
|
|
1093
|
-
module.exports = require("
|
|
1148
|
+
module.exports = require("styled-components");
|
|
1094
1149
|
|
|
1095
1150
|
/***/ }),
|
|
1096
1151
|
|
|
1097
|
-
/***/
|
|
1152
|
+
/***/ 32:
|
|
1098
1153
|
/***/ (function(module, exports) {
|
|
1099
1154
|
|
|
1100
|
-
module.exports = require("
|
|
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("
|
|
1162
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
1108
1163
|
|
|
1109
1164
|
/***/ }),
|
|
1110
1165
|
|
|
1111
|
-
/***/
|
|
1166
|
+
/***/ 41:
|
|
1112
1167
|
/***/ (function(module, exports) {
|
|
1113
1168
|
|
|
1114
|
-
module.exports = require("
|
|
1169
|
+
module.exports = require("lodash/isUndefined");
|
|
1115
1170
|
|
|
1116
1171
|
/***/ }),
|
|
1117
1172
|
|
|
1118
|
-
/***/
|
|
1173
|
+
/***/ 45:
|
|
1119
1174
|
/***/ (function(module, exports) {
|
|
1120
1175
|
|
|
1121
|
-
module.exports = require("@splunk/ui-utils/
|
|
1176
|
+
module.exports = require("@splunk/ui-utils/format");
|
|
1122
1177
|
|
|
1123
1178
|
/***/ }),
|
|
1124
1179
|
|
|
1125
|
-
/***/
|
|
1180
|
+
/***/ 5:
|
|
1126
1181
|
/***/ (function(module, exports) {
|
|
1127
1182
|
|
|
1128
|
-
module.exports = require("
|
|
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
|
-
/***/
|
|
1344
|
+
/***/ 80:
|
|
1283
1345
|
/***/ (function(module, exports) {
|
|
1284
1346
|
|
|
1285
|
-
module.exports = require("@splunk/
|
|
1347
|
+
module.exports = require("@splunk/themes/mixins");
|
|
1286
1348
|
|
|
1287
1349
|
/***/ })
|
|
1288
1350
|
|