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

Create quickly and robustly with form hooks

import { MouseEvent } from 'react';
import { CSSObject } from 'styled-components';
import * as CSS from 'csstype';
import { TDefaultSelectStyle } from './settings';
import { GroupTypeBase, Styles, ActionMeta, Theme } from 'react-select';
export declare interface TOnChangeSelect {
    value?: any;
    name: string;
    index?: number;
    error: boolean;
    dataExtra?: any;
    required?: boolean;
    nameArray?: string;
    nameObject?: string;
    typeNumeric?: boolean;
    actionSelect?: ActionMeta<any>;
}
export declare type TSelect = {
    val: any;
    data: any[];
    theme?: Theme;
    name: string;
    title?: string;
    dataExtra?: any;
    nameId?: string;
    error?: boolean;
    focus?: boolean;
    dataCy?: string;
    rowData?: boolean;
    dataIndex?: number;
    required?: boolean;
    nameArray?: string;
    nameValue?: string;
    dataObject?: string;
    nameObject?: string;
    isLoading?: boolean;
    mediaTable?: boolean;
    mediaPhone?: boolean;
    validation?: boolean;
    isDisabled?: boolean;
    sizeLoading?: string;
    loadingContainer?: Node;
    nameValueObject?: string;
    nameCombineObject?: string;
    errorMessageRequired?: string;
    widthTable?: CSS.Property.Width;
    widthPhone?: CSS.Property.Width;
    colorLoading?: CSS.Property.Color;
    rightLoading?: CSS.Property.Right;
    bottomLoading?: CSS.Property.Bottom;
    maxWidthTable?: CSS.Property.MaxWidth;
    maxWidthPhone?: CSS.Property.MaxWidth;
    onSelect: (args: TOnChangeSelect) => void;
    valueSelectCustom?: (param: string) => string;
    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
    cStyles?: CSSObject;
    cWidth?: CSS.Property.Width;
    cMargin?: CSS.Property.Margin;
    cDisplay?: CSS.Property.Display;
    cMaxWidth?: CSS.Property.MaxWidth;
    cMinWidth?: CSS.Property.MinWidth;
    cPosition?: CSS.Property.Position;
    cFlexDirection?: CSS.Property.FlexDirection;
    cHoverDisplayTooltip?: CSS.Property.Display;
    lTitle?: string;
    lStyles?: CSSObject;
    lNotValue?: boolean;
    lActiveTitle?: boolean;
    lColor?: CSS.Property.Color;
    lBorder?: CSS.Property.Border;
    lMargin?: CSS.Property.Margin;
    lPadding?: CSS.Property.Padding;
    lErrorColor?: CSS.Property.Color;
    lFontSize?: CSS.Property.FontSize;
    lOverflow?: CSS.Property.Overflow;
    lTextAlign?: CSS.Property.TextAlign;
    lNotValueColor?: CSS.Property.Color;
    lFontFamily?: CSS.Property.FontFamily;
    lWhiteSpace?: CSS.Property.WhiteSpace;
    lTextOverflow?: CSS.Property.TextOverflow;
    lHoverDisplayTooltip?: CSS.Property.Display;
    tStyles?: CSSObject;
    tTop?: CSS.Property.Top;
    tLeft?: CSS.Property.Left;
    tColor?: CSS.Property.Color;
    tZIndex?: CSS.Property.ZIndex;
    tBorder?: CSS.Property.Border;
    tBottom?: CSS.Property.Bottom;
    tDisplay?: CSS.Property.Display;
    tPadding?: CSS.Property.Padding;
    tPosition?: CSS.Property.Position;
    tFontSize?: CSS.Property.FontSize;
    tTopAfterBefore?: CSS.Property.Top;
    tBoxShadow?: CSS.Property.BoxShadow;
    tLeftAfterBefore?: CSS.Property.Left;
    tFontFamily?: CSS.Property.FontFamily;
    tBorderAfterBefore?: CSS.Property.Border;
    tBottomAfterBefore?: CSS.Property.Bottom;
    tBorderRadius?: CSS.Property.BorderRadius;
    tContentAfterBefore?: CSS.Property.Content;
    tPositionAfterBefore?: CSS.Property.Position;
    tBackgroundColor?: CSS.Property.BackgroundColor;
    tPointerEventsAfterBefore?: CSS.Property.PointerEvents;
    sTitle?: string;
    sActiveTitle?: boolean;
    sTransform?: CSS.Property.TextTransform;
    sTransformMenu?: CSS.Property.TextTransform;
    sStyles?: Partial<Styles<{
        label: string;
        value: string;
    }, boolean, GroupTypeBase<{
        label: string;
        value: string;
    }>>> | undefined;
    tiStyles?: CSSObject;
    tiColor?: CSS.Property.Color;
    tiZIndex?: CSS.Property.ZIndex;
    tiOpacity?: CSS.Property.Opacity;
    tiPadding?: CSS.Property.Padding;
    tiFontSize?: CSS.Property.FontSize;
    tiMaxWidth?: CSS.Property.MaxWidth;
    tiPosition?: CSS.Property.Position;
    tiOverflow?: CSS.Property.Overflow;
    tiMaxHeight?: CSS.Property.MaxHeight;
    tiFontFamily?: CSS.Property.FontFamily;
    tiVisibility?: CSS.Property.Visibility;
    tiWhiteSpace?: CSS.Property.WhiteSpace;
    tiBorderRadius?: CSS.Property.BorderRadius;
    tiTextOverflow?: CSS.Property.TextOverflow;
    tiBackgroundColor?: CSS.Property.BackgroundColor;
    tlStyles?: CSSObject;
    tlColor?: CSS.Property.Color;
    tlZIndex?: CSS.Property.ZIndex;
    tlOpacity?: CSS.Property.Opacity;
    tlPadding?: CSS.Property.Padding;
    tlFontSize?: CSS.Property.FontSize;
    tlMaxWidth?: CSS.Property.MaxWidth;
    tlPosition?: CSS.Property.Position;
    tlOverflow?: CSS.Property.Overflow;
    tlMaxHeight?: CSS.Property.MaxHeight;
    tlVisibility?: CSS.Property.Visibility;
    tlWhiteSpace?: CSS.Property.WhiteSpace;
    tlFontFamily?: CSS.Property.FontFamily;
    tlBorderRadius?: CSS.Property.BorderRadius;
    tlTextOverflow?: CSS.Property.TextOverflow;
    tlBackgroundColor?: CSS.Property.BackgroundColor;
    bStyles?: CSSObject;
};
export declare type TTooltip = {
    tStyles?: CSSObject;
    tTop?: CSS.Property.Top;
    gs?: TDefaultSelectStyle;
    tLeft?: CSS.Property.Left;
    tColor?: CSS.Property.Color;
    tZIndex?: CSS.Property.ZIndex;
    tBorder?: CSS.Property.Border;
    tBottom?: CSS.Property.Bottom;
    tPadding?: CSS.Property.Padding;
    tFontSize?: CSS.Property.FontSize;
    tDisplay?: CSS.Property.Display;
    tPosition?: CSS.Property.Position;
    tTopAfterBefore?: CSS.Property.Top;
    tBoxShadow?: CSS.Property.BoxShadow;
    tLeftAfterBefore?: CSS.Property.Left;
    tFontFamily?: CSS.Property.FontFamily;
    tBorderAfterBefore?: CSS.Property.Border;
    tBottomAfterBefore?: CSS.Property.Bottom;
    tBorderRadius?: CSS.Property.BorderRadius;
    tContentAfterBefore?: CSS.Property.Content;
    tPositionAfterBefore?: CSS.Property.Position;
    tBackgroundColor?: CSS.Property.BackgroundColor;
    tPointerEventsAfterBefore?: CSS.Property.PointerEvents;
};
export declare type TContainerSelect = {
    cStyles?: CSSObject;
    mediaTable?: boolean;
    mediaPhone?: boolean;
    gs?: TDefaultSelectStyle;
    cWidth?: CSS.Property.Width;
    cMargin?: CSS.Property.Margin;
    widthTable?: CSS.Property.Width;
    widthPhone?: CSS.Property.Width;
    cDisplay?: CSS.Property.Display;
    cPosition?: CSS.Property.Position;
    cMinWidth?: CSS.Property.MinWidth;
    cMaxWidth?: CSS.Property.MaxWidth;
    maxWidthTable?: CSS.Property.MaxWidth;
    maxWidthPhone?: CSS.Property.MaxWidth;
    cHoverDisplayTooltip?: CSS.Property.Display;
    cFlexDirection?: CSS.Property.FlexDirection;
};
export declare type TLabelSelect = {
    error?: boolean;
    loading?: boolean;
    lStyles?: CSSObject;
    val?: string | number;
    lActiveTitle?: boolean;
    gs?: TDefaultSelectStyle;
    valLabel?: string | number;
    lColor?: CSS.Property.Color;
    lBorder?: CSS.Property.Border;
    lMargin?: CSS.Property.Margin;
    lPadding?: CSS.Property.Padding;
    lErrorColor?: CSS.Property.Color;
    lFontSize?: CSS.Property.FontSize;
    axis?: {
        x?: number;
        y?: number;
    };
    lOverflow?: CSS.Property.Overflow;
    lNotValueColor?: CSS.Property.Color;
    lTextAlign?: CSS.Property.TextAlign;
    lFontFamily?: CSS.Property.FontFamily;
    lWhiteSpace?: CSS.Property.WhiteSpace;
    lTextOverflow?: CSS.Property.TextOverflow;
    lHoverDisplayTooltip?: CSS.Property.Display;
    tlStyles?: CSSObject;
    tlColor?: CSS.Property.Color;
    tlZIndex?: CSS.Property.ZIndex;
    tlOpacity?: CSS.Property.Opacity;
    tlPadding?: CSS.Property.Padding;
    tlFontSize?: CSS.Property.FontSize;
    tlMaxWidth?: CSS.Property.MaxWidth;
    tlPosition?: CSS.Property.Position;
    tlOverflow?: CSS.Property.Overflow;
    tlMaxHeight?: CSS.Property.MaxHeight;
    tlWhiteSpace?: CSS.Property.WhiteSpace;
    tlVisibility?: CSS.Property.Visibility;
    tlFontFamily?: CSS.Property.FontFamily;
    tlTextOverflow?: CSS.Property.TextOverflow;
    tlBorderRadius?: CSS.Property.BorderRadius;
    tlBackgroundColor?: CSS.Property.BackgroundColor;
};
export declare type TBoxSelect = {
    bStyles?: CSSObject;
    tiStyles?: CSSObject;
    val?: string | number;
    sActiveTitle?: boolean;
    gs?: TDefaultSelectStyle;
    tiColor?: CSS.Property.Color;
    tiZIndex?: CSS.Property.ZIndex;
    tiOpacity?: CSS.Property.Opacity;
    tiPadding?: CSS.Property.Padding;
    axis?: {
        x?: number;
        y?: number;
    };
    tiPosition?: CSS.Property.Position;
    tiOverflow?: CSS.Property.Overflow;
    tiFontSize?: CSS.Property.FontSize;
    tiMaxWidth?: CSS.Property.MaxWidth;
    tiMaxHeight?: CSS.Property.MaxHeight;
    tiFontFamily?: CSS.Property.FontFamily;
    tiVisibility?: CSS.Property.Visibility;
    tiWhiteSpace?: CSS.Property.WhiteSpace;
    tiBorderRadius?: CSS.Property.BorderRadius;
    tiTextOverflow?: CSS.Property.TextOverflow;
    tiBackgroundColor?: CSS.Property.BackgroundColor;
};