import * as react_jsx_runtime from 'react/jsx-runtime';
import * as react from 'react';
import react__default, { ReactNode, ReactElement } from 'react';

interface NlpChip {
    name: string;
    isSelected: boolean;
}
interface SelectProps {
    label?: string;
    rightIcon?: string;
    leftIcon?: string;
    showLabel?: boolean;
    onHelpIconClick?: () => void;
    webServiceClick?: () => void;
    aiIconClick?: () => void;
    rightIconColor: string;
    optionsList: any[];
    selectedOption?: NlpRenderOption;
    containerWidth?: string | number;
    onChange: (option: React.ChangeEvent<HTMLInputElement>) => void;
    errorMsg?: string;
    className?: string;
    optionZIndex?: number;
    disabled?: boolean;
    borderRadius?: boolean;
    showBorder?: boolean;
    required?: boolean;
    value: string;
    onSelect: (e: any) => void;
    chipOptionList?: NlpChip[];
    selectedChips?: any;
    loadMoreOptions?: () => void;
    isWebservice?: boolean;
    closeInputOnOutsideClick?: () => void;
    tooltipText?: string;
    ChipsAccordionWidth?: string;
    dropDownMessage?: string;
}
interface NlpRenderOption {
    displayName: string | ReactNode;
    projectId: string;
    nlpType: string;
    platform: string;
    disabled?: boolean;
    videoSrc?: string;
    nlpName?: string;
    name?: string;
}

declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => react_jsx_runtime.JSX.Element;

type dynamicObject = {
    [key: string]: any;
};
type TestDataObject = {
    _id: string;
    name: string;
    actualPath: string;
    searchKey: string;
    parentId: string;
};
interface VariableSuggestionInputDropDownProps {
    /**
     * Label for the field
     */
    label?: string;
    /**
     * Value in the input should stored in this state
     */
    hashInputValue?: TestDataObject | dynamicObject;
    /**
     * Function storing and updating the inputValue state
     */
    setHashInputValue?: (value: File | dynamicObject | null) => void;
    /**
     * List of variables
     */
    variableList?: dynamicObject[];
    /**
     * Place holder for the input field
     */
    placeholder?: string;
    /**
     * Function to handle input change
     * @param value
     * @returns
     */
    onChange?: (event: React.ChangeEvent<HTMLInputElement>, item?: dynamicObject) => void;
    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
    /**
     * Function to handle create variable icon click
     */
    onCreateVariableClick?: () => void;
    /**
     * Function to clear input field on close icon click
     */
    handleClearInput?: () => void;
    /**
     * Width of the dropdown
     */
    dropdownWidth?: string;
    /**
     * Height of the dropdown
     */
    dropdownHeight?: string;
    /**
     * Name | name of the input field
     */
    name?: string;
    /**
     * value | input field value
     */
    value?: string;
    /**
     * variants to set color/style of the input field
     */
    variant?: 'default' | 'primary';
    /**
     * type to set color/style of the input field
     */
    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
    /**
     * error | If true, error message will be displayed
     */
    error?: boolean;
    /**
     * helperText | error, success, warning message to be shown
     */
    helperText?: string;
    /**
     * to disable the input field
     */
    disabled?: boolean;
    /**
     * if true, input field will be mandatory
     */
    required?: boolean;
    /**
     * classnames to style the input field
     */
    className?: string;
    /**
     * noBorder prop 'true' removes border of input
     */
    noBorder?: boolean;
    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * id to select the input field uniquely
     */
    id?: string;
    /**
     * if on, suggestion popup will be displayed
     */
    autoComplete?: 'on' | 'off' | 'new-password';
    /**
     *  minimum and maximum values for the number type input field and their functions
     */
    minValue?: string;
    maxValue?: string;
    /**
     * background of the input field prop
     */
    transparentBackground?: boolean;
    /**
     * size for the input field
     */
    size?: 'small' | 'medium';
    /**
     * isLabelRequired for the input field without label,showing placeholder
     */
    isLabelRequired?: boolean;
    /**
     * If true, dropdown opens when '#' is entered at the first position.
     */
    isHash?: boolean;
    /**
     * If true, only hash dropdown will be shown without create variable icon.
     */
    isOnlyHash?: boolean;
    /**
     * Options for the dropdown when `isHash` is true.
     */
    dataFiles?: dynamicObject[];
    /**
     * a boolean prop to show add variable icon or not.
     */
    showAddVariableIcon?: boolean;
    formProps?: Record<string, any>;
    zIndex?: number;
    truncateTextValue?: number;
    getSelectedVariable?: (option: string) => void;
    symbol?: string;
    clearIcon?: boolean;
    /**
     * inputTitle for the field
     */
    inputTitle?: string;
    helperTextWidth?: number | string;
    offSetValue?: number;
    iconProps?: {
        /**
         * Flag to determine if icon should be shown
         */
        isShowIcon?: boolean;
        /**
         * Function triggered when icon is clicked
         */
        onIconClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
        /**
         * Name of the icon to display
         */
        iconName?: string;
        /**
         * Tooltip title shown when hovering over icon
         */
        iconToolTipTitle?: string;
        /**
         * Flag to disable the icon
         */
        isIconDisable?: boolean;
        iconColor?: string;
    };
}

declare const VariableSuggestionInputDropDown: react.ForwardRefExoticComponent<VariableSuggestionInputDropDownProps & react.RefAttributes<HTMLInputElement>>;

interface DataProps$1 {
    /**
     * data for each row
     */
    [key: string]: any;
}
interface AddNlpProp$1 {
    action?: 'addBelow' | 'addLast' | 'replaceNlp' | 'EditNlp';
    nlpName?: string;
    sourceIndex?: number;
    id?: string;
}
interface SelectedItemProps {
    /**
     * selected row object | All selected flag
     */
    [key: string]: string | number | boolean;
}
interface PrePostTableProps {
    /**
     * Data for table
     */
    data: Array<number | string | DataProps$1>;
    /**
     * Column details for table
     */
    columns: Array<any>;
    /**
     * Header type to have different background color
     */
    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
    /**
     * withFixedHeader prop to have non-scrollable fixed table header
     */
    withFixedHeader?: boolean;
    /**
     * borderWithRadius prop to have table with border 1px and borderRadius 5px
     */
    borderWithRadius?: boolean;
    /**
     * Check box feature to select the row
     */
    withCheckbox?: boolean;
    /**
     * Event for checkbox onClick
     */
    onSelect?: (e: object, arg: SelectedItemProps) => void;
    /**
     * Check box feature to select the row
     */
    allSelected?: boolean;
    /**
     * send true to show partial checkbox in the header
     */
    partialSelected?: boolean;
    /**
     * send true to disable the checkbox in the header
     */
    headerCheckboxDisabled?: boolean;
    /**
     * The content that to be displayed if no data not found
     */
    noDataContent: string | ReactNode;
    /**
     * Image that to be displayed if you don't have data
     */
    noDataImage?: string;
    /**
     * Size of the image that to be displayed if you don't have data
     */
    noDataImageSize?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small';
    /**
     *  Height of the table in string
     */
    height?: string;
    /**
     *  classNames for the table container
     */
    className?: string;
    /**
     *  classNames for the table Header container
     */
    tableHeadClass?: string;
    /**
     *  classNames for the table Row container
     */
    tableBodyRowClass?: string;
    /**
     * custom color for the column text
     */
    headerTextColor?: 'default' | 'primary';
    /**
     * custom color for the row text
     */
    tableDataTextColor?: string;
    /**
     * icon for the table header, for expand or other purposes
     */
    headerIconName?: string;
    /**
     * handle function for the table header icon
     */
    headerIconOnClick?: () => void;
    /**
     * Drag and Drop pass true to enable
     */
    draggable?: boolean;
    /**
     * Drag and Drop indexes
     */
    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
    loadMore?: (_direction?: string) => void;
    /**
     * enable editMode by setting state row id
     */
    editMode?: number | string;
    /**
      * The content that to be displayed if editComponent
      */
    editComponent?: ReactNode;
    /**
     * The content that to be displayed NlpInput Component
     */
    NlpComponent?: ReactNode;
    /**
    * state for the Add new Row in Table
    */
    AddNlp?: AddNlpProp$1 | undefined | null;
    /**
      * handle function for Drag Starting in the Table
      */
    handleDragStart?: () => void;
    loading?: boolean;
    handleViewComponent?: (_rowData: DataProps$1, _toggleViewRow: (_val: null) => void) => (() => ReactElement) | null;
    handleAccordion?: (row: any) => void;
    scriptType?: boolean;
}

declare const PrePostTable: react.ForwardRefExoticComponent<PrePostTableProps & react.RefAttributes<any>>;

interface ColumnProps {
    /**
     * column name
     */
    header: string;
    /**
     * data key for particular column
     */
    accessor: string;
    /**
     * className for a column
     */
    className?: string;
    /**
     * width of a column
     */
    width?: number;
    /**
     * data for the column
     */
    cell?: (e: any) => JSX.Element | string | ReactNode;
    extraInfo?: (e: any) => JSX.Element | string | ReactNode;
}
interface AddNlpProp {
    action?: 'addBelow' | 'addLast' | 'replaceNlp' | 'EditNlp';
    nlpName?: string;
    sourceIndex?: number;
}
interface DataProps {
    /**
     * data for each row
     */
    [key: string]: any;
}
interface TableProps {
    onHighlightComplete?: () => void;
    highlightKey?: string | undefined | null;
    /**
     * Column details for table
     */
    tableMeta: Array<ColumnProps>;
    /**
     * Data for table
     */
    tableData: Array<DataProps>;
    /**
     *  Specific sentence to be displayed data not found
     */
    noDataContent?: string | ReactNode;
    /**
     * withFixedHeader prop to have non-scrollable fixed accordion table header
     */
    withFixedHeader?: boolean;
    /**
     *  Height of the table in string
     */
    height?: string;
    /**
     * Header type to have different background color
     */
    headerType: 'default' | 'primary' | 'secondary';
    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
    editMode?: number | string;
    /**
     * The content that to be displayed if editComponent
     */
    editComponent?: ReactNode;
    /**
     * The content that to be displayed NlpInput Component
     */
    NlpComponent?: ReactNode;
    /**
     * state for the Add new Row in Table
     */
    AddNlp?: AddNlpProp | undefined | null;
    /**
     * handle function for Drag Starting in the Table
     */
    handleDragStart?: VoidFunction;
    handleAccordion?: (e: any) => void;
    /**
     * Event for checkbox onClick
     */
    onSelectClick?: (e: any) => void;
    /**
     * Check box feature to select the row
     */
    handleViewComponent?: (_rowData: DataProps, _toggleViewRow: (_val: null) => void) => (() => ReactElement) | null;
    loading?: boolean;
    isViewPrivilegeMode?: boolean;
    defaultExpanded?: 'Steps' | 'POST' | 'PRE' | 'Depends' | 'All';
    isHeaderRequired?: boolean;
    isClientSide?: boolean;
    isDraggable?: boolean;
}

declare const StepLandingTable: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<TableProps & react__default.RefAttributes<any>>>;

export { NlpInput as NLPInput, PrePostTable, StepLandingTable, VariableSuggestionInputDropDown };