@splunk/react-ui 4.14.0 → 4.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/.dockerignore +2 -0
  2. package/Accordion.js +41 -16
  3. package/Anchor.js +9 -9
  4. package/Animation.js +6 -6
  5. package/AnimationToggle.js +2 -2
  6. package/Box.js +9 -9
  7. package/Button.js +54 -51
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +68 -64
  10. package/CHANGELOG.md +46 -0
  11. package/Calendar.js +124 -106
  12. package/Card.js +68 -68
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +22 -22
  15. package/Clickable.js +38 -14
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +59 -34
  19. package/Color.js +297 -187
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +88 -27
  23. package/ControlGroup.js +81 -24
  24. package/Date.js +54 -36
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +9 -9
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +78 -18
  32. package/EventListener.js +17 -17
  33. package/File.js +108 -46
  34. package/FormRows.js +38 -37
  35. package/Heading.js +83 -55
  36. package/Image.js +63 -38
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +59 -34
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/MIGRATION.md +21 -0
  42. package/Markdown.js +71 -65
  43. package/Menu.js +155 -121
  44. package/Message.js +129 -129
  45. package/MessageBar.js +136 -136
  46. package/Modal.js +57 -32
  47. package/ModalLayer.js +15 -15
  48. package/Monogram.js +18 -17
  49. package/Multiselect.js +2807 -2310
  50. package/Number.js +74 -37
  51. package/Paginator.js +96 -83
  52. package/Paragraph.js +10 -10
  53. package/Popover.js +191 -54
  54. package/Progress.js +23 -22
  55. package/RadioBar.js +32 -14
  56. package/RadioList.js +17 -11
  57. package/Resize.js +33 -20
  58. package/ResultsMenu.js +36 -23
  59. package/ScreenReaderContent.js +9 -9
  60. package/Scroll.js +51 -26
  61. package/ScrollContainerContext.js +48 -48
  62. package/Search.js +68 -31
  63. package/Select.js +501 -204
  64. package/SidePanel.js +37 -24
  65. package/Slider.js +54 -24
  66. package/SlidingPanels.js +52 -14
  67. package/SplitButton.js +23 -22
  68. package/StaticContent.js +9 -9
  69. package/StepBar.js +22 -22
  70. package/Switch.js +18 -13
  71. package/TabBar.js +22 -22
  72. package/TabLayout.js +46 -18
  73. package/Table.js +424 -166
  74. package/Text.js +91 -49
  75. package/TextArea.d.ts +2 -0
  76. package/TextArea.js +127 -49
  77. package/Tooltip.js +236 -59
  78. package/TransitionOpen.js +39 -26
  79. package/Typography.d.ts +2 -0
  80. package/Typography.js +18 -17
  81. package/WaitSpinner.js +15 -15
  82. package/docker-compose.yml +42 -0
  83. package/package.json +13 -12
  84. package/test-runner-jest.config.js +11 -6
  85. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  86. package/types/src/Button/Button.d.ts +5 -2
  87. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  88. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  89. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  90. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  91. package/types/src/Calendar/Calendar.d.ts +2 -0
  92. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  93. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  94. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  95. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  96. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  97. package/types/src/File/File.d.ts +4 -2
  98. package/types/src/File/FileContext.d.ts +1 -0
  99. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  100. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  101. package/types/src/Menu/MenuContext.d.ts +1 -0
  102. package/types/src/Modal/ModalContext.d.ts +1 -0
  103. package/types/src/Multiselect/Compact.d.ts +14 -1
  104. package/types/src/Multiselect/Multiselect.d.ts +15 -1
  105. package/types/src/Multiselect/Normal.d.ts +2 -0
  106. package/types/src/Popover/Popover.d.ts +25 -5
  107. package/types/src/Popover/PopoverContext.d.ts +1 -0
  108. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  109. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  110. package/types/src/RadioList/RadioList.d.ts +5 -1
  111. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  112. package/types/src/Select/Select.d.ts +3 -1
  113. package/types/src/Select/SelectBase.d.ts +14 -0
  114. package/types/src/Slider/Slider.d.ts +5 -3
  115. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  116. package/types/src/Switch/Switch.d.ts +2 -0
  117. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  118. package/types/src/TabLayout/Panel.d.ts +3 -0
  119. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  120. package/types/src/Table/Body.d.ts +2 -0
  121. package/types/src/Table/Head.d.ts +2 -0
  122. package/types/src/Table/Row.d.ts +11 -3
  123. package/types/src/Table/Table.d.ts +5 -3
  124. package/types/src/Table/TableContext.d.ts +1 -0
  125. package/types/src/Text/Text.d.ts +5 -3
  126. package/types/src/TextArea/TextArea.d.ts +5 -3
  127. package/types/src/Tooltip/Tooltip.d.ts +16 -4
  128. package/types/src/Typography/Typography.d.ts +1 -1
  129. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  130. package/useForceUpdate.js +9 -9
  131. package/useKeyPress.js +2 -2
  132. package/usePrevious.js +9 -9
  133. package/.storybook-visual/config/snapshotResolver.js +0 -29
  134. package/.storybook-visual/main.js +0 -22
  135. package/.storybook-visual/preview.jsx +0 -31
  136. package/.storybook-visual/scripts/test.sh +0 -108
  137. package/.storybook-visual/test-runner.js +0 -108
package/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 = 167);
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
- /***/ 12:
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-ui/Clickable");
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
- /***/ 167:
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__(5);
231
+ var i18n_ = __webpack_require__(4);
138
232
 
139
233
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
140
- var ScreenReaderContent_ = __webpack_require__(14);
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__(73);
238
+ var AlertFilled = __webpack_require__(97);
145
239
 
146
240
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
147
- var CrossMark = __webpack_require__(22);
241
+ var CrossMark = __webpack_require__(27);
148
242
 
149
243
  // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
150
- var InfoFilled = __webpack_require__(74);
244
+ var InfoFilled = __webpack_require__(98);
151
245
 
152
246
  // EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
153
- var SuccessFilled = __webpack_require__(76);
247
+ var SuccessFilled = __webpack_require__(100);
154
248
 
155
249
  // EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
156
- var WarningFilled = __webpack_require__(77);
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__(12);
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
- /***/ 2:
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__(23);
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
- /***/ 23:
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
- /***/ 5:
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
- /***/ 73:
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__(53);
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
- /***/ 74:
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__(75);
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
- /***/ 75:
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 = 119);
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
- /***/ 11:
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
- /***/ 119:
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 external_lodash_ = __webpack_require__(4);
153
+ // EXTERNAL MODULE: external "lodash/defer"
154
+ var defer_ = __webpack_require__(55);
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__(79);
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__(28);
170
+ var focus_ = __webpack_require__(35);
141
171
 
142
172
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
143
- var id_ = __webpack_require__(11);
173
+ var id_ = __webpack_require__(13);
144
174
 
145
175
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
146
- var ScrollContainerContext_ = __webpack_require__(39);
176
+ var ScrollContainerContext_ = __webpack_require__(50);
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__(83);
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__(69);
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__(21);
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 = Object(external_lodash_["defer"])(function () {
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
- }, Object(external_lodash_["omit"])(_this.props, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Modal.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Modal_ModalContext.Provider, {
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
- /***/ 21:
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
- /***/ 39:
763
+ /***/ 35:
739
764
  /***/ (function(module, exports) {
740
765
 
741
- module.exports = require("@splunk/react-ui/ScrollContainerContext");
766
+ module.exports = require("@splunk/ui-utils/focus");
742
767
 
743
768
  /***/ }),
744
769
 
745
- /***/ 4:
770
+ /***/ 5:
746
771
  /***/ (function(module, exports) {
747
772
 
748
- module.exports = require("lodash");
773
+ module.exports = require("lodash/omit");
749
774
 
750
775
  /***/ }),
751
776
 
752
- /***/ 69:
777
+ /***/ 50:
753
778
  /***/ (function(module, exports) {
754
779
 
755
- module.exports = require("@splunk/react-ui/CloseButton");
780
+ module.exports = require("@splunk/react-ui/ScrollContainerContext");
756
781
 
757
782
  /***/ }),
758
783
 
759
- /***/ 79:
784
+ /***/ 55:
760
785
  /***/ (function(module, exports) {
761
786
 
762
- module.exports = require("@splunk/react-ui/ModalLayer");
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
- /***/ 83:
798
+ /***/ 92:
774
799
  /***/ (function(module, exports) {
775
800
 
776
- module.exports = require("@splunk/react-ui/Divider");
801
+ module.exports = require("@splunk/react-ui/CloseButton");
777
802
 
778
803
  /***/ })
779
804