@splunk/react-ui 4.38.0 → 4.40.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 (172) 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 +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +49 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +186 -244
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +136 -146
  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 +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +178 -210
  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 +123 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +197 -207
  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 +3137 -3433
  47. package/Number.js +164 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +450 -442
  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 +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +2085 -2345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.d.ts +2 -0
  64. package/SplitButton.js +222 -245
  65. package/StaticContent.js +68 -76
  66. package/StepBar.js +206 -205
  67. package/Switch.js +176 -205
  68. package/TabBar.js +235 -268
  69. package/TabLayout.js +122 -141
  70. package/Table.js +2103 -2261
  71. package/Text.js +379 -493
  72. package/TextArea.js +411 -441
  73. package/Tooltip.js +116 -132
  74. package/TransitionOpen.js +160 -178
  75. package/Tree.js +268 -287
  76. package/Typography.js +48 -52
  77. package/WaitSpinner.js +61 -69
  78. package/cypress/support/commands.ts +9 -0
  79. package/cypress/support/index.d.ts +6 -0
  80. package/cypress/tsconfig.cypress.json +1 -0
  81. package/docker-compose.yml +0 -1
  82. package/package.json +15 -15
  83. package/types/src/Button/Button.d.ts +5 -1
  84. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  85. package/types/src/Card/Card.d.ts +1 -0
  86. package/types/src/Card/Footer.d.ts +1 -0
  87. package/types/src/Chip/Chip.d.ts +3 -6
  88. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  89. package/types/src/Color/Color.d.ts +2 -2
  90. package/types/src/Color/Palette.d.ts +4 -2
  91. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  92. package/types/src/ComboBox/Option.d.ts +1 -1
  93. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  94. package/types/src/Date/Date.d.ts +2 -2
  95. package/types/src/File/File.d.ts +2 -3
  96. package/types/src/File/Retry.d.ts +1 -2
  97. package/types/src/Menu/Item.d.ts +18 -5
  98. package/types/src/Menu/Menu.d.ts +3 -3
  99. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  100. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  101. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  102. package/types/src/Multiselect/Compact.d.ts +1 -1
  103. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  104. package/types/src/Multiselect/Normal.d.ts +1 -1
  105. package/types/src/Multiselect/Option.d.ts +2 -0
  106. package/types/src/Number/Number.d.ts +3 -3
  107. package/types/src/Popover/Popover.d.ts +3 -4
  108. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  109. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  110. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  111. package/types/src/Search/Option.d.ts +9 -3
  112. package/types/src/Select/Option.d.ts +3 -1
  113. package/types/src/Select/OptionBase.d.ts +7 -5
  114. package/types/src/Select/Select.d.ts +4 -2
  115. package/types/src/Select/SelectAllOption.d.ts +4 -4
  116. package/types/src/Select/SelectBase.d.ts +104 -66
  117. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  118. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  121. package/types/src/StepBar/Step.d.ts +1 -2
  122. package/types/src/Switch/Switch.d.ts +0 -1
  123. package/types/src/TabBar/Tab.d.ts +1 -1
  124. package/types/src/TabBar/TabBar.d.ts +3 -1
  125. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  126. package/types/src/Table/Cell.d.ts +0 -2
  127. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  128. package/types/src/Table/HeadInner.d.ts +5 -1
  129. package/types/src/Table/Table.d.ts +0 -1
  130. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  131. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  132. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  133. package/types/src/Text/Text.d.ts +2 -2
  134. package/types/src/TextArea/TextArea.d.ts +2 -2
  135. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  138. package/types/src/useControlled/index.d.ts +2 -0
  139. package/types/src/useControlled/useControlled.d.ts +21 -0
  140. package/types/src/useResizeObserver/index.d.ts +2 -0
  141. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  142. package/useControlled.js +112 -0
  143. package/useForceUpdate.js +30 -32
  144. package/useKeyPress.d.ts +2 -0
  145. package/useKeyPress.js +1 -1
  146. package/useResizeObserver.d.ts +2 -0
  147. package/useResizeObserver.js +137 -0
  148. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  149. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  150. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  151. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  152. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  153. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  154. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  155. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  156. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  157. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  158. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  159. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  160. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  161. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  162. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  163. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  164. package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
  165. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  166. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  167. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  168. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  169. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  170. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
  171. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  172. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/MessageBar.js CHANGED
@@ -24,11 +24,11 @@
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
26
  /******/ e.d = (r, a) => {
27
- /******/ for (var i in a) {
28
- /******/ if (e.o(a, i) && !e.o(r, i)) {
29
- /******/ Object.defineProperty(r, i, {
27
+ /******/ for (var s in a) {
28
+ /******/ if (e.o(a, s) && !e.o(r, s)) {
29
+ /******/ Object.defineProperty(r, s, {
30
30
  enumerable: true,
31
- get: a[i]
31
+ get: a[s]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -61,20 +61,20 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ ie
64
+ default: () => /* reexport */ se
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const a = require("react");
68
- var i = e.n(a);
68
+ var s = e.n(a);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
- const s = require("prop-types");
71
- var n = e.n(s);
70
+ const i = require("prop-types");
71
+ var n = e.n(i);
72
72
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
73
73
  const o = require("@splunk/react-icons/Cross");
74
74
  var t = e.n(o);
75
75
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
76
- const c = require("@splunk/react-icons/enterprise/Close");
77
- var l = e.n(c);
76
+ const l = require("@splunk/react-icons/enterprise/Close");
77
+ var c = e.n(l);
78
78
  // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
79
79
  const p = require("@splunk/react-ui/ScreenReaderContent");
80
80
  var d = e.n(p);
@@ -92,8 +92,8 @@
92
92
  const m = require("@splunk/react-icons/ExclamationCircle");
93
93
  var f = e.n(m);
94
94
  // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
95
- const x = require("@splunk/react-icons/InformationCircle");
96
- var k = e.n(x);
95
+ const k = require("@splunk/react-icons/InformationCircle");
96
+ var x = e.n(k);
97
97
  // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
98
98
  const C = require("@splunk/react-icons/ExclamationTriangle");
99
99
  var w = e.n(C);
@@ -105,10 +105,10 @@
105
105
  var z = e.n(I);
106
106
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Success"
107
107
  const q = require("@splunk/react-icons/enterprise/Success");
108
- var O = e.n(q);
108
+ var E = e.n(q);
109
109
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Warning"
110
- const E = require("@splunk/react-icons/enterprise/Warning");
111
- var B = e.n(E);
110
+ const O = require("@splunk/react-icons/enterprise/Warning");
111
+ var B = e.n(O);
112
112
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
113
113
  const M = require("@splunk/react-ui/Box");
114
114
  var j = e.n(M);
@@ -173,39 +173,39 @@
173
173
  dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
174
174
  }))
175
175
  }));
176
- var $ = (0, b.css)([ "margin-left:auto;" ]);
177
- var P = g()(y()).withConfig({
176
+ var P = (0, b.css)([ "margin-left:auto;" ]);
177
+ var $ = g()(y()).withConfig({
178
178
  displayName: "MessageBarStyles__StyledCheckCircleIcon",
179
179
  componentId: "sc-1uyhzza-2"
180
- })([ "", "" ], $);
180
+ })([ "", "" ], P);
181
181
  var A = g()(f()).withConfig({
182
182
  displayName: "MessageBarStyles__StyledExclamationCircleIcon",
183
183
  componentId: "sc-1uyhzza-3"
184
- })([ "", "" ], $);
185
- var L = g()(k()).withConfig({
184
+ })([ "", "" ], P);
185
+ var L = g()(x()).withConfig({
186
186
  displayName: "MessageBarStyles__StyledInformationCircleIcon",
187
187
  componentId: "sc-1uyhzza-4"
188
- })([ "", "" ], $);
188
+ })([ "", "" ], P);
189
189
  var V = g()(w()).withConfig({
190
190
  displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
191
191
  componentId: "sc-1uyhzza-5"
192
- })([ "", "" ], $);
192
+ })([ "", "" ], P);
193
193
  var D = g()(_()).withConfig({
194
194
  displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
195
195
  componentId: "sc-1uyhzza-6"
196
- })([ "", " color:", ";" ], $, u.variables.errorColor);
196
+ })([ "", " color:", ";" ], P, u.variables.errorColor);
197
197
  var H = g()(z()).withConfig({
198
198
  displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
199
199
  componentId: "sc-1uyhzza-7"
200
- })([ "", " color:", ";" ], $, u.variables.infoColor);
201
- var X = g()(O()).withConfig({
200
+ })([ "", " color:", ";" ], P, u.variables.infoColor);
201
+ var X = g()(E()).withConfig({
202
202
  displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
203
203
  componentId: "sc-1uyhzza-8"
204
- })([ "", " color:", ";" ], $, u.variables.successColor);
204
+ })([ "", " color:", ";" ], P, u.variables.successColor);
205
205
  var F = g()(B()).withConfig({
206
206
  displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
207
207
  componentId: "sc-1uyhzza-9"
208
- })([ "", " color:", ";" ], $, u.variables.warningColor);
208
+ })([ "", " color:", ";" ], P, u.variables.warningColor);
209
209
  var G = g()(j()).withConfig({
210
210
  displayName: "MessageBarStyles__MessageBarWrapper",
211
211
  componentId: "sc-1uyhzza-10"
@@ -267,43 +267,35 @@
267
267
  }));
268
268
  // CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
269
269
  function J() {
270
- J = Object.assign || function(e) {
270
+ return J = Object.assign ? Object.assign.bind() : function(e) {
271
271
  for (var r = 1; r < arguments.length; r++) {
272
272
  var a = arguments[r];
273
- for (var i in a) {
274
- if (Object.prototype.hasOwnProperty.call(a, i)) {
275
- e[i] = a[i];
276
- }
273
+ for (var s in a) {
274
+ ({}).hasOwnProperty.call(a, s) && (e[s] = a[s]);
277
275
  }
278
276
  }
279
277
  return e;
280
- };
281
- return J.apply(this, arguments);
278
+ }, J.apply(null, arguments);
282
279
  }
283
280
  function K(e, r) {
284
- if (e == null) return {};
285
- var a = Q(e, r);
286
- var i, s;
281
+ if (null == e) return {};
282
+ var a, s, i = Q(e, r);
287
283
  if (Object.getOwnPropertySymbols) {
288
284
  var n = Object.getOwnPropertySymbols(e);
289
285
  for (s = 0; s < n.length; s++) {
290
- i = n[s];
291
- if (r.indexOf(i) >= 0) continue;
292
- if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
293
- a[i] = e[i];
286
+ a = n[s], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
294
287
  }
295
288
  }
296
- return a;
289
+ return i;
297
290
  }
298
291
  function Q(e, r) {
299
- if (e == null) return {};
292
+ if (null == e) return {};
300
293
  var a = {};
301
- var i = Object.keys(e);
302
- var s, n;
303
- for (n = 0; n < i.length; n++) {
304
- s = i[n];
305
- if (r.indexOf(s) >= 0) continue;
306
- a[s] = e[s];
294
+ for (var s in e) {
295
+ if ({}.hasOwnProperty.call(e, s)) {
296
+ if (r.includes(s)) continue;
297
+ a[s] = e[s];
298
+ }
307
299
  }
308
300
  return a;
309
301
  }
@@ -328,19 +320,19 @@
328
320
  info: L,
329
321
  warning: V,
330
322
  error: A,
331
- success: P
323
+ success: $
332
324
  });
333
325
  var re = "24px";
334
326
  function ae(e) {
335
- var r = e.children, a = e.type, s = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
327
+ var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
336
328
  // @docs-props-type MessageBarPropsBase
337
- var o = (0, u.useSplunkTheme)(), c = o.isEnterprise;
338
- var p = c && a === "error" ? "22px" : re;
339
- var b = c && a === "warning" ? "21px" : re;
329
+ var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
330
+ var p = l && a === "error" ? "22px" : re;
331
+ var b = l && a === "warning" ? "21px" : re;
340
332
  var g;
341
- if (c) {
333
+ if (l) {
342
334
  var h = Z[a];
343
- g = i().createElement(h, {
335
+ g = s().createElement(h, {
344
336
  height: b,
345
337
  width: p,
346
338
  hideDefaultTooltip: true,
@@ -350,7 +342,7 @@
350
342
  });
351
343
  } else {
352
344
  var y = ee[a];
353
- g = i().createElement(y, {
345
+ g = s().createElement(y, {
354
346
  height: re,
355
347
  width: re,
356
348
  variant: "filled",
@@ -359,34 +351,34 @@
359
351
  });
360
352
  }
361
353
 
362
- return i().createElement(G, J({
354
+ return s().createElement(G, J({
363
355
  $type: a,
364
356
  "data-test": "message-bar",
365
357
  "data-test-type": a
366
358
  }, n, {
367
359
  role: "region",
368
- $hasCloseButton: Boolean(s)
369
- }), g, i().createElement(d(), null, Y[a]), i().createElement(T, {
360
+ $hasCloseButton: Boolean(i)
361
+ }), g, s().createElement(d(), null, Y[a]), s().createElement(T, {
370
362
  $type: a,
371
363
  "data-test": "content"
372
- }, r), s && i().createElement(W, {
364
+ }, r), i && s().createElement(W, {
373
365
  $type: a,
374
- onClick: s
375
- }, c ? i().createElement(l(), {
366
+ onClick: i
367
+ }, l ? s().createElement(c(), {
376
368
  height: "12px",
377
369
  hideDefaultTooltip: true,
378
370
  screenReaderText: null,
379
371
  width: "12px"
380
- }) : i().createElement(t(), {
372
+ }) : s().createElement(t(), {
381
373
  height: "19px",
382
374
  style: {
383
375
  margin: -.5
384
376
  },
385
377
  width: "19px"
386
- }), i().createElement(d(), null, (0, v._)("Close"))));
378
+ }), s().createElement(d(), null, (0, v._)("Close"))));
387
379
  }
388
380
  ae.propTypes = U;
389
- /* harmony default export */ const ie = ae;
381
+ /* harmony default export */ const se = ae;
390
382
  // CONCATENATED MODULE: ./src/MessageBar/index.ts
391
383
  module.exports = r;
392
384
  /******/})();