@splunk/react-ui 4.21.1 → 4.22.1

package/Text.js

@@ -84,8 +84,8 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
     const m = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const h = require("@splunk/react-icons/Cross");
-    var v =  e.n(h);
+    const v = require("@splunk/react-icons/Cross");
+    var h =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
     const b = require("@splunk/react-icons/enterprise/Close");
     var y =  e.n(b);
@@ -622,7 +622,7 @@
     }
     function me(e, t) {
         if (e == null) return {};
-        var r = he(e, t);
+        var r = ve(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -635,7 +635,7 @@
         }
         return r;
     }
-    function he(e, t) {
+    function ve(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -647,7 +647,7 @@
         }
         return r;
     }
-    function ve(e, t) {
+    function he(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
@@ -819,7 +819,7 @@
         } ]);
         function r(e) {
             var i;
-            ve(this, r);
+            he(this, r);
             i = t.call(this, e);
             Ee(ke(i), "controlledExternally", void 0);
             Ee(ke(i), "input", null);
@@ -873,11 +873,21 @@
             }));
             Ee(ke(i), "handleInputFocus", (function(e) {
                 var t, r;
-                (t = (r = i.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e);
+                var n = e.target.value;
+                var a = i.props.name;
+                (t = (r = i.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: a
+                });
             }));
             Ee(ke(i), "handleInputBlur", (function(e) {
                 var t, r;
-                (t = (r = i.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e);
+                var n = e.target.value;
+                var a = i.props.name;
+                (t = (r = i.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: a
+                });
             }));
             Ee(ke(i), "handleClear", (function(e) {
                 var t, r;
@@ -919,7 +929,7 @@
                     return n().createElement(re, m, a);
                 }
                 if (o && !l) {
-                    var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement(P, null);
+                    var v = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement(P, null);
                     
                     return n().createElement(re, m,  n().createElement(Q, {
                         appearance: p ? "secondary" : "pill",
@@ -927,7 +937,7 @@
                         inline: false,
                         onClick: i.handleVisibilityToggle,
                         type: "button",
-                        icon: h
+                        icon: v
                     }));
                 }
                 var b = i.context;
@@ -954,7 +964,7 @@
                         icon: u ?  n().createElement(y(), {
                             size: 1,
                             screenReaderText: x
-                        }) :  n().createElement(v(), {
+                        }) :  n().createElement(h(), {
                             "aria-label": x
                         }),
                         onClick: i.handleClear
@@ -979,7 +989,7 @@
                         icon: u ?  n().createElement(y(), {
                             inline: false,
                             screenReaderText: x
-                        }) :  n().createElement(v(), {
+                        }) :  n().createElement(h(), {
                             "aria-label": x,
                             height: f,
                             inline: false,
@@ -1077,13 +1087,13 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, p = t.className, u = t.classNamePrivate, m = t.disabled, h = t.describedBy, v = t.elementRef, b = t.error, y = t.inline, C = t.inputClassName, g = t.inputId, x = t.labelledBy, w = t.multiline, k = t.maxLength, S = t.name, A = t.passwordVisibilityToggle, T = t.placeholder, I = t.prepend, j = t.required, M = t.spellCheck, R = t.tabIndex, P = t.title, $ = t.type, _ = t.useSyntheticPlaceholder, B = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
+                var t = this.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, p = t.className, u = t.classNamePrivate, m = t.disabled, v = t.describedBy, h = t.elementRef, b = t.error, y = t.inline, C = t.inputClassName, g = t.inputId, x = t.labelledBy, w = t.multiline, k = t.maxLength, S = t.name, A = t.passwordVisibilityToggle, T = t.placeholder, I = t.prepend, j = t.required, M = t.spellCheck, R = t.tabIndex, P = t.title, $ = t.type, _ = t.useSyntheticPlaceholder, B = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
                 var D = fe(fe({
                     role: "textbox"
                 }, f()(B, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
-                    "aria-describedby": h,
+                    "aria-describedby": v,
                     "aria-labelledby": x,
                     "aria-invalid": b || undefined
                 });
@@ -1143,7 +1153,7 @@
                     className: (0, O.toClassName)(p, u),
                     "data-test": "text",
                     "data-test-value": H,
-                    elementRef: v,
+                    elementRef: h,
                     flex: true,
                     inline: y
                 }, N), this.renderStartAdornment(),  n().createElement(U, ae({

package/TextArea.js

@@ -83,10 +83,10 @@
     var f =  e.n(u);
     // CONCATENATED MODULE: external "lodash/omit"
     const h = require("lodash/omit");
-    var m =  e.n(h);
+    var v =  e.n(h);
     // CONCATENATED MODULE: external "lodash/pickBy"
-    const v = require("lodash/pickBy");
-    var b =  e.n(v);
+    const m = require("lodash/pickBy");
+    var b =  e.n(m);
     // CONCATENATED MODULE: external "lodash/throttle"
     const y = require("lodash/throttle");
     var g =  e.n(y);
@@ -609,12 +609,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function me(e, t, r) {
+    function ve(e, t, r) {
         if (t) he(e.prototype, t);
         if (r) he(e, r);
         return e;
     }
-    function ve(e, t) {
+    function me(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -748,9 +748,9 @@
         tabIndex: 0
     };
     /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    var Oe =  function(e) {
-        ve(r, e);
+        me(r, e);
         var t = ye(r);
-        me(r, null, [ {
+        ve(r, null, [ {
             key: "validateRows",
             // @docs-props-type TextAreaPropsBase
             value: function e(t) {
@@ -818,11 +818,21 @@
             }));
             ke(xe(a), "handleInputFocus", (function(e) {
                 var t, r;
-                (t = (r = a.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e);
+                var n = e.target.value;
+                var i = a.props.name;
+                (t = (r = a.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: i
+                });
             }));
             ke(xe(a), "handleInputBlur", (function(e) {
                 var t, r;
-                (t = (r = a.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e);
+                var n = e.target.value;
+                var i = a.props.name;
+                (t = (r = a.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: i
+                });
             }));
             ke(xe(a), "handleClear", (function(e) {
                 var t, r;
@@ -870,8 +880,8 @@
                     return n().createElement(Y, f, i);
                 }
                 var h = a.context;
-                var m = (e = h.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-                var v = m ? (0, M._)("Clear ".concat(m, " text field")) : (0, M._)("Clear text field");
+                var v = (e = h.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var m = v ? (0, M._)("Clear ".concat(v, " text field")) : (0, M._)("Clear text field");
                 if (!c && r === "search") {
                     
                     return n().createElement(Y, f,  n().createElement(F, {
@@ -880,7 +890,7 @@
                         inline: false,
                         icon:  n().createElement(S(), {
                             size: 1,
-                            screenReaderText: v
+                            screenReaderText: m
                         }),
                         onClick: a.handleClear
                     }),  n().createElement(H, {
@@ -903,7 +913,7 @@
                         appearance: "secondary",
                         onClick: a.handleClear,
                         icon:  n().createElement(C(), {
-                            "aria-label": v,
+                            "aria-label": m,
                             inline: false,
                             width: u,
                             height: u
@@ -954,7 +964,7 @@
             a.handleResize = g()(a.handleResize, 100);
             return a;
         }
-        me(r, [ {
+        ve(r, [ {
             key: "componentDidMount",
             value: function e() {
                 l()(this.syncHeightWithShadow);
@@ -999,16 +1009,16 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var r = this.props, a = r.append, i = r.autoCapitalize, o = r.autoComplete, l = r.autoCorrect, s = r.autoFocus, c = r.children, p = r.className, u = r.classNamePrivate, h = r.disabled, v = r.describedBy, y = r.elementRef, g = r.error, x = r.inline, w = r.inputClassName, C = r.inputId, k = r.labelledBy, S = r.maxLength, A = r.name, O = r.placeholder, I = r.prepend, j = r.required, P = r.spellCheck, _ = r.tabIndex, M = r.title, $ = de(r, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title" ]);
+                var r = this.props, a = r.append, i = r.autoCapitalize, o = r.autoComplete, l = r.autoCorrect, s = r.autoFocus, c = r.children, p = r.className, u = r.classNamePrivate, h = r.disabled, m = r.describedBy, y = r.elementRef, g = r.error, x = r.inline, w = r.inputClassName, C = r.inputId, k = r.labelledBy, S = r.maxLength, A = r.name, O = r.placeholder, I = r.prepend, j = r.required, P = r.spellCheck, _ = r.tabIndex, M = r.title, $ = de(r, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title" ]);
                 var D = pe(pe({}, b()($, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
-                    "aria-describedby": v,
+                    "aria-describedby": m,
                     "aria-labelledby": k,
                     "aria-invalid": g || undefined,
                     "aria-multiline": true
                 });
-                var N = m()($, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ne(d()(D))));
+                var N = v()($, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ne(d()(D))));
                 var R = this.getDisplayValue();
                 var q = {
                     className: (0, T.toClassName)(p, w),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.21.1",
+  "version": "4.22.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -41,7 +41,7 @@
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.0.2",
+    "@splunk/react-icons": "^4.1.0",
     "@splunk/themes": "^0.16.3",
     "@splunk/ui-utils": "^1.6.0",
     "@types/commonmark": "^0.27.6",
@@ -68,10 +68,10 @@
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/docs-gen": "1.0.0-beta.8",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.8",
+    "@splunk/react-docs": "1.0.0-beta.9",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
-    "@splunk/webpack-configs": "^7.0.1",
+    "@splunk/webpack-configs": "^7.0.2",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-interactions": "^6.5.9",
@@ -142,6 +142,6 @@
     "webpack-merge": "^5.9.0"
   },
   "engines": {
-    "node": ">=6"
+    "node": ">=14"
   }
 }

package/types/src/Color/Color.d.ts

@@ -85,7 +85,6 @@ declare class Color extends Component<ColorProps, ColorState> {
     static hasTransparent(palette: (string | null)[]): boolean;
     constructor(props: Readonly<ColorProps>);
     componentDidUpdate(prevProps: Readonly<ColorProps>): void;
-    private showNull;
     /**
      * Standardizes the current value of the Color:
      * returns based on the input being controlled or uncontrolled

package/types/src/ComboBox/ComboBox.d.ts

@@ -9,6 +9,16 @@ declare type ComboBoxChangeHandler = (event: React.ChangeEvent<HTMLInputElement
 }) => void;
 /** @public */
 declare type ComboBoxScrollBottomHandler = (event: React.UIEvent<HTMLDivElement> | React.KeyboardEvent<HTMLInputElement> | null) => void;
+/** @public */
+declare type ComboBoxBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
+/** @public */
+declare type ComboBoxFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
 interface ComboBoxPropsBase {
     animateLoading?: boolean;
     /** Append removes rounded borders and border from the right side. */
@@ -68,9 +78,9 @@ interface ComboBoxPropsBase {
      * for example: "No matching dashboards". You can insert content such as an error message or
      * communicate a minimum number of characters to enter to see results. */
     noOptionsMessage?: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: ComboBoxBlurHandler;
     onChange?: ComboBoxChangeHandler;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: ComboBoxFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     onSelect?: React.ReactEventHandler<HTMLInputElement>;
     /**
@@ -165,4 +175,4 @@ declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
     render(): JSX.Element;
 }
 export default ComboBox;
-export { ComboBoxChangeHandler, Option, Divider, Heading };
+export { ComboBoxBlurHandler, ComboBoxChangeHandler, ComboBoxFocusHandler, Option, Divider, Heading, };

package/types/src/Date/Date.d.ts

@@ -7,6 +7,16 @@ declare type DateChangeHandler = (event: React.MouseEvent<HTMLButtonElement | HT
     name?: string;
     value: string;
 }) => void;
+/** @public */
+declare type DateBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
+/** @public */
+declare type DateFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
 interface DatePropsBase {
     /** Default date to display. Set this instead of value to make the Date uncontrolled. */
     defaultValue?: string;
@@ -50,14 +60,14 @@ interface DatePropsBase {
      * control when multiple controls share an onChange callback. */
     name?: string;
     /** A callback for when the input loses focus. */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: DateBlurHandler;
     /**
      * Return event and data object with date string (in YYYY-MM-DD format) when a date is
      * selected.
      */
     onChange?: DateChangeHandler;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: DateFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     /** @private */
     splunkTheme: AnyTheme;
@@ -140,5 +150,5 @@ declare const DateWithTheme: React.ForwardRefExoticComponent<Pick<Pick<Pick<Date
 };
 export default DateWithTheme;
 export { Date as DateWithoutTheme };
-export { DateChangeHandler };
+export { DateBlurHandler, DateChangeHandler, DateFocusHandler };
 export type { DatePropsBase, DatePropsBaseControlled, DatePropsBaseUncontrolled };

package/types/src/List/List.d.ts

@@ -18,17 +18,23 @@ interface ListPropsBase {
      */
     type?: 'disc' | 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
+declare const defaultProps: Required<Pick<ListPropsBase, 'type'>>;
 interface ListOrderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLOListElement>;
-    ordered?: boolean;
-    type: 'decimal' | 'lower-alpha' | 'upper-alpha';
+    ordered: true;
+    type?: never;
+}
+interface ListOrderedTypePropsBase extends ListPropsBase {
+    elementRef?: React.Ref<HTMLOListElement>;
+    ordered?: never;
+    type?: 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
 interface ListUnorderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLUListElement>;
     type?: 'disc';
 }
-declare type ListOrderedProps = ComponentProps<ListOrderedPropsBase, 'ol'>;
-declare type ListUnorderedProps = ComponentProps<ListUnorderedPropsBase, 'ul'>;
+declare type ListOrderedProps = ComponentProps<ListOrderedPropsBase | ListOrderedTypePropsBase, 'ol'> & typeof defaultProps;
+declare type ListUnorderedProps = ComponentProps<ListUnorderedPropsBase, 'ul'> & typeof defaultProps;
 declare type ListProps = ListOrderedProps | ListUnorderedProps;
 declare function List({ children, elementRef, type, ordered, ...otherProps }: ListProps): JSX.Element;
 declare namespace List {
@@ -38,6 +44,7 @@ declare namespace List {
         ordered: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
     };
+    var defaultProps: Required<Pick<ListPropsBase, "type">>;
     var Item: typeof import("./Item").default;
 }
 export default List;

package/types/src/Number/Number.d.ts

@@ -8,6 +8,16 @@ declare type NumberChangeHandler = (event: React.ChangeEvent<HTMLInputElement |
     name?: string;
     value?: number;
 }) => void;
+/** @public */
+declare type NumberBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
+/** @public */
+declare type NumberFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
 interface NumberPropsBase {
     /** Append removes the rounded borders and the border from the right side and moves the
      * increment and decrement buttons to the left. */
@@ -65,7 +75,7 @@ interface NumberPropsBase {
      * control when multiple controls share an onChange callback. */
     name?: string;
     /** A callback for when the input loses focus. */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: NumberBlurHandler;
     /**
      * This is equivalent to onInput which is called on keydown, paste, and so on.
      * If value is set, this callback is required. This must set the value prop to retain the
@@ -73,7 +83,7 @@ interface NumberPropsBase {
      */
     onChange?: NumberChangeHandler;
     /** A callback for when the input takes focus. */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: NumberFocusHandler;
     /** A keydown callback can be used to prevent a certain input by utilizing the event argument. */
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     /** A keyup callback. */
@@ -159,5 +169,5 @@ declare const NumberWithTheme: React.ForwardRefExoticComponent<Pick<Pick<Pick<Nu
 }, "ref" | "slot" | "style" | "title" | "children" | "value" | "onChange" | "onPause" | "name" | "className" | "color" | "id" | "lang" | "max" | "min" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "step" | "inline" | "elementRef" | "error" | "inputId" | "append" | "prepend" | "inputRef" | "labelledBy" | "locale" | "describedBy" | "useSyntheticPlaceholder" | "hideStepButtons" | "roundTo">>;
 export default NumberWithTheme;
 export type { Number as NumberWithoutTheme };
-export { NumberChangeHandler };
+export { NumberBlurHandler, NumberChangeHandler, NumberFocusHandler };
 export type { NumberPropsBase, NumberPropsBaseControlled, NumberPropsBaseUncontrolled };

package/types/src/RadioBar/RadioBar.d.ts

@@ -85,6 +85,7 @@ declare class RadioBar extends Component<RadioBarProps, RadioBarState> {
     componentDidUpdate(prevProps: Readonly<RadioBarProps>): void;
     private handleClick;
     private isControlled;
+    private getNextTarget;
     private handleOnKeyDown;
     private handleOnChange;
     render(): JSX.Element;

package/types/src/ResultsMenu/ResultsMenu.d.ts

@@ -15,7 +15,6 @@ interface ResultsMenuPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     isLoading?: boolean;
     loadingMessage?: React.ReactNode;
-    maxHeight?: number;
     noOptionsMessage?: React.ReactNode;
     onScroll?: React.UIEventHandler<Element>;
     /**
@@ -35,7 +34,6 @@ interface ResultsMenuState {
     childrenCount?: number;
     containerEl: HTMLDivElement | null;
     menuEl: HTMLDivElement | null;
-    menuMaxHeight?: number;
     numberOfItemsLoaded: number;
     windowTop: number;
     scrollBottomTriggered: boolean;

package/types/src/Search/Search.d.ts

@@ -7,6 +7,16 @@ declare type SearchChangeHandler = (event: React.ChangeEvent<HTMLInputElement |
     name?: string;
     value: string;
 }) => void;
+/** @public */
+declare type SearchBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
+/** @public */
+declare type SearchFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+    name?: string;
+    value: string;
+}) => void;
 interface SearchPropsBase {
     animateLoading?: boolean;
     /** All children must be instances of `Search.Option`. */
@@ -59,9 +69,9 @@ interface SearchPropsBase {
      * for example: "No matching dashboards". You can insert content such as an error message or
      * communicate a minimum number of characters to enter to see results. */
     noOptionsMessage?: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: SearchBlurHandler;
     onChange?: SearchChangeHandler;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: SearchFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     /**
      * A callback function invoked when the menu is scrolled.
@@ -98,4 +108,4 @@ declare namespace Search {
     var Heading: typeof import("../Menu/Heading").default;
 }
 export default Search;
-export { SearchChangeHandler, Option, Divider, Heading, SearchProps, SearchPropsBase, SearchPropsBaseControlled, SearchPropsBaseUncontrolled, };
+export { SearchBlurHandler, SearchChangeHandler, SearchFocusHandler, Option, Divider, Heading, SearchProps, SearchPropsBase, SearchPropsBaseControlled, SearchPropsBaseUncontrolled, };

package/types/src/Select/docs/examples/Icons.d.ts

@@ -1,10 +1,2 @@
-import { Component } from 'react';
-import { SelectChangeHandler } from '@splunk/react-ui/Select';
-declare class Icons extends Component<{}, {
-    value: string | number | boolean;
-}> {
-    constructor(props: {});
-    handleChange: SelectChangeHandler;
-    render(): JSX.Element;
-}
+declare function Icons(): JSX.Element;
 export default Icons;

package/types/src/Slider/Slider.d.ts

@@ -102,6 +102,7 @@ declare class Slider extends Component<SliderProps, SliderState> {
     private handleBlur;
     private handleClick;
     private handleFocus;
+    private getValueOffset;
     private handleKeyDown;
     private handleMount;
     private handleMouseDown;