@splunk/react-ui 4.14.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 +35 -34
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +14 -14
- package/CHANGELOG.md +30 -0
- package/Calendar.js +124 -106
- package/Card.js +68 -68
- package/CardLayout.js +9 -9
- package/Chip.js +23 -23
- 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 +44 -31
- 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 +96 -43
- package/FormRows.js +38 -37
- package/Heading.js +83 -55
- package/Image.js +67 -42
- package/JSONTree.js +106 -21
- package/Layer.js +59 -34
- package/Link.js +17 -17
- package/List.js +3 -3
- 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 +2793 -2315
- package/Number.js +74 -37
- package/Paginator.js +99 -86
- 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 +50 -25
- package/ScrollContainerContext.js +48 -48
- package/Search.js +68 -31
- package/Select.js +347 -69
- 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 +43 -18
- package/Table.js +371 -162
- 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 +17 -16
- package/WaitSpinner.js +15 -15
- package/docker-compose.yml +42 -0
- package/package.json +12 -10
- package/test-runner-jest.config.js +11 -6
- 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 +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 +10 -1
- package/types/src/Multiselect/Multiselect.d.ts +12 -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/SelectBase.d.ts +2 -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/Table/Head.d.ts +2 -0
- 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/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/MessageBar.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 = 216);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,21 +101,115 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 100:
|
|
105
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
|
+
|
|
107
|
+
"use strict";
|
|
108
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
|
|
109
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
110
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
111
|
+
/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(70);
|
|
112
|
+
/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__);
|
|
113
|
+
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
114
|
+
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
115
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
function Prisma24(_ref) {
|
|
123
|
+
var otherProps = _extends({}, _ref);
|
|
124
|
+
|
|
125
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
|
|
126
|
+
viewBox: "0 0 24 24"
|
|
127
|
+
}, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
128
|
+
fillRule: "evenodd",
|
|
129
|
+
clipRule: "evenodd",
|
|
130
|
+
d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.8738 8.62627C17.2643 9.01679 17.2643 9.64996 16.8738 10.0405L11.5853 15.329C10.9996 15.9147 10.0499 15.9148 9.46414 15.3291L7.12637 12.9921C6.73579 12.6016 6.7357 11.9684 7.12616 11.5779C7.51663 11.1873 8.1498 11.1872 8.54038 11.5776L10.5246 13.5613L15.4596 8.62627C15.8501 8.23574 16.4833 8.23574 16.8738 8.62627Z",
|
|
131
|
+
fill: "currentColor"
|
|
132
|
+
}));
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
function SuccessFilled(props) {
|
|
136
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
137
|
+
Enterprise: _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
138
|
+
Prisma24: Prisma24
|
|
139
|
+
}, props));
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/***/ }),
|
|
143
|
+
|
|
144
|
+
/***/ 101:
|
|
145
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
146
|
+
|
|
147
|
+
"use strict";
|
|
148
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
|
|
149
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
150
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
151
|
+
/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(102);
|
|
152
|
+
/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__);
|
|
153
|
+
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
154
|
+
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
155
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
function Prisma24(_ref) {
|
|
163
|
+
var otherProps = _extends({}, _ref);
|
|
164
|
+
|
|
165
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
|
|
166
|
+
viewBox: "0 0 24 24"
|
|
167
|
+
}, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
168
|
+
fillRule: "evenodd",
|
|
169
|
+
clipRule: "evenodd",
|
|
170
|
+
d: "M10.6827 2.82369C11.2341 1.72544 12.7659 1.72544 13.3173 2.82369L21.8338 19.7867C22.3412 20.7973 21.6254 22 20.5165 22H3.48349C2.37462 22 1.65878 20.7973 2.16616 19.7867L10.6827 2.82369ZM11.0002 13.6618V11.0133C11.0002 10.461 11.4479 10.0133 12.0002 10.0133C12.5525 10.0133 13.0002 10.461 13.0002 11.0133V13.6618C13.0002 14.2141 12.5525 14.6618 12.0002 14.6618C11.4479 14.6618 11.0002 14.2141 11.0002 13.6618ZM13.2002 16.9347C13.2002 17.5975 12.6629 18.1347 12.0002 18.1347C11.3374 18.1347 10.8002 17.5975 10.8002 16.9347C10.8002 16.272 11.3374 15.7347 12.0002 15.7347C12.6629 15.7347 13.2002 16.272 13.2002 16.9347Z",
|
|
171
|
+
fill: "currentColor"
|
|
172
|
+
}));
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
function WarningFilled(props) {
|
|
176
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
177
|
+
Enterprise: _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
178
|
+
Prisma24: Prisma24
|
|
179
|
+
}, props));
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
/***/ }),
|
|
183
|
+
|
|
184
|
+
/***/ 102:
|
|
105
185
|
/***/ (function(module, exports) {
|
|
106
186
|
|
|
107
|
-
module.exports = require("@splunk/react-
|
|
187
|
+
module.exports = require("@splunk/react-icons/Warning");
|
|
108
188
|
|
|
109
189
|
/***/ }),
|
|
110
190
|
|
|
111
191
|
/***/ 14:
|
|
112
192
|
/***/ (function(module, exports) {
|
|
113
193
|
|
|
194
|
+
module.exports = require("@splunk/react-ui/Clickable");
|
|
195
|
+
|
|
196
|
+
/***/ }),
|
|
197
|
+
|
|
198
|
+
/***/ 16:
|
|
199
|
+
/***/ (function(module, exports) {
|
|
200
|
+
|
|
114
201
|
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
115
202
|
|
|
116
203
|
/***/ }),
|
|
117
204
|
|
|
118
|
-
/***/
|
|
205
|
+
/***/ 2:
|
|
206
|
+
/***/ (function(module, exports) {
|
|
207
|
+
|
|
208
|
+
module.exports = require("react");
|
|
209
|
+
|
|
210
|
+
/***/ }),
|
|
211
|
+
|
|
212
|
+
/***/ 216:
|
|
119
213
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
214
|
|
|
121
215
|
"use strict";
|
|
@@ -134,26 +228,26 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
134
228
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
135
229
|
|
|
136
230
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
137
|
-
var i18n_ = __webpack_require__(
|
|
231
|
+
var i18n_ = __webpack_require__(4);
|
|
138
232
|
|
|
139
233
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
140
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
234
|
+
var ScreenReaderContent_ = __webpack_require__(16);
|
|
141
235
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
142
236
|
|
|
143
237
|
// EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
|
|
144
|
-
var AlertFilled = __webpack_require__(
|
|
238
|
+
var AlertFilled = __webpack_require__(97);
|
|
145
239
|
|
|
146
240
|
// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
|
|
147
|
-
var CrossMark = __webpack_require__(
|
|
241
|
+
var CrossMark = __webpack_require__(27);
|
|
148
242
|
|
|
149
243
|
// EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
|
|
150
|
-
var InfoFilled = __webpack_require__(
|
|
244
|
+
var InfoFilled = __webpack_require__(98);
|
|
151
245
|
|
|
152
246
|
// EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
|
|
153
|
-
var SuccessFilled = __webpack_require__(
|
|
247
|
+
var SuccessFilled = __webpack_require__(100);
|
|
154
248
|
|
|
155
249
|
// EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
|
|
156
|
-
var WarningFilled = __webpack_require__(
|
|
250
|
+
var WarningFilled = __webpack_require__(101);
|
|
157
251
|
|
|
158
252
|
// EXTERNAL MODULE: external "styled-components"
|
|
159
253
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -164,7 +258,7 @@ var Box_ = __webpack_require__(8);
|
|
|
164
258
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
165
259
|
|
|
166
260
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
167
|
-
var Clickable_ = __webpack_require__(
|
|
261
|
+
var Clickable_ = __webpack_require__(14);
|
|
168
262
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
169
263
|
|
|
170
264
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -377,21 +471,14 @@ MessageBar.propTypes = propTypes;
|
|
|
377
471
|
|
|
378
472
|
/***/ }),
|
|
379
473
|
|
|
380
|
-
/***/
|
|
381
|
-
/***/ (function(module, exports) {
|
|
382
|
-
|
|
383
|
-
module.exports = require("react");
|
|
384
|
-
|
|
385
|
-
/***/ }),
|
|
386
|
-
|
|
387
|
-
/***/ 22:
|
|
474
|
+
/***/ 27:
|
|
388
475
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
389
476
|
|
|
390
477
|
"use strict";
|
|
391
478
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
|
|
392
479
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
393
480
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
394
|
-
/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
481
|
+
/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
|
|
395
482
|
/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
|
|
396
483
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
397
484
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -434,7 +521,7 @@ function CrossMark(props) {
|
|
|
434
521
|
|
|
435
522
|
/***/ }),
|
|
436
523
|
|
|
437
|
-
/***/
|
|
524
|
+
/***/ 29:
|
|
438
525
|
/***/ (function(module, exports) {
|
|
439
526
|
|
|
440
527
|
module.exports = require("@splunk/react-icons/Close");
|
|
@@ -448,27 +535,13 @@ module.exports = require("styled-components");
|
|
|
448
535
|
|
|
449
536
|
/***/ }),
|
|
450
537
|
|
|
451
|
-
/***/
|
|
538
|
+
/***/ 4:
|
|
452
539
|
/***/ (function(module, exports) {
|
|
453
540
|
|
|
454
541
|
module.exports = require("@splunk/ui-utils/i18n");
|
|
455
542
|
|
|
456
543
|
/***/ }),
|
|
457
544
|
|
|
458
|
-
/***/ 53:
|
|
459
|
-
/***/ (function(module, exports) {
|
|
460
|
-
|
|
461
|
-
module.exports = require("@splunk/react-icons/Error");
|
|
462
|
-
|
|
463
|
-
/***/ }),
|
|
464
|
-
|
|
465
|
-
/***/ 54:
|
|
466
|
-
/***/ (function(module, exports) {
|
|
467
|
-
|
|
468
|
-
module.exports = require("@splunk/react-icons/Success");
|
|
469
|
-
|
|
470
|
-
/***/ }),
|
|
471
|
-
|
|
472
545
|
/***/ 6:
|
|
473
546
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
474
547
|
|
|
@@ -494,6 +567,13 @@ function SVG(props) {
|
|
|
494
567
|
|
|
495
568
|
/***/ }),
|
|
496
569
|
|
|
570
|
+
/***/ 69:
|
|
571
|
+
/***/ (function(module, exports) {
|
|
572
|
+
|
|
573
|
+
module.exports = require("@splunk/react-icons/Error");
|
|
574
|
+
|
|
575
|
+
/***/ }),
|
|
576
|
+
|
|
497
577
|
/***/ 7:
|
|
498
578
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
499
579
|
|
|
@@ -612,14 +692,28 @@ Icon.defaultProps = defaultProps;
|
|
|
612
692
|
|
|
613
693
|
/***/ }),
|
|
614
694
|
|
|
615
|
-
/***/
|
|
695
|
+
/***/ 70:
|
|
696
|
+
/***/ (function(module, exports) {
|
|
697
|
+
|
|
698
|
+
module.exports = require("@splunk/react-icons/Success");
|
|
699
|
+
|
|
700
|
+
/***/ }),
|
|
701
|
+
|
|
702
|
+
/***/ 8:
|
|
703
|
+
/***/ (function(module, exports) {
|
|
704
|
+
|
|
705
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
706
|
+
|
|
707
|
+
/***/ }),
|
|
708
|
+
|
|
709
|
+
/***/ 97:
|
|
616
710
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
617
711
|
|
|
618
712
|
"use strict";
|
|
619
713
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
|
|
620
714
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
621
715
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
622
|
-
/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
716
|
+
/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69);
|
|
623
717
|
/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__);
|
|
624
718
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
625
719
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -652,14 +746,14 @@ function AlertFilled(props) {
|
|
|
652
746
|
|
|
653
747
|
/***/ }),
|
|
654
748
|
|
|
655
|
-
/***/
|
|
749
|
+
/***/ 98:
|
|
656
750
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
657
751
|
|
|
658
752
|
"use strict";
|
|
659
753
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoFilled; });
|
|
660
754
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
661
755
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
662
|
-
/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
756
|
+
/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99);
|
|
663
757
|
/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__);
|
|
664
758
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
665
759
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -692,105 +786,11 @@ function InfoFilled(props) {
|
|
|
692
786
|
|
|
693
787
|
/***/ }),
|
|
694
788
|
|
|
695
|
-
/***/
|
|
789
|
+
/***/ 99:
|
|
696
790
|
/***/ (function(module, exports) {
|
|
697
791
|
|
|
698
792
|
module.exports = require("@splunk/react-icons/InfoCircle");
|
|
699
793
|
|
|
700
|
-
/***/ }),
|
|
701
|
-
|
|
702
|
-
/***/ 76:
|
|
703
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
704
|
-
|
|
705
|
-
"use strict";
|
|
706
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
|
|
707
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
708
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
709
|
-
/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54);
|
|
710
|
-
/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__);
|
|
711
|
-
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
712
|
-
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
713
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
function Prisma24(_ref) {
|
|
721
|
-
var otherProps = _extends({}, _ref);
|
|
722
|
-
|
|
723
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
|
|
724
|
-
viewBox: "0 0 24 24"
|
|
725
|
-
}, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
726
|
-
fillRule: "evenodd",
|
|
727
|
-
clipRule: "evenodd",
|
|
728
|
-
d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.8738 8.62627C17.2643 9.01679 17.2643 9.64996 16.8738 10.0405L11.5853 15.329C10.9996 15.9147 10.0499 15.9148 9.46414 15.3291L7.12637 12.9921C6.73579 12.6016 6.7357 11.9684 7.12616 11.5779C7.51663 11.1873 8.1498 11.1872 8.54038 11.5776L10.5246 13.5613L15.4596 8.62627C15.8501 8.23574 16.4833 8.23574 16.8738 8.62627Z",
|
|
729
|
-
fill: "currentColor"
|
|
730
|
-
}));
|
|
731
|
-
}
|
|
732
|
-
|
|
733
|
-
function SuccessFilled(props) {
|
|
734
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
735
|
-
Enterprise: _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
736
|
-
Prisma24: Prisma24
|
|
737
|
-
}, props));
|
|
738
|
-
}
|
|
739
|
-
|
|
740
|
-
/***/ }),
|
|
741
|
-
|
|
742
|
-
/***/ 77:
|
|
743
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
744
|
-
|
|
745
|
-
"use strict";
|
|
746
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
|
|
747
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
748
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
749
|
-
/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(78);
|
|
750
|
-
/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__);
|
|
751
|
-
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
752
|
-
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
753
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
function Prisma24(_ref) {
|
|
761
|
-
var otherProps = _extends({}, _ref);
|
|
762
|
-
|
|
763
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
|
|
764
|
-
viewBox: "0 0 24 24"
|
|
765
|
-
}, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
766
|
-
fillRule: "evenodd",
|
|
767
|
-
clipRule: "evenodd",
|
|
768
|
-
d: "M10.6827 2.82369C11.2341 1.72544 12.7659 1.72544 13.3173 2.82369L21.8338 19.7867C22.3412 20.7973 21.6254 22 20.5165 22H3.48349C2.37462 22 1.65878 20.7973 2.16616 19.7867L10.6827 2.82369ZM11.0002 13.6618V11.0133C11.0002 10.461 11.4479 10.0133 12.0002 10.0133C12.5525 10.0133 13.0002 10.461 13.0002 11.0133V13.6618C13.0002 14.2141 12.5525 14.6618 12.0002 14.6618C11.4479 14.6618 11.0002 14.2141 11.0002 13.6618ZM13.2002 16.9347C13.2002 17.5975 12.6629 18.1347 12.0002 18.1347C11.3374 18.1347 10.8002 17.5975 10.8002 16.9347C10.8002 16.272 11.3374 15.7347 12.0002 15.7347C12.6629 15.7347 13.2002 16.272 13.2002 16.9347Z",
|
|
769
|
-
fill: "currentColor"
|
|
770
|
-
}));
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
function WarningFilled(props) {
|
|
774
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
775
|
-
Enterprise: _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
776
|
-
Prisma24: Prisma24
|
|
777
|
-
}, props));
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
/***/ }),
|
|
781
|
-
|
|
782
|
-
/***/ 78:
|
|
783
|
-
/***/ (function(module, exports) {
|
|
784
|
-
|
|
785
|
-
module.exports = require("@splunk/react-icons/Warning");
|
|
786
|
-
|
|
787
|
-
/***/ }),
|
|
788
|
-
|
|
789
|
-
/***/ 8:
|
|
790
|
-
/***/ (function(module, exports) {
|
|
791
|
-
|
|
792
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
793
|
-
|
|
794
794
|
/***/ })
|
|
795
795
|
|
|
796
796
|
/******/ });
|
package/Modal.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 = 168);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,35 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 10:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("lodash/keys");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 103:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-ui/ModalLayer");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 110:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("@splunk/react-ui/Divider");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 13:
|
|
105
126
|
/***/ (function(module, exports) {
|
|
106
127
|
|
|
107
128
|
module.exports = require("@splunk/ui-utils/id");
|
|
108
129
|
|
|
109
130
|
/***/ }),
|
|
110
131
|
|
|
111
|
-
/***/
|
|
132
|
+
/***/ 168:
|
|
112
133
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
134
|
|
|
114
135
|
"use strict";
|
|
@@ -129,21 +150,30 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
129
150
|
var external_prop_types_ = __webpack_require__(1);
|
|
130
151
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
131
152
|
|
|
132
|
-
// EXTERNAL MODULE: external "lodash"
|
|
133
|
-
var
|
|
153
|
+
// EXTERNAL MODULE: external "lodash/defer"
|
|
154
|
+
var defer_ = __webpack_require__(53);
|
|
155
|
+
var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
|
|
156
|
+
|
|
157
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
158
|
+
var keys_ = __webpack_require__(10);
|
|
159
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
160
|
+
|
|
161
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
162
|
+
var omit_ = __webpack_require__(5);
|
|
163
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
134
164
|
|
|
135
165
|
// EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
|
|
136
|
-
var ModalLayer_ = __webpack_require__(
|
|
166
|
+
var ModalLayer_ = __webpack_require__(103);
|
|
137
167
|
var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
|
|
138
168
|
|
|
139
169
|
// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
|
|
140
|
-
var focus_ = __webpack_require__(
|
|
170
|
+
var focus_ = __webpack_require__(35);
|
|
141
171
|
|
|
142
172
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
143
|
-
var id_ = __webpack_require__(
|
|
173
|
+
var id_ = __webpack_require__(13);
|
|
144
174
|
|
|
145
175
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
146
|
-
var ScrollContainerContext_ = __webpack_require__(
|
|
176
|
+
var ScrollContainerContext_ = __webpack_require__(49);
|
|
147
177
|
|
|
148
178
|
// EXTERNAL MODULE: external "styled-components"
|
|
149
179
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -232,7 +262,7 @@ function Body(_ref) {
|
|
|
232
262
|
Body.propTypes = propTypes;
|
|
233
263
|
/* harmony default export */ var Modal_Body = (Body);
|
|
234
264
|
// EXTERNAL MODULE: external "@splunk/react-ui/Divider"
|
|
235
|
-
var Divider_ = __webpack_require__(
|
|
265
|
+
var Divider_ = __webpack_require__(110);
|
|
236
266
|
var Divider_default = /*#__PURE__*/__webpack_require__.n(Divider_);
|
|
237
267
|
|
|
238
268
|
// CONCATENATED MODULE: ./src/Modal/FooterStyles.ts
|
|
@@ -295,7 +325,7 @@ function Footer(_ref) {
|
|
|
295
325
|
Footer.propTypes = Footer_propTypes;
|
|
296
326
|
/* harmony default export */ var Modal_Footer = (Footer);
|
|
297
327
|
// EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
|
|
298
|
-
var CloseButton_ = __webpack_require__(
|
|
328
|
+
var CloseButton_ = __webpack_require__(92);
|
|
299
329
|
var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
|
|
300
330
|
|
|
301
331
|
// CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
|
|
@@ -443,7 +473,7 @@ function Header(_ref) {
|
|
|
443
473
|
Header.propTypes = Header_propTypes;
|
|
444
474
|
/* harmony default export */ var Modal_Header = (Header);
|
|
445
475
|
// EXTERNAL MODULE: external "react-spring"
|
|
446
|
-
var external_react_spring_ = __webpack_require__(
|
|
476
|
+
var external_react_spring_ = __webpack_require__(26);
|
|
447
477
|
|
|
448
478
|
// CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
|
|
449
479
|
|
|
@@ -511,6 +541,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
511
541
|
|
|
512
542
|
|
|
513
543
|
|
|
544
|
+
|
|
545
|
+
|
|
514
546
|
/** @public */
|
|
515
547
|
|
|
516
548
|
var Modal_propTypes = {
|
|
@@ -572,7 +604,7 @@ var Modal_Modal = /*#__PURE__*/function (_Component) {
|
|
|
572
604
|
open = _this$props.open;
|
|
573
605
|
|
|
574
606
|
if (open) {
|
|
575
|
-
_this.initialFocusTimeoutId =
|
|
607
|
+
_this.initialFocusTimeoutId = defer_default()(function () {
|
|
576
608
|
var focusTarget; // not using the takeFocus() util here because it
|
|
577
609
|
// doesn't work for all values of "initialFocus"
|
|
578
610
|
// and it has a nested defer() call, which we want to avoid
|
|
@@ -643,7 +675,7 @@ var Modal_Modal = /*#__PURE__*/function (_Component) {
|
|
|
643
675
|
onKeyDown: _this.handleModalKeyDown,
|
|
644
676
|
role: "dialog",
|
|
645
677
|
"aria-labelledby": _this.headerTitleId
|
|
646
|
-
},
|
|
678
|
+
}, omit_default()(_this.props, [].concat(_toConsumableArray(keys_default()(Modal.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Modal_ModalContext.Provider, {
|
|
647
679
|
value: {
|
|
648
680
|
titleId: _this.headerTitleId,
|
|
649
681
|
divider: divider
|
|
@@ -714,20 +746,13 @@ module.exports = require("react");
|
|
|
714
746
|
|
|
715
747
|
/***/ }),
|
|
716
748
|
|
|
717
|
-
/***/
|
|
749
|
+
/***/ 26:
|
|
718
750
|
/***/ (function(module, exports) {
|
|
719
751
|
|
|
720
752
|
module.exports = require("react-spring");
|
|
721
753
|
|
|
722
754
|
/***/ }),
|
|
723
755
|
|
|
724
|
-
/***/ 28:
|
|
725
|
-
/***/ (function(module, exports) {
|
|
726
|
-
|
|
727
|
-
module.exports = require("@splunk/ui-utils/focus");
|
|
728
|
-
|
|
729
|
-
/***/ }),
|
|
730
|
-
|
|
731
756
|
/***/ 3:
|
|
732
757
|
/***/ (function(module, exports) {
|
|
733
758
|
|
|
@@ -735,31 +760,31 @@ module.exports = require("styled-components");
|
|
|
735
760
|
|
|
736
761
|
/***/ }),
|
|
737
762
|
|
|
738
|
-
/***/
|
|
763
|
+
/***/ 35:
|
|
739
764
|
/***/ (function(module, exports) {
|
|
740
765
|
|
|
741
|
-
module.exports = require("@splunk/
|
|
766
|
+
module.exports = require("@splunk/ui-utils/focus");
|
|
742
767
|
|
|
743
768
|
/***/ }),
|
|
744
769
|
|
|
745
|
-
/***/
|
|
770
|
+
/***/ 49:
|
|
746
771
|
/***/ (function(module, exports) {
|
|
747
772
|
|
|
748
|
-
module.exports = require("
|
|
773
|
+
module.exports = require("@splunk/react-ui/ScrollContainerContext");
|
|
749
774
|
|
|
750
775
|
/***/ }),
|
|
751
776
|
|
|
752
|
-
/***/
|
|
777
|
+
/***/ 5:
|
|
753
778
|
/***/ (function(module, exports) {
|
|
754
779
|
|
|
755
|
-
module.exports = require("
|
|
780
|
+
module.exports = require("lodash/omit");
|
|
756
781
|
|
|
757
782
|
/***/ }),
|
|
758
783
|
|
|
759
|
-
/***/
|
|
784
|
+
/***/ 53:
|
|
760
785
|
/***/ (function(module, exports) {
|
|
761
786
|
|
|
762
|
-
module.exports = require("
|
|
787
|
+
module.exports = require("lodash/defer");
|
|
763
788
|
|
|
764
789
|
/***/ }),
|
|
765
790
|
|
|
@@ -770,10 +795,10 @@ module.exports = require("@splunk/react-ui/Box");
|
|
|
770
795
|
|
|
771
796
|
/***/ }),
|
|
772
797
|
|
|
773
|
-
/***/
|
|
798
|
+
/***/ 92:
|
|
774
799
|
/***/ (function(module, exports) {
|
|
775
800
|
|
|
776
|
-
module.exports = require("@splunk/react-ui/
|
|
801
|
+
module.exports = require("@splunk/react-ui/CloseButton");
|
|
777
802
|
|
|
778
803
|
/***/ })
|
|
779
804
|
|