@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.
- package/ButtonGroup.js +1 -3
- package/CHANGELOG.md +47 -0
- package/Code.js +611 -426
- package/ComboBox.js +25 -32
- package/Date.js +21 -26
- package/Dropdown.js +33 -32
- package/JSONTree.js +30 -24
- package/Layer.js +115 -97
- package/Link.js +19 -21
- package/MIGRATION.mdx +48 -53
- package/Menu.js +7 -2
- package/MessageBar.js +54 -56
- package/Multiselect.js +1051 -1035
- package/Number.js +424 -395
- package/Paginator.js +269 -251
- package/Popover.js +595 -526
- package/RadioList.js +44 -43
- package/Resize.js +61 -61
- package/ResultsMenu.d.ts +2 -0
- package/ResultsMenu.js +4 -4
- package/Scroll.js +482 -475
- package/Search.js +56 -65
- package/Select.js +532 -513
- package/TabBar.js +4 -0
- package/Table.js +1519 -1437
- package/Text.js +29 -17
- package/TextArea.js +37 -37
- package/Tooltip.js +300 -207
- package/TransitionOpen.js +16 -14
- package/Tree.js +20 -14
- package/package.json +7 -7
- package/types/src/Button/Button.d.ts +1 -0
- package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/ComboBox.d.ts +6 -3
- package/types/src/Date/Date.d.ts +0 -1
- package/types/src/Dropdown/Dropdown.d.ts +2 -1
- package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
- package/types/src/Layer/Layer.d.ts +2 -1
- package/types/src/Link/Link.d.ts +0 -2
- package/types/src/Multiselect/Multiselect.d.ts +2 -0
- package/types/src/Number/Number.d.ts +11 -10
- package/types/src/Number/utils.d.ts +29 -0
- package/types/src/Paginator/Paginator.d.ts +15 -2
- package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +18 -12
- package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
- package/types/src/Popover/PopoverProvider.d.ts +23 -0
- package/types/src/Popover/index.d.ts +2 -1
- package/types/src/RadioList/RadioList.d.ts +1 -1
- package/types/src/Resize/Resize.d.ts +0 -11
- package/types/src/Scroll/Inner.d.ts +17 -19
- package/types/src/Select/SelectBase.d.ts +7 -5
- package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
- package/types/src/Select/docs/examples/Basic.d.ts +1 -9
- package/types/src/Select/docs/examples/Children.d.ts +1 -9
- package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
- package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
- package/types/src/Select/docs/examples/Filter.d.ts +1 -9
- package/types/src/Select/docs/examples/Headings.d.ts +1 -9
- package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
- package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
- package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
- package/types/src/Table/ExpandButton.d.ts +8 -0
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Row.d.ts +8 -2
- package/types/src/Table/docs/examples/Click.d.ts +2 -16
- package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
- package/types/src/Table/docs/examples/Complex.d.ts +2 -50
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
- package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
- package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
- package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
- package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
- package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
- package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
- package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
- package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
- package/types/src/Tooltip/Tooltip.d.ts +38 -5
- package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
- package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +5 -4
- package/useControlled.js +37 -15
- package/usePrevious.js +62 -30
- package/useResizeObserver.js +122 -90
- package/useRovingFocus.js +5 -4
- package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
- package/types/src/Popover/PopoverContext.d.ts +0 -6
- package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
- 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)(
|
|
540
|
-
var Ce = (0, r.useRef)(
|
|
541
|
-
var Ie = (0, r.useRef)(
|
|
542
|
-
var Me =
|
|
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
|
|
546
|
+
var Re = function e(n) {
|
|
548
547
|
$(je, n);
|
|
549
548
|
$(C, n);
|
|
550
549
|
};
|
|
551
|
-
var
|
|
550
|
+
var Ee = function e() {
|
|
552
551
|
return Pe.current ? F : se;
|
|
553
552
|
};
|
|
554
|
-
var
|
|
555
|
-
var n =
|
|
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
|
|
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
|
|
569
|
+
var xe = function e() {
|
|
571
570
|
re(false);
|
|
572
|
-
|
|
571
|
+
Ce.current = null;
|
|
573
572
|
_ === null || _ === void 0 ? void 0 : _();
|
|
574
573
|
};
|
|
575
|
-
var
|
|
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
|
|
580
|
-
|
|
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
|
|
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
|
|
603
|
-
|
|
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
|
|
609
|
-
var r =
|
|
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
|
-
|
|
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
|
-
|
|
632
|
+
De();
|
|
642
633
|
}
|
|
643
634
|
L === null || L === void 0 ? void 0 : L(n);
|
|
644
635
|
};
|
|
645
|
-
var
|
|
636
|
+
var Le = function e() {
|
|
646
637
|
if (!ne && !s) {
|
|
647
|
-
|
|
638
|
+
De();
|
|
648
639
|
}
|
|
649
640
|
};
|
|
650
|
-
var
|
|
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
|
-
|
|
645
|
+
xe();
|
|
655
646
|
}
|
|
656
647
|
};
|
|
657
|
-
var
|
|
658
|
-
if (
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
675
|
+
Ie.current = e.props.value;
|
|
685
676
|
}
|
|
686
677
|
|
|
687
678
|
return (0, r.cloneElement)(e, {
|
|
688
|
-
ref:
|
|
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
|
-
}),
|
|
707
|
+
}), ke.current);
|
|
717
708
|
};
|
|
709
|
+
var Fe = Ee();
|
|
718
710
|
var We = qe();
|
|
719
|
-
var ze =
|
|
720
|
-
var Ue =
|
|
721
|
-
var Xe =
|
|
722
|
-
|
|
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":
|
|
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":
|
|
737
|
-
"data-test-value":
|
|
738
|
-
"data-test-open":
|
|
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:
|
|
732
|
+
elementRef: Me,
|
|
742
733
|
error: g,
|
|
743
734
|
inline: P,
|
|
744
|
-
inputRef:
|
|
735
|
+
inputRef: Re,
|
|
745
736
|
labelledBy: E,
|
|
746
737
|
name: A,
|
|
747
|
-
onFocus:
|
|
748
|
-
onClick:
|
|
749
|
-
onChange:
|
|
750
|
-
onKeyDown:
|
|
738
|
+
onFocus: Be,
|
|
739
|
+
onClick: Le,
|
|
740
|
+
onChange: Te,
|
|
741
|
+
onKeyDown: He,
|
|
751
742
|
placeholder: N,
|
|
752
743
|
spellCheck: false,
|
|
753
|
-
value:
|
|
754
|
-
role:
|
|
755
|
-
},
|
|
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:
|
|
764
|
-
open:
|
|
754
|
+
onRequestClose: Ve,
|
|
755
|
+
open: ze,
|
|
765
756
|
repositionMode: "flip"
|
|
766
|
-
},
|
|
757
|
+
}, Ne));
|
|
767
758
|
}
|
|
768
759
|
pe.propTypes = se;
|
|
769
760
|
pe.Option = Y;
|