/// <reference types="react" />
import { ControlType, StandardControlPlugin } from "../index";
import { AddExampleData, Controls } from "../controls/utilities/types";
import { BadgeType, ControlOnChangeConfig, OnChangeConfig } from "./types";
import { DataDictionary, MessageSystem, TreeNavigation, ValidationError } from "design-to-code";
import { FormCategoryDictionary, FormStrings } from "../form.props";
export declare type UpdateNavigationCallback = (dictionaryId: string, navigationConfigId?: string) => void;
export declare type FormHTMLElement = HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement | HTMLButtonElement;
export interface ControlTemplateUtilitiesProps extends NumberFieldTypeControlOptions, ListControlOptions, TextareaControlOptions, SectionLinkControlOptions, ArrayControlOptions, AdditionalControlConfigOptions {
    /**
     * The index to assign as a React key for mapping
     */
    index: number;
    /**
     * The type of control
     */
    type: ControlType;
    /**
     * The location of the data
     */
    dataLocation: string;
    /**
     * The dictionary ID
     */
    dictionaryId: string;
    /**
     * The dictionary of available data items
     */
    dataDictionary: DataDictionary<any>;
    /**
     * The navigation ID
     */
    navigationConfigId: string;
    /**
     * The navigation
     */
    navigation: TreeNavigation;
    /**
     * The location of the data
     * in respect to the schema
     */
    schemaLocation: string;
    /**
     * The data
     */
    data: any;
    /**
     * The schema
     */
    schema: any;
    /**
     * Whether this item is required
     */
    required: boolean;
    /**
     * The label
     */
    label: string;
    /**
     * The label tooltip
     */
    labelTooltip?: string;
    /**
     * Whether this item is disabled
     */
    disabled?: boolean;
    /**
     * The passed onChange function
     */
    onChange: (config: OnChangeConfig) => void;
    /**
     * The update section callback
     */
    onUpdateSection: UpdateNavigationCallback;
    /**
     * The default data (if available)
     */
    default?: any;
    /**
     * The const data (if available)
     */
    const?: any;
    /**
     * The badge to use next to a form items label
     */
    badge?: BadgeType;
    /**
     * The badge description which is used as an HTML title
     */
    badgeDescription?: string;
    /**
     * The validation message if the form item is invalid
     */
    invalidMessage: string;
    /**
     * The provided error message
     */
    validationErrors: ValidationError[];
    /**
     * Display the validation inline
     */
    displayValidationInline?: boolean;
    /**
     * Display the validation as browser default tooltips
     */
    displayValidationBrowserDefault?: boolean;
    /**
     * Display the validation error messages at the top
     * of the form
     */
    displayValidationErrorList?: boolean;
    /**
     * Enable remove
     * defaults to true
     */
    remove?: boolean;
    /**
     * Control plugins
     */
    controls: Controls;
    /**
     * The custom control plugins which will be used
     * instead of the default control plugins
     */
    controlPlugins?: StandardControlPlugin[];
    /**
     * A component dictionary to be used by type
     */
    controlComponents: {
        [key: string]: React.ComponentClass | React.FunctionComponent;
    };
    /**
     * The string to be used if a prop is untitled
     */
    untitled?: string;
    /**
     * A dictionary of schemas
     */
    schemaDictionary: {
        [key: string]: any;
    };
    /**
     * The message system
     */
    messageSystem: MessageSystem;
    /**
     * The options passed through the message system
     */
    messageSystemOptions: any | null;
    /**
     * Localized strings for default controls.
     */
    strings: FormStrings;
    /**
     * Validate the component
     */
    validate: boolean;
}
export interface CommonControlConfig {
    /**
     * The type of control
     */
    type: ControlType;
    /**
     * The location of the data referenced by lodash path syntax
     */
    dataLocation: string;
    /**
     * The dictionary ID
     */
    dictionaryId: string;
    /**
     * The navigation ID
     */
    navigationConfigId: string;
    /**
     * The navigation
     */
    navigation: TreeNavigation;
    /**
     * The value of the data to be assigned to the control
     */
    value: any;
    /**
     * The schema
     */
    schema: any;
    /**
     * The default value
     */
    default?: any;
    /**
     * The disabled flag for this control
     */
    disabled: boolean;
    /**
     * The required prop for this control
     */
    required: boolean;
    /**
     * The ref belonging to the form element injected as part of the control
     */
    elementRef: React.MutableRefObject<null>;
    /**
     * The invalid error object
     */
    validationErrors: ValidationError[];
    /**
     * The invalid message
     */
    invalidMessage: string;
    /**
     * Display the validation inline
     */
    displayValidationInline?: boolean;
    /**
     * Display the validation error messages at the top
     * of the form
     */
    displayValidationErrorList?: boolean;
    /**
     * Callback for reporting validity on
     * the element that is assigned the ref
     */
    reportValidity: () => void;
    /**
     * Callback for updating validity on
     * the element that is assigned the ref
     */
    updateValidity: (refs?: React.RefObject<HTMLElement>[]) => void;
    /**
     * Callback for handling the updating of the value
     */
    onChange: (config: ControlOnChangeConfig | OnChangeConfig) => void;
    /**
     * The message system
     */
    messageSystem: MessageSystem;
    /**
     * The options passed through the message system
     */
    messageSystemOptions: any | null;
    /**
     * Localized strings for default controls.
     */
    strings: FormStrings;
    /**
     * Validate controls
     */
    validate: boolean;
}
export interface NumberFieldTypeControlOptions {
    /**
     * The minimum value allowed
     */
    min?: number;
    /**
     * The maximum value allowed
     */
    max?: number;
    /**
     * The increment between steps
     */
    step?: number;
}
export interface ListControlOptions {
    /**
     * The select options
     */
    options?: any[];
}
export interface TextareaControlOptions {
    /**
     * The number of rows to assign to the textarea
     */
    rows?: number;
}
export interface SectionLinkControlOptions {
    /**
     * The location of the data
     * in respect to the schema
     */
    schemaLocation?: string;
    /**
     * The validation message if the form item is invalid
     */
    invalidMessage?: string;
    /**
     * The label
     */
    label?: string;
    /**
     * The update section callback
     */
    onUpdateSection?: UpdateNavigationCallback;
    /**
     * The categories
     */
    categories: FormCategoryDictionary;
}
export interface SectionControlOptions {
    /**
     * Control plugins
     */
    controls: Controls;
    /**
     * The custom control plugins which will be used
     * instead of the default control plugins
     */
    controlPlugins?: StandardControlPlugin[];
    /**
     * A component dictionary to be used by type
     */
    controlComponents: {
        [key: string]: React.ComponentClass | React.FunctionComponent;
    };
    /**
     * The location in the schema
     */
    schemaLocation: string;
    /**
     * The update event to trigger a new active section and/or component
     */
    onUpdateSection: UpdateNavigationCallback;
    /**
     * The string to be used if a prop is untitled
     */
    untitled: string;
    /**
     * Display the validation as browser default tooltips
     */
    displayValidationBrowserDefault?: boolean;
    /**
     * A dictionary of schemas
     */
    schemaDictionary: {
        [key: string]: any;
    };
    /**
     * The dictionary of available data items
     */
    dataDictionary: DataDictionary<any>;
    /**
     * The categories
     */
    categories: FormCategoryDictionary;
}
export interface ArrayControlOptions {
    /**
     * The callback to add example data as an array item
     */
    onAddExampleData?: AddExampleData;
    /**
     * The minimum number of array items required
     */
    minItems?: number;
    /**
     * The maximum number of array items required
     */
    maxItems?: number;
    /**
     * The update section callback
     */
    onUpdateSection?: UpdateNavigationCallback;
    /**
     * The location of the data
     * in respect to the schema
     */
    schemaLocation?: string;
    /**
     * The validation message if the form item is invalid
     */
    invalidMessage?: string;
}
export interface AdditionalControlConfigOptions {
    component: React.ComponentClass | React.FunctionComponent;
}
export interface LinkedDataControlOptions {
    /**
     * The potential linkedData to be added
     */
    schemaDictionary: {
        [key: string]: any;
    };
    /**
     * The update section callback
     */
    onUpdateSection?: UpdateNavigationCallback;
    /**
     * The dictionary of available data items
     */
    dataDictionary: DataDictionary<any>;
}
export declare type NumberFieldTypeControlConfig = CommonControlConfig & NumberFieldTypeControlOptions;
export declare type LinkedDataControlConfig = CommonControlConfig & LinkedDataControlOptions;
export declare type ListControlConfig = CommonControlConfig & ListControlOptions;
export declare type TextareaControlConfig = CommonControlConfig & TextareaControlOptions;
export declare type SectionLinkControlConfig = CommonControlConfig & SectionLinkControlOptions;
export declare type SectionControlConfig = CommonControlConfig & SectionControlOptions;
export declare type ArrayControlConfig = CommonControlConfig & ArrayControlOptions;
export declare type ControlConfig = CommonControlConfig & NumberFieldTypeControlOptions & LinkedDataControlOptions & ListControlOptions & TextareaControlOptions & SectionLinkControlOptions & SectionControlOptions & ArrayControlOptions & AdditionalControlConfigOptions;