@splunk/react-ui 4.1.0 → 4.4.1

package/types/src/RadioList/RadioListContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioListChangeHandler, RadioListValueTypes } from './RadioList';
 export interface RadioListContext {
     value?: RadioListValueTypes;

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

@@ -4,6 +4,10 @@ declare type ResultsMenuScrollBottomHandler = (event?: React.UIEvent<HTMLDivElem
 interface ResultsMenuPropsBase {
     animateLoading?: boolean;
     children?: React.ReactNode;
+    /**
+     * @private If set, the menu will never take focus and the active menu item will not have a focus-like appearance.
+     */
+    controlledExternally?: boolean;
     childrenStart?: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.

package/types/src/Scroll/Inner.d.ts

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { SpringValue } from 'react-spring';
 import { ClassComponentProps } from '../utils/types';
 interface InnerPropsBase {
     children?: React.ReactNode;
@@ -8,14 +9,14 @@ interface InnerPropsBase {
     defaultTop?: number;
     elementRef?: React.Ref<Element>;
     /** If set, scroll to this position on update. If null, ignore. */
-    left?: number;
+    left?: SpringValue<number>;
     /** Prevent mouseWheel events from scrolling the page or other containers. */
     stopScrollPropagation?: boolean | 'window';
     /** A callback for when the scroll position changes. */
     onScroll?: React.UIEventHandler<Element>;
-    tagName?: string;
+    tagName?: keyof JSX.IntrinsicElements;
     /** If set, scroll to this position on update. If null, ignore. */
-    top?: number;
+    top?: SpringValue<number>;
 }
 declare const defaultProps: Required<Pick<InnerPropsBase, 'defaultLeft' | 'defaultTop' | 'tagName'>>;
 declare type InnerProps = ClassComponentProps<InnerPropsBase, typeof defaultProps, keyof JSX.IntrinsicElements>;

package/types/src/Scroll/Scroll.d.ts

@@ -21,7 +21,7 @@ interface ScrollPropsBase {
      * stops the window from scrolling by removing the scroll bars, which has better performance
      * but can affect layout. */
     stopScrollPropagation?: boolean | 'window';
-    tagName?: string;
+    tagName?: keyof JSX.IntrinsicElements;
 }
 declare const defaultProps: Required<Pick<ScrollPropsBase, 'stopScrollPropagation' | 'tagName'>>;
 declare type ScrollProps = ClassComponentProps<ScrollPropsBase, typeof defaultProps, keyof JSX.IntrinsicElements>;

package/types/src/Select/Option.d.ts

@@ -1,8 +1,6 @@
 import React, { PureComponent } from 'react';
 import { ClassComponentProps } from '../utils/types';
-declare type OptionClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
-    value: string | number | boolean;
-}) => void;
+import type { OptionClickHandler } from './OptionBase';
 interface OptionPropsBase {
     /** @private */
     active?: boolean;
@@ -77,7 +75,6 @@ declare class Option extends PureComponent<OptionProps, {}> {
     private c;
     static propTypes: React.WeakValidationMap<ClassComponentProps<OptionPropsBase, Required<Pick<OptionPropsBase, "hidden" | "disabled" | "selected" | "active" | "descriptionPosition" | "truncate">>, "button", never>>;
     static defaultProps: Required<Pick<OptionPropsBase, "hidden" | "disabled" | "selected" | "active" | "descriptionPosition" | "truncate">>;
-    private handleClick;
     private handleMount;
     scrollIntoViewIfNeeded(): void;
     /**
@@ -87,4 +84,4 @@ declare class Option extends PureComponent<OptionProps, {}> {
     render(): JSX.Element;
 }
 export default Option;
-export { OptionClickHandler };
+export type { OptionClickHandler };

package/types/src/Select/OptionBase.d.ts

@@ -0,0 +1,94 @@
+import React, { PureComponent } from 'react';
+import { ClassComponentProps } from '../utils/types';
+declare type OptionClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+    value: string | number | boolean;
+}) => void;
+interface OptionPropsBase {
+    /** @private */
+    active?: boolean;
+    /**
+     * When provided, `children` is rendered instead of the `label`.
+     *
+     * Caution: The element(s) passed here must be pure.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional information to explain the option, such as "Recommended".
+     */
+    description?: string;
+    /**
+     * The description text may appear to the right of the label or under the label.
+     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     */
+    descriptionPosition?: 'right' | 'bottom';
+    /**
+     * If disabled=true, the option is grayed out and cannot be clicked.
+     */
+    disabled?: boolean;
+    /**
+     * Adding hidden options can be useful for resolving the selected display label and icon,
+     * when the option should not be in the list. This scenario can arise when Select's filter is
+     * controlled, because the selected item may be filtered out; and when a legacy option is
+     * valid, but should no longer be displayed as a selectable option.
+     */
+    hidden?: boolean;
+    /**
+     * The icon to show before the label. See the @splunk/react-icons package for
+     * drop in icons.
+     *
+     * Caution: The element(s) passed here must be pure. All icons in the react-icons package are pure.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The text to show for the option when `children` is not defined. When filtering, the
+     * `label` is used for matching to the filter text.
+     */
+    label: string;
+    /**
+     * Sections of the label string to highlight as a match. This is automatically set for
+     * uncontrolled filters, so it's not normally necessary to set this property when using
+     * filtering.
+     */
+    matchRanges?: {
+        start: number;
+        end: number;
+    }[];
+    /**
+     * @private Passed down from <BaseSelect>
+     */
+    multiple?: boolean;
+    /** @private */
+    onClick?: OptionClickHandler;
+    /** @private */
+    selected?: boolean;
+    /**
+     * When `true`, wrapping is disabled and any additional text is ellipsised.
+     */
+    truncate?: boolean;
+    /**
+     * The label and/or icon will be placed on the Control's toggle if it matches this value.
+     */
+    value: string | number | boolean;
+}
+declare const defaultProps: Required<Pick<OptionPropsBase, 'descriptionPosition' | 'disabled' | 'multiple' | 'selected' | 'truncate'>>;
+declare type OptionProps = ClassComponentProps<OptionPropsBase, typeof defaultProps, 'button'>;
+/**
+ * An option within a `Multiselect`. This inherits from
+ * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
+ * so any elements passed to it must also be pure.
+ */
+declare class Option extends PureComponent<OptionProps, {}> {
+    private c;
+    static propTypes: React.WeakValidationMap<ClassComponentProps<OptionPropsBase, Required<Pick<OptionPropsBase, "disabled" | "multiple" | "selected" | "descriptionPosition" | "truncate">>, "button", never>>;
+    static defaultProps: Required<Pick<OptionPropsBase, "disabled" | "multiple" | "selected" | "descriptionPosition" | "truncate">>;
+    private handleClick;
+    private handleMount;
+    scrollIntoViewIfNeeded(): void;
+    /**
+     * Place focus on the button.
+     */
+    focus(): void;
+    render(): JSX.Element;
+}
+export default Option;
+export { OptionClickHandler };

package/types/src/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { Divider, Heading } from '@splunk/react-ui/Menu';
-import Option from './Option';
 import { ClassComponentProps } from '../utils/types';
+import { Divider as BaseDivider, Heading as BaseHeading } from './SelectBase';
+import Option from './Option';
 /** @public */
 declare type SelectChangeHandler = (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>, data: {
     name?: string;
@@ -12,6 +12,10 @@ declare type SelectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElem
     keyword: string;
 }) => void;
 interface SelectPropsBase {
+    /**
+     * Whether or not to show the wait spinner when loading. It's recommended to set this to
+     * `true` when loading may take more than one second.
+     */
     animateLoading?: boolean;
     /**
      * Change the style of the button or link.
@@ -152,46 +156,17 @@ interface SelectPropsBaseUncontrolled extends SelectPropsBase {
 }
 declare type SelectProps = ClassComponentProps<SelectPropsBaseControlled | SelectPropsBaseUncontrolled, typeof defaultProps, 'button'>;
 interface SelectState {
-    activeIndex?: number;
-    filterKeyword?: string;
-    open: boolean;
-    value?: string | number | boolean;
+    defaultValues?: (string | number | boolean)[];
 }
 declare class Select extends Component<SelectProps, SelectState> {
-    private activeItemId;
-    private activeValue?;
-    private availableOptionCount;
-    private controlledExternally;
-    private dropdown;
-    private menuId;
-    private selectedOption;
-    private selectedOptionIndex?;
-    static propTypes: React.WeakValidationMap<SelectPropsBaseControlled & Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "inline" | "defaultPlacement" | "appearance" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onPause" | "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" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">> | React.WeakValidationMap<SelectPropsBaseUncontrolled & Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "inline" | "defaultPlacement" | "appearance" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onPause" | "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" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
-    static defaultProps: Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "inline" | "defaultPlacement" | "appearance" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">>;
+    static propTypes: React.WeakValidationMap<SelectPropsBaseControlled & Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "defaultPlacement" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">> | React.WeakValidationMap<SelectPropsBaseUncontrolled & Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "defaultPlacement" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
+    static defaultProps: Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "defaultPlacement" | "error" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "isLoadingOptions" | "menuStyle">>;
     static Option: typeof Option;
-    static Divider: typeof Divider;
-    static Heading: typeof Heading;
-    private static validateAppearance;
+    static Heading: typeof BaseHeading;
+    static Divider: typeof BaseDivider;
     constructor(props: Readonly<SelectProps>);
     componentDidUpdate(prevProps: Readonly<SelectProps>): void;
-    private getCurrentValue;
-    private handleActiveOptionMount;
-    private handleTextKeyDown;
-    private handleTextChange;
-    private handleTextKeyUp;
-    private handleSelectedItemMount;
-    private handleItemClick;
-    private handleRequestOpen;
-    private handleRequestClose;
-    private handleScrollBottom;
-    private selectValue;
-    private isControlled;
-    /**
-     * Place focus on the toggle.
-     */
-    focus(): void;
-    private renderFilter;
     render(): JSX.Element;
 }
 export default Select;
-export { Divider, Heading, Option, SelectChangeHandler, SelectFilterChangeHandler };
+export { BaseDivider as Divider, BaseHeading as Heading, Option, SelectChangeHandler, SelectFilterChangeHandler, };

package/types/src/Select/SelectBase.d.ts

@@ -0,0 +1,221 @@
+import React, { Component } from 'react';
+import { Divider, Heading } from '@splunk/react-ui/Menu';
+import Option from './OptionBase';
+import { ClassComponentProps } from '../utils/types';
+declare type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>, data: {
+    keyword: string;
+}) => void;
+declare type SelectBaseChangeHandler = (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>, data: {
+    name?: string;
+    values: (string | number | boolean)[];
+}) => void;
+interface SelectBasePropsBase {
+    animateLoading?: boolean;
+    /**
+     * Change the style of the button or link.
+     * @themeNotes 'pill': supported by `enterprise`, `enterpriseDark` and `lite`. 'toggle' and 'flat': supported by `scp`.
+     */
+    appearance?: 'default' | 'link' | 'primary' | 'pill' | 'toggle' | 'flat';
+    /**
+     * Remove rounding from the left side of the toggle.
+     */
+    append?: boolean;
+    /**
+     * Allow the user to add arbitrary values.
+     */
+    allowNewValues?: boolean;
+    /**
+     * `children` should be `Multiselect.Option`, `Multiselect.Heading`, or
+     * `Multiselect.Divider`.
+     */
+    children?: React.ReactNode;
+    /**
+     * The default placement of the dropdown menu. It might be rendered in a different direction
+     * depending upon the space available.
+     */
+    defaultPlacement?: 'above' | 'below' | 'vertical';
+    /**
+     * Set this property instead of values to keep the values uncontrolled.
+     */
+    defaultValues?: (string | number | boolean)[];
+    /**
+     * The id of the description. When placed in a ControlGroup, this automatically set to the
+     * ControlGroup's help component.
+     */
+    describedBy?: string;
+    /** Disable adding and removing. */
+    disabled?: boolean;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLButtonElement>;
+    /** Display as in an error. */
+    error?: boolean;
+    /**
+     * Determines whether to show the filter box. When true, the children are automatically
+     * filtered based on the label. When controlled, the parent component must provide a
+     * onFilterChange callback and update the children. This can also be used to fetch new
+     * results. */
+    filter?: boolean | 'controlled';
+    /**
+     * The footer message can show additional information, such as a truncation message.
+     */
+    footerMessage?: React.ReactNode;
+    /** Make the control an inline block with variable width. */
+    inline?: boolean;
+    /**
+     * An id for the input, which may be necessary for accessibility, such as for aria
+     * attributes.
+     */
+    inputId?: string;
+    /**
+     * A React ref which is set to the input element when the component mounts and null when it unmounts.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    isLoadingOptions?: boolean;
+    /**
+     * The id of the label. When placed in a ControlGroup, this automatically set to the
+     * ControlGroup's label. This property is not used when `labelText` is provided.
+     */
+    labelledBy?: string;
+    /**
+     * Text presented in the label for this field.
+     * This is used to supply this text along with the current value to a screen reader.
+     */
+    labelText?: string;
+    /**
+     * The loading message to show when isLoadingOptions. */
+    loadingMessage?: React.ReactNode;
+    /**
+     * Style properties to apply to the Menu. */
+    menuStyle?: React.CSSProperties;
+    /**
+     * Allow multiple values to be selected.
+     */
+    multiple: boolean;
+    /** The name is returned with onChange events, which can be used to identify the
+     * control when multiple controls share an onChange callback. */
+    name?: string;
+    /**
+     * The noOptionsMessage is shown when there are no children and not loading, such as when
+     * there are no Options matching the filter. This can be customized to the type of content,
+     * such as "No matching dashboards"; insert other content, such as an error message; or
+     * communicate a minimum number of chararters to enter to see results. */
+    noOptionsMessage?: React.ReactNode;
+    /**
+     * A callback to receive the change events.  If values is set, this callback is required.
+     * This must set the values prop to retain the change.
+     */
+    onChange?: SelectBaseChangeHandler;
+    /**
+     *  A callback function when the list is scrolled to the bottom. Use to fetch more results and append to list.
+     *  Note: Set to null when all items are loaded.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * A callback with the change event and value of the filter box. Providing this callback and
+     * setting the `filter` prop to `"controlled"` enables you to filter and update the children by other
+     * criteria.
+     */
+    onFilterChange?: SelectBaseFilterChangeHandler;
+    /**
+     * A callback function invoked when the popover closes.
+     */
+    onClose?: () => void;
+    /**
+     * A callback function invoked when the popover opens.
+     */
+    onOpen?: () => void;
+    /**
+     * If 'values' is undefined or don't match an item, the Button will display this text.
+     */
+    placeholder?: string;
+    /**
+     * When used outside of a control group, it can be useful to include the label on the toggle.
+     */
+    prefixLabel?: string;
+    /**
+     * Remove rounding from the left side of the toggle.
+     */
+    prepend?: boolean;
+    /**
+     * Places this string after the selected label.
+     */
+    suffixLabel?: string;
+    /** Pressing tab while entering an input confirms the new value. Requires `allowNewValues`. */
+    tabConfirmsNewValue?: boolean;
+    /**
+     * Values will be matched to one of the children to deduce the label and/or icon for the
+     * toggle.
+     */
+    values?: (string | number | boolean)[];
+}
+declare const defaultProps: Required<Pick<SelectBasePropsBase, 'allowNewValues' | 'animateLoading' | 'appearance' | 'append' | 'defaultPlacement' | 'disabled' | 'filter' | 'inline' | 'isLoadingOptions' | 'menuStyle' | 'multiple' | 'noOptionsMessage' | 'placeholder' | 'prepend' | 'tabConfirmsNewValue'>>;
+interface SelectBasePropsBaseControlled extends SelectBasePropsBase {
+    defaultValues?: never;
+    onChange: SelectBaseChangeHandler;
+    values?: (string | number | boolean)[];
+}
+interface SelectBasePropsBaseUncontrolled extends SelectBasePropsBase {
+    defaultValues?: (string | number | boolean)[];
+    values?: never;
+}
+declare type SelectBaseProps = ClassComponentProps<SelectBasePropsBaseControlled | SelectBasePropsBaseUncontrolled, typeof defaultProps, 'button'>;
+declare type OptionElement = React.ReactElement<React.ComponentPropsWithRef<typeof Option>, typeof Option>;
+declare type ChildrenElement = React.ReactElement<React.ComponentProps<typeof Divider | typeof Heading>, typeof Divider | typeof Heading> | OptionElement;
+declare function isOption(child: ChildrenElement): child is OptionElement;
+interface SelectBaseState {
+    activeIndex: number;
+    filterKeyword: string;
+    open: boolean;
+    textHasFocus: boolean;
+    topValues: (string | number | boolean)[];
+    values: (string | number | boolean)[];
+}
+declare class SelectBase extends Component<SelectBaseProps, SelectBaseState> {
+    private activeItemId;
+    private activeValue?;
+    private availableOptionCount;
+    private controlledExternally;
+    private displayedValues;
+    private dropdown;
+    private firstSelectedOption;
+    private firstSelectedOptionIndex?;
+    private menuId;
+    private selectedOptionCount;
+    static propTypes: React.WeakValidationMap<SelectBasePropsBaseControlled & Required<Pick<SelectBasePropsBase, "filter" | "placeholder" | "disabled" | "multiple" | "appearance" | "inline" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "value" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">> | React.WeakValidationMap<SelectBasePropsBaseUncontrolled & Required<Pick<SelectBasePropsBase, "filter" | "placeholder" | "disabled" | "multiple" | "appearance" | "inline" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue">> & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "value" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
+    static defaultProps: Required<Pick<SelectBasePropsBase, "filter" | "placeholder" | "disabled" | "multiple" | "appearance" | "inline" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue">>;
+    static Option: typeof Option;
+    static Divider: typeof Divider;
+    static Heading: typeof Heading;
+    private static invalidLinkAppearanceProps;
+    private static validateAppearance;
+    constructor(props: Readonly<SelectBaseProps>);
+    componentDidUpdate(prevProps: Readonly<SelectBaseProps>): void;
+    private getCurrentValues;
+    private handleSelectAll;
+    private handleClearAll;
+    private handleTextKeyDown;
+    private handleMenuOptionClick;
+    private handleTextChange;
+    private handleTextFocus;
+    private handleTextBlur;
+    private handleRequestOpen;
+    private handleRequestClose;
+    private handleScrollBottom;
+    private handleActiveOptionMount;
+    private handleSelectedItemMount;
+    private isControlled;
+    private hasFilter;
+    private toggleValue;
+    /**
+     * Place focus on the toggle.
+     */
+    focus(): void;
+    private renderControls;
+    private createChildren;
+    private wrapLabel;
+    render(): JSX.Element;
+}
+export default SelectBase;
+export { ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };

package/types/src/SidePanel/SidePanel.d.ts

@@ -21,6 +21,10 @@ interface SidePanelPropsBase {
      * the height when placed top or bottom.
      */
     innerStyle?: React.CSSProperties;
+    /**
+     * A function called when the open / close animation ends.
+     */
+    onAnimationEnd?: () => void;
     /**
      * A function that is called when a close event occurs. The callback is passed a
      * reason and the event.