UNPKG

devextreme-react

Version:

DevExtreme React UI and Visualization Components

834 lines (832 loc) • 38.6 kB
/*! * devextreme-react * Version: 24.2.6 * Build date: Mon Mar 17 2025 * * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-react */ import * as React from "react"; import { Ref, ReactElement } from "react"; import dxGantt, { Properties } from "devextreme/ui/gantt"; import { IHtmlOptions, NestedComponentMeta } from "./core/component"; import type { ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, dxGanttContextMenuItem, GanttPredefinedContextMenuItem, dxGanttFilterRowOperationDescriptions, dxGanttHeaderFilterTexts, GanttPredefinedToolbarItem, GanttScaleType, dxGanttToolbarItem } from "devextreme/ui/gantt"; import type { HorizontalAlignment, template, DataType, Format as CommonFormat, SearchMode, SortOrder, ToolbarItemLocation, ToolbarItemComponent, SingleMultipleOrNone } from "devextreme/common"; import type { dxTreeListColumn, dxTreeListRowObject } from "devextreme/ui/tree_list"; import type { FilterOperation, FilterType, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, SelectedFilterOperation, HeaderFilterSearchConfig } from "devextreme/common/grids"; import type { Format as LocalizationFormat } from "devextreme/common/core/localization"; import type { DataSourceOptions } from "devextreme/data/data_source"; import type { Store } from "devextreme/data/store"; import type { dxContextMenuItem } from "devextreme/ui/context_menu"; import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base"; import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar"; import type dxTreeList from "devextreme/ui/tree_list"; import type DataSource from "devextreme/data/data_source"; type ReplaceFieldTypes<TSource, TReplacement> = { [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P]; }; type IGanttOptionsNarrowedEvents = { onContentReady?: ((e: ContentReadyEvent) => void); onContextMenuPreparing?: ((e: ContextMenuPreparingEvent) => void); onCustomCommand?: ((e: CustomCommandEvent) => void); onDependencyDeleted?: ((e: DependencyDeletedEvent) => void); onDependencyDeleting?: ((e: DependencyDeletingEvent) => void); onDependencyInserted?: ((e: DependencyInsertedEvent) => void); onDependencyInserting?: ((e: DependencyInsertingEvent) => void); onDisposing?: ((e: DisposingEvent) => void); onInitialized?: ((e: InitializedEvent) => void); onResourceAssigned?: ((e: ResourceAssignedEvent) => void); onResourceAssigning?: ((e: ResourceAssigningEvent) => void); onResourceDeleted?: ((e: ResourceDeletedEvent) => void); onResourceDeleting?: ((e: ResourceDeletingEvent) => void); onResourceInserted?: ((e: ResourceInsertedEvent) => void); onResourceInserting?: ((e: ResourceInsertingEvent) => void); onResourceManagerDialogShowing?: ((e: ResourceManagerDialogShowingEvent) => void); onResourceUnassigned?: ((e: ResourceUnassignedEvent) => void); onResourceUnassigning?: ((e: ResourceUnassigningEvent) => void); onScaleCellPrepared?: ((e: ScaleCellPreparedEvent) => void); onTaskClick?: ((e: TaskClickEvent) => void); onTaskDblClick?: ((e: TaskDblClickEvent) => void); onTaskDeleted?: ((e: TaskDeletedEvent) => void); onTaskDeleting?: ((e: TaskDeletingEvent) => void); onTaskEditDialogShowing?: ((e: TaskEditDialogShowingEvent) => void); onTaskInserted?: ((e: TaskInsertedEvent) => void); onTaskInserting?: ((e: TaskInsertingEvent) => void); onTaskMoving?: ((e: TaskMovingEvent) => void); onTaskUpdated?: ((e: TaskUpdatedEvent) => void); onTaskUpdating?: ((e: TaskUpdatingEvent) => void); }; type IGanttOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IGanttOptionsNarrowedEvents> & IHtmlOptions & { taskContentRender?: (...params: any) => React.ReactNode; taskContentComponent?: React.ComponentType<any>; taskProgressTooltipContentRender?: (...params: any) => React.ReactNode; taskProgressTooltipContentComponent?: React.ComponentType<any>; taskTimeTooltipContentRender?: (...params: any) => React.ReactNode; taskTimeTooltipContentComponent?: React.ComponentType<any>; taskTooltipContentRender?: (...params: any) => React.ReactNode; taskTooltipContentComponent?: React.ComponentType<any>; }>; interface GanttRef { instance: () => dxGantt; } declare const Gantt: (props: React.PropsWithChildren<IGanttOptions> & { ref?: Ref<GanttRef>; }) => ReactElement | null; type IColumnProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; allowFiltering?: boolean; allowHeaderFiltering?: boolean; allowSorting?: boolean; calculateCellValue?: ((rowData: any) => any); calculateDisplayValue?: ((rowData: any) => any) | string; calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array<any>); calculateSortValue?: ((rowData: any) => any) | string; caption?: string | undefined; cellTemplate?: ((cellElement: any, cellInfo: { column: dxTreeListColumn; columnIndex: number; component: dxTreeList; data: Record<string, any>; displayValue: any; oldValue: any; row: dxTreeListRowObject; rowIndex: number; rowType: string; text: string; value: any; watch: (() => void); }) => any) | template; cssClass?: string | undefined; customizeText?: ((cellInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string); dataField?: string | undefined; dataType?: DataType | undefined; encodeHtml?: boolean; falseText?: string; filterOperations?: Array<FilterOperation | string>; filterType?: FilterType; filterValue?: any | undefined; filterValues?: Array<any>; format?: LocalizationFormat; headerCellTemplate?: ((columnHeader: any, headerInfo: { column: dxTreeListColumn; columnIndex: number; component: dxTreeList; }) => any) | template; headerFilter?: Record<string, any> | { allowSearch?: boolean; allowSelectAll?: boolean; dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | Store | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: ColumnHeaderFilterSearchConfig; searchMode?: SearchMode; width?: number | string | undefined; }; minWidth?: number | undefined; selectedFilterOperation?: SelectedFilterOperation | undefined; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string; visible?: boolean; visibleIndex?: number | undefined; width?: number | string | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: (value: any | undefined) => void; defaultFilterValues?: Array<any>; onFilterValuesChange?: (value: Array<any>) => void; defaultSelectedFilterOperation?: SelectedFilterOperation | undefined; onSelectedFilterOperationChange?: (value: SelectedFilterOperation | undefined) => void; defaultSortIndex?: number | undefined; onSortIndexChange?: (value: number | undefined) => void; defaultSortOrder?: SortOrder | undefined; onSortOrderChange?: (value: SortOrder | undefined) => void; defaultVisible?: boolean; onVisibleChange?: (value: boolean) => void; defaultVisibleIndex?: number | undefined; onVisibleIndexChange?: (value: number | undefined) => void; cellRender?: (...params: any) => React.ReactNode; cellComponent?: React.ComponentType<any>; headerCellRender?: (...params: any) => React.ReactNode; headerCellComponent?: React.ComponentType<any>; }>; declare const Column: ((props: IColumnProps) => React.FunctionComponentElement<React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; allowFiltering?: boolean | undefined; allowHeaderFiltering?: boolean | undefined; allowSorting?: boolean | undefined; calculateCellValue?: ((rowData: any) => any) | undefined; calculateDisplayValue?: string | ((rowData: any) => any) | undefined; calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array<any>) | undefined; calculateSortValue?: string | ((rowData: any) => any) | undefined; caption?: string | undefined; cellTemplate?: template | ((cellElement: any, cellInfo: { column: dxTreeListColumn; columnIndex: number; component: dxTreeList; data: Record<string, any>; displayValue: any; oldValue: any; row: dxTreeListRowObject; rowIndex: number; rowType: string; text: string; value: any; watch: (() => void); }) => any) | undefined; cssClass?: string | undefined; customizeText?: ((cellInfo: { groupInterval: string | number; target: string; value: any; valueText: string; }) => string) | undefined; dataField?: string | undefined; dataType?: DataType | undefined; encodeHtml?: boolean | undefined; falseText?: string | undefined; filterOperations?: string[] | undefined; filterType?: FilterType | undefined; filterValue?: any | undefined; filterValues?: any[] | undefined; format?: LocalizationFormat; headerCellTemplate?: template | ((columnHeader: any, headerInfo: { column: dxTreeListColumn; columnIndex: number; component: dxTreeList; }) => any) | undefined; headerFilter?: Record<string, any> | { allowSearch?: boolean | undefined; allowSelectAll?: boolean | undefined; dataSource?: any[] | DataSourceOptions<any, any, any, any> | Store<any, any> | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: ColumnHeaderFilterSearchConfig | undefined; searchMode?: SearchMode | undefined; width?: number | string | undefined; } | undefined; minWidth?: number | undefined; selectedFilterOperation?: SelectedFilterOperation | undefined; sortIndex?: number | undefined; sortingMethod?: ((value1: any, value2: any) => number) | undefined; sortOrder?: SortOrder | undefined; trueText?: string | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; width?: number | string | undefined; defaultFilterValue?: any | undefined; onFilterValueChange?: ((value: any | undefined) => void) | undefined; defaultFilterValues?: any[] | undefined; onFilterValuesChange?: ((value: Array<any>) => void) | undefined; defaultSelectedFilterOperation?: SelectedFilterOperation | undefined; onSelectedFilterOperationChange?: ((value: SelectedFilterOperation | undefined) => void) | undefined; defaultSortIndex?: number | undefined; onSortIndexChange?: ((value: number | undefined) => void) | undefined; defaultSortOrder?: SortOrder | undefined; onSortOrderChange?: ((value: SortOrder | undefined) => void) | undefined; defaultVisible?: boolean | undefined; onVisibleChange?: ((value: boolean) => void) | undefined; defaultVisibleIndex?: number | undefined; onVisibleIndexChange?: ((value: number | undefined) => void) | undefined; cellRender?: ((...params: any) => React.ReactNode) | undefined; cellComponent?: React.ComponentType<any> | undefined; headerCellRender?: ((...params: any) => React.ReactNode) | undefined; headerCellComponent?: React.ComponentType<any> | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IColumnHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | Store | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: ColumnHeaderFilterSearchConfig; searchMode?: SearchMode; width?: number | string | undefined; }>; declare const ColumnHeaderFilter: ((props: IColumnHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{ allowSearch?: boolean | undefined; allowSelectAll?: boolean | undefined; dataSource?: any[] | DataSourceOptions<any, any, any, any> | Store<any, any> | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: ColumnHeaderFilterSearchConfig | undefined; searchMode?: SearchMode | undefined; width?: number | string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IColumnHeaderFilterSearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; mode?: SearchMode; searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined; timeout?: number; }>; declare const ColumnHeaderFilterSearch: ((props: IColumnHeaderFilterSearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean | undefined; mode?: SearchMode | undefined; searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined; timeout?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IContextMenuProps = React.PropsWithChildren<{ enabled?: boolean; items?: Array<dxGanttContextMenuItem | GanttPredefinedContextMenuItem>; }>; declare const ContextMenu: ((props: IContextMenuProps) => React.FunctionComponentElement<React.PropsWithChildren<{ enabled?: boolean | undefined; items?: (dxGanttContextMenuItem | GanttPredefinedContextMenuItem)[] | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IContextMenuItemProps = React.PropsWithChildren<{ beginGroup?: boolean; closeMenuOnClick?: boolean; disabled?: boolean; icon?: string; items?: Array<dxContextMenuItem>; name?: GanttPredefinedContextMenuItem | string; selectable?: boolean; selected?: boolean; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType<any>; }>; declare const ContextMenuItem: ((props: IContextMenuItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{ beginGroup?: boolean | undefined; closeMenuOnClick?: boolean | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: dxContextMenuItem[] | undefined; name?: string | undefined; selectable?: boolean | undefined; selected?: boolean | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType<any> | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IContextMenuItemItemProps = React.PropsWithChildren<{ beginGroup?: boolean; closeMenuOnClick?: boolean; disabled?: boolean; icon?: string; items?: Array<dxContextMenuItem>; selectable?: boolean; selected?: boolean; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType<any>; }>; declare const ContextMenuItemItem: ((props: IContextMenuItemItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{ beginGroup?: boolean | undefined; closeMenuOnClick?: boolean | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: dxContextMenuItem[] | undefined; selectable?: boolean | undefined; selected?: boolean | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType<any> | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IDependenciesProps = React.PropsWithChildren<{ dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string; keyExpr?: (() => void) | string; predecessorIdExpr?: (() => void) | string; successorIdExpr?: (() => void) | string; typeExpr?: (() => void) | string; }>; declare const Dependencies: ((props: IDependenciesProps) => React.FunctionComponentElement<React.PropsWithChildren<{ dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined; keyExpr?: string | (() => void) | undefined; predecessorIdExpr?: string | (() => void) | undefined; successorIdExpr?: string | (() => void) | undefined; typeExpr?: string | (() => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IEditingProps = React.PropsWithChildren<{ allowDependencyAdding?: boolean; allowDependencyDeleting?: boolean; allowResourceAdding?: boolean; allowResourceDeleting?: boolean; allowResourceUpdating?: boolean; allowTaskAdding?: boolean; allowTaskDeleting?: boolean; allowTaskResourceUpdating?: boolean; allowTaskUpdating?: boolean; enabled?: boolean; }>; declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement<React.PropsWithChildren<{ allowDependencyAdding?: boolean | undefined; allowDependencyDeleting?: boolean | undefined; allowResourceAdding?: boolean | undefined; allowResourceDeleting?: boolean | undefined; allowResourceUpdating?: boolean | undefined; allowTaskAdding?: boolean | undefined; allowTaskDeleting?: boolean | undefined; allowTaskResourceUpdating?: boolean | undefined; allowTaskUpdating?: boolean | undefined; enabled?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFilterRowProps = React.PropsWithChildren<{ betweenEndText?: string; betweenStartText?: string; operationDescriptions?: dxGanttFilterRowOperationDescriptions; resetOperationText?: string; showAllText?: string; showOperationChooser?: boolean; visible?: boolean; }>; declare const FilterRow: ((props: IFilterRowProps) => React.FunctionComponentElement<React.PropsWithChildren<{ betweenEndText?: string | undefined; betweenStartText?: string | undefined; operationDescriptions?: dxGanttFilterRowOperationDescriptions | undefined; resetOperationText?: string | undefined; showAllText?: string | undefined; showOperationChooser?: boolean | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFormatProps = React.PropsWithChildren<{ currency?: string; formatter?: ((value: number | Date) => string); parser?: ((value: string) => number | Date); precision?: number; type?: CommonFormat | string; useCurrencyAccountingStyle?: boolean; }>; declare const Format: ((props: IFormatProps) => React.FunctionComponentElement<React.PropsWithChildren<{ currency?: string | undefined; formatter?: ((value: number | Date) => string) | undefined; parser?: ((value: string) => number | Date) | undefined; precision?: number | undefined; type?: string | undefined; useCurrencyAccountingStyle?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGanttHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; height?: number; search?: HeaderFilterSearchConfig; searchTimeout?: number; texts?: dxGanttHeaderFilterTexts; visible?: boolean; width?: number; }>; declare const GanttHeaderFilter: ((props: IGanttHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{ allowSearch?: boolean | undefined; allowSelectAll?: boolean | undefined; height?: number | undefined; search?: HeaderFilterSearchConfig | undefined; searchTimeout?: number | undefined; texts?: dxGanttHeaderFilterTexts | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGanttHeaderFilterSearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; mode?: SearchMode; timeout?: number; }>; declare const GanttHeaderFilterSearch: ((props: IGanttHeaderFilterSearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean | undefined; mode?: SearchMode | undefined; timeout?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IHeaderFilterProps = React.PropsWithChildren<{ allowSearch?: boolean; allowSelectAll?: boolean; dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | Store | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig; searchMode?: SearchMode; width?: number | string | undefined; searchTimeout?: number; texts?: dxGanttHeaderFilterTexts; visible?: boolean; }>; declare const HeaderFilter: ((props: IHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{ allowSearch?: boolean | undefined; allowSelectAll?: boolean | undefined; dataSource?: any[] | DataSourceOptions<any, any, any, any> | Store<any, any> | ((options: { component: Record<string, any>; dataSource: DataSourceOptions | null; }) => void) | null | undefined; groupInterval?: HeaderFilterGroupInterval | number | undefined; height?: number | string | undefined; search?: HeaderFilterSearchConfig | ColumnHeaderFilterSearchConfig | undefined; searchMode?: SearchMode | undefined; width?: number | string | undefined; searchTimeout?: number | undefined; texts?: dxGanttHeaderFilterTexts | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IItemProps = React.PropsWithChildren<{ beginGroup?: boolean; closeMenuOnClick?: boolean; disabled?: boolean; icon?: string; items?: Array<dxContextMenuItem>; name?: GanttPredefinedContextMenuItem | string | GanttPredefinedToolbarItem; selectable?: boolean; selected?: boolean; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; cssClass?: string | undefined; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; options?: any; showText?: ShowTextMode; widget?: ToolbarItemComponent; render?: (...params: any) => React.ReactNode; component?: React.ComponentType<any>; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType<any>; }>; declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{ beginGroup?: boolean | undefined; closeMenuOnClick?: boolean | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: dxContextMenuItem[] | undefined; name?: string | undefined; selectable?: boolean | undefined; selected?: boolean | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; cssClass?: string | undefined; html?: string | undefined; locateInMenu?: LocateInMenuMode | undefined; location?: ToolbarItemLocation | undefined; menuItemTemplate?: template | (() => string | any) | undefined; options?: any; showText?: ShowTextMode | undefined; widget?: ToolbarItemComponent | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType<any> | undefined; menuItemRender?: ((...params: any) => React.ReactNode) | undefined; menuItemComponent?: React.ComponentType<any> | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IOperationDescriptionsProps = React.PropsWithChildren<{ between?: string; contains?: string; endsWith?: string; equal?: string; greaterThan?: string; greaterThanOrEqual?: string; lessThan?: string; lessThanOrEqual?: string; notContains?: string; notEqual?: string; startsWith?: string; }>; declare const OperationDescriptions: ((props: IOperationDescriptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{ between?: string | undefined; contains?: string | undefined; endsWith?: string | undefined; equal?: string | undefined; greaterThan?: string | undefined; greaterThanOrEqual?: string | undefined; lessThan?: string | undefined; lessThanOrEqual?: string | undefined; notContains?: string | undefined; notEqual?: string | undefined; startsWith?: string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IResourceAssignmentsProps = React.PropsWithChildren<{ dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string; keyExpr?: (() => void) | string; resourceIdExpr?: (() => void) | string; taskIdExpr?: (() => void) | string; }>; declare const ResourceAssignments: ((props: IResourceAssignmentsProps) => React.FunctionComponentElement<React.PropsWithChildren<{ dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined; keyExpr?: string | (() => void) | undefined; resourceIdExpr?: string | (() => void) | undefined; taskIdExpr?: string | (() => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IResourcesProps = React.PropsWithChildren<{ colorExpr?: (() => void) | string; dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string; keyExpr?: (() => void) | string; textExpr?: (() => void) | string; }>; declare const Resources: ((props: IResourcesProps) => React.FunctionComponentElement<React.PropsWithChildren<{ colorExpr?: string | (() => void) | undefined; dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined; keyExpr?: string | (() => void) | undefined; textExpr?: string | (() => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IScaleTypeRangeProps = React.PropsWithChildren<{ max?: GanttScaleType; min?: GanttScaleType; }>; declare const ScaleTypeRange: ((props: IScaleTypeRangeProps) => React.FunctionComponentElement<React.PropsWithChildren<{ max?: GanttScaleType | undefined; min?: GanttScaleType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISearchProps = React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean; mode?: SearchMode; searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined; timeout?: number; }>; declare const Search: ((props: ISearchProps) => React.FunctionComponentElement<React.PropsWithChildren<{ editorOptions?: any; enabled?: boolean | undefined; mode?: SearchMode | undefined; searchExpr?: Array<(() => any) | string> | (() => any) | string | undefined; timeout?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISortingProps = React.PropsWithChildren<{ ascendingText?: string; clearText?: string; descendingText?: string; mode?: SingleMultipleOrNone | string; showSortIndexes?: boolean; }>; declare const Sorting: ((props: ISortingProps) => React.FunctionComponentElement<React.PropsWithChildren<{ ascendingText?: string | undefined; clearText?: string | undefined; descendingText?: string | undefined; mode?: string | undefined; showSortIndexes?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IStripLineProps = React.PropsWithChildren<{ cssClass?: string | undefined; end?: Date | (() => Date | number | string) | number | string | undefined; start?: Date | (() => Date | number | string) | number | string | undefined; title?: string | undefined; }>; declare const StripLine: ((props: IStripLineProps) => React.FunctionComponentElement<React.PropsWithChildren<{ cssClass?: string | undefined; end?: Date | (() => Date | number | string) | number | string | undefined; start?: Date | (() => Date | number | string) | number | string | undefined; title?: string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITasksProps = React.PropsWithChildren<{ colorExpr?: (() => void) | string; dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string; endExpr?: (() => void) | string; keyExpr?: (() => void) | string; parentIdExpr?: (() => void) | string; progressExpr?: (() => void) | string; startExpr?: (() => void) | string; titleExpr?: (() => void) | string; }>; declare const Tasks: ((props: ITasksProps) => React.FunctionComponentElement<React.PropsWithChildren<{ colorExpr?: string | (() => void) | undefined; dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined; endExpr?: string | (() => void) | undefined; keyExpr?: string | (() => void) | undefined; parentIdExpr?: string | (() => void) | undefined; progressExpr?: string | (() => void) | undefined; startExpr?: string | (() => void) | undefined; titleExpr?: string | (() => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITextsProps = React.PropsWithChildren<{ cancel?: string; emptyValue?: string; ok?: string; }>; declare const Texts: ((props: ITextsProps) => React.FunctionComponentElement<React.PropsWithChildren<{ cancel?: string | undefined; emptyValue?: string | undefined; ok?: string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IToolbarProps = React.PropsWithChildren<{ items?: Array<dxGanttToolbarItem | GanttPredefinedToolbarItem>; }>; declare const Toolbar: ((props: IToolbarProps) => React.FunctionComponentElement<React.PropsWithChildren<{ items?: (GanttPredefinedToolbarItem | dxGanttToolbarItem)[] | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IToolbarItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: GanttPredefinedToolbarItem | string; options?: any; showText?: ShowTextMode; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; widget?: ToolbarItemComponent; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType<any>; render?: (...params: any) => React.ReactNode; component?: React.ComponentType<any>; }>; declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean | undefined; html?: string | undefined; locateInMenu?: LocateInMenuMode | undefined; location?: ToolbarItemLocation | undefined; menuItemTemplate?: template | (() => string | any) | undefined; name?: string | undefined; options?: any; showText?: ShowTextMode | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; widget?: ToolbarItemComponent | undefined; menuItemRender?: ((...params: any) => React.ReactNode) | undefined; menuItemComponent?: React.ComponentType<any> | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType<any> | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IValidationProps = React.PropsWithChildren<{ autoUpdateParentTasks?: boolean; enablePredecessorGap?: boolean; validateDependencies?: boolean; }>; declare const Validation: ((props: IValidationProps) => React.FunctionComponentElement<React.PropsWithChildren<{ autoUpdateParentTasks?: boolean | undefined; enablePredecessorGap?: boolean | undefined; validateDependencies?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; export default Gantt; export { Gantt, IGanttOptions, GanttRef, Column, IColumnProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ContextMenu, IContextMenuProps, ContextMenuItem, IContextMenuItemProps, ContextMenuItemItem, IContextMenuItemItemProps, Dependencies, IDependenciesProps, Editing, IEditingProps, FilterRow, IFilterRowProps, Format, IFormatProps, GanttHeaderFilter, IGanttHeaderFilterProps, GanttHeaderFilterSearch, IGanttHeaderFilterSearchProps, HeaderFilter, IHeaderFilterProps, Item, IItemProps, OperationDescriptions, IOperationDescriptionsProps, ResourceAssignments, IResourceAssignmentsProps, Resources, IResourcesProps, ScaleTypeRange, IScaleTypeRangeProps, Search, ISearchProps, Sorting, ISortingProps, StripLine, IStripLineProps, Tasks, ITasksProps, Texts, ITextsProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, Validation, IValidationProps }; import type * as GanttTypes from 'devextreme/ui/gantt_types'; export { GanttTypes };