@splunk/react-ui 4.32.0 → 4.34.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 (80) hide show
  1. package/Button.js +59 -65
  2. package/ButtonGroup.js +20 -23
  3. package/ButtonSimple.js +374 -339
  4. package/CHANGELOG.md +54 -0
  5. package/Card.js +56 -44
  6. package/Chip.js +2 -6
  7. package/Clickable.js +21 -19
  8. package/CollapsiblePanel.js +281 -264
  9. package/Color.js +88 -86
  10. package/Concertina.js +7 -7
  11. package/ControlGroup.js +18 -18
  12. package/DualListbox.js +8 -11
  13. package/File.js +25 -30
  14. package/FormRows.js +232 -210
  15. package/Image.js +13 -13
  16. package/JSONTree.js +22 -22
  17. package/MIGRATION.mdx +99 -0
  18. package/Markdown.js +12 -12
  19. package/Menu.js +505 -719
  20. package/Message.js +205 -204
  21. package/MessageBar.js +104 -104
  22. package/Modal.js +158 -133
  23. package/Multiselect.js +81 -70
  24. package/Paginator.js +8 -8
  25. package/Popover.js +53 -54
  26. package/Progress.js +45 -46
  27. package/RadioBar.js +117 -115
  28. package/RadioList.js +8 -5
  29. package/ResultsMenu.js +256 -261
  30. package/Search.js +21 -24
  31. package/Select.js +265 -246
  32. package/Slider.js +9 -9
  33. package/SplitButton.js +1 -4
  34. package/StaticContent.js +1 -1
  35. package/StepBar.js +1 -1
  36. package/Switch.js +169 -171
  37. package/TabBar.js +14 -6
  38. package/Table.js +65 -67
  39. package/Text.js +30 -37
  40. package/TextArea.js +162 -163
  41. package/Tooltip.js +1 -1
  42. package/package.json +9 -9
  43. package/stubs-splunkui.d.ts +11 -0
  44. package/types/src/Button/Button.d.ts +4 -4
  45. package/types/src/ButtonSimple/ButtonSimple.d.ts +8 -6
  46. package/types/src/ButtonSimple/mixin.d.ts +2 -2
  47. package/types/src/Card/Card.d.ts +3 -1
  48. package/types/src/Card/Header.d.ts +22 -3
  49. package/types/src/Clickable/Clickable.d.ts +3 -2
  50. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -0
  51. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -3
  52. package/types/src/Date/Date.d.ts +2 -2
  53. package/types/src/Menu/Item.d.ts +3 -1
  54. package/types/src/Menu/Menu.d.ts +16 -21
  55. package/types/src/Menu/MenuContext.d.ts +3 -2
  56. package/types/src/Number/Number.d.ts +2 -2
  57. package/types/src/RadioBar/Option.d.ts +4 -1
  58. package/types/src/RadioBar/RadioBar.d.ts +6 -4
  59. package/types/src/RadioBar/docs/examples/MenuBar.d.ts +2 -0
  60. package/types/src/ResultsMenu/ResultsMenu.d.ts +5 -22
  61. package/types/src/Select/Select.d.ts +8 -4
  62. package/types/src/Select/SelectBase.d.ts +8 -4
  63. package/types/src/Slider/Slider.d.ts +2 -2
  64. package/types/src/Table/Body.d.ts +0 -4
  65. package/types/src/Text/docs/examples/Basic.d.ts +1 -9
  66. package/types/src/Text/docs/examples/Error.d.ts +2 -10
  67. package/types/src/Text/docs/examples/Inline.d.ts +1 -9
  68. package/types/src/Text/docs/examples/Multiline.d.ts +1 -9
  69. package/types/src/Text/docs/examples/Password.d.ts +1 -9
  70. package/types/src/Text/docs/examples/Search.d.ts +1 -9
  71. package/useRovingFocus.js +26 -40
  72. package/types/src/Button/docs/examples/prisma/Basic.d.ts +0 -2
  73. package/types/src/Button/docs/examples/prisma/Block.d.ts +0 -2
  74. package/types/src/Button/docs/examples/prisma/Disabled.d.ts +0 -2
  75. package/types/src/Button/docs/examples/prisma/Icons.d.ts +0 -2
  76. package/types/src/Button/docs/examples/prisma/Menus.d.ts +0 -2
  77. package/types/src/Button/docs/examples/prisma/To.d.ts +0 -2
  78. package/types/src/Button/docs/examples/prisma/Truncated.d.ts +0 -2
  79. package/types/src/Select/docs/examples/prisma/Appearance.d.ts +0 -14
  80. /package/types/src/{Button/docs/examples/prisma → Clickable/docs/examples}/Dimmed.d.ts +0 -0
package/Search.js CHANGED
@@ -202,7 +202,7 @@
202
202
  return B(e, r);
203
203
  }
204
204
  function T(e) {
205
- var r = L();
205
+ var r = V();
206
206
  return function t() {
207
207
  var n = K(e), o;
208
208
  if (r) {
@@ -211,22 +211,22 @@
211
211
  } else {
212
212
  o = n.apply(this, arguments);
213
213
  }
214
- return V(this, o);
214
+ return H(this, o);
215
215
  };
216
216
  }
217
- function V(e, r) {
217
+ function H(e, r) {
218
218
  if (r && (M(r) === "object" || typeof r === "function")) {
219
219
  return r;
220
220
  }
221
- return H(e);
221
+ return L(e);
222
222
  }
223
- function H(e) {
223
+ function L(e) {
224
224
  if (e === void 0) {
225
225
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
226
226
  }
227
227
  return e;
228
228
  }
229
- function L() {
229
+ function V() {
230
230
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
231
231
  if (Reflect.construct.sham) return false;
232
232
  if (typeof Proxy === "function") return true;
@@ -289,8 +289,8 @@
289
289
  o[i] = arguments[i];
290
290
  }
291
291
  e = r.call.apply(r, [ this ].concat(o));
292
- F(H(e), "item", null);
293
- F(H(e), "handleClick", (function(r) {
292
+ F(L(e), "item", null);
293
+ F(L(e), "handleClick", (function(r) {
294
294
  var t = e.props, n = t.disabled, o = t.onClick, i = t.value;
295
295
  if (!n) {
296
296
  o === null || o === void 0 ? void 0 : o(r, {
@@ -525,7 +525,7 @@
525
525
  }, n);
526
526
  }));
527
527
  function ce(e) {
528
- var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, V = e.onFocus, H = e.onKeyDown, L = e.onOpen, K = e.placeholder, F = K === void 0 ? (0,
528
+ var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0,
529
529
  m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
530
530
  // @docs-props-type SearchPropsBase
531
531
  var z = !!i || R;
@@ -576,7 +576,7 @@
576
576
  var qe = function e() {
577
577
  ne(true);
578
578
  Z(-1);
579
- L === null || L === void 0 ? void 0 : L();
579
+ V === null || V === void 0 ? void 0 : V();
580
580
  };
581
581
  var _e = function e() {
582
582
  ne(false);
@@ -596,7 +596,7 @@
596
596
  } else {
597
597
  qe();
598
598
  }
599
- V === null || V === void 0 ? void 0 : V(r, t);
599
+ H === null || H === void 0 ? void 0 : H(r, t);
600
600
  };
601
601
  var Te = function e(r, t) {
602
602
  var n = t.value;
@@ -610,13 +610,13 @@
610
610
  name: _
611
611
  });
612
612
  };
613
- var Ve = function e(r, t) {
613
+ var He = function e(r, t) {
614
614
  Te(r, G({}, t));
615
615
  ke.current = true;
616
616
  Ae();
617
617
  _e();
618
618
  };
619
- var He = function e(r) {
619
+ var Le = function e(r) {
620
620
  var t = Ce.current.length;
621
621
  var n = Me.current;
622
622
  var o = (0, h.keycode)(r.nativeEvent);
@@ -625,7 +625,7 @@
625
625
  case "enter":
626
626
  {
627
627
  if (n) {
628
- Ve(r, {
628
+ He(r, {
629
629
  value: n
630
630
  });
631
631
  }
@@ -651,9 +651,9 @@
651
651
  o === "enter" || o === "backspace" || o === "down" || o === "up") {
652
652
  qe();
653
653
  }
654
- H === null || H === void 0 ? void 0 : H(r);
654
+ L === null || L === void 0 ? void 0 : L(r);
655
655
  };
656
- var Le = function e() {
656
+ var Ve = function e() {
657
657
  if (document.activeElement !== Se.current) {
658
658
  ke.current = true;
659
659
  Ae();
@@ -695,13 +695,13 @@
695
695
  return (0, t.cloneElement)(e, {
696
696
  ref: Fe,
697
697
  id: Oe,
698
- onClick: Ve,
698
+ onClick: He,
699
699
  active: true
700
700
  });
701
701
  }
702
702
 
703
703
  return (0, t.cloneElement)(e, {
704
- onClick: Ve
704
+ onClick: He
705
705
  });
706
706
  }));
707
707
  }
@@ -726,15 +726,12 @@
726
726
  var Ne = De();
727
727
  var ze = Ee();
728
728
  var Ue = te && !!we.current && z;
729
- var Xe = z ? "combobox" : "textbox";
729
+ var Xe = z ? "combobox" : "searchbox";
730
730
  var Ye = {
731
731
  "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
732
732
  "aria-expanded": z ? te && !!we.current : undefined,
733
733
  "aria-controls": Ue ? ge : undefined
734
734
  };
735
- if (!(x === null || x === void 0 ? void 0 : x.length)) {
736
- Ye["aria-label"] = (0, m._)("Value input");
737
- }
738
735
 
739
736
  return n().createElement(I(), Y({
740
737
  "data-test": "search"
@@ -756,9 +753,9 @@
756
753
  labelledBy: x,
757
754
  name: _,
758
755
  onFocus: Be,
759
- onClick: Le,
756
+ onClick: Ve,
760
757
  onChange: Te,
761
- onKeyDown: He,
758
+ onKeyDown: Le,
762
759
  placeholder: F,
763
760
  spellCheck: false,
764
761
  value: ze,