@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.
- package/Button.js +59 -65
- package/ButtonGroup.js +20 -23
- package/ButtonSimple.js +374 -339
- package/CHANGELOG.md +54 -0
- package/Card.js +56 -44
- package/Chip.js +2 -6
- package/Clickable.js +21 -19
- package/CollapsiblePanel.js +281 -264
- package/Color.js +88 -86
- package/Concertina.js +7 -7
- package/ControlGroup.js +18 -18
- package/DualListbox.js +8 -11
- package/File.js +25 -30
- package/FormRows.js +232 -210
- package/Image.js +13 -13
- package/JSONTree.js +22 -22
- package/MIGRATION.mdx +99 -0
- package/Markdown.js +12 -12
- package/Menu.js +505 -719
- package/Message.js +205 -204
- package/MessageBar.js +104 -104
- package/Modal.js +158 -133
- package/Multiselect.js +81 -70
- package/Paginator.js +8 -8
- package/Popover.js +53 -54
- package/Progress.js +45 -46
- package/RadioBar.js +117 -115
- package/RadioList.js +8 -5
- package/ResultsMenu.js +256 -261
- package/Search.js +21 -24
- package/Select.js +265 -246
- package/Slider.js +9 -9
- package/SplitButton.js +1 -4
- package/StaticContent.js +1 -1
- package/StepBar.js +1 -1
- package/Switch.js +169 -171
- package/TabBar.js +14 -6
- package/Table.js +65 -67
- package/Text.js +30 -37
- package/TextArea.js +162 -163
- package/Tooltip.js +1 -1
- package/package.json +9 -9
- package/stubs-splunkui.d.ts +11 -0
- package/types/src/Button/Button.d.ts +4 -4
- package/types/src/ButtonSimple/ButtonSimple.d.ts +8 -6
- package/types/src/ButtonSimple/mixin.d.ts +2 -2
- package/types/src/Card/Card.d.ts +3 -1
- package/types/src/Card/Header.d.ts +22 -3
- package/types/src/Clickable/Clickable.d.ts +3 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -0
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -3
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/Menu/Item.d.ts +3 -1
- package/types/src/Menu/Menu.d.ts +16 -21
- package/types/src/Menu/MenuContext.d.ts +3 -2
- package/types/src/Number/Number.d.ts +2 -2
- package/types/src/RadioBar/Option.d.ts +4 -1
- package/types/src/RadioBar/RadioBar.d.ts +6 -4
- package/types/src/RadioBar/docs/examples/MenuBar.d.ts +2 -0
- package/types/src/ResultsMenu/ResultsMenu.d.ts +5 -22
- package/types/src/Select/Select.d.ts +8 -4
- package/types/src/Select/SelectBase.d.ts +8 -4
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/Table/Body.d.ts +0 -4
- package/types/src/Text/docs/examples/Basic.d.ts +1 -9
- package/types/src/Text/docs/examples/Error.d.ts +2 -10
- package/types/src/Text/docs/examples/Inline.d.ts +1 -9
- package/types/src/Text/docs/examples/Multiline.d.ts +1 -9
- package/types/src/Text/docs/examples/Password.d.ts +1 -9
- package/types/src/Text/docs/examples/Search.d.ts +1 -9
- package/useRovingFocus.js +26 -40
- package/types/src/Button/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Block.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Disabled.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Icons.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Menus.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/To.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Truncated.d.ts +0 -2
- package/types/src/Select/docs/examples/prisma/Appearance.d.ts +0 -14
- /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 =
|
|
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
|
|
214
|
+
return H(this, o);
|
|
215
215
|
};
|
|
216
216
|
}
|
|
217
|
-
function
|
|
217
|
+
function H(e, r) {
|
|
218
218
|
if (r && (M(r) === "object" || typeof r === "function")) {
|
|
219
219
|
return r;
|
|
220
220
|
}
|
|
221
|
-
return
|
|
221
|
+
return L(e);
|
|
222
222
|
}
|
|
223
|
-
function
|
|
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
|
|
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(
|
|
293
|
-
F(
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
654
|
+
L === null || L === void 0 ? void 0 : L(r);
|
|
655
655
|
};
|
|
656
|
-
var
|
|
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:
|
|
698
|
+
onClick: He,
|
|
699
699
|
active: true
|
|
700
700
|
});
|
|
701
701
|
}
|
|
702
702
|
|
|
703
703
|
return (0, t.cloneElement)(e, {
|
|
704
|
-
onClick:
|
|
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" : "
|
|
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:
|
|
756
|
+
onClick: Ve,
|
|
760
757
|
onChange: Te,
|
|
761
|
-
onKeyDown:
|
|
758
|
+
onKeyDown: Le,
|
|
762
759
|
placeholder: F,
|
|
763
760
|
spellCheck: false,
|
|
764
761
|
value: ze,
|