@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.
- 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 +47 -46
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +14 -14
- package/CHANGELOG.md +46 -1
- package/Calendar.js +460 -147
- package/Card.js +85 -83
- package/CardLayout.js +9 -9
- package/Chip.js +23 -23
- package/Clickable.js +39 -15
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +64 -35
- package/Color.js +298 -188
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +89 -28
- package/ControlGroup.js +85 -27
- package/Date.js +134 -58
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +194 -0
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +79 -19
- package/EventListener.js +17 -17
- package/File.js +96 -43
- package/FormRows.js +40 -39
- package/Heading.js +83 -55
- package/Image.js +67 -42
- package/JSONTree.js +106 -21
- package/Layer.js +130 -28
- package/Link.js +17 -17
- package/List.js +3 -3
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +135 -135
- package/MessageBar.js +136 -136
- package/Modal.js +99 -48
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2788 -2310
- package/Number.js +76 -37
- package/Paginator.js +99 -86
- package/Paragraph.js +10 -10
- package/Popover.js +343 -48
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +34 -21
- package/ResultsMenu.js +44 -31
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +52 -27
- package/ScrollContainerContext.js +157 -6
- package/Search.js +71 -34
- package/Select.js +347 -69
- package/SidePanel.js +37 -24
- package/Slider.js +50 -20
- package/SlidingPanels.js +56 -18
- package/SplitButton.js +27 -26
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +28 -28
- package/TabLayout.js +43 -18
- package/Table.js +549 -158
- package/Text.js +93 -50
- package/TextArea.d.ts +2 -0
- package/TextArea.js +134 -56
- package/Tooltip.js +246 -63
- package/TransitionOpen.js +63 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +17 -16
- package/WaitSpinner.js +15 -81
- package/docker-compose.yml +42 -0
- package/package.json +20 -20
- package/test-runner-jest.config.js +23 -5
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/Calendar/Calendar.d.ts +17 -2
- package/types/src/Calendar/DateTable.d.ts +7 -3
- package/types/src/Calendar/Day.d.ts +14 -5
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
- 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/Date/Date.d.ts +17 -8
- package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
- package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
- package/types/src/Divider/Divider.d.ts +20 -0
- package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
- package/types/src/Divider/index.d.ts +1 -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/Modal.d.ts +7 -3
- package/types/src/Modal/ModalContext.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +10 -1
- package/types/src/Multiselect/Multiselect.d.ts +12 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Number/Number.d.ts +5 -1
- 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/SelectBase.d.ts +2 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
- 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/Table/Head.d.ts +2 -0
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -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 +26 -9
- package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
- package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/types/src/useKeyPress/index.d.ts +37 -0
- package/useForceUpdate.js +9 -9
- package/{useIsSsr.js → useKeyPress.js} +56 -49
- package/usePrevious.js +9 -9
- package/types/src/useIsSsr/index.d.ts +0 -2
- package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
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
|
/******/ ({
|
|
@@ -97,11 +97,18 @@ module.exports = require("prop-types");
|
|
|
97
97
|
/***/ 10:
|
|
98
98
|
/***/ (function(module, exports) {
|
|
99
99
|
|
|
100
|
-
module.exports = require("
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
-
/***/ 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 =
|
|
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
|
-
var format_ = __webpack_require__(
|
|
185
|
+
var format_ = __webpack_require__(58);
|
|
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({
|
|
@@ -944,7 +989,7 @@ var File_File = /*#__PURE__*/function (_Component) {
|
|
|
944
989
|
$error: error,
|
|
945
990
|
$fileCount: fileCount,
|
|
946
991
|
"data-test": "file"
|
|
947
|
-
},
|
|
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
|
-
/***/
|
|
1058
|
+
/***/ 17:
|
|
1013
1059
|
/***/ (function(module, exports) {
|
|
1014
1060
|
|
|
1015
|
-
module.exports = require("@splunk/react-ui/
|
|
1061
|
+
module.exports = require("@splunk/react-ui/EventListener");
|
|
1016
1062
|
|
|
1017
1063
|
/***/ }),
|
|
1018
1064
|
|
|
1019
|
-
/***/
|
|
1065
|
+
/***/ 2:
|
|
1020
1066
|
/***/ (function(module, exports) {
|
|
1021
1067
|
|
|
1022
|
-
module.exports = require("
|
|
1068
|
+
module.exports = require("react");
|
|
1023
1069
|
|
|
1024
1070
|
/***/ }),
|
|
1025
1071
|
|
|
1026
|
-
/***/
|
|
1072
|
+
/***/ 25:
|
|
1027
1073
|
/***/ (function(module, exports) {
|
|
1028
1074
|
|
|
1029
|
-
module.exports = require("
|
|
1075
|
+
module.exports = require("lodash/isString");
|
|
1030
1076
|
|
|
1031
1077
|
/***/ }),
|
|
1032
1078
|
|
|
1033
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
1136
|
+
/***/ 3:
|
|
1091
1137
|
/***/ (function(module, exports) {
|
|
1092
1138
|
|
|
1093
|
-
module.exports = require("
|
|
1139
|
+
module.exports = require("styled-components");
|
|
1094
1140
|
|
|
1095
1141
|
/***/ }),
|
|
1096
1142
|
|
|
1097
|
-
/***/
|
|
1143
|
+
/***/ 32:
|
|
1098
1144
|
/***/ (function(module, exports) {
|
|
1099
1145
|
|
|
1100
|
-
module.exports = require("
|
|
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("
|
|
1153
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
1108
1154
|
|
|
1109
1155
|
/***/ }),
|
|
1110
1156
|
|
|
1111
|
-
/***/
|
|
1157
|
+
/***/ 41:
|
|
1112
1158
|
/***/ (function(module, exports) {
|
|
1113
1159
|
|
|
1114
|
-
module.exports = require("
|
|
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("
|
|
1167
|
+
module.exports = require("lodash/omit");
|
|
1122
1168
|
|
|
1123
1169
|
/***/ }),
|
|
1124
1170
|
|
|
1125
|
-
/***/
|
|
1171
|
+
/***/ 58:
|
|
1126
1172
|
/***/ (function(module, exports) {
|
|
1127
1173
|
|
|
1128
|
-
module.exports = require("@splunk/
|
|
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
|
-
/***/
|
|
1335
|
+
/***/ 80:
|
|
1283
1336
|
/***/ (function(module, exports) {
|
|
1284
1337
|
|
|
1285
|
-
module.exports = require("@splunk/
|
|
1338
|
+
module.exports = require("@splunk/themes/mixins");
|
|
1286
1339
|
|
|
1287
1340
|
/***/ })
|
|
1288
1341
|
|