@splunk/react-ui 4.43.0 → 5.0.0-beta.2

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

@@ -1,6 +1,6 @@
-import React, { PureComponent } from 'react';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
 import type { OptionClickHandler } from './OptionBase';
+import { ComponentProps } from '../utils/types';
 interface OptionPropsBase {
     /** @private */
     active?: boolean;
@@ -69,24 +69,11 @@ interface OptionPropsBase {
      */
     value: string | number | boolean;
 }
-declare const defaultProps: Required<Pick<OptionPropsBase, 'active' | 'descriptionPosition' | 'disabled' | 'hidden' | 'selected' | 'truncate'>>;
-type OptionProps = ClassComponentProps<OptionPropsBase, typeof defaultProps, 'button'>;
+type OptionProps = ComponentProps<OptionPropsBase, 'button'>;
 /**
- * An option within a `Select`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
+ * An option within a `Select`. Any elements passed to it should be memoized.
  */
-declare class Option extends PureComponent<OptionProps, {}> {
-    private optionBaseRef;
-    static propTypes: React.WeakValidationMap<OptionProps>;
-    static defaultProps: Required<Pick<OptionPropsBase, "active" | "hidden" | "disabled" | "selected" | "descriptionPosition" | "truncate">>;
-    private handleMount;
-    scrollIntoViewIfNeeded(): void;
-    /**
-     * Place focus on the button.
-     */
-    focus(): void;
-    render(): JSX.Element;
-}
-export default Option;
-export type { OptionClickHandler };
+declare function Option({ children, descriptionPosition, elementRef, label, ...otherProps }: OptionProps): React.JSX.Element;
+declare const OptionMemoized: React.MemoExoticComponent<typeof Option>;
+export default OptionMemoized;
+export type { OptionClickHandler, OptionPropsBase };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { Item } from '@splunk/react-ui/Menu';
 import { ComponentProps } from '../utils/types';
 type OptionClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     value: string | number | boolean;
@@ -80,7 +81,7 @@ type OptionProps = ComponentProps<OptionPropsBase, 'button'>;
 /**
  * An option within a `Multiselect`.
  */
-declare function Option({ children, descriptionPosition, disabled, elementRef, icon, label, multiple, onClick, role, value, ...otherProps }: OptionProps): JSX.Element;
+declare function Option({ children, descriptionPosition, disabled, elementRef, icon, label, multiple, onClick, role, value, ...otherProps }: OptionProps): React.JSX.Element;
 declare namespace Option {
     var propTypes: {
         /** @private */
@@ -110,13 +111,7 @@ declare namespace Option {
         truncate: PropTypes.Requireable<boolean>;
         value: PropTypes.Validator<NonNullable<NonNullable<string | number | boolean | null | undefined>>>;
     };
-    var type: React.ForwardRefExoticComponent<Omit<Pick<Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "form" | "slot" | "style" | "title" | "name" | "value" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "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" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("../Menu/Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>) | (import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>)>>, "inlist"> & Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "form" | "name" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "form" | "slot" | "style" | "title" | "children" | "name" | "elementRef" | "value" | "to" | "onChange" | "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" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "splunkTheme" | "description" | "endAdornment" | "startAdornment" | "itemKey" | "matchRanges"> & Partial<Pick<Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "form" | "slot" | "style" | "title" | "name" | "value" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "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" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("../Menu/Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>) | (import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>)>>, "inlist"> & Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "form" | "name" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Partial<Pick<Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">>, never>> & {
-        ref?: React.Ref<import("../Menu/Item").ItemWithoutTheme> | undefined;
-    }, "splunkTheme"> | Omit<Pick<Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "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" | "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" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof import("../Menu/Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>) | (import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>)>>, "inlist"> & Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "slot" | "style" | "title" | "children" | "target" | "elementRef" | "to" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "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" | "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" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy" | "disabled" | "icon" | "splunkTheme" | "description" | "endAdornment" | "startAdornment" | "itemKey" | "matchRanges"> & Partial<Pick<Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "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" | "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" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof import("../Menu/Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("../Menu/Item").ItemPropsBase>) | (import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>)>>, "inlist"> & Pick<import("../Menu/Item").ItemPropsBase & Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("../Menu/Item").ItemPropsBase>, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Partial<Pick<Required<Pick<import("../Menu/Item").ItemPropsBase, "active" | "selected" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">>, never>> & {
-        ref?: React.Ref<import("../Menu/Item").ItemWithoutTheme> | undefined;
-    }, "splunkTheme">> & {
-        as: string;
-    };
+    var type: typeof Item;
 }
 export default Option;
 export { OptionClickHandler };

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

@@ -1,14 +1,15 @@
-import React, { Component } from 'react';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Divider as BaseDivider, Heading as BaseHeading, SelectBaseProps } from './SelectBase';
 import Option from './Option';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type SelectChangeHandler = (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>, data: {
     name?: string;
     value: string | number | boolean;
 }) => void;
 /** @public */
-type SelectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
+type SelectFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
 /** @public */
@@ -26,11 +27,11 @@ interface SelectPropsBase {
     animateLoading?: boolean;
     /**
      * Change the style of the button or link.
-     * @deprecatedValue 'primary'
-     * The `primary` value is deprecated and will be removed in the next major version.
-     * @themeNotes The `pill` appearance is deprecated and only supported in Enterprise themes. The `flat` and `toggle` appearances are deprecated and only supported in Prisma themes.
+     *
+     * @deprecatedValue 'link'
+     * The `link` value is deprecated and will be removed in a future major version.
      */
-    appearance?: 'default' | 'link' | 'primary' | 'pill' | 'toggle' | 'flat' | 'subtle';
+    appearance?: 'default' | 'link' | 'subtle';
     /**
      * Remove rounding from the right side of the toggle.
      */
@@ -154,6 +155,10 @@ interface SelectPropsBase {
      * Remove rounding from the left side of the toggle.
      */
     prepend?: boolean;
+    /**
+     * See `repositionMode` on `Popover` for details.
+     */
+    repositionMode?: 'none' | 'flip';
     /**
      * Places this string after the selected label.
      */
@@ -170,9 +175,8 @@ interface SelectPropsBase {
     /**
      * Controls whether the `children` or `label` of the selected `Option` is rendered on the toggle button.
      */
-    toggleContent: 'optionChildren' | 'optionLabel';
+    toggleContent?: 'optionChildren' | 'optionLabel';
 }
-declare const defaultProps: Required<Pick<SelectPropsBase, 'allowKeyMatching' | 'animateLoading' | 'appearance' | 'append' | 'children' | 'defaultPlacement' | 'disabled' | 'error' | 'filter' | 'inline' | 'isLoadingOptions' | 'menuStyle' | 'noOptionsMessage' | 'placeholder' | 'prepend' | 'toggleContent'>>;
 interface SelectPropsBaseControlled extends SelectPropsBase {
     defaultValue?: never;
     onChange: SelectChangeHandler;
@@ -182,19 +186,55 @@ interface SelectPropsBaseUncontrolled extends SelectPropsBase {
     defaultValue?: string | number | boolean;
     value?: never;
 }
-type SelectProps = ClassComponentProps<SelectPropsBaseControlled | SelectPropsBaseUncontrolled, typeof defaultProps, 'button'>;
-interface SelectState {
-    defaultValues?: (string | number | boolean)[];
-}
-declare class Select extends Component<SelectProps, SelectState> {
-    static propTypes: React.WeakValidationMap<SelectProps>;
-    static defaultProps: Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "error" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "menuStyle" | "allowKeyMatching" | "isLoadingOptions" | "toggleContent">>;
-    static Option: typeof Option;
-    static Heading: typeof BaseHeading;
-    static Divider: typeof BaseDivider;
-    constructor(props: Readonly<SelectProps>);
-    componentDidUpdate(prevProps: Readonly<SelectProps>): void;
-    render(): JSX.Element;
+type SelectProps = ComponentProps<SelectPropsBaseControlled | SelectPropsBaseUncontrolled, 'button'>;
+declare function Select({ allowKeyMatching, appearance, defaultPlacement, defaultValue, inline, noOptionsMessage, onChange, placeholder, toggleContent, value, ...otherProps }: SelectProps): React.JSX.Element;
+declare namespace Select {
+    var propTypes: {
+        allowKeyMatching: PropTypes.Requireable<boolean>;
+        animateLoading: PropTypes.Requireable<boolean>;
+        appearance: PropTypes.Requireable<string>;
+        append: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultPlacement: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
+        describedBy: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<boolean>;
+        filter: PropTypes.Requireable<string | boolean>;
+        footerMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        inline: PropTypes.Requireable<boolean>;
+        inputId: PropTypes.Requireable<string>;
+        inputRef: PropTypes.Requireable<object>;
+        isLoadingOptions: PropTypes.Requireable<boolean>;
+        labelledBy: PropTypes.Requireable<string>;
+        labelText: PropTypes.Requireable<string>;
+        loadingMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        menuStyle: PropTypes.Requireable<object>;
+        name: PropTypes.Requireable<string>;
+        noOptionsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
+        placeholder: PropTypes.Requireable<string>;
+        prefixLabel: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
+        repositionMode: PropTypes.Requireable<string>;
+        suffixLabel: PropTypes.Requireable<string>;
+        toggleContent: PropTypes.Requireable<string>;
+        /** @private. */
+        toggle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
+        /** @private. */
+        virtualization: PropTypes.Requireable<number>;
+    };
+    var Option: React.MemoExoticComponent<({ children, descriptionPosition, elementRef, label, ...otherProps }: import("./Option").OptionPropsBase & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Option").OptionPropsBase>) => React.JSX.Element>;
+    var Heading: typeof BaseHeading;
+    var Divider: typeof BaseDivider;
 }
 export default Select;
 export { BaseDivider as Divider, BaseHeading as Heading, Option, SelectChangeHandler, SelectFilterChangeHandler, };
+export type { SelectProps };

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

@@ -11,7 +11,7 @@ interface SelectAllOptionPropsBase {
     totalCount?: number;
 }
 type SelectAllOptionProps = ComponentProps<SelectAllOptionPropsBase, 'div'>;
-declare function SelectAllOption({ active, elementRef, id, onClick, selectAllLabel, totalCount, changedToggle, selected, }: SelectAllOptionProps): JSX.Element;
+declare function SelectAllOption({ active, elementRef, id, onClick, selectAllLabel, totalCount, changedToggle, selected, }: SelectAllOptionProps): React.JSX.Element;
 declare namespace SelectAllOption {
     var propTypes: React.WeakValidationMap<SelectAllOptionPropsBase>;
 }

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

@@ -4,7 +4,7 @@ import { Divider, Heading } from '@splunk/react-ui/Menu';
 import { TextBlurHandler, TextChangeHandler, TextFocusHandler } from '@splunk/react-ui/Text';
 import Option from './OptionBase';
 import { ComponentProps } from '../utils/types';
-type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
+type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
 type SelectBaseChangeReason = 'valueToggle' | 'selectAll' | 'clearAll';
@@ -23,11 +23,8 @@ interface SelectBasePropsBase {
     animateLoading?: boolean;
     /**
      * Change the style of the button or link.
-     * @deprecatedValue 'primary'
-     * The `primary` value is deprecated and will be removed in the next major version.
-     * @themeNotes The `pill` appearance is deprecated and only supported in Enterprise themes. The `flat` and `toggle` appearances are deprecated and only supported in Prisma themes.
      */
-    appearance?: 'default' | 'link' | 'primary' | 'pill' | 'toggle' | 'flat' | 'subtle';
+    appearance?: 'default' | 'link' | 'subtle';
     /**
      * Remove rounding from the left side of the toggle.
      */
@@ -231,8 +228,8 @@ interface ControlsProps extends Pick<SelectBaseProps, 'inputId' | 'inputRef' | '
     placement: 'above' | 'below' | 'left' | 'right' | 'misaligned' | null;
     textHasFocus: boolean;
 }
-declare const Controls: ({ activeItemId, filterA11yId, filterKeyword, hasChildren, inputId, inputRef, menuListboxId, multiple, onClearAll, onSelectAll, onTextBlur, onTextChange, onTextFocus, onTextKeyDown, optionSelection, placement, selectAllAppearance, textHasFocus, }: ControlsProps) => JSX.Element;
-declare function SelectBase({ allowKeyMatching, animateLoading, appearance, append, allowNewValues, children, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, labelText, loadingMessage, menuStyle, multiple, name, noOptionsMessage, onChange, onScroll, onScrollBottom, onFilterChange, onClick, onClose, onOpen, required, placeholder, prefixLabel, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, suffixLabel, tabConfirmsNewValue, values, virtualization, toggle, toggleContent, ...otherProps }: SelectBaseProps): JSX.Element;
+declare const Controls: ({ activeItemId, filterA11yId, filterKeyword, hasChildren, inputId, inputRef, menuListboxId, multiple, onClearAll, onSelectAll, onTextBlur, onTextChange, onTextFocus, onTextKeyDown, optionSelection, placement, selectAllAppearance, textHasFocus, }: ControlsProps) => React.JSX.Element;
+declare function SelectBase({ allowKeyMatching, animateLoading, appearance, append, allowNewValues, children, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, labelText, loadingMessage, menuStyle, multiple, name, noOptionsMessage, onChange, onScroll, onScrollBottom, onFilterChange, onClick, onClose, onOpen, required, placeholder, prefixLabel, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, suffixLabel, tabConfirmsNewValue, values, virtualization, toggle, toggleContent, ...otherProps }: SelectBaseProps): React.JSX.Element;
 declare namespace SelectBase {
     var propTypes: {
         allowKeyMatching: PropTypes.Requireable<boolean>;

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

@@ -1,2 +1,3 @@
-declare function Appearance(): JSX.Element;
+import React from 'react';
+declare function Appearance(): React.JSX.Element;
 export default Appearance;

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

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

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

@@ -1,2 +1,3 @@
-declare function Children(): JSX.Element;
+import React from 'react';
+declare function Children(): React.JSX.Element;
 export default Children;

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

@@ -1,2 +1,3 @@
-declare function Descriptions(): JSX.Element;
+import React from 'react';
+declare function Descriptions(): React.JSX.Element;
 export default Descriptions;

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

@@ -1,2 +1,3 @@
-declare function SelectError(): JSX.Element;
+import React from 'react';
+declare function SelectError(): React.JSX.Element;
 export default SelectError;

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

@@ -1,2 +1,3 @@
-declare function Fetching(): JSX.Element;
+import React from 'react';
+declare function Fetching(): React.JSX.Element;
 export default Fetching;

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

@@ -1,2 +1,3 @@
-declare function Filter(): JSX.Element;
+import React from 'react';
+declare function Filter(): React.JSX.Element;
 export default Filter;

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

@@ -1,2 +1,3 @@
-declare function Headings(): JSX.Element;
+import React from 'react';
+declare function Headings(): React.JSX.Element;
 export default Headings;

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

@@ -1,2 +1,3 @@
-declare function Icons(): JSX.Element;
+import React from 'react';
+declare function Icons(): React.JSX.Element;
 export default Icons;

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

@@ -1,2 +1,3 @@
-declare function LoadMoreOnScrollBottom(): JSX.Element;
+import React from 'react';
+declare function LoadMoreOnScrollBottom(): React.JSX.Element;
 export default LoadMoreOnScrollBottom;

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

@@ -1,2 +1,3 @@
-declare function Prefix(): JSX.Element;
+import React from 'react';
+declare function Prefix(): React.JSX.Element;
 export default Prefix;

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

@@ -1,2 +1,3 @@
-declare function Truncate(): JSX.Element;
+import React from 'react';
+declare function Truncate(): React.JSX.Element;
 export default Truncate;

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

@@ -1,2 +1,3 @@
-declare function Uncontrolled(): JSX.Element;
+import React from 'react';
+declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

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

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { TransitionOpenPropsBase } from '@splunk/react-ui/TransitionOpen';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type SidePanelRequestCloseHandler = (data: {
     event: React.MouseEvent<HTMLDivElement> | MouseEvent | KeyboardEvent | TouchEvent;
@@ -59,20 +60,21 @@ interface SidePanelPropsBase extends TransitionOpenPropsBase {
      */
     useLayerForClickAway?: boolean;
 }
-declare const defaultProps: Required<Pick<SidePanelPropsBase, 'dockPosition' | 'open' | 'useLayerForClickAway'>>;
-type SidePanelProps = ClassComponentProps<SidePanelPropsBase, typeof defaultProps, 'div'>;
-interface SidePanelState {
-    panelAnimating: boolean;
-    prevOpen: boolean;
-}
-declare class SidePanel extends Component<SidePanelProps, SidePanelState> {
-    static propTypes: React.WeakValidationMap<SidePanelProps>;
-    static defaultProps: Required<Pick<SidePanelPropsBase, "open" | "dockPosition" | "useLayerForClickAway">>;
-    static getDerivedStateFromProps(nextProps: Readonly<SidePanelProps>, prevState: SidePanelState): Partial<SidePanelState> | null;
-    constructor(props: Readonly<SidePanelProps>);
-    private handlePanelAnimationEnd;
-    private renderModal;
-    render(): JSX.Element;
+type SidePanelProps = ComponentProps<SidePanelPropsBase, 'div'>;
+declare function SidePanel({ children, dockPosition, innerClassName, innerStyle, onAnimationEnd, onRequestClose, open, outerClassName, outerStyle, useLayerForClickAway, ...otherProps }: SidePanelProps): React.JSX.Element;
+declare namespace SidePanel {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        dockPosition: PropTypes.Requireable<string>;
+        innerClassName: PropTypes.Requireable<string>;
+        innerStyle: PropTypes.Requireable<object>;
+        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        outerClassName: PropTypes.Requireable<string>;
+        outerStyle: PropTypes.Requireable<object>;
+        useLayerForClickAway: PropTypes.Requireable<boolean>;
+    };
 }
 export default SidePanel;
 export { SidePanelRequestCloseHandler };

package/types/src/SidePanel/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/SidePanel/docs/examples/ChangeSize.d.ts

@@ -1,2 +1,3 @@
-declare function ChangeWidth(): JSX.Element;
+import React from 'react';
+declare function ChangeWidth(): React.JSX.Element;
 export default ChangeWidth;

package/types/src/SidePanel/docs/examples/Composition.d.ts

@@ -1,2 +1,3 @@
-declare function Composition(): JSX.Element;
+import React from 'react';
+declare function Composition(): React.JSX.Element;
 export default Composition;