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

package/types/src/Accordion/Accordion.d.ts

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Panel from './Panel';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type AccordionChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     event: React.MouseEvent<HTMLButtonElement>;
@@ -47,30 +48,22 @@ interface AccordionUncontrolledProps extends AccordionPropsBase {
     defaultOpenPanelId?: string | number;
     openPanelId?: never;
 }
-declare const defaultProps: {
-    inset: boolean;
-};
-type AccordionProps = ClassComponentProps<AccordionControlledProps | AccordionUncontrolledProps, typeof defaultProps, 'div'>;
-interface AccordionState {
-    openPanelId?: string | number;
-}
+type AccordionProps = ComponentProps<AccordionControlledProps | AccordionUncontrolledProps, 'div'>;
 /**
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
  */
-declare class Accordion extends Component<AccordionProps, AccordionState> {
-    private controlledExternally;
-    static propTypes: React.WeakValidationMap<AccordionProps>;
-    static defaultProps: {
-        inset: boolean;
+declare function Accordion({ children, defaultOpenPanelId, elementRef, inset, onChange, openPanelId: openPanelIdProp, ...otherProps }: AccordionProps): React.JSX.Element;
+declare namespace Accordion {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultOpenPanelId: PropTypes.Requireable<any>;
+        elementRef: PropTypes.Requireable<object>;
+        inset: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        openPanelId: PropTypes.Requireable<any>;
     };
-    static Panel: typeof Panel;
-    constructor(props: Readonly<AccordionProps>);
-    componentDidUpdate(prevProps: Readonly<AccordionProps>): void;
-    private getCurrentOpenPanel;
-    private handleChange;
-    private isControlled;
-    render(): React.JSX.Element;
+    var Panel: typeof import("./Panel").default;
 }
 export default Accordion;
 export { AccordionChangeHandler, Panel };

package/types/src/Accordion/AccordionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsiblePanelChangeHandler } from '@splunk/react-ui/CollapsiblePanel';
 export interface AccordionContext {
     onChange?: CollapsiblePanelChangeHandler;

package/types/src/Animation/Animation.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { SpringComponentProps as RSSpringComponentProps, TransitionComponentProps as RSTransitionComponentProps, UseSpringProps as RSUseSpringProps, UseTransitionProps as RSUseTransitionProps } from 'react-spring';
+import { SpringComponentProps as RSSpringComponentProps, TransitionComponentProps as RSTransitionComponentProps, UseSpringProps as RSUseSpringProps, UseTransitionProps as RSUseTransitionProps } from '@react-spring/web';
 declare function useAnimation({ immediate, ...otherProps }: RSUseSpringProps): {
     [x: string]: any;
     [x: number]: any;
 };
-declare function useAnimationTransition(items: any, { immediate, ...otherProps }: RSUseTransitionProps): import("react-spring").TransitionFn<any, {
+declare function useAnimationTransition(items: any, { immediate, ...otherProps }: RSUseTransitionProps): import("@react-spring/core").TransitionFn<any, {
     [x: string]: any;
     [x: number]: any;
     [Symbol.hasInstance]: (value: any) => boolean;

package/types/src/AnimationToggle/docs/examples/Provider.d.ts

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-declare class Provider extends Component<{}, {
+declare class Provider extends Component<object, {
     animatedTransitions: boolean;
     open: boolean;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleButtonClick: () => void;
     handleSwitchClick: () => void;
     render(): React.JSX.Element;

package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-declare class ToggleComponent extends Component<{}, {
+declare class ToggleComponent extends Component<object, {
     animatedTransitions: boolean;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleSwitchClick: () => void;
     render(): React.JSX.Element;
 }

package/types/src/AnimationToggle/useAnimationToggle.d.ts

@@ -6,5 +6,5 @@
  * and the user prefers reduced motion, `'reduced'` is returned, `'on'` otherwise.
  * @public
  */
-declare const useAnimationToggle: () => 'on' | 'off' | 'reduced';
+declare const useAnimationToggle: () => "on" | "off" | "reduced";
 export { useAnimationToggle };

package/types/src/Button/Button.d.ts

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     action?: string;
     /** Changes the style of the button.
      */
-    appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'destructiveSecondary' | 'subtle';
+    appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'destructiveSecondary' | 'standalone' | 'subtle';
     /** Removes the right border and border-radius of the button so you can
      * append other elements to it. */
     append?: boolean;
@@ -84,4 +84,4 @@ type ButtonProps = ButtonButtonProps | ButtonLinkProps;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;
 export { ButtonClickHandler };
-export type { ButtonPropsBase };
+export type { ButtonProps, ButtonPropsBase };

package/types/src/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ButtonGroupContext {
     inline?: boolean;
     role?: string;

package/types/src/ButtonSimple/ButtonSimple.d.ts

@@ -2,14 +2,12 @@ import React from 'react';
 import { ButtonVariant } from './ButtonSimpleStyles';
 import buttonMixin from './mixin';
 import { ComponentProps } from '../utils/types';
-declare const appearances: readonly ["default", "secondary", "primary", "destructive", "destructiveSecondary", "subtle"];
-type Appearance = typeof appearances[number];
 interface ButtonSimplePropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
      */
-    appearance?: Appearance;
+    appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'destructiveSecondary' | 'subtle' | 'standalone';
     /** Removes the right border and border-radius of the button so you can
      * append things to it. */
     append?: boolean;

package/types/src/ButtonSimple/mixin.d.ts

@@ -1,5 +1,5 @@
 import { AnyTheme, Interpolation, InterpolationResult, ThemedProps } from '@splunk/themes';
-declare const buttonVariants: readonly ["primary", "secondary", "destructive", "destructiveSecondary", "subtle"];
+declare const buttonVariants: readonly ["primary", "secondary", "destructive", "destructiveSecondary", "subtle", "standalone"];
 type ButtonVariant = typeof buttonVariants[number];
 type ButtonStyleProps = ThemedProps & Partial<{
     $append: boolean;

package/types/src/Calendar/Calendar.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { DateTableChangeHandler } from './DateTable';
+import { DateGridChangeHandler } from './DateGrid';
 import { ComponentProps } from '../utils/types';
-type CalendarChangeHandler = DateTableChangeHandler;
+type CalendarChangeHandler = DateGridChangeHandler;
 declare const calendarActiveSelector = "[data-active-day=\"true\"]";
 interface CalendarPropsBase {
     /**

package/types/src/Calendar/{DateTable.d.ts → DateGrid.d.ts}

@@ -1,22 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-type DateTableChangeHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data: {
+type DateGridChangeHandler = (event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data: {
     value: string;
 }) => void;
-interface DateTablePropsBase {
+interface DateGridPropsBase {
     displayValue: string;
     highlightToday?: boolean;
     labelledBy?: string;
     locale?: string;
-    onChange?: DateTableChangeHandler;
-    onInternalChange?: DateTableChangeHandler;
+    onChange?: DateGridChangeHandler;
+    onInternalChange?: DateGridChangeHandler;
     selectedValue: string;
     todayValue?: string;
 }
-type DateTableProps = ComponentProps<DateTablePropsBase, 'table'>;
-declare function DateTable({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateTableProps): React.JSX.Element;
-declare namespace DateTable {
+type DateGridProps = ComponentProps<DateGridPropsBase, 'div'>;
+declare function DateGrid({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateGridProps): React.JSX.Element;
+declare namespace DateGrid {
     var propTypes: {
         displayValue: PropTypes.Validator<string>;
         highlightToday: PropTypes.Requireable<boolean>;
@@ -28,5 +28,5 @@ declare namespace DateTable {
         todayValue: PropTypes.Requireable<string>;
     };
 }
-export default DateTable;
-export { DateTableChangeHandler };
+export default DateGrid;
+export { DateGridChangeHandler };

package/types/src/Calendar/Day.d.ts

@@ -1,15 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-type DayClickHandler = (event: React.MouseEvent<HTMLTableCellElement>, data: {
+type DayClickHandler = (event: React.MouseEvent<HTMLDivElement>, data: {
     value: string;
 }) => void;
-type DayKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
+type DayKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>, data: {
     value: string;
 }) => void;
 interface DayPropsBase {
     /** Whether or not this day has the active cursor. */
     active?: boolean;
+    /** @private */
+    dayOfWeek?: number;
     /** Locale set by language and localization specifiers. */
     locale?: string;
     /** Callback for click */
@@ -23,11 +25,13 @@ interface DayPropsBase {
     /** Day number to be displayed */
     value: string;
 }
-type DayProps = ComponentProps<DayPropsBase, 'td'>;
-declare function Day({ active, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): React.JSX.Element;
+type DayProps = ComponentProps<DayPropsBase, 'div'>;
+declare function Day({ active, dayOfWeek, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): React.JSX.Element;
 declare namespace Day {
     var propTypes: {
         active: PropTypes.Requireable<boolean>;
+        /** @private. */
+        dayOfWeek: PropTypes.Requireable<number>;
         locale: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onKeydown: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/Card/Card.d.ts

@@ -1,8 +1,9 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Body from './Body';
 import Footer from './Footer';
 import Header from './Header';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type CardClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
     selected: boolean;
@@ -48,7 +49,6 @@ interface CardPropsBase {
     /** Overrides the HTML tag for the Card component. Defaults to `article`. */
     tag?: 'article' | 'div' | 'aside' | 'section';
 }
-declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext'>>;
 interface CardPropsBaseNonClickable extends CardPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     onClick?: never;
@@ -67,18 +67,31 @@ interface CardPropsBaseClickable extends CardPropsBase {
     selected?: never;
     to?: string;
 }
-type CardNonClickableProps = ClassComponentProps<CardPropsBaseNonClickable, typeof defaultProps, 'div' | 'article'>;
-type CardClickableButtonProps = ClassComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, typeof defaultProps, 'button'>;
-type CardClickableLinkProps = ClassComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, typeof defaultProps, 'a', 'href'>;
+type CardNonClickableProps = ComponentProps<CardPropsBaseNonClickable, 'div' | 'article'>;
+type CardClickableButtonProps = ComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, 'button'>;
+type CardClickableLinkProps = ComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, 'a', 'href'>;
 type CardProps = CardNonClickableProps | CardClickableButtonProps | CardClickableLinkProps;
-declare class Card extends Component<CardProps, {}> {
-    static propTypes: React.WeakValidationMap<CardProps>;
-    static defaultProps: Required<Pick<CardPropsBase, "openInNewContext">>;
-    static Header: typeof Header;
-    static Body: typeof Body;
-    static Footer: typeof Footer;
-    private handleCardClick;
-    render(): React.JSX.Element;
+declare function Card(props: CardProps): React.JSX.Element;
+declare namespace Card {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private */
+        margin: PropTypes.Requireable<number>;
+        /** @private */
+        maxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        /** @private */
+        minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        openInNewContext: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
+        to: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<any>;
+        tag: PropTypes.Requireable<string>;
+    };
+    var Header: typeof import("./Header").default;
+    var Body: typeof import("./Body").default;
+    var Footer: typeof import("./Footer").default;
 }
 export default Card;
 export { CardClickHandler, Header, Body, Footer };

package/types/src/CardLayout/CardLayoutContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CardLayoutContext {
     minWidth?: number | string;
     maxWidth?: number | string;

package/types/src/CardLayout/docs/examples/Interactive.d.ts

@@ -11,8 +11,8 @@ interface InteractiveState {
     setAsWidth: boolean;
     hasMaxWidth: boolean;
 }
-declare class Interactive extends Component<{}, InteractiveState> {
-    constructor(props: {});
+declare class Interactive extends Component<object, InteractiveState> {
+    constructor(props: object);
     handleChangeAmount: NumberChangeHandler;
     handleChangeMinWidth: NumberChangeHandler;
     handleChangeMaxWidth: NumberChangeHandler;

package/types/src/Clickable/Clickable.d.ts

@@ -51,4 +51,4 @@ type ClickableProps = ClickableButtonProps | ClickableLinkProps;
  */
 declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Clickable;
-export { ClickableProps };
+export { ClickableButtonProps, ClickableLinkProps, ClickableProps, ClickablePropsBase };

package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsiblePanelChangeHandler } from '@splunk/react-ui/CollapsiblePanel';
 export interface SingleOpenPanelGroupContext {
     onChange?: CollapsiblePanelChangeHandler;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { defaultPalette } from './Palette';
 import { ComponentProps } from '../utils/types';
 /** @public */
 type ColorChangeHandler = (data: {
@@ -54,7 +55,6 @@ interface ColorPropsBase {
      */
     value?: string | null;
 }
-export declare const defaultPalette: string[];
 interface ColorPropsBaseControlled extends ColorPropsBase {
     defaultValue?: never;
     onChange: ColorChangeHandler;
@@ -87,5 +87,5 @@ declare namespace Color {
     var componentType: string;
 }
 export default Color;
-export { ColorChangeHandler };
-export type { ColorPropsBase, ColorPropsBaseControlled, ColorPropsBaseUncontrolled };
+export { defaultPalette };
+export type { ColorChangeHandler, ColorPropsBase, ColorPropsBaseControlled, ColorPropsBaseUncontrolled, };

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { TextProps } from '@splunk/react-ui/Text';
+import { naLowercase, transparent } from './Swatch';
+type ColorInputChangeHandler = (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>, data: {
+    value?: string | null;
+}) => void;
+type ColorInputProps = {
+    /** Allow "transparent" as a valid value */
+    allowTransparent?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onChange?: ColorInputChangeHandler;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
+    /** Show a button for the system color picker */
+    showPicker?: boolean;
+    /** Show a button for submitting the value */
+    showSubmitButton?: boolean;
+    value?: string | null;
+    /** Whether or not the value is a custom value */
+    valueIsCustom?: boolean;
+} & Omit<TextProps, 'onChange' | 'value'>;
+declare const ColorInput: ({ allowTransparent, append, disabled, inputRef, labelledBy, onChange, showPicker, showSubmitButton, value, valueIsCustom, ...otherProps }: ColorInputProps) => React.JSX.Element;
+export default ColorInput;
+export { naLowercase, transparent };
+export type { ColorInputChangeHandler };

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

@@ -1,35 +1,28 @@
 import React from 'react';
+import { ColorInputChangeHandler } from './ColorInput';
 import { ComponentProps } from '../utils/types';
 interface PalettePropsBase {
     /**
-     * Complete list of palettes values to be rendered as swatches
-     */
-    palette: (string | null)[];
-    /**
-     * Current value of the Color input
-     */
-    value?: string | null;
-    /**
-     * This ref is passed to the swatch that should be focused for Color to control focus
+     * This ref is passed to the swatch that should be focused for Color to control focus.
+     * If the color is not in the palette, this is the ref to the text input instead.
      */
-    swatchToFocusRef: React.RefObject<HTMLButtonElement & HTMLInputElement> | null;
+    activeInputRef: React.RefObject<HTMLButtonElement & HTMLInputElement> | null;
     /**
      * Callback for handling when a swatch is selected
      */
-    onSwatchClick: (event: React.MouseEvent<HTMLButtonElement>, data: {
-        value?: string | null;
-    }) => void;
+    onChange: ColorInputChangeHandler;
     /**
-     * Render function for injecting the toolbar and input below the rendered swatches
+     * Complete list of palettes values to be rendered as swatches
      */
-    renderInput?: () => JSX.Element;
+    palette?: (string | null)[];
     /**
-     * Callback for handling activation of the system color picker.
+     * Current value of the Color input
      */
-    onSystemColorPickerChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string | null;
 }
 type PaletteProps = ComponentProps<PalettePropsBase, 'div'> & {
     disabled?: boolean;
 };
-declare function Palette({ palette, value, swatchToFocusRef, onSwatchClick, onSystemColorPickerChange, renderInput, disabled, ...otherProps }: PaletteProps): React.JSX.Element;
+export declare const defaultPalette: string[];
+declare function Palette({ activeInputRef, disabled, onChange, palette: paletteProp, value: valueProp, ...otherProps }: PaletteProps): React.JSX.Element;
 export default Palette;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { naLowercase, transparent } from './SwatchStyles';
 type SwatchClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     value?: string | null;
 }) => void;
@@ -25,4 +26,5 @@ interface SwatchPropsBase {
 }
 declare const Swatch: React.ForwardRefExoticComponent<SwatchPropsBase & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof SwatchPropsBase> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Swatch;
-export { SwatchPropsBase, SwatchClickHandler };
+export { naLowercase, transparent };
+export type { SwatchPropsBase, SwatchClickHandler };

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

@@ -1,7 +1,8 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Divider, Heading } from '@splunk/react-ui/Menu';
 import Option from './Option';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type ComboBoxChangeHandler = (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement | HTMLSpanElement> | React.KeyboardEvent<HTMLInputElement>, data: {
     name?: string;
@@ -120,7 +121,6 @@ interface ComboBoxPropsBase {
      */
     virtualization?: number;
 }
-declare const defaultProps: Required<Pick<ComboBoxPropsBase, 'animateLoading' | 'controlledFilter' | 'defaultPlacement' | 'disabled' | 'error' | 'inline' | 'isLoadingOptions' | 'menuStyle' | 'placeholder'>>;
 interface ComboBoxPropsBaseControlled extends ComboBoxPropsBase {
     defaultValue?: never;
     onChange: ComboBoxChangeHandler;
@@ -130,56 +130,52 @@ interface ComboBoxPropsBaseUncontrolled extends ComboBoxPropsBase {
     defaultValue?: string;
     value?: never;
 }
-type ComboBoxProps = ClassComponentProps<ComboBoxPropsBaseControlled | ComboBoxPropsBaseUncontrolled, typeof defaultProps, 'div'>;
-interface ComboBoxState {
-    activeIndex: number;
-    anchor: HTMLDivElement | null;
-    open: boolean;
-    typedValue: string | undefined;
-    value: string;
-}
+type ComboBoxProps = ComponentProps<ComboBoxPropsBaseControlled | ComboBoxPropsBaseUncontrolled, 'div'>;
 /**
  * `ComboBox` allows the user to select a predefined string or enter a new value. Unlike `Select`
  * and `Multiselect`, `Option` value must always be a string.
  */
-declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
-    private activeItemId;
-    private activeValue?;
-    private availableOptionCount;
-    private controlledExternally;
-    private options?;
-    private popoverId;
-    private previousActiveIndex;
-    private textInput;
-    static propTypes: React.WeakValidationMap<ComboBoxProps>;
-    static defaultProps: Required<Pick<ComboBoxPropsBase, "placeholder" | "disabled" | "inline" | "error" | "defaultPlacement" | "animateLoading" | "menuStyle" | "isLoadingOptions" | "controlledFilter">>;
-    static Option: typeof Option;
-    static Divider: typeof Divider;
-    static Heading: typeof Heading;
-    constructor(props: Readonly<ComboBoxProps>);
-    componentDidUpdate(prevProps: Readonly<ComboBoxProps>, prevState: Readonly<ComboBoxState>): void;
-    private getValue;
-    private getDisplayValue;
-    private handleInputMount;
-    private handleAnchorMount;
-    private handleActiveOptionMount;
-    private handleInputFocus;
-    private handleChange;
-    private handleSelectOption;
-    private handleInputKeyDown;
-    private handleInputClick;
-    private handleRequestClose;
-    private handleScrollBottom;
-    private prepareOptions;
-    private renderMenu;
-    private open;
-    private close;
-    /**
-     * Focus the `ComboBox`.
-     */
-    focus(): void;
-    private isControlled;
-    render(): React.JSX.Element;
+declare function ComboBox({ animateLoading, append, children, controlledFilter, defaultPlacement, defaultValue, describedBy, disabled, elementRef, error, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onBlur, onChange, onClose, onFocus, onKeyDown, onOpen, onScroll, onScrollBottom, onSelect, placeholder, prepend, value: valueProp, virtualization, ...otherProps }: ComboBoxProps): React.JSX.Element;
+declare namespace ComboBox {
+    var Divider: typeof import("@splunk/react-ui/Menu").Divider;
+    var Heading: typeof import("@splunk/react-ui/Menu").Heading;
+    var Option: typeof import("./Option").default;
+    var propTypes: {
+        animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        controlledFilter: PropTypes.Requireable<boolean>;
+        defaultPlacement: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        describedBy: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<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>;
+        loadingMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        menuStyle: PropTypes.Requireable<object>;
+        name: PropTypes.Requireable<string>;
+        noOptionsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        /** @private. */
+        virtualization: PropTypes.Requireable<number>;
+    };
 }
 export default ComboBox;
-export { ComboBoxBlurHandler, ComboBoxChangeHandler, ComboBoxFocusHandler, Option, Divider, Heading, };
+export { ComboBoxBlurHandler, ComboBoxChangeHandler, ComboBoxFocusHandler, ComboBoxProps, ComboBoxScrollBottomHandler, Option, Divider, Heading, };