@splunk/react-ui 4.12.0 → 4.13.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 (99) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +11 -11
  7. package/ButtonGroup.js +2 -2
  8. package/ButtonSimple.js +7 -7
  9. package/CHANGELOG.md +25 -0
  10. package/Calendar.js +33 -33
  11. package/Card.js +13 -13
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +11 -11
  14. package/Clickable.js +7 -7
  15. package/CloseButton.js +11 -11
  16. package/Code.js +4 -4
  17. package/CollapsiblePanel.js +6 -6
  18. package/Color.js +21 -21
  19. package/ColumnLayout.js +4 -4
  20. package/ComboBox.js +4 -4
  21. package/Concertina.js +2 -2
  22. package/ControlGroup.js +4 -4
  23. package/Date.js +4 -4
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +6 -2
  26. package/EventListener.js +4 -4
  27. package/File.js +15 -15
  28. package/FormRows.js +4 -4
  29. package/Heading.js +3 -3
  30. package/Image.js +15 -15
  31. package/JSONTree.js +2 -2
  32. package/Layer.js +4 -4
  33. package/Link.js +9 -9
  34. package/List.js +2 -2
  35. package/Markdown.js +21 -21
  36. package/Menu.js +32 -33
  37. package/Message.js +22 -22
  38. package/MessageBar.js +15 -15
  39. package/Modal.js +4 -4
  40. package/ModalLayer.js +8 -8
  41. package/Monogram.js +2 -2
  42. package/Multiselect.js +112 -103
  43. package/Number.js +2 -2
  44. package/Paginator.js +41 -41
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +18 -9
  47. package/Progress.js +4 -4
  48. package/RadioBar.js +2 -2
  49. package/RadioList.js +2 -2
  50. package/Resize.js +2 -2
  51. package/ResultsMenu.js +12 -12
  52. package/ScreenReaderContent.js +2 -2
  53. package/Scroll.js +6 -6
  54. package/ScrollContainerContext.js +2 -2
  55. package/Search.js +13 -13
  56. package/Select.js +109 -100
  57. package/SidePanel.js +4 -4
  58. package/Slider.js +4 -4
  59. package/SlidingPanels.js +6 -6
  60. package/SplitButton.js +511 -0
  61. package/StaticContent.js +2 -2
  62. package/StepBar.js +6 -6
  63. package/Switch.js +2 -2
  64. package/TabBar.js +2 -2
  65. package/TabLayout.js +4 -4
  66. package/Table.js +60 -43
  67. package/Text.js +105 -101
  68. package/TextArea.js +83 -72
  69. package/Tooltip.js +2 -2
  70. package/TransitionOpen.js +8 -8
  71. package/Typography.js +4 -4
  72. package/WaitSpinner.js +68 -2
  73. package/package.json +4 -3
  74. package/types/src/Button/Button.d.ts +1 -1
  75. package/types/src/Dropdown/Dropdown.d.ts +11 -3
  76. package/types/src/Popover/Popover.d.ts +5 -1
  77. package/types/src/Popover/getPlacement.d.ts +1 -1
  78. package/types/src/SplitButton/Item.d.ts +45 -0
  79. package/types/src/SplitButton/SplitButton.d.ts +41 -0
  80. package/types/src/SplitButton/docs/examples/Basic.d.ts +1 -0
  81. package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +1 -0
  82. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -0
  83. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +1 -0
  84. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -0
  85. package/types/src/SplitButton/index.d.ts +2 -0
  86. package/types/src/Table/HeadCell.d.ts +4 -1
  87. package/types/src/Table/HeadDropdownCell.d.ts +10 -3
  88. package/types/src/Text/Text.d.ts +5 -1
  89. package/types/src/TextArea/TextArea.d.ts +5 -1
  90. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  91. package/types/src/useForceUpdate/index.d.ts +2 -0
  92. package/types/src/useForceUpdate/useForceUpdate.d.ts +9 -0
  93. package/types/src/useIsSsr/index.d.ts +2 -0
  94. package/types/src/useIsSsr/useIsSsr.d.ts +8 -0
  95. package/useForceUpdate.js +151 -0
  96. package/useIsSsr.js +153 -0
  97. package/usePrevious.js +2 -2
  98. package/types/src/Text/docs/examples/prisma/Multiline.d.ts +0 -10
  99. package/types/src/Text/docs/examples/prisma/Search.d.ts +0 -10
package/Message.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 = 123);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 125);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 123:
111
+ /***/ 125:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -128,7 +128,7 @@ var external_prop_types_ = __webpack_require__(1);
128
128
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
129
129
 
130
130
  // EXTERNAL MODULE: external "@splunk/react-ui/MessageBar"
131
- var MessageBar_ = __webpack_require__(96);
131
+ var MessageBar_ = __webpack_require__(98);
132
132
  var MessageBar_default = /*#__PURE__*/__webpack_require__.n(MessageBar_);
133
133
 
134
134
  // EXTERNAL MODULE: external "styled-components"
@@ -136,7 +136,7 @@ var external_styled_components_ = __webpack_require__(3);
136
136
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
139
- var Link_ = __webpack_require__(29);
139
+ var Link_ = __webpack_require__(30);
140
140
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
141
141
 
142
142
  // CONCATENATED MODULE: ./src/Message/LinkStyles.ts
@@ -368,7 +368,7 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
368
368
  var AlertFilled = __webpack_require__(71);
369
369
 
370
370
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
371
- var CrossMark = __webpack_require__(19);
371
+ var CrossMark = __webpack_require__(20);
372
372
 
373
373
  // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
374
374
  var InfoFilled = __webpack_require__(72);
@@ -478,7 +478,14 @@ Message.Link = Message_Link;
478
478
 
479
479
  /***/ }),
480
480
 
481
- /***/ 19:
481
+ /***/ 2:
482
+ /***/ (function(module, exports) {
483
+
484
+ module.exports = require("react");
485
+
486
+ /***/ }),
487
+
488
+ /***/ 20:
482
489
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
483
490
 
484
491
  "use strict";
@@ -528,13 +535,6 @@ function CrossMark(props) {
528
535
 
529
536
  /***/ }),
530
537
 
531
- /***/ 2:
532
- /***/ (function(module, exports) {
533
-
534
- module.exports = require("react");
535
-
536
- /***/ }),
537
-
538
538
  /***/ 21:
539
539
  /***/ (function(module, exports) {
540
540
 
@@ -542,28 +542,28 @@ module.exports = require("@splunk/react-icons/Close");
542
542
 
543
543
  /***/ }),
544
544
 
545
- /***/ 29:
545
+ /***/ 3:
546
546
  /***/ (function(module, exports) {
547
547
 
548
- module.exports = require("@splunk/react-ui/Link");
548
+ module.exports = require("styled-components");
549
549
 
550
550
  /***/ }),
551
551
 
552
- /***/ 3:
552
+ /***/ 30:
553
553
  /***/ (function(module, exports) {
554
554
 
555
- module.exports = require("styled-components");
555
+ module.exports = require("@splunk/react-ui/Link");
556
556
 
557
557
  /***/ }),
558
558
 
559
- /***/ 50:
559
+ /***/ 51:
560
560
  /***/ (function(module, exports) {
561
561
 
562
562
  module.exports = require("@splunk/react-icons/Error");
563
563
 
564
564
  /***/ }),
565
565
 
566
- /***/ 51:
566
+ /***/ 52:
567
567
  /***/ (function(module, exports) {
568
568
 
569
569
  module.exports = require("@splunk/react-icons/Success");
@@ -720,7 +720,7 @@ Icon.defaultProps = defaultProps;
720
720
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
721
721
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
722
722
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
723
- /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50);
723
+ /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
724
724
  /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__);
725
725
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
726
726
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -807,7 +807,7 @@ module.exports = require("@splunk/react-icons/InfoCircle");
807
807
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
808
808
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
809
809
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
810
- /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
810
+ /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52);
811
811
  /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__);
812
812
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
813
813
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -894,7 +894,7 @@ module.exports = require("@splunk/react-ui/Box");
894
894
 
895
895
  /***/ }),
896
896
 
897
- /***/ 96:
897
+ /***/ 98:
898
898
  /***/ (function(module, exports) {
899
899
 
900
900
  module.exports = require("@splunk/react-ui/MessageBar");
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 = 160);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 163);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 160:
118
+ /***/ 163:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -144,7 +144,7 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
144
144
  var AlertFilled = __webpack_require__(71);
145
145
 
146
146
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
147
- var CrossMark = __webpack_require__(19);
147
+ var CrossMark = __webpack_require__(20);
148
148
 
149
149
  // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
150
150
  var InfoFilled = __webpack_require__(72);
@@ -377,7 +377,14 @@ MessageBar.propTypes = propTypes;
377
377
 
378
378
  /***/ }),
379
379
 
380
- /***/ 19:
380
+ /***/ 2:
381
+ /***/ (function(module, exports) {
382
+
383
+ module.exports = require("react");
384
+
385
+ /***/ }),
386
+
387
+ /***/ 20:
381
388
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
382
389
 
383
390
  "use strict";
@@ -427,13 +434,6 @@ function CrossMark(props) {
427
434
 
428
435
  /***/ }),
429
436
 
430
- /***/ 2:
431
- /***/ (function(module, exports) {
432
-
433
- module.exports = require("react");
434
-
435
- /***/ }),
436
-
437
437
  /***/ 21:
438
438
  /***/ (function(module, exports) {
439
439
 
@@ -455,14 +455,14 @@ module.exports = require("@splunk/ui-utils/i18n");
455
455
 
456
456
  /***/ }),
457
457
 
458
- /***/ 50:
458
+ /***/ 51:
459
459
  /***/ (function(module, exports) {
460
460
 
461
461
  module.exports = require("@splunk/react-icons/Error");
462
462
 
463
463
  /***/ }),
464
464
 
465
- /***/ 51:
465
+ /***/ 52:
466
466
  /***/ (function(module, exports) {
467
467
 
468
468
  module.exports = require("@splunk/react-icons/Success");
@@ -619,7 +619,7 @@ Icon.defaultProps = defaultProps;
619
619
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
620
620
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
621
621
  /* 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__(50);
622
+ /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
623
623
  /* 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
624
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
625
625
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -706,7 +706,7 @@ module.exports = require("@splunk/react-icons/InfoCircle");
706
706
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
707
707
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
708
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__(51);
709
+ /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52);
710
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
711
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
712
712
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
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 = 114);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 116);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 114:
111
+ /***/ 116:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -428,7 +428,7 @@ function Header(_ref) {
428
428
  Header.propTypes = Header_propTypes;
429
429
  /* harmony default export */ var Modal_Header = (Header);
430
430
  // EXTERNAL MODULE: external "react-spring"
431
- var external_react_spring_ = __webpack_require__(18);
431
+ var external_react_spring_ = __webpack_require__(19);
432
432
 
433
433
  // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
434
434
 
@@ -688,7 +688,7 @@ _defineProperty(Modal_Modal, "Footer", Modal_Footer);
688
688
 
689
689
  /***/ }),
690
690
 
691
- /***/ 18:
691
+ /***/ 19:
692
692
  /***/ (function(module, exports) {
693
693
 
694
694
  module.exports = require("react-spring");
package/ModalLayer.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 = 161);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 164);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 161:
104
+ /***/ 164:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -120,10 +120,10 @@ var external_prop_types_ = __webpack_require__(1);
120
120
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
121
 
122
122
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
123
- var Animation_ = __webpack_require__(30);
123
+ var Animation_ = __webpack_require__(31);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
126
- var Layer_ = __webpack_require__(57);
126
+ var Layer_ = __webpack_require__(58);
127
127
  var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
128
128
 
129
129
  // EXTERNAL MODULE: external "styled-components"
@@ -131,7 +131,7 @@ var external_styled_components_ = __webpack_require__(3);
131
131
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
132
132
 
133
133
  // EXTERNAL MODULE: external "react-spring"
134
- var external_react_spring_ = __webpack_require__(18);
134
+ var external_react_spring_ = __webpack_require__(19);
135
135
 
136
136
  // EXTERNAL MODULE: external "@splunk/themes"
137
137
  var themes_ = __webpack_require__(0);
@@ -310,7 +310,7 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
310
310
 
311
311
  /***/ }),
312
312
 
313
- /***/ 18:
313
+ /***/ 19:
314
314
  /***/ (function(module, exports) {
315
315
 
316
316
  module.exports = require("react-spring");
@@ -331,14 +331,14 @@ module.exports = require("styled-components");
331
331
 
332
332
  /***/ }),
333
333
 
334
- /***/ 30:
334
+ /***/ 31:
335
335
  /***/ (function(module, exports) {
336
336
 
337
337
  module.exports = require("@splunk/react-ui/Animation");
338
338
 
339
339
  /***/ }),
340
340
 
341
- /***/ 57:
341
+ /***/ 58:
342
342
  /***/ (function(module, exports) {
343
343
 
344
344
  module.exports = require("@splunk/react-ui/Layer");
package/Monogram.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 = 162);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 165);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 162:
111
+ /***/ 165:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";