@splunk/react-ui 4.41.0 → 4.43.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 (91) hide show
  1. package/ButtonGroup.js +1 -3
  2. package/CHANGELOG.md +47 -0
  3. package/Code.js +611 -426
  4. package/ComboBox.js +25 -32
  5. package/Date.js +21 -26
  6. package/Dropdown.js +33 -32
  7. package/JSONTree.js +30 -24
  8. package/Layer.js +115 -97
  9. package/Link.js +19 -21
  10. package/MIGRATION.mdx +48 -53
  11. package/Menu.js +7 -2
  12. package/MessageBar.js +54 -56
  13. package/Multiselect.js +1051 -1035
  14. package/Number.js +424 -395
  15. package/Paginator.js +269 -251
  16. package/Popover.js +595 -526
  17. package/RadioList.js +44 -43
  18. package/Resize.js +61 -61
  19. package/ResultsMenu.d.ts +2 -0
  20. package/ResultsMenu.js +4 -4
  21. package/Scroll.js +482 -475
  22. package/Search.js +56 -65
  23. package/Select.js +532 -513
  24. package/TabBar.js +4 -0
  25. package/Table.js +1519 -1437
  26. package/Text.js +29 -17
  27. package/TextArea.js +37 -37
  28. package/Tooltip.js +300 -207
  29. package/TransitionOpen.js +16 -14
  30. package/Tree.js +20 -14
  31. package/package.json +7 -7
  32. package/types/src/Button/Button.d.ts +1 -0
  33. package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
  34. package/types/src/Code/Code.d.ts +1 -1
  35. package/types/src/ComboBox/ComboBox.d.ts +6 -3
  36. package/types/src/Date/Date.d.ts +0 -1
  37. package/types/src/Dropdown/Dropdown.d.ts +2 -1
  38. package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
  39. package/types/src/Layer/Layer.d.ts +2 -1
  40. package/types/src/Link/Link.d.ts +0 -2
  41. package/types/src/Multiselect/Multiselect.d.ts +2 -0
  42. package/types/src/Number/Number.d.ts +11 -10
  43. package/types/src/Number/utils.d.ts +29 -0
  44. package/types/src/Paginator/Paginator.d.ts +15 -2
  45. package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
  46. package/types/src/Popover/Popover.d.ts +18 -12
  47. package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
  48. package/types/src/Popover/PopoverProvider.d.ts +23 -0
  49. package/types/src/Popover/index.d.ts +2 -1
  50. package/types/src/RadioList/RadioList.d.ts +1 -1
  51. package/types/src/Resize/Resize.d.ts +0 -11
  52. package/types/src/Scroll/Inner.d.ts +17 -19
  53. package/types/src/Select/SelectBase.d.ts +7 -5
  54. package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
  55. package/types/src/Select/docs/examples/Basic.d.ts +1 -9
  56. package/types/src/Select/docs/examples/Children.d.ts +1 -9
  57. package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
  58. package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
  59. package/types/src/Select/docs/examples/Filter.d.ts +1 -9
  60. package/types/src/Select/docs/examples/Headings.d.ts +1 -9
  61. package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
  62. package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
  63. package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
  64. package/types/src/Table/ExpandButton.d.ts +8 -0
  65. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  66. package/types/src/Table/HeadInner.d.ts +5 -1
  67. package/types/src/Table/Row.d.ts +8 -2
  68. package/types/src/Table/docs/examples/Click.d.ts +2 -16
  69. package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
  70. package/types/src/Table/docs/examples/Complex.d.ts +2 -50
  71. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
  72. package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
  73. package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
  74. package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
  75. package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
  76. package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
  77. package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
  78. package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
  79. package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
  80. package/types/src/Tooltip/Tooltip.d.ts +38 -5
  81. package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
  82. package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
  83. package/types/src/useControlled/useControlled.d.ts +5 -4
  84. package/useControlled.js +37 -15
  85. package/usePrevious.js +62 -30
  86. package/useResizeObserver.js +122 -90
  87. package/useRovingFocus.js +5 -4
  88. package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
  89. package/types/src/Popover/PopoverContext.d.ts +0 -6
  90. package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
  91. package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Search.js CHANGED
@@ -536,23 +536,22 @@
536
536
  var Se = (0, r.useRef)(null);
537
537
  var je = (0, r.useRef)(null);
538
538
  var Pe = (0, r.useRef)(F !== undefined && F !== null);
539
- var ke = (0, r.useRef)(false);
540
- var Ce = (0, r.useRef)([]);
541
- var Ie = (0, r.useRef)(we);
542
- var Me = (0, r.useRef)(undefined);
543
- var Re = function e(n) {
539
+ var ke = (0, r.useRef)([]);
540
+ var Ce = (0, r.useRef)(we);
541
+ var Ie = (0, r.useRef)(undefined);
542
+ var Me = function e(n) {
544
543
  $(Se, n);
545
544
  $(d, n);
546
545
  };
547
- var Ee = function e(n) {
546
+ var Re = function e(n) {
548
547
  $(je, n);
549
548
  $(C, n);
550
549
  };
551
- var qe = function e() {
550
+ var Ee = function e() {
552
551
  return Pe.current ? F : se;
553
552
  };
554
- var De = function e() {
555
- var n = qe();
553
+ var qe = function e() {
554
+ var n = Ee();
556
555
  var t = r.Children.toArray(i).filter(r.isValidElement);
557
556
  var o = !ae && t.find((function(e) {
558
557
  return e.props.label !== undefined && e.props.value === n;
@@ -562,32 +561,25 @@
562
561
  }
563
562
  return n;
564
563
  };
565
- var xe = function e() {
564
+ var De = function e() {
566
565
  re(true);
567
566
  G(-1);
568
567
  V === null || V === void 0 ? void 0 : V();
569
568
  };
570
- var Ae = function e() {
569
+ var xe = function e() {
571
570
  re(false);
572
- Ie.current = null;
571
+ Ce.current = null;
573
572
  _ === null || _ === void 0 ? void 0 : _();
574
573
  };
575
- var Be = function e() {
574
+ var Ae = function e() {
576
575
  var n;
577
576
  (n = je.current) === null || n === void 0 ? void 0 : n.focus();
578
577
  };
579
- var Te = function e(n, r) {
580
- /* SUI-930 On IE 11 this handler is essentially deferred after calling
581
- * this.textInput.focus(). this.focusCalledInternally enables the focus event to be ignored
582
- * when the menu closes. */
583
- if (ke.current) {
584
- ke.current = false;
585
- } else {
586
- xe();
587
- }
578
+ var Be = function e(n, r) {
579
+ De();
588
580
  H === null || H === void 0 ? void 0 : H(n, r);
589
581
  };
590
- var _e = function e(n, r) {
582
+ var Te = function e(n, r) {
591
583
  var t = r.value;
592
584
  if (!Pe.current) {
593
585
  pe(t);
@@ -599,14 +591,13 @@
599
591
  name: A
600
592
  });
601
593
  };
602
- var He = function e(n, r) {
603
- _e(n, Z({}, r));
604
- ke.current = true;
605
- Be();
594
+ var _e = function e(n, r) {
595
+ Te(n, Z({}, r));
606
596
  Ae();
597
+ xe();
607
598
  };
608
- var Le = function e(n) {
609
- var r = Ce.current.length;
599
+ var He = function e(n) {
600
+ var r = ke.current.length;
610
601
  var t = (0, h.keycode)(n.nativeEvent);
611
602
  if (ne) {
612
603
  switch (t) {
@@ -621,7 +612,7 @@
621
612
  }
622
613
 
623
614
  case "tab":
624
- Ae();
615
+ xe();
625
616
  break;
626
617
 
627
618
  case "down":
@@ -638,41 +629,41 @@
638
629
  } else if ((0, h.addsCharacter)(n.nativeEvent) !== false ||
639
630
  // Safari 9.0 returns undefined
640
631
  t === "enter" || t === "backspace" || t === "down" || t === "up") {
641
- xe();
632
+ De();
642
633
  }
643
634
  L === null || L === void 0 ? void 0 : L(n);
644
635
  };
645
- var Ve = function e() {
636
+ var Le = function e() {
646
637
  if (!ne && !s) {
647
- xe();
638
+ De();
648
639
  }
649
640
  };
650
- var Ke = function e(n) {
641
+ var Ve = function e(n) {
651
642
  var r = n.event, t = n.reason;
652
643
  var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && Se.current && !de(Se.current, r);
653
644
  if (o) {
654
- Ae();
645
+ xe();
655
646
  }
656
647
  };
657
- var Ne = function e(n) {
658
- if (Ie.current !== Y) {
648
+ var Ke = function e(n) {
649
+ if (Ce.current !== Y) {
659
650
  n === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
660
651
  }
661
652
  };
662
- var Fe = function e(n) {
653
+ var Ne = function e(n) {
663
654
  var a = n.anchorWidth, u = n.maxHeight;
664
655
  var l = r.Children.toArray(i).filter(r.isValidElement);
665
656
  // Highlight Active
666
- Me.current = undefined;
657
+ Ie.current = undefined;
667
658
  // Only update the menu options if they are valid and the dropdown is open.
668
659
  // This is necessary to handle the outro animation of the dropdown.
669
660
  if (z && ne) {
670
- Ce.current = l.map((function(e, n) {
661
+ ke.current = l.map((function(e, n) {
671
662
  var t = function n(r, t) {
672
663
  var o, i;
673
664
  var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, t);
674
665
  if (a !== false) {
675
- He(r, t);
666
+ _e(r, t);
676
667
  }
677
668
  };
678
669
  if (!c()(e.props, "active")) {
@@ -681,11 +672,11 @@
681
672
  }
682
673
  if (n === Y) {
683
674
  if (!e.props.disabled) {
684
- Me.current = e.props.value;
675
+ Ie.current = e.props.value;
685
676
  }
686
677
 
687
678
  return (0, r.cloneElement)(e, {
688
- ref: Ne,
679
+ ref: Ke,
689
680
  id: Oe,
690
681
  onClick: t,
691
682
  active: true
@@ -713,16 +704,16 @@
713
704
  animateLoading: o,
714
705
  loadingMessage: q,
715
706
  menuId: ge
716
- }), Ce.current);
707
+ }), ke.current);
717
708
  };
709
+ var Fe = Ee();
718
710
  var We = qe();
719
- var ze = De();
720
- var Ue = ne && !!Se.current && z;
721
- var Xe = z ? "combobox" : "searchbox";
722
- var Ye = {
723
- "aria-activedescendant": Ue && Y > -1 ? Oe : undefined,
711
+ var ze = ne && !!Se.current && z;
712
+ var Ue = z ? "combobox" : "searchbox";
713
+ var Xe = {
714
+ "aria-activedescendant": ze && Y > -1 ? Oe : undefined,
724
715
  "aria-expanded": z ? ne && !!Se.current : undefined,
725
- "aria-controls": Ue ? ge : undefined
716
+ "aria-controls": ze ? ge : undefined
726
717
  };
727
718
 
728
719
  return t().createElement(I(), J({
@@ -733,26 +724,26 @@
733
724
  autoComplete: "off",
734
725
  autoCorrect: "off",
735
726
  "data-test-popover-id": he,
736
- "data-test-label": ze,
737
- "data-test-value": We,
738
- "data-test-open": Ue,
727
+ "data-test-label": We,
728
+ "data-test-value": Fe,
729
+ "data-test-open": ze,
739
730
  describedBy: l,
740
731
  disabled: s,
741
- elementRef: Re,
732
+ elementRef: Me,
742
733
  error: g,
743
734
  inline: P,
744
- inputRef: Ee,
735
+ inputRef: Re,
745
736
  labelledBy: E,
746
737
  name: A,
747
- onFocus: Te,
748
- onClick: Ve,
749
- onChange: _e,
750
- onKeyDown: Le,
738
+ onFocus: Be,
739
+ onClick: Le,
740
+ onChange: Te,
741
+ onKeyDown: He,
751
742
  placeholder: N,
752
743
  spellCheck: false,
753
- value: ze,
754
- role: Xe
755
- }, Ye), t().createElement(j(), {
744
+ value: We,
745
+ role: Ue
746
+ }, Xe), t().createElement(j(), {
756
747
  anchor: function() {
757
748
  return Se.current;
758
749
  }(),
@@ -760,10 +751,10 @@
760
751
  canCoverAnchor: false,
761
752
  defaultPlacement: a,
762
753
  id: he,
763
- onRequestClose: Ke,
764
- open: Ue,
754
+ onRequestClose: Ve,
755
+ open: ze,
765
756
  repositionMode: "flip"
766
- }, Fe));
757
+ }, Ne));
767
758
  }
768
759
  pe.propTypes = se;
769
760
  pe.Option = Y;