form-tool/dist/components/Select/settings.d.ts

Create quickly and robustly with form hooks

import { GroupTypeBase, Styles, Theme } from 'react-select';
import * as CSS from 'csstype';
import { CSSObject } from 'styled-components';
export declare type TDefaultSelectStyle = {
    container?: {
        styles?: CSSObject;
        mediaPhone?: boolean;
        mediaTable?: boolean;
        width?: CSS.Property.Width;
        margin?: CSS.Property.Margin;
        display?: CSS.Property.Display;
        widthPhone?: CSS.Property.Width;
        widthTable?: CSS.Property.Width;
        minWidth?: CSS.Property.MinWidth;
        maxWidth?: CSS.Property.MaxWidth;
        position?: CSS.Property.Position;
        maxWidthTable?: CSS.Property.MaxWidth;
        maxWidthPhone?: CSS.Property.MaxWidth;
        flexDirection?: CSS.Property.FlexDirection;
        hoverDisplayTooltip?: CSS.Property.Display;
    };
    label?: {
        styles?: CSSObject;
        activeTitle?: boolean;
        color?: CSS.Property.Color;
        margin?: CSS.Property.Margin;
        border?: CSS.Property.Border;
        padding?: CSS.Property.Padding;
        colorError?: CSS.Property.Color;
        fontSize?: CSS.Property.FontSize;
        overflow?: CSS.Property.Overflow;
        colorDisabled?: CSS.Property.Color;
        colorNotValue?: CSS.Property.Color;
        textAlign?: CSS.Property.TextAlign;
        fontFamily?: CSS.Property.FontFamily;
        whiteSpace?: CSS.Property.WhiteSpace;
        textOverflow?: CSS.Property.TextOverflow;
        hoverDisplayTooltip?: CSS.Property.Display;
    };
    select?: {
        activeTitle?: boolean;
        styles?: Partial<Styles<{
            label: string;
            value: string;
        }, boolean, GroupTypeBase<{
            label: string;
            value: string;
        }>>> | undefined;
    };
    tooltip?: {
        styles?: CSSObject;
        top?: CSS.Property.Top;
        left?: CSS.Property.Left;
        color?: CSS.Property.Color;
        zIndex?: CSS.Property.ZIndex;
        border?: CSS.Property.Border;
        bottom?: CSS.Property.Bottom;
        padding?: CSS.Property.Padding;
        display?: CSS.Property.Display;
        fontSize?: CSS.Property.FontSize;
        position?: CSS.Property.Position;
        topAfterBefore?: CSS.Property.Top;
        boxShadow?: CSS.Property.BoxShadow;
        leftAfterBefore?: CSS.Property.Left;
        backgroundColor?: CSS.Property.Color;
        fontFamily?: CSS.Property.FontFamily;
        borderAfterBefore?: CSS.Property.Border;
        bottomAfterBefore?: CSS.Property.Bottom;
        borderRadius?: CSS.Property.BorderRadius;
        contentAfterBefore?: CSS.Property.Content;
        positionAfterBefore?: CSS.Property.Position;
        pointerEventsAfterBefore?: CSS.Property.PointerEvents;
    };
    messageError?: {
        required?: string;
    };
    loading?: {
        container?: Node;
        size?: string | number;
        top?: CSS.Property.Top;
        left?: CSS.Property.Left;
        right?: CSS.Property.Right;
        color?: CSS.Property.Color;
        bottom?: CSS.Property.Bottom;
        position?: CSS.Property.Position;
    };
    theme: Theme;
    tooltipSelect?: {
        styles?: CSSObject;
        color?: CSS.Property.Color;
        zIndex?: CSS.Property.ZIndex;
        opacity?: CSS.Property.Opacity;
        padding?: CSS.Property.Padding;
        fontSize?: CSS.Property.FontSize;
        maxWidth?: CSS.Property.MaxWidth;
        position?: CSS.Property.Position;
        overflow?: CSS.Property.Overflow;
        maxHeight?: CSS.Property.MaxHeight;
        fontFamily?: CSS.Property.FontFamily;
        backgroundColor?: CSS.Property.Color;
        visibility?: CSS.Property.Visibility;
        whiteSpace?: CSS.Property.WhiteSpace;
        borderRadius?: CSS.Property.BorderRadius;
        textOverflow?: CSS.Property.TextOverflow;
    };
    tooltipLabel?: {
        styles?: CSSObject;
        color?: CSS.Property.Color;
        zIndex?: CSS.Property.ZIndex;
        opacity?: CSS.Property.Opacity;
        padding?: CSS.Property.Padding;
        fontSize?: CSS.Property.FontSize;
        maxWidth?: CSS.Property.MaxWidth;
        position?: CSS.Property.Position;
        overflow?: CSS.Property.Overflow;
        maxHeight?: CSS.Property.MaxHeight;
        fontFamily?: CSS.Property.FontFamily;
        backgroundColor?: CSS.Property.Color;
        visibility?: CSS.Property.Visibility;
        whiteSpace?: CSS.Property.WhiteSpace;
        borderRadius?: CSS.Property.BorderRadius;
        textOverflow?: CSS.Property.TextOverflow;
    };
    boxSelect?: {
        styles?: CSSObject;
    };
};
export declare let defaultStyle: TDefaultSelectStyle;
export declare const useInitConfigSelect: () => [TDefaultSelectStyle, (newStyles: TDefaultSelectStyle) => void];