@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/Popover.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 = 133);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 135);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 133:
131
+ /***/ 135:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -157,14 +157,14 @@ var external_lodash_ = __webpack_require__(4);
157
157
  var themes_ = __webpack_require__(0);
158
158
 
159
159
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
160
- var Animation_ = __webpack_require__(30);
160
+ var Animation_ = __webpack_require__(31);
161
161
 
162
162
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
163
163
  var EventListener_ = __webpack_require__(15);
164
164
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
165
165
 
166
166
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
167
- var Layer_ = __webpack_require__(57);
167
+ var Layer_ = __webpack_require__(58);
168
168
  var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
169
169
 
170
170
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -196,6 +196,15 @@ function getInitialStyle(_ref) {
196
196
  };
197
197
 
198
198
  case 'below':
199
+ // Align 'end' is only supported by below
200
+ // TODO: SUI-5101 Enable users to align Popover and Dropdown
201
+ if (align === 'end') {
202
+ return {
203
+ top: anchorPos.bottom,
204
+ left: anchorPos.right - outerContainerEl.offsetWidth + padding
205
+ };
206
+ }
207
+
199
208
  return {
200
209
  top: anchorPos.bottom,
201
210
  left: align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2
@@ -445,7 +454,7 @@ function getPlacement(args) {
445
454
  var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
446
455
 
447
456
  // EXTERNAL MODULE: external "react-spring"
448
- var external_react_spring_ = __webpack_require__(18);
457
+ var external_react_spring_ = __webpack_require__(19);
449
458
 
450
459
  // EXTERNAL MODULE: external "styled-components"
451
460
  var external_styled_components_ = __webpack_require__(3);
@@ -585,7 +594,7 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
585
594
 
586
595
  var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
587
596
  var propTypes = {
588
- align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme']),
597
+ align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme', 'end']),
589
598
  anchor: external_prop_types_default.a.object,
590
599
  animation: external_prop_types_default.a.bool,
591
600
  appearance: external_prop_types_default.a.oneOf(['normal', 'inverted', 'none']),
@@ -1144,7 +1153,7 @@ module.exports = require("@splunk/react-ui/EventListener");
1144
1153
 
1145
1154
  /***/ }),
1146
1155
 
1147
- /***/ 18:
1156
+ /***/ 19:
1148
1157
  /***/ (function(module, exports) {
1149
1158
 
1150
1159
  module.exports = require("react-spring");
@@ -1172,7 +1181,7 @@ module.exports = require("styled-components");
1172
1181
 
1173
1182
  /***/ }),
1174
1183
 
1175
- /***/ 30:
1184
+ /***/ 31:
1176
1185
  /***/ (function(module, exports) {
1177
1186
 
1178
1187
  module.exports = require("@splunk/react-ui/Animation");
@@ -1193,7 +1202,7 @@ module.exports = require("lodash");
1193
1202
 
1194
1203
  /***/ }),
1195
1204
 
1196
- /***/ 57:
1205
+ /***/ 58:
1197
1206
  /***/ (function(module, exports) {
1198
1207
 
1199
1208
  module.exports = require("@splunk/react-ui/Layer");
package/Progress.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 = 164);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 167);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 164:
104
+ /***/ 167:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -134,7 +134,7 @@ var external_tinycolor2_ = __webpack_require__(47);
134
134
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
135
135
 
136
136
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
137
- var Tooltip_ = __webpack_require__(49);
137
+ var Tooltip_ = __webpack_require__(50);
138
138
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
139
139
 
140
140
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -347,7 +347,7 @@ module.exports = require("tinycolor2");
347
347
 
348
348
  /***/ }),
349
349
 
350
- /***/ 49:
350
+ /***/ 50:
351
351
  /***/ (function(module, exports) {
352
352
 
353
353
  module.exports = require("@splunk/react-ui/Tooltip");
package/RadioBar.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 = 125);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 127);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 125:
111
+ /***/ 127:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/RadioList.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 = 126);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 128);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 126:
111
+ /***/ 128:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Resize.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 = 165);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 168);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/EventListener");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 165:
145
+ /***/ 168:
146
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
147
 
148
148
  "use strict";
package/ResultsMenu.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 = 166);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 169);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 100:
104
+ /***/ 101:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("@splunk/ui-utils/userAgent");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 102:
105
112
  /***/ (function(module, exports) {
106
113
 
107
114
  module.exports = require("@splunk/react-ui/WaitSpinner");
@@ -142,7 +149,7 @@ module.exports = require("@splunk/react-ui/Menu");
142
149
 
143
150
  /***/ }),
144
151
 
145
- /***/ 166:
152
+ /***/ 169:
146
153
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
154
 
148
155
  "use strict";
@@ -167,7 +174,7 @@ var external_lodash_ = __webpack_require__(4);
167
174
  var i18n_ = __webpack_require__(5);
168
175
 
169
176
  // EXTERNAL MODULE: external "@splunk/ui-utils/userAgent"
170
- var userAgent_ = __webpack_require__(99);
177
+ var userAgent_ = __webpack_require__(101);
171
178
 
172
179
  // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
173
180
  var Menu_ = __webpack_require__(13);
@@ -178,7 +185,7 @@ var external_styled_components_ = __webpack_require__(3);
178
185
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
179
186
 
180
187
  // EXTERNAL MODULE: external "@splunk/react-ui/WaitSpinner"
181
- var WaitSpinner_ = __webpack_require__(100);
188
+ var WaitSpinner_ = __webpack_require__(102);
182
189
  var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
183
190
 
184
191
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -565,13 +572,6 @@ module.exports = require("lodash");
565
572
 
566
573
  module.exports = require("@splunk/ui-utils/i18n");
567
574
 
568
- /***/ }),
569
-
570
- /***/ 99:
571
- /***/ (function(module, exports) {
572
-
573
- module.exports = require("@splunk/ui-utils/userAgent");
574
-
575
575
  /***/ })
576
576
 
577
577
  /******/ });
package/ScreenReaderContent.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 = 170);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 167:
104
+ /***/ 170:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Scroll.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 = 141);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 143);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 141:
131
+ /***/ 143:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -150,7 +150,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
150
150
  var external_lodash_ = __webpack_require__(4);
151
151
 
152
152
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
153
- var Animation_ = __webpack_require__(30);
153
+ var Animation_ = __webpack_require__(31);
154
154
 
155
155
  // EXTERNAL MODULE: external "styled-components"
156
156
  var external_styled_components_ = __webpack_require__(3);
@@ -160,7 +160,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
160
160
  var themes_ = __webpack_require__(0);
161
161
 
162
162
  // EXTERNAL MODULE: external "react-spring"
163
- var external_react_spring_ = __webpack_require__(18);
163
+ var external_react_spring_ = __webpack_require__(19);
164
164
 
165
165
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
166
166
  var EventListener_ = __webpack_require__(15);
@@ -547,7 +547,7 @@ module.exports = require("@splunk/react-ui/EventListener");
547
547
 
548
548
  /***/ }),
549
549
 
550
- /***/ 18:
550
+ /***/ 19:
551
551
  /***/ (function(module, exports) {
552
552
 
553
553
  module.exports = require("react-spring");
@@ -568,7 +568,7 @@ module.exports = require("styled-components");
568
568
 
569
569
  /***/ }),
570
570
 
571
- /***/ 30:
571
+ /***/ 31:
572
572
  /***/ (function(module, exports) {
573
573
 
574
574
  module.exports = require("@splunk/react-ui/Animation");
package/ScrollContainerContext.js CHANGED
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 178);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 181);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 178:
90
+ /***/ 181:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
package/Search.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 = 168);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 171);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 101:
104
+ /***/ 103:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/usePrevious");
@@ -142,7 +142,14 @@ module.exports = require("@splunk/react-ui/Menu");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 168:
145
+ /***/ 17:
146
+ /***/ (function(module, exports) {
147
+
148
+ module.exports = require("@splunk/react-ui/Popover");
149
+
150
+ /***/ }),
151
+
152
+ /***/ 171:
146
153
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
154
 
148
155
  "use strict";
@@ -179,7 +186,7 @@ var keyboard_ = __webpack_require__(9);
179
186
  var Menu_ = __webpack_require__(13);
180
187
 
181
188
  // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
182
- var usePrevious_ = __webpack_require__(101);
189
+ var usePrevious_ = __webpack_require__(103);
183
190
  var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
184
191
 
185
192
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -187,7 +194,7 @@ var Popover_ = __webpack_require__(17);
187
194
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
188
195
 
189
196
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
190
- var ResultsMenu_ = __webpack_require__(33);
197
+ var ResultsMenu_ = __webpack_require__(34);
191
198
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
192
199
 
193
200
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -744,13 +751,6 @@ Search.Heading = Menu_["Heading"];
744
751
 
745
752
 
746
753
 
747
- /***/ }),
748
-
749
- /***/ 17:
750
- /***/ (function(module, exports) {
751
-
752
- module.exports = require("@splunk/react-ui/Popover");
753
-
754
754
  /***/ }),
755
755
 
756
756
  /***/ 2:
@@ -767,7 +767,7 @@ module.exports = require("@splunk/react-ui/Text");
767
767
 
768
768
  /***/ }),
769
769
 
770
- /***/ 33:
770
+ /***/ 34:
771
771
  /***/ (function(module, exports) {
772
772
 
773
773
  module.exports = require("@splunk/react-ui/ResultsMenu");