@apexcura/ui-builder/dist/Types/components.d.ts

A low-code UI builder library for dynamic form generation and reusable components built with React, Redux, Tailwind, and Ant Design.

import { CollapseProps, InputRef, UploadFile } from 'antd';
import { FilterValue } from 'antd/es/table/interface';
import React, { JSXElementConstructor, LegacyRef, ReactElement, ReactNode } from 'react';
export interface BaseNode {
    className?: string;
    element?: string;
    handlers?: {
        action: string;
        args: any;
        dependencies?: string[];
    }[];
    name: string;
}
export interface AadharNode extends BaseNode {
    addonBefore?: React.ReactNode;
    containerClassName?: string;
    disabled?: boolean;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string) => void;
    placeholder?: string;
    prefix?: React.ReactNode;
    required?: boolean;
    type?: string;
    variant?: 'outlined' | 'borderless' | 'filled';
}
export interface AbhaNumberNode extends BaseNode {
    addonBefore?: React.ReactNode;
    containerClassName?: string;
    disabled?: boolean;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string) => void;
    placeholder?: string;
    prefix?: React.ReactNode;
    required?: boolean;
    type?: string;
    variant?: 'outlined' | 'borderless' | 'filled';
}
interface ACAccordionItemNode {
    key?: string;
    label?: string;
    className?: string;
    fields?: SchemaField[];
}
export interface ACAccordionNode extends BaseNode {
    accordion?: boolean;
    containerClassName?: string;
    expandIconPosition?: CollapseProps['expandIconPosition'];
    ghost?: boolean;
    headerClassName?: string;
    itemClassName?: string;
    items?: ACAccordionItemNode[];
    itemsSource?: {
        storedLocation: string;
    };
    renderFields: any;
    value?: string[];
    onChange: (value: string[]) => void;
}
export interface ACAlertNode extends BaseNode {
    label?: string;
    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
}
export interface ACAvatarNode extends BaseNode {
    color?: string;
    label?: string;
    size?: string | undefined;
    suffixCount?: number;
    truncate?: boolean;
    showName?: boolean;
}
export interface ACAutoCompleteNode extends BaseNode {
    additionalKeyName?: string;
    allowAddNew?: boolean;
    allowClear?: boolean;
    allowSearch?: boolean;
    alwaysShowCustomOption?: boolean;
    color?: string;
    containerClassName?: string;
    context?: any;
    customOptionLabel?: string;
    disabled?: boolean;
    endPoint?: string;
    errorClassName?: string;
    errorText?: string;
    filterKey?: string;
    function?: string;
    inputType?: string;
    items?: ACAutoCompleteOptionNode[];
    label?: string;
    labelClassName?: string;
    onChange?: (value: string) => void;
    onSelect?: any;
    optionLabelKey?: string;
    optionSubtitleKey?: string;
    optionValueKey?: string;
    optionVariant?: 'user' | string;
    params?: any;
    placeholder?: string;
    required?: boolean;
    rootState?: any;
    value?: string;
    valueSource?: string;
}
export interface ACAutoCompleteOptionNode {
    key: string;
    label: React.ReactNode;
    labelText: string;
    phone_number?: string;
    value: string;
    valueText: string;
    [key: string]: any;
}
export interface ACButtonNode extends BaseNode {
    color?: string;
    disabled?: boolean;
    disabledCondition?: string;
    icon?: string;
    iconClassName?: string;
    iconPosition?: 'left' | 'right';
    id?: string;
    label?: string;
    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    previewDownload?: boolean;
    size?: string;
    tbody?: Record<string, any>[];
    thead?: string[];
    tooltip?: {
        title: string;
        placement: 'top' | 'bottom' | 'left' | 'right';
    };
    variant?: 'solid' | 'outlined' | 'light' | 'ghost';
}
export interface ACCardNode extends BaseNode {
    onClick?: () => void;
    renderFields: any;
    fields: SchemaField[];
}
export interface ACCircularInputNode extends BaseNode {
    containerClassName?: string;
    onChange?: (value: number) => void;
    max?: number;
    maxValue?: number;
    min?: number;
    step?: number;
    suffix?: string;
    value?: number;
    valueSource?: {
        storedLocation?: string;
    };
    variant?: 'circular' | 'linear';
}
export interface ACCheckboxGroupNode extends BaseNode {
    containerClassName?: string;
    disabled?: boolean;
    element: 'checkbox-group';
    endPoint?: string;
    function?: string;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string[]) => void;
    optionLabelKey?: string;
    optionValueKey?: string;
    options?: ACCheckboxOptionNode[];
    params?: Record<string, unknown>;
    required?: boolean;
    rootState?: string;
    searchable?: boolean;
    size?: 'large' | 'middle' | 'small';
    transformer?: ACTransformerNode;
    value: string[];
    valueSource: {
        storedLocation: string;
    };
    variant?: 'chip' | 'circled' | 'flat';
    color?: string;
}
export interface ACCheckboxOptionNode {
    label: string | undefined;
    value: string;
}
export interface ACChipNode extends BaseNode {
    className?: string;
    color?: ChipColors;
    colors?: Record<string, ChipColors>;
    icon?: string;
    iconClassName?: string;
    icons?: Record<string, string>;
    label?: string;
}
export interface ACChipGroupNode extends BaseNode {
    containerClassName?: string;
    className?: string;
    color?: ChipColors;
    colors?: Record<string, ChipColors>;
    items?: ACChipNode[];
}
export interface ACCollectionNode extends BaseNode {
    data?: any[];
    dataSource?: {
        storedLocation: string;
    };
    renderFields: any;
    template: object;
}
export interface ACSelectableCollectionNode extends BaseNode {
    data?: any[];
    dataSource?: {
        storedLocation: string;
    };
    itemKey?: string;
    renderFields: any;
    template: any;
    variants?: Record<string, string>;
    variantKey?: string;
    disabledValues?: string[];
    value?: any;
    valueSource?: {
        storedLocation: string;
    };
    onSelect?: (item: any) => void;
}
export interface ACNestedSelectableCollectionNode extends BaseNode {
    data?: any[];
    dataSource?: {
        storedLocation: string;
    };
    itemKey?: string;
    renderFields: any;
    itemTemplate: any;
    groupHeaderTemplate?: any;
    subGroupHeaderTemplate?: any;
    groupByKey?: string;
    subGroupByKey?: string;
    chipKeyName: string;
    variants?: Record<string, string>;
    variantKey?: string;
    disabledValues?: string[];
    value?: any;
    valueSource?: {
        storedLocation: string;
    };
    onSelect?: (item: any) => void;
    groupContainerClassName?: string;
    groupHeaderClassName?: string;
    subGroupGridClassName?: string;
    subGroupContainerClassName?: string;
    subGroupHeaderClassName?: string;
    itemGridClassName?: string;
    renderMode?: 'cards' | 'table';
    tableColumns?: {
        name: string;
        label: string;
        width?: string;
        className?: string;
        render?: (value: any, item: any) => React.ReactNode;
    }[];
    tableClassName?: string;
    tableHeaderClassName?: string;
    tableRowClassName?: string;
}
export interface ACDatePickerNode extends BaseNode {
    allowClear?: boolean;
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    disabledColor?: string;
    enabledDates?: 'enable_all' | 'one_month' | 'from_today';
    errorClassName?: string;
    errorText?: string;
    format?: 'YYYY-MM-DD' | 'DD-MM-YYYY';
    icon?: string;
    iconsClassName?: string;
    id?: string;
    isDateTime?: boolean;
    isSearch?: boolean;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string | string[]) => void;
    picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
    placeholder?: string;
    prefix?: React.ReactNode;
    ref?: React.LegacyRef<InputRef>;
    required?: boolean;
    size?: 'large' | 'middle' | 'small';
    suffix?: React.ReactNode;
    type?: string;
    value?: string | string[];
    valueText?: string;
}
export interface ACDateRangeSegmentsNode extends BaseNode {
    buttonClassName?: string;
    className?: string;
    defaultSegment: ACSegmentKey;
    disabled?: boolean;
    enableAll?: boolean;
    onChange?: (val: [string | null, string | null] | '') => void;
    segmentedOptions?: ACSegmentedOption[];
    value?: [string | null, string | null] | '';
    weekrange?: boolean;
}
export interface ACDateTimeDisplayNode extends BaseNode, ACTypographyLabelledNode {
    element: 'date-time-display';
    format?: string;
    showCurrentTime?: boolean;
}
export interface ACDivContainerNode extends BaseNode {
    childern?: any;
    fillText1?: string;
    label?: string | React.ReactNode;
    labelClassName?: string;
    labelSource?: {
        storedLocation: string;
        default?: string;
    };
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    renderFields?: any;
    required?: boolean;
    style?: React.CSSProperties;
    visible?: string;
}
export interface ACEmptyNode extends BaseNode {
    description?: string;
    showImage?: boolean;
}
export interface ACGradientCardOption {
    active?: boolean;
    clickable?: boolean;
    color?: Colors;
    context?: any;
    id?: string;
    name: string;
    onClick?: () => void;
    prefixIcon?: string;
    prefixIconClassName?: string;
    subtitle?: string;
    subtitleClassName?: string;
    suffixText?: string | number;
    suffixClassName?: string;
    suffixTextSource?: {
        storedLocation: string;
        default?: string;
    };
    title?: string;
    titleClassName?: string;
    variant?: Colors;
}
export interface ACGradientCardGroupNode extends BaseNode {
    cols?: number;
    context?: any;
    element?: string;
    executeEventHandlers?: (handlers: any[], event: any, value?: any) => void;
    onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
    options: ACGradientCardOption[];
    rootState: string;
    value: string | number | boolean | object | object[] | undefined;
}
export type ACGradientCardNode = BaseNode & ACGradientCardOption;
export interface ACIconNode extends BaseNode {
    icon: string;
}
export interface ACImageNode extends BaseNode {
    img?: string;
    imgClassName?: string;
    onClick?: (event: React.MouseEvent<HTMLImageElement>) => void;
    stopPropagation: any;
}
export interface ACInputNumberNode extends BaseNode {
    addonBefore?: React.ReactNode;
    allowClear?: boolean;
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    disabledColor?: string;
    errorClassName?: string;
    errorText?: string;
    icon?: string;
    iconsClassName?: string;
    id?: string;
    isSearch?: boolean;
    label?: string;
    labelClassName?: string;
    max?: number;
    onChange?: (value: string) => void;
    placeholder?: string;
    prefix?: React.ReactNode;
    ref?: React.LegacyRef<InputRef>;
    required?: boolean;
    size?: 'large' | 'middle' | 'small';
    suffix?: React.ReactNode;
    type?: string;
    value?: string;
    valueText?: string;
}
export interface ACInputTextNode extends BaseNode {
    allowClear?: boolean;
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    disabledColor?: string;
    errorClassName?: string;
    errorText?: string;
    icon?: string;
    iconClassName?: string;
    id?: string;
    isSearch?: boolean;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string) => void;
    placeholder?: string;
    prefix?: React.ReactNode;
    ref?: React.LegacyRef<InputRef>;
    required?: boolean;
    size?: 'large' | 'middle' | 'small';
    suffix?: React.ReactNode;
    type?: string;
    value?: string;
    valueSource?: {
        storedLocation: string;
    };
    valueText?: string;
}
export interface NotificationNode {
    title: string;
    description?: string;
}
export interface ACNotificationsNode extends BaseNode, ACButtonNode {
    buttonClassName?: string;
    items?: NotificationNode[];
    onNoticationClick?: (e: any) => void;
}
export interface ACPaginationNode extends BaseNode {
    containerClassName?: string;
    onChange: (value: ACPaginationValueNode) => void;
    value: ACPaginationValueNode;
    valueSource: {
        storedLocation: string;
    };
}
export interface ACPaginationValueNode {
    page?: number;
    pageSize?: number;
    total?: number;
}
export interface ACPhoneMaskerProps extends BaseNode {
    phoneNumber: string;
}
export interface ProfileMenuItem {
    key: string;
    label: string;
    icon?: string;
    iconClassName?: string;
    handlers?: [];
}
export interface ACProfileMenuNode extends BaseNode {
    avatarText: string;
    avatarClassName?: string;
    items: ProfileMenuItem[];
}
export interface ACProgressGroupNode extends BaseNode {
    containerClassName?: string;
    options?: ACProgressNode[];
    optionsSource?: {
        storedLocation: string;
    };
}
export interface ACProgressNode extends BaseNode {
    color?: string;
    containerClassName?: string;
    duration?: number;
    height?: string;
    label: string;
    showLabel?: boolean;
    value: number;
}
export interface ACRadioGroupNode extends BaseNode {
    activeClassName?: string;
    buttonStyle?: 'outline' | 'solid';
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    element?: 'input-radio' | string;
    endPoint?: string;
    function?: string;
    label?: string;
    labelClassName?: string;
    onChange?: (value: ACRadioOptionValueNode) => void;
    optionLabelKey?: string;
    optionsSource?: {
        storedLocation: string;
    };
    optionType?: 'default' | 'button';
    optionValueKey?: string;
    options?: ACRadioOptionNode[];
    params?: Record<string, unknown>;
    radioGroupClassName?: string;
    required?: boolean;
    rootState?: string;
    searchable?: boolean;
    showValueAsPrefix?: true;
    size?: 'large' | 'middle' | 'small';
    value: ACRadioOptionValueNode;
    valueSource?: {
        storedLocation: string;
    };
    variant?: 'chip' | 'circled' | 'flat';
}
export interface ACRadioOptionNode {
    label: string | undefined;
    icon?: string;
    iconClassName?: string;
    value: ACRadioOptionValueNode;
}
export type ACRadioOptionValueNode = string | number;
export interface ACSegmentedElementNode extends BaseNode {
    onChange?: (value: string) => void;
    options?: {
        label: string;
        value: string;
    }[];
    size?: 'large' | 'middle' | 'small';
    value?: string;
}
export interface ACSegmentedOption {
    label: string;
    tooltip?: string;
    value: ACSegmentKey;
}
export type ACSegmentKey = 'TD' | 'TW' | 'TM' | '';
export interface ACSelectElementNode extends BaseNode {
    allowClear?: boolean;
    color?: string;
    containerClassName?: string;
    customColor?: boolean;
    disabled?: boolean;
    disabledColor?: string;
    dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
    endPoint?: string;
    errorClassName?: string;
    errorText?: string;
    function?: string;
    icon?: string;
    iconsClassName?: string;
    id?: string;
    isSearch?: boolean;
    label?: string;
    labelClassName?: string;
    mode?: 'multiple' | 'tags';
    onChange?: (value: string | string[] | {
        value: string;
        label: string;
    } | {
        value: string;
        label: string;
    }[] | undefined) => void;
    optionIconClassName?: string;
    optionLabelKey?: string;
    optionRender?: (option: {
        key?: string | number | bigint;
        label?: string | ReactNode;
        value?: string | number;
        color?: string;
    }) => React.ReactNode;
    optionRenderType?: 'iconized' | undefined;
    optionValueKey?: string;
    options?: {
        key?: string;
        label: string;
        value: string;
        color?: string;
        icon?: string;
    }[];
    params?: Record<string, unknown>;
    placeholder?: string;
    prefix?: React.ReactNode;
    ref?: React.LegacyRef<InputRef>;
    required?: boolean;
    rootState?: string;
    searchable?: boolean;
    size?: 'large' | 'middle' | 'small';
    tokenSeparators?: string[];
    value?: any;
}
export interface ACSelectNode extends BaseNode {
    allowClear?: boolean;
    color?: string;
    containerClassName?: string;
    customColor?: boolean;
    disabled?: boolean;
    disabledColor?: string;
    dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
    errorClassName?: string;
    errorText?: string;
    icon?: string;
    iconsClassName?: string;
    id?: string;
    isSearch?: boolean;
    label?: string;
    labelClassName?: string;
    mode?: 'multiple' | 'tags' | undefined;
    onChange?: (value: any) => void;
    optionRender?: (option: {
        key?: string | number | bigint;
        label?: string | ReactNode;
        value?: string | number;
    }) => React.ReactNode;
    options?: any[];
    placeholder?: string;
    prefix?: React.ReactNode;
    ref?: React.LegacyRef<InputRef>;
    required?: boolean;
    searchable?: boolean;
    size?: 'large' | 'middle' | 'small';
    value?: any;
}
export interface ACSkeletonNode extends BaseNode {
    containerClassName?: string;
}
export interface ACSkeletonGroupNode extends BaseNode {
    cols?: 4 | number;
    containerClassName?: string;
    total?: 8 | number;
}
export interface ACSliderNode extends BaseNode {
    containerClassName?: string;
    max?: number;
    maxValue?: number;
    min?: number;
    suffix?: string;
    steps?: number;
    value?: number;
    onChange: (value: number) => void;
}
export interface ACTableNode extends BaseNode {
    context?: any;
    count?: number;
    expandIcon?: boolean;
    expandIconStyles?: boolean;
    expandable?: boolean;
    fullHeight?: boolean;
    isDelete?: boolean;
    isStatus?: boolean;
    loading?: boolean;
    onChange?: (value: {
        name: string;
        value: any;
    } | {
        name: string;
        page: number;
        pageSize: number;
    } | {
        name: string;
        value: Record<string, FilterValue | null>;
    } | string | number | boolean | object | object[] | undefined) => void;
    pagination?: boolean;
    renderFields?: (schema: SchemaField[], event?: {}, pageName?: string) => React.ReactNode;
    rowClick?: boolean;
    rowClickExpandable?: boolean;
    rowIDKeyName?: string;
    rowSelection?: boolean;
    showSerialNumber?: boolean;
    size?: 'large' | 'middle' | 'small';
    tableHeight?: number;
    tbody?: {
        key?: React.Key;
        id?: string;
        name?: string;
        label?: string;
        element?: string;
        type?: string;
        value?: boolean;
        clickable?: boolean;
        children?: any[];
        data?: any;
    }[];
    thead?: {
        label?: string;
        name?: string;
        key?: string;
        fixed?: 'left' | 'right';
        ellipsis?: boolean;
        width?: string;
        clickable?: boolean;
        displayHyphenIfEmpty?: boolean;
        render?: (text: any, record: any) => React.ReactNode;
        filters?: {
            text: string;
            value: string;
        }[];
        filtersSource?: {
            storedLocation: string;
        };
    }[];
    value?: {
        name?: string;
        page?: number;
        pageSize?: number;
    };
    variant: 'plain';
    indexWidth?: number;
    indexClickable?: boolean;
}
export interface ACTabsControlledNode extends BaseNode {
    containerClassName?: string;
    context?: any;
    icon?: string;
    iconClassName?: string;
    onChange?: (value: string | number) => void;
    optionIconClassName?: string;
    optionLabelKey?: string;
    optionValueKey?: string;
    options?: {
        key: string;
        label: string;
        icon?: string;
        visibleCondition?: string;
    }[];
    showSerialNumbers?: false;
    tabPosition?: 'top' | 'right' | 'bottom' | 'left';
    value?: string | number | undefined;
    variant?: 'default' | 'ghost';
}
export interface ACTextareaNode extends BaseNode {
    allowClear?: boolean;
    autoFocus?: boolean;
    autoSize?: boolean;
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    errorClassName?: string;
    errorText?: string;
    label?: string;
    labelClassName?: string;
    maxRows?: number;
    minRows?: number;
    onChange?: (value: string) => void;
    placeholder?: string;
    required?: boolean;
    showCount?: boolean;
    value?: string;
}
export interface ACTextEditorNode extends BaseNode {
    color?: string;
    containerClassName?: string;
    disabled?: boolean;
    errorClassName?: string;
    errorText?: string;
    label?: string;
    labelClassName?: string;
    onChange?: (value: string) => void;
    placeholder?: string;
    required?: boolean;
    showToolbar?: boolean;
    value?: string;
}
export interface ACTimelineNode extends BaseNode {
    categoryKey?: string;
    containerClassName?: string;
    data?: any[];
    dataSource?: {
        storedLocation: string;
    };
    dateKey?: string;
    icons?: Record<string, any>;
    colors?: Record<string, string>;
    layout?: '1-column' | '1-column-left' | '1-column-right' | '2-columns';
    iconClassName?: string;
    renderFields: any;
    template: object;
    triggerOnce?: boolean;
}
export interface ACTransformerNode {
    displayKey: string;
    type: 'object' | 'array';
}
export interface ACTypographyLabelledNode {
    className?: string;
    prefix?: string;
    suffix?: string;
    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
    label: string;
    labelSource?: {
        storedLocation: string;
        default: string;
    };
    lineClamp?: number;
    transformer?: ACTransformerNode;
    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'small' | 'span';
}
export interface ACTypographyNode extends BaseNode, ACTypographyLabelledNode {
    element: 'typography';
}
export interface AvatarUploadNode extends BaseNode {
    accept?: string;
    containerClassName?: string;
    icon?: string;
    iconsClassName?: string;
    onChange?: (value: UploadFile) => void;
    value?: UploadFile;
}
export interface ChildRecordType {
    children?: ChildRecordType[];
    clickable?: boolean;
    element?: string;
    id?: string;
    key?: React.Key;
    label?: string;
    type?: string;
    value?: boolean;
}
export declare const CHIP_COLORS: readonly ["primary", "cyan", "fuchsia", "green", "orange", "pink", "purple", "red", "skyBlue", "teal", "violet", "yellow", "random", "default"];
export type ChipColors = (typeof CHIP_COLORS)[number];
type Colors = 'blue-green' | 'danger' | 'facebook' | 'instagram' | 'primary' | 'secondary' | 'success' | 'turquoise' | 'warning' | 'yellow';
export interface SchemaField {
    action?: string;
    activeClassName?: string;
    addonBefore?: React.ReactNode;
    allowClear?: boolean;
    allowOne?: boolean;
    api_endpoint?: string;
    autoFocus?: boolean;
    autoSize?: boolean;
    axisLabelClassName?: string;
    borderRadius?: number;
    buttonClassName?: string;
    buttonStyle?: 'outline' | 'solid';
    buttonVariant?: string;
    cardClassname?: string;
    centerLabel1?: string;
    centerLabel2?: string;
    child_element?: string;
    childHead?: {
        _id: string;
        name?: string;
        label?: string;
        visible?: boolean;
        required?: boolean;
        key?: string;
        render?: (text: string) => React.JSX.Element;
        ellipsis: boolean;
    }[];
    className?: string;
    clickable?: boolean;
    colCount?: number;
    colWidth?: string;
    cols?: number;
    containerClassName?: string;
    content?: ReactNode;
    count?: number;
    customColor: boolean;
    customTooltip?: boolean;
    data?: {
        label?: string;
        value?: number | number[];
        color?: string;
        name?: string;
        weight?: number;
        y?: number;
        z?: number;
        stack?: string;
    }[];
    dateTime?: string;
    defaultValue?: string;
    description?: string;
    disabled?: boolean;
    disabledColor?: string;
    distance?: string;
    div?: boolean;
    divRef: LegacyRef<HTMLDivElement> | undefined;
    draggable?: boolean;
    dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
    dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
    element?: string;
    elementClassName?: string;
    ellipsis?: boolean;
    enabled_dates?: string;
    errorClassName?: string;
    errorText?: string;
    expandIcon?: boolean;
    expandIconStyles?: boolean;
    expandable?: boolean;
    fieldClassName?: string;
    fields?: SchemaField[];
    fileSize?: number;
    fileType?: string[];
    fillText1?: string;
    fillText2?: string;
    filterKey?: string;
    filtered?: boolean;
    filters?: {
        text: string;
        value: string;
    }[];
    firstOptions?: {
        key?: string;
        label?: string;
        value?: string;
    }[];
    firstPlaceholder?: string;
    format?: string;
    handlers?: [];
    height?: number;
    icon?: string;
    iconsClassName?: string;
    id?: string;
    img?: string;
    imgClassName: string;
    indexClickable?: boolean;
    initial_states?: any;
    innerSize?: string;
    inverted?: boolean;
    isDateTime?: boolean;
    isDelete?: boolean;
    isNewMenuItem?: boolean;
    isNotChatbot?: boolean;
    isSearch?: boolean;
    isStack?: boolean;
    isStatus?: boolean;
    isSVGStylesOverride?: boolean;
    isTextSelect?: boolean;
    is_detail?: boolean;
    isLoading?: boolean;
    items?: {
        id?: number;
        key?: number | string;
        element?: string;
        icon?: string;
        label?: string;
        active?: number;
        text?: string;
        time?: string;
        name?: string;
        y?: number;
        color?: string;
        isCount?: boolean;
        count?: number;
        progress?: number;
    }[];
    label?: string | {
        default: string;
        template: string;
        storedLocation: string;
    };
    labelClassName?: string;
    layout?: 'horizontal" | "vertical" | "proximate' | undefined;
    legendAlign?: 'left' | 'center' | 'right';
    legendTitle?: string;
    legendTitleClassName?: string;
    legendVerticalAlign?: 'top' | 'middle' | 'bottom';
    length?: number;
    limit?: number;
    listClassName?: string;
    listItemClassName?: string;
    loader?: string;
    loading?: boolean;
    mask?: boolean;
    maskClosable?: boolean;
    max?: number;
    maxRows?: number;
    max_count?: number;
    message?: string;
    minRows?: number;
    mode?: 'multiple' | 'tags' | undefined;
    name?: string;
    next_id?: string;
    notificationType?: 'error' | 'warning' | 'success' | 'info' | undefined;
    optionLabelKey?: string;
    optionType?: 'default' | 'button';
    optionValueKey?: string;
    options?: {
        key?: string;
        label: string;
        value?: string;
        icon?: string;
    }[];
    order?: number;
    pagination?: boolean;
    payload_keys?: string[];
    picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
    placeholder?: string;
    prefix?: React.ReactNode;
    prefixIcon?: string;
    prefixIconClassName?: string;
    primaryText?: string;
    profileImage?: string;
    profileImageClassName?: string;
    profileSubClassName?: string;
    progress?: number;
    radioGroupClassName?: string;
    rangePresets?: boolean;
    ratio?: {
        male?: number;
        female?: number;
    }[];
    ref?: LegacyRef<InputRef> | undefined;
    render?: (text: any, record: any) => React.ReactNode;
    renderCell?: (text: any, record: any) => React.ReactNode;
    renderFields?: any;
    renderers?: [];
    required?: boolean;
    rootState?: string;
    rowClick?: boolean;
    rowClickExpandable?: boolean;
    rowSelection?: string;
    secondOptions?: {
        key?: string;
        label?: string;
        value?: string;
    }[];
    secondPlaceholder?: string;
    secondTextClassName?: string;
    segmentedOptions?: string[];
    selectAfter?: {
        label?: string;
        value?: string;
    }[];
    selectBefore?: {
        label?: string;
        value?: string;
    }[];
    showCount?: boolean;
    showCurrentTime?: boolean;
    showLegend?: boolean;
    showProgress?: boolean;
    showSerialNumber?: boolean;
    showSkeleton?: boolean;
    showTooltip?: boolean;
    size?: string;
    sortable?: boolean;
    source?: string;
    status?: 'error' | 'warning';
    stopPropagation?: any;
    styles?: React.CSSProperties;
    subContainerClassName?: string;
    suffix?: React.ReactNode;
    suffixText?: string | number;
    tableHeight?: string;
    tagColors?: string[];
    tbody?: {
        id?: string;
        name?: string;
        label?: string;
        element?: string;
        type?: string;
        children?: {
            id?: string;
            name?: string;
            label?: string;
            element?: string;
            type?: string;
        }[];
    }[];
    template?: object;
    thead?: {
        _id: string;
        name?: string;
        label?: string;
        visible?: boolean;
        required?: boolean;
        key?: string;
        render?: (text: string) => React.JSX.Element;
        ellipsis: boolean;
        renderers?: [];
    }[];
    title?: string;
    titleClassName?: string;
    tooltip_title?: string;
    transformer?: ACTransformerNode;
    type?: string;
    val?: number;
    value?: string | number | boolean | null | object | undefined | string[] | UploadFile[];
    valueSource?: {
        storedLocation: string;
    };
    valueText?: string | number | boolean | object | undefined;
    variant?: 'outlined' | 'borderless' | 'filled' | undefined;
    view?: boolean;
    visible?: boolean;
    weekrange?: boolean;
    width?: number;
    xAxisTitle?: string;
    yAxixMaxValue?: number;
    yAxixMinValue?: number;
    yAxisTitle?: string;
}
export {};