@splunk/react-ui 4.37.0 → 4.39.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 (142) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +208 -219
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +50 -1
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +1107 -980
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +267 -305
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +512 -530
  41. package/Message.js +173 -196
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +1600 -1923
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +130 -94
  57. package/Scroll.js +209 -244
  58. package/Search.js +375 -384
  59. package/Select.js +1076 -1354
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +192 -222
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +211 -236
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +401 -512
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +17 -17
  82. package/types/src/Button/Button.d.ts +20 -6
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +5 -2
  86. package/types/src/Color/Palette.d.ts +6 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -3
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Link/Link.d.ts +3 -4
  93. package/types/src/Menu/Item.d.ts +24 -8
  94. package/types/src/Menu/Menu.d.ts +3 -3
  95. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  96. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  97. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  98. package/types/src/Multiselect/Option.d.ts +2 -0
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +3 -4
  101. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  102. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  103. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  104. package/types/src/Search/Option.d.ts +16 -3
  105. package/types/src/Select/Option.d.ts +3 -1
  106. package/types/src/Select/OptionBase.d.ts +7 -5
  107. package/types/src/Select/Select.d.ts +2 -2
  108. package/types/src/Select/SelectAllOption.d.ts +4 -4
  109. package/types/src/Select/SelectBase.d.ts +0 -1
  110. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  111. package/types/src/Slider/Slider.d.ts +2 -3
  112. package/types/src/Slider/docs/examples/Error.d.ts +2 -0
  113. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  114. package/types/src/StepBar/Step.d.ts +1 -2
  115. package/types/src/TabBar/Tab.d.ts +1 -1
  116. package/types/src/TabBar/TabBar.d.ts +3 -1
  117. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  118. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  119. package/types/src/Table/Table.d.ts +0 -1
  120. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  121. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  122. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  123. package/types/src/Text/Text.d.ts +6 -4
  124. package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
  125. package/types/src/TextArea/TextArea.d.ts +2 -2
  126. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  127. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  128. package/useForceUpdate.js +30 -32
  129. package/useKeyPress.js +1 -1
  130. package/types/src/Button/docs/examples/Selected.d.ts +0 -2
  131. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  132. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  133. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  134. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  135. package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
  136. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  137. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  138. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  139. /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
  140. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  141. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  142. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/ColumnLayout.js CHANGED
@@ -61,8 +61,8 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- Column: () => /* reexport */ O,
65
- Row: () => /* reexport */ _,
64
+ Column: () => /* reexport */ C,
65
+ Row: () => /* reexport */ R,
66
66
  default: () => /* reexport */ z
67
67
  });
68
68
  // CONCATENATED MODULE: external "react"
@@ -97,50 +97,42 @@
97
97
  // erroneously included in react-ui's public api.
98
98
  // see https://github.com/microsoft/TypeScript/pull/12253
99
99
  // see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
100
- function v(e, t) {
100
+ function m(e, t) {
101
101
  if (e === undefined || e === null) {
102
102
  throw new Error(t !== null && t !== void 0 ? t : "Unexpected undefined or null");
103
103
  }
104
104
  }
105
105
  // CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
106
- function m() {
107
- m = Object.assign || function(e) {
106
+ function v() {
107
+ return v = Object.assign ? Object.assign.bind() : function(e) {
108
108
  for (var t = 1; t < arguments.length; t++) {
109
109
  var r = arguments[t];
110
110
  for (var n in r) {
111
- if (Object.prototype.hasOwnProperty.call(r, n)) {
112
- e[n] = r[n];
113
- }
111
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
114
112
  }
115
113
  }
116
114
  return e;
117
- };
118
- return m.apply(this, arguments);
115
+ }, v.apply(null, arguments);
119
116
  }
120
117
  function y(e, t) {
121
- if (e == null) return {};
122
- var r = h(e, t);
123
- var n, i;
118
+ if (null == e) return {};
119
+ var r, n, i = h(e, t);
124
120
  if (Object.getOwnPropertySymbols) {
125
121
  var l = Object.getOwnPropertySymbols(e);
126
- for (i = 0; i < l.length; i++) {
127
- n = l[i];
128
- if (t.indexOf(n) >= 0) continue;
129
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
130
- r[n] = e[n];
122
+ for (n = 0; n < l.length; n++) {
123
+ r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
131
124
  }
132
125
  }
133
- return r;
126
+ return i;
134
127
  }
135
128
  function h(e, t) {
136
- if (e == null) return {};
129
+ if (null == e) return {};
137
130
  var r = {};
138
- var n = Object.keys(e);
139
- var i, l;
140
- for (l = 0; l < n.length; l++) {
141
- i = n[l];
142
- if (t.indexOf(i) >= 0) continue;
143
- r[i] = e[i];
131
+ for (var n in e) {
132
+ if ({}.hasOwnProperty.call(e, n)) {
133
+ if (t.includes(n)) continue;
134
+ r[n] = e[n];
135
+ }
144
136
  }
145
137
  return r;
146
138
  }
@@ -161,7 +153,7 @@
161
153
  var t = e.children, r = e.elementRef, i = e.gutter, l = e.span, a = l === void 0 ? 1 : l, o = e.isFirstChild, s = e.isLastChild, u = e.style, d = y(e, [ "children", "elementRef", "gutter", "span", "isFirstChild", "isLastChild", "style" ]);
162
154
  // @docs-props-type ColumnPropsBase
163
155
  var f = i ? "calc((100% - ".concat(11 * i, "px) * ").concat(a / 12, " + (").concat(i, "px * ").concat(a - 1, "))") : "".concat(100 / 12 * a, "%");
164
- v(i);
156
+ m(i);
165
157
  var h = {
166
158
  marginLeft: o ? undefined : i / 2,
167
159
  marginRight: s ? undefined : i / 2,
@@ -170,20 +162,20 @@
170
162
  width: f
171
163
  };
172
164
 
173
- return n().createElement(p, m({
165
+ return n().createElement(p, v({
174
166
  "data-test": "column",
175
167
  ref: r,
176
168
  style: c()({}, u, h)
177
169
  }, d), t);
178
170
  }
179
171
  b.propTypes = g;
180
- /* harmony default export */ const O = b;
172
+ /* harmony default export */ const C = b;
181
173
  // CONCATENATED MODULE: ./src/ColumnLayout/RowStyles.ts
182
- var C = d().div.withConfig({
174
+ var O = d().div.withConfig({
183
175
  displayName: "RowStyles__Styled",
184
176
  componentId: "sc-121ntds-0"
185
177
  })([ "", ";flex-flow:row nowrap;&[data-align-items='start']{align-items:flex-start;}&[data-align-items='end']{align-items:flex-end;}&[data-align-items='center']{align-items:center;}&[data-align-items='stretch']{align-items:stretch;}" ], f.mixins.reset("flex"));
186
- var j = d().div.withConfig({
178
+ var w = d().div.withConfig({
187
179
  displayName: "RowStyles__StyledDivider",
188
180
  componentId: "sc-121ntds-1"
189
181
  })([ "border-left:1px solid ", ";flex:0 0 1;align-self:stretch;" ], (0, f.pick)({
@@ -194,48 +186,40 @@
194
186
  }
195
187
  }));
196
188
  // CONCATENATED MODULE: ./src/ColumnLayout/Row.tsx
197
- function w() {
198
- w = Object.assign || function(e) {
189
+ function S() {
190
+ return S = Object.assign ? Object.assign.bind() : function(e) {
199
191
  for (var t = 1; t < arguments.length; t++) {
200
192
  var r = arguments[t];
201
193
  for (var n in r) {
202
- if (Object.prototype.hasOwnProperty.call(r, n)) {
203
- e[n] = r[n];
204
- }
194
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
205
195
  }
206
196
  }
207
197
  return e;
208
- };
209
- return w.apply(this, arguments);
198
+ }, S.apply(null, arguments);
210
199
  }
211
- function x(e, t) {
212
- if (e == null) return {};
213
- var r = S(e, t);
214
- var n, i;
200
+ function j(e, t) {
201
+ if (null == e) return {};
202
+ var r, n, i = x(e, t);
215
203
  if (Object.getOwnPropertySymbols) {
216
204
  var l = Object.getOwnPropertySymbols(e);
217
- for (i = 0; i < l.length; i++) {
218
- n = l[i];
219
- if (t.indexOf(n) >= 0) continue;
220
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
221
- r[n] = e[n];
205
+ for (n = 0; n < l.length; n++) {
206
+ r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
222
207
  }
223
208
  }
224
- return r;
209
+ return i;
225
210
  }
226
- function S(e, t) {
227
- if (e == null) return {};
211
+ function x(e, t) {
212
+ if (null == e) return {};
228
213
  var r = {};
229
- var n = Object.keys(e);
230
- var i, l;
231
- for (l = 0; l < n.length; l++) {
232
- i = n[l];
233
- if (t.indexOf(i) >= 0) continue;
234
- r[i] = e[i];
214
+ for (var n in e) {
215
+ if ({}.hasOwnProperty.call(e, n)) {
216
+ if (t.includes(n)) continue;
217
+ r[n] = e[n];
218
+ }
235
219
  }
236
220
  return r;
237
221
  }
238
- var k = {
222
+ var P = {
239
223
  alignItems: l().oneOf([ "start", "end", "center", "stretch" ]),
240
224
  children: l().node,
241
225
  /** @private. */
@@ -250,11 +234,11 @@
250
234
  /** @private. */
251
235
  style: l().object
252
236
  };
253
- function R(e) {
254
- var t = e.alignItems, i = t === void 0 ? "stretch" : t, l = e.children, a = e.divider, o = e.elementRef, s = e.gutter, u = e.isFirstChild, d = e.isLastChild, f = e.style, p = x(e, [ "alignItems", "children", "divider", "elementRef", "gutter", "isFirstChild", "isLastChild", "style" ]);
237
+ function k(e) {
238
+ var t = e.alignItems, i = t === void 0 ? "stretch" : t, l = e.children, a = e.divider, o = e.elementRef, s = e.gutter, u = e.isFirstChild, d = e.isLastChild, f = e.style, p = j(e, [ "alignItems", "children", "divider", "elementRef", "gutter", "isFirstChild", "isLastChild", "style" ]);
255
239
  // @docs-props-type RowPropsBase
256
240
  if (false) {
257
- var m;
241
+ var v;
258
242
  }
259
243
  var y = (0, r.useCallback)((function(e, t) {
260
244
 
@@ -267,34 +251,34 @@
267
251
  var h = (0, r.useCallback)((function(e, t, r, i) {
268
252
  e.push(t);
269
253
  if (a && r < i.length - 1) {
270
- e.push( n().createElement(j, {
254
+ e.push( n().createElement(w, {
271
255
  key: "".concat(r, "-divider")
272
256
  }));
273
257
  }
274
258
  return e;
275
259
  }), [ a ]);
276
- v(s);
260
+ m(s);
277
261
  var g = {
278
262
  marginTop: u ? undefined : s / 2,
279
263
  marginBottom: d ? undefined : s / 2
280
264
  };
281
265
  var b = r.Children.toArray(l).filter(r.isValidElement).map(y).reduce(h, []);
282
266
 
283
- return n().createElement(C, w({
267
+ return n().createElement(O, S({
284
268
  style: c()({}, f, g),
285
269
  "data-align-items": i,
286
270
  "data-test": "row",
287
271
  ref: o
288
272
  }, p), b);
289
273
  }
290
- R.propTypes = k;
291
- /* harmony default export */ const _ = R;
274
+ k.propTypes = P;
275
+ /* harmony default export */ const R = k;
292
276
  // CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayoutStyles.ts
293
- var E = d().div.withConfig({
277
+ var _ = d().div.withConfig({
294
278
  displayName: "ColumnLayoutStyles__Styled",
295
279
  componentId: "sc-3eatxz-0"
296
280
  })([ "", ";flex-direction:column;" ], f.mixins.reset("flex"));
297
- var P = d().div.withConfig({
281
+ var E = d().div.withConfig({
298
282
  displayName: "ColumnLayoutStyles__StyledDivider",
299
283
  componentId: "sc-3eatxz-1"
300
284
  })([ "border-top:1px solid ", ";height:0;" ], (0, f.pick)({
@@ -306,43 +290,35 @@
306
290
  }));
307
291
  // CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayout.tsx
308
292
  function I() {
309
- I = Object.assign || function(e) {
293
+ return I = Object.assign ? Object.assign.bind() : function(e) {
310
294
  for (var t = 1; t < arguments.length; t++) {
311
295
  var r = arguments[t];
312
296
  for (var n in r) {
313
- if (Object.prototype.hasOwnProperty.call(r, n)) {
314
- e[n] = r[n];
315
- }
297
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
316
298
  }
317
299
  }
318
300
  return e;
319
- };
320
- return I.apply(this, arguments);
301
+ }, I.apply(null, arguments);
321
302
  }
322
303
  function L(e, t) {
323
- if (e == null) return {};
324
- var r = T(e, t);
325
- var n, i;
304
+ if (null == e) return {};
305
+ var r, n, i = T(e, t);
326
306
  if (Object.getOwnPropertySymbols) {
327
307
  var l = Object.getOwnPropertySymbols(e);
328
- for (i = 0; i < l.length; i++) {
329
- n = l[i];
330
- if (t.indexOf(n) >= 0) continue;
331
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
332
- r[n] = e[n];
308
+ for (n = 0; n < l.length; n++) {
309
+ r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
333
310
  }
334
311
  }
335
- return r;
312
+ return i;
336
313
  }
337
314
  function T(e, t) {
338
- if (e == null) return {};
315
+ if (null == e) return {};
339
316
  var r = {};
340
- var n = Object.keys(e);
341
- var i, l;
342
- for (l = 0; l < n.length; l++) {
343
- i = n[l];
344
- if (t.indexOf(i) >= 0) continue;
345
- r[i] = e[i];
317
+ for (var n in e) {
318
+ if ({}.hasOwnProperty.call(e, n)) {
319
+ if (t.includes(n)) continue;
320
+ r[n] = e[n];
321
+ }
346
322
  }
347
323
  return r;
348
324
  }
@@ -382,25 +358,25 @@
382
358
  isLastChild: a
383
359
  });
384
360
  }), [ t, f, l, d, s ]);
385
- var v = (0, r.useCallback)((function(e, t, r, i) {
361
+ var m = (0, r.useCallback)((function(e, t, r, i) {
386
362
  e.push(t);
387
363
  if (l === "horizontal" && r < i.length - 1) {
388
- e.push( n().createElement(P, {
364
+ e.push( n().createElement(E, {
389
365
  key: "".concat(r, "-divider")
390
366
  }));
391
367
  }
392
368
  return e;
393
369
  }), [ l ]);
394
- var m = r.Children.toArray(t).filter(r.isValidElement).map(p).reduce(v, []);
370
+ var v = r.Children.toArray(t).filter(r.isValidElement).map(p).reduce(m, []);
395
371
 
396
- return n().createElement(E, I({
372
+ return n().createElement(_, I({
397
373
  "data-test": "column-layout",
398
374
  ref: a
399
- }, c), m);
375
+ }, c), v);
400
376
  }
401
377
  q.propTypes = F;
402
- q.Row = _;
403
- q.Column = O;
378
+ q.Row = R;
379
+ q.Column = C;
404
380
  /* harmony default export */ const z = q;
405
381
  // CONCATENATED MODULE: ./src/ColumnLayout/index.ts
406
382
  module.exports = t;