react95/dist/Select/Select.types.d.ts

Refreshed Windows95 UI components for modern web apps - React95

import React from 'react';
import { HTMLDataAttributes } from '../types';
declare type SelectChangeEventTargetValue<T> = {
    value: T;
    name: string | undefined;
};
export declare type SelectChangeEvent<T> = (Omit<React.ChangeEvent<HTMLSelectElement>, 'target'> & {
    target: Omit<React.ChangeEvent<HTMLSelectElement>['target'], 'name' | 'value'> & SelectChangeEventTargetValue<T>;
}) | (Omit<React.MouseEvent, 'target'> & {
    target: Omit<React.MouseEvent['target'], 'name' | 'value'> & SelectChangeEventTargetValue<T>;
});
export declare type SelectOption<T> = {
    label?: string;
    value: T;
};
export declare type SelectRef = Pick<HTMLInputElement, 'value' | 'focus'> & {
    node: HTMLInputElement | null;
};
export declare type SelectVariants = 'default' | 'flat';
export declare type SelectFormatDisplayCallback<T> = (option: SelectOption<T>) => string;
export declare type SelectCommonProps<T> = {
    'aria-label'?: string;
    'aria-labelledby'?: string;
    className?: string;
    defaultValue?: T;
    disabled?: boolean;
    name?: string;
    onChange?: (selectedOption: SelectOption<T>, options: {
        fromEvent: Event | React.SyntheticEvent;
    }) => void;
    options?: (SelectOption<T> | null | undefined)[];
    readOnly?: boolean;
    shadow?: boolean;
    style?: React.CSSProperties;
    value?: T;
    variant?: SelectVariants;
    width?: React.CSSProperties['width'];
};
export declare type SelectInnerProps<T> = {
    formatDisplay?: SelectFormatDisplayCallback<T>;
    inputProps?: React.HTMLAttributes<HTMLInputElement> & HTMLDataAttributes;
    /** @deprecated Use `aria-labelledby` instead */
    labelId?: string;
    menuMaxHeight?: string | number;
    onClose?: (options: {
        fromEvent: Event | React.SyntheticEvent;
    }) => void;
    onOpen?: (options: {
        fromEvent: Event | React.SyntheticEvent;
    }) => void;
    open?: boolean;
} & Pick<React.HTMLAttributes<HTMLDivElement>, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseDown'> & SelectCommonProps<T>;
export {};
//# sourceMappingURL=Select.types.d.ts.map