@splunk/react-ui 5.8.0 → 5.9.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/Anchor.js +2 -1
- package/CHANGELOG.md +22 -0
- package/Calendar.js +134 -134
- package/Clickable.js +131 -94
- package/CollapsiblePanel.js +173 -135
- package/ComboBox.js +1 -0
- package/Dropdown.js +27 -18
- package/File.js +35 -35
- package/Menu.js +259 -215
- package/Modal.js +174 -181
- package/Monogram.js +2 -2
- package/Multiselect.js +401 -321
- package/Number.js +2 -1
- package/Search.js +15 -14
- package/SelectBase.js +777 -719
- package/Table.js +116 -119
- package/Text.js +26 -26
- package/docs-llm/Avatar.md +2 -8
- package/docs-llm/Multiselect.md +5 -3
- package/docs-llm/Notifications.md +46 -0
- package/docs-llm/Tree.md +7 -2
- package/docs-llm/llms.txt +6 -2
- package/package.json +4 -4
- package/types/src/Multiselect/Compact.d.ts +8 -3
- package/types/src/Multiselect/Multiselect.d.ts +8 -3
- package/types/src/Multiselect/Normal.d.ts +8 -3
- package/types/src/Multiselect/Option.d.ts +6 -3
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +1 -0
- package/types/src/SelectBase/SelectBase.d.ts +1 -1
package/Number.js
CHANGED
|
@@ -607,7 +607,8 @@
|
|
|
607
607
|
onClick: he
|
|
608
608
|
}, Se), t().createElement(T, null)), t().createElement(q, {
|
|
609
609
|
$disabled: l,
|
|
610
|
-
$error: s
|
|
610
|
+
$error: s,
|
|
611
|
+
decorative: true
|
|
611
612
|
}), t().createElement(E, G({
|
|
612
613
|
"aria-label": (0, f._)("Decrement"),
|
|
613
614
|
"data-test": "decrement",
|
package/Search.js
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
e.d(n, {
|
|
64
64
|
Divider: () => /* reexport */ p.Divider,
|
|
65
65
|
Heading: () => /* reexport */ p.Heading,
|
|
66
|
-
Option: () => /* reexport */
|
|
66
|
+
Option: () => /* reexport */ x,
|
|
67
67
|
default: () => /* reexport */ ie
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
};
|
|
182
182
|
/**
|
|
183
183
|
* An option within a `Search`.
|
|
184
|
-
*/ function
|
|
184
|
+
*/ function D(e) {
|
|
185
185
|
var n = e.active, o = e.description, a = e.descriptionPosition, i = a === void 0 ? "bottom" : a, l = e.disabled, u = e.elementRef, c = e.endAdornment, s = e.label, d = e.matchRanges, f = e.onClick, v = e.openInNewContext, b = e.startAdornment, m = e.to, y = e.truncate, g = e.value, h = M(e, [ "active", "description", "descriptionPosition", "disabled", "elementRef", "endAdornment", "label", "matchRanges", "onClick", "openInNewContext", "startAdornment", "to", "truncate", "value" ]);
|
|
186
186
|
// @docs-props-type OptionPropsBase
|
|
187
187
|
var O = (0, r.useCallback)((function(e) {
|
|
@@ -216,9 +216,9 @@
|
|
|
216
216
|
role: "option"
|
|
217
217
|
}), w);
|
|
218
218
|
}
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
/* harmony default export */ const
|
|
219
|
+
D.propTypes = q;
|
|
220
|
+
D.as = "Item";
|
|
221
|
+
/* harmony default export */ const x = D;
|
|
222
222
|
// CONCATENATED MODULE: external "styled-components"
|
|
223
223
|
const E = require("styled-components");
|
|
224
224
|
var B = e.n(E);
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
}));
|
|
414
414
|
var oe = (0, C._)("Search");
|
|
415
415
|
function ae(e) {
|
|
416
|
-
var n = e.animateLoading, o = n === void 0 ? false : n, a = e.append, i = e.children, l = e.defaultPlacement, u = e.defaultValue, s = e.describedBy, f = e.disabled, v = f === void 0 ? false : f, p = e.elementRef, b = e.error, y = b === void 0 ? false : b, h = e.footerMessage, S = e.inline, I = S === void 0 ? false : S, M = e.inputRef, A = e.isLoadingOptions, q = A === void 0 ? false : A,
|
|
416
|
+
var n = e.animateLoading, o = n === void 0 ? false : n, a = e.append, i = e.children, l = e.defaultPlacement, u = e.defaultValue, s = e.describedBy, f = e.disabled, v = f === void 0 ? false : f, p = e.elementRef, b = e.error, y = b === void 0 ? false : b, h = e.footerMessage, S = e.inline, I = S === void 0 ? false : S, M = e.inputRef, A = e.isLoadingOptions, q = A === void 0 ? false : A, D = e.labelledBy, x = e.loadingMessage, E = e.menuStyle, B = E === void 0 ? {} : E, T = e.name, H = e.noOptionsMessage, L = e.onChange, N = e.onClose, K = e.onFocus, W = e.onKeyDown, U = e.onOpen, $ = e.placeholder, X = $ === void 0 ? (0,
|
|
417
417
|
C._)("Search...") : $, Y = e.prepend, G = e.value, J = Z(e, [ "animateLoading", "append", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "prepend", "value" ]);
|
|
418
418
|
// @docs-props-type SearchPropsBase
|
|
419
419
|
var Q = !!i || q;
|
|
@@ -438,8 +438,8 @@
|
|
|
438
438
|
var Me = (0, r.useRef)([]);
|
|
439
439
|
var Ae = (0, r.useRef)(je);
|
|
440
440
|
var qe = (0, r.useRef)(0);
|
|
441
|
-
var
|
|
442
|
-
var
|
|
441
|
+
var De = (0, r.useRef)(undefined);
|
|
442
|
+
var xe = function e(n) {
|
|
443
443
|
R(Pe, n);
|
|
444
444
|
R(p, n);
|
|
445
445
|
};
|
|
@@ -504,6 +504,7 @@
|
|
|
504
504
|
case "Enter":
|
|
505
505
|
{
|
|
506
506
|
var o;
|
|
507
|
+
n.preventDefault();
|
|
507
508
|
// triggering onClick so that links can be activated with the keyboard
|
|
508
509
|
// since the menu items themselves never receive focus
|
|
509
510
|
// this will implicitly call handleSelectOption()
|
|
@@ -566,7 +567,7 @@
|
|
|
566
567
|
var a = n.anchorWidth, l = n.maxHeight;
|
|
567
568
|
var u = r.Children.toArray(i).filter(r.isValidElement);
|
|
568
569
|
// Highlight Active
|
|
569
|
-
|
|
570
|
+
De.current = undefined;
|
|
570
571
|
qe.current = 0;
|
|
571
572
|
// Only update the menu options if they are valid and the dropdown is open.
|
|
572
573
|
// This is necessary to handle the outro animation of the dropdown.
|
|
@@ -589,7 +590,7 @@
|
|
|
589
590
|
var t = qe.current === ae;
|
|
590
591
|
qe.current += 1;
|
|
591
592
|
if (t) {
|
|
592
|
-
|
|
593
|
+
De.current = e.props.value;
|
|
593
594
|
|
|
594
595
|
return (0, r.cloneElement)(e, {
|
|
595
596
|
elementRef: $e,
|
|
@@ -618,7 +619,7 @@
|
|
|
618
619
|
noOptionsMessage: H,
|
|
619
620
|
footerMessage: h,
|
|
620
621
|
animateLoading: o,
|
|
621
|
-
loadingMessage:
|
|
622
|
+
loadingMessage: x,
|
|
622
623
|
menuId: Ce
|
|
623
624
|
}), Me.current);
|
|
624
625
|
};
|
|
@@ -651,11 +652,11 @@
|
|
|
651
652
|
"data-test-open": Ge,
|
|
652
653
|
describedBy: s,
|
|
653
654
|
disabled: v,
|
|
654
|
-
elementRef:
|
|
655
|
+
elementRef: xe,
|
|
655
656
|
error: y,
|
|
656
657
|
inline: I,
|
|
657
658
|
inputRef: Ee,
|
|
658
|
-
labelledBy:
|
|
659
|
+
labelledBy: D,
|
|
659
660
|
name: T,
|
|
660
661
|
onFocus: Ne,
|
|
661
662
|
onClick: We,
|
|
@@ -681,7 +682,7 @@
|
|
|
681
682
|
}, ze));
|
|
682
683
|
}
|
|
683
684
|
ae.propTypes = ne;
|
|
684
|
-
ae.Option =
|
|
685
|
+
ae.Option = x;
|
|
685
686
|
ae.Divider = p.Divider;
|
|
686
687
|
ae.Heading = p.Heading;
|
|
687
688
|
/* harmony default export */ const ie = ae;
|