@splunk/react-ui 4.38.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 (136) 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 +28 -0
  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 +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  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 +506 -532
  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 +1589 -1902
  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 +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +1077 -1345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  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 +176 -205
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +379 -493
  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 +14 -14
  82. package/types/src/Button/Button.d.ts +5 -1
  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 +2 -2
  86. package/types/src/Color/Palette.d.ts +4 -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 -2
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Menu/Item.d.ts +18 -5
  93. package/types/src/Menu/Menu.d.ts +3 -3
  94. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  95. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  96. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  97. package/types/src/Multiselect/Option.d.ts +2 -0
  98. package/types/src/Number/Number.d.ts +3 -3
  99. package/types/src/Popover/Popover.d.ts +3 -4
  100. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  101. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  102. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  103. package/types/src/Search/Option.d.ts +9 -3
  104. package/types/src/Select/Option.d.ts +3 -1
  105. package/types/src/Select/OptionBase.d.ts +7 -5
  106. package/types/src/Select/Select.d.ts +1 -1
  107. package/types/src/Select/SelectAllOption.d.ts +4 -4
  108. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  109. package/types/src/Slider/Slider.d.ts +2 -2
  110. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  111. package/types/src/StepBar/Step.d.ts +1 -2
  112. package/types/src/Switch/Switch.d.ts +0 -1
  113. package/types/src/TabBar/Tab.d.ts +1 -1
  114. package/types/src/TabBar/TabBar.d.ts +3 -1
  115. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  116. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  117. package/types/src/Table/Table.d.ts +0 -1
  118. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  119. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  120. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  121. package/types/src/Text/Text.d.ts +2 -2
  122. package/types/src/TextArea/TextArea.d.ts +2 -2
  123. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  124. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  125. package/useForceUpdate.js +30 -32
  126. package/useKeyPress.js +1 -1
  127. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  128. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  129. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  130. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  131. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  132. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  133. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  134. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  135. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  136. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Progress.js CHANGED
@@ -67,16 +67,16 @@
67
67
  const a = require("react");
68
68
  var t = r.n(a);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
- const i = require("prop-types");
71
- var n = r.n(i);
70
+ const n = require("prop-types");
71
+ var i = r.n(n);
72
72
  // CONCATENATED MODULE: external "lodash/isNumber"
73
73
  const o = require("lodash/isNumber");
74
74
  var s = r.n(o);
75
75
  // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
76
- const c = require("@splunk/react-ui/AnimationToggle");
76
+ const l = require("@splunk/react-ui/AnimationToggle");
77
77
  // CONCATENATED MODULE: external "styled-components"
78
- const l = require("styled-components");
79
- var u = r.n(l);
78
+ const c = require("styled-components");
79
+ var u = r.n(c);
80
80
  // CONCATENATED MODULE: external "tinycolor2"
81
81
  const p = require("tinycolor2");
82
82
  var v = r.n(p);
@@ -126,9 +126,9 @@
126
126
  prisma: "10px"
127
127
  }), (function(r) {
128
128
  var e = r.$animated;
129
- return e && (0, l.css)([ "transition:width 300ms;" ]);
129
+ return e && (0, c.css)([ "transition:width 300ms;" ]);
130
130
  }), (0, g.pick)({
131
- enterprise: (0, l.css)([ "border-right:1px solid ", ";" ], (0, g.pickVariant)("$type", {
131
+ enterprise: (0, c.css)([ "border-right:1px solid ", ";" ], (0, g.pickVariant)("$type", {
132
132
  info: {
133
133
  enterprise: g.variables.accentColorD10,
134
134
  prisma: g.variables.interactiveColorPrimary
@@ -148,8 +148,8 @@
148
148
  }
149
149
  }))
150
150
  }));
151
- var h = (0, l.keyframes)([ "from{opacity:0;}to{opacity:1;}" ]);
152
- var k = (0, l.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
151
+ var h = (0, c.keyframes)([ "from{opacity:0;}to{opacity:1;}" ]);
152
+ var k = (0, c.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
153
153
  var w = u().div.withConfig({
154
154
  displayName: "ProgressStyles__StyledPuck",
155
155
  componentId: "csowex-2"
@@ -182,7 +182,7 @@
182
182
  // warning not supported in enterprise, fallback to info
183
183
  error: g.variables.errorColorL30
184
184
  });
185
- return (0, l.css)([ "background:linear-gradient( 90deg,", ",", ",30%,", ",60%,", ",95%,", ",98%,", " );" ], e, a, t, t, a, e);
185
+ return (0, c.css)([ "background:linear-gradient( 90deg,", ",", ",30%,", ",60%,", ",95%,", ",98%,", " );" ], e, a, t, t, a, e);
186
186
  },
187
187
  prisma: function r(e) {
188
188
  var a = e.$animated;
@@ -193,19 +193,19 @@
193
193
  error: g.variables.accentColorNegative
194
194
  });
195
195
  if (a) {
196
- var i = (0, g.pickVariant)("$type", {
196
+ var n = (0, g.pickVariant)("$type", {
197
197
  info: g.variables.statusColorInfo,
198
198
  success: g.variables.statusColorNormal,
199
199
  warning: g.variables.statusColorMedium,
200
200
  error: g.variables.statusColorHigh
201
201
  });
202
- return (0, l.css)([ "background:radial-gradient( circle at center,", ",", " 30% );" ], i, t);
202
+ return (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );" ], n, t);
203
203
  }
204
- return (0, l.css)([ "background:", ";" ], t);
204
+ return (0, c.css)([ "background:", ";" ], t);
205
205
  }
206
206
  }), (function(r) {
207
207
  return r.$animated && (0, g.pick)({
208
- enterprise: (0, l.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], h),
208
+ enterprise: (0, c.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], h),
209
209
  prisma: function e() {
210
210
  var a = (0, g.pickVariant)("$type", {
211
211
  info: g.variables.statusColorInfo,
@@ -213,125 +213,115 @@
213
213
  warning: g.variables.statusColorMedium,
214
214
  error: g.variables.statusColorHigh
215
215
  })(r);
216
- return (0, l.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], k, v()(a(r)).setAlpha(.75).toRgbString());
216
+ return (0, c.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], k, v()(a(r)).setAlpha(.75).toRgbString());
217
217
  }
218
218
  });
219
219
  }));
220
220
  // CONCATENATED MODULE: ./src/Progress/Progress.tsx
221
221
  function S() {
222
- S = Object.assign || function(r) {
222
+ return S = Object.assign ? Object.assign.bind() : function(r) {
223
223
  for (var e = 1; e < arguments.length; e++) {
224
224
  var a = arguments[e];
225
225
  for (var t in a) {
226
- if (Object.prototype.hasOwnProperty.call(a, t)) {
227
- r[t] = a[t];
228
- }
226
+ ({}).hasOwnProperty.call(a, t) && (r[t] = a[t]);
229
227
  }
230
228
  }
231
229
  return r;
232
- };
233
- return S.apply(this, arguments);
230
+ }, S.apply(null, arguments);
234
231
  }
235
232
  function O(r, e) {
236
- return D(r) || j(r, e) || P(r, e) || x();
233
+ return D(r) || j(r, e) || $(r, e) || P();
237
234
  }
238
- function x() {
235
+ function P() {
239
236
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
240
237
  }
241
- function P(r, e) {
242
- if (!r) return;
243
- if (typeof r === "string") return $(r, e);
244
- var a = Object.prototype.toString.call(r).slice(8, -1);
245
- if (a === "Object" && r.constructor) a = r.constructor.name;
246
- if (a === "Map" || a === "Set") return Array.from(r);
247
- if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return $(r, e);
248
- }
249
238
  function $(r, e) {
250
- if (e == null || e > r.length) e = r.length;
251
- for (var a = 0, t = new Array(e); a < e; a++) {
239
+ if (r) {
240
+ if ("string" == typeof r) return x(r, e);
241
+ var a = {}.toString.call(r).slice(8, -1);
242
+ return "Object" === a && r.constructor && (a = r.constructor.name), "Map" === a || "Set" === a ? Array.from(r) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? x(r, e) : void 0;
243
+ }
244
+ }
245
+ function x(r, e) {
246
+ (null == e || e > r.length) && (e = r.length);
247
+ for (var a = 0, t = Array(e); a < e; a++) {
252
248
  t[a] = r[a];
253
249
  }
254
250
  return t;
255
251
  }
256
252
  function j(r, e) {
257
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(r))) return;
258
- var a = [];
259
- var t = true;
260
- var i = false;
261
- var n = undefined;
262
- try {
263
- for (var o = r[Symbol.iterator](), s; !(t = (s = o.next()).done); t = true) {
264
- a.push(s.value);
265
- if (e && a.length === e) break;
266
- }
267
- } catch (r) {
268
- i = true;
269
- n = r;
270
- } finally {
253
+ var a = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
254
+ if (null != a) {
255
+ var t, n, i, o, s = [], l = !0, c = !1;
271
256
  try {
272
- if (!t && o["return"] != null) o["return"]();
257
+ if (i = (a = a.call(r)).next, 0 === e) {
258
+ if (Object(a) !== a) return;
259
+ l = !1;
260
+ } else for (;!(l = (t = i.call(a)).done) && (s.push(t.value), s.length !== e); l = !0) {
261
+ }
262
+ } catch (r) {
263
+ c = !0, n = r;
273
264
  } finally {
274
- if (i) throw n;
265
+ try {
266
+ if (!l && null != a["return"] && (o = a["return"](), Object(o) !== o)) return;
267
+ } finally {
268
+ if (c) throw n;
269
+ }
275
270
  }
271
+ return s;
276
272
  }
277
- return a;
278
273
  }
279
274
  function D(r) {
280
275
  if (Array.isArray(r)) return r;
281
276
  }
282
277
  function _(r, e) {
283
- if (r == null) return {};
284
- var a = q(r, e);
285
- var t, i;
278
+ if (null == r) return {};
279
+ var a, t, n = q(r, e);
286
280
  if (Object.getOwnPropertySymbols) {
287
- var n = Object.getOwnPropertySymbols(r);
288
- for (i = 0; i < n.length; i++) {
289
- t = n[i];
290
- if (e.indexOf(t) >= 0) continue;
291
- if (!Object.prototype.propertyIsEnumerable.call(r, t)) continue;
292
- a[t] = r[t];
281
+ var i = Object.getOwnPropertySymbols(r);
282
+ for (t = 0; t < i.length; t++) {
283
+ a = i[t], e.includes(a) || {}.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
293
284
  }
294
285
  }
295
- return a;
286
+ return n;
296
287
  }
297
288
  function q(r, e) {
298
- if (r == null) return {};
289
+ if (null == r) return {};
299
290
  var a = {};
300
- var t = Object.keys(r);
301
- var i, n;
302
- for (n = 0; n < t.length; n++) {
303
- i = t[n];
304
- if (e.indexOf(i) >= 0) continue;
305
- a[i] = r[i];
291
+ for (var t in r) {
292
+ if ({}.hasOwnProperty.call(r, t)) {
293
+ if (e.includes(t)) continue;
294
+ a[t] = r[t];
295
+ }
306
296
  }
307
297
  return a;
308
298
  }
309
299
  var A = {
310
- elementRef: n().oneOfType([ n().func, n().object ]),
311
- percentage: n().number,
312
- tooltip: n().node,
313
- type: n().oneOf([ "info", "success", "warning", "error" ])
300
+ elementRef: i().oneOfType([ i().func, i().object ]),
301
+ percentage: i().number,
302
+ tooltip: i().node,
303
+ type: i().oneOf([ "info", "success", "warning", "error" ])
314
304
  };
315
305
  function I(r) {
316
- var e = r.percentage, i = r.tooltip, n = r.type, o = n === void 0 ? "info" : n, l = _(r, [ "percentage", "tooltip", "type" ]);
306
+ var e = r.percentage, n = r.tooltip, i = r.type, o = i === void 0 ? "info" : i, c = _(r, [ "percentage", "tooltip", "type" ]);
317
307
  // @docs-props-type ProgressPropsBase
318
308
  if (false) {}
319
309
  var u = (0, a.useState)(false), p = O(u, 2), v = p[0], b = p[1];
320
- var f = (0, c.useAnimationToggle)() === "on";
310
+ var f = (0, l.useAnimationToggle)() === "on";
321
311
  var m = (0, a.useCallback)((function() {
322
312
  b(true);
323
313
  }), []);
324
314
  var d = (0, a.useCallback)((function() {
325
315
  b(false);
326
316
  }), []);
327
- var g = i || "".concat(e, "%");
317
+ var g = n || "".concat(e, "%");
328
318
 
329
319
  return t().createElement(y, S({
330
320
  $animated: f,
331
321
  "data-test": "progress",
332
322
  onMouseEnter: m,
333
323
  onMouseLeave: d
334
- }, l), s()(e) && t().createElement(C, {
324
+ }, c), s()(e) && t().createElement(C, {
335
325
  inline: false,
336
326
  open: v,
337
327
  content: g,