devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/gantt.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,10 +11,10 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxGantt, { Properties } from "devextreme/ui/gantt";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } 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, dxGanttFilterRowOperationDescriptions, dxGanttHeaderFilterTexts, dxGanttToolbarItem } from "devextreme/ui/gantt";
 import type { dxTreeListColumn, dxTreeListRowObject } from "devextreme/ui/tree_list";
 import type { template } from "devextreme/core/templates/template";
@@ -26,10 +26,10 @@ import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collectio
 import type dxTreeList from "devextreme/ui/tree_list";
 import type DataSource from "devextreme/data/data_source";
 import type * as LocalizationTypes from "devextreme/localization";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IGanttOptionsNarrowedEvents = {
+type IGanttOptionsNarrowedEvents = {
     onContentReady?: ((e: ContentReadyEvent) => void);
     onContextMenuPreparing?: ((e: ContextMenuPreparingEvent) => void);
     onCustomCommand?: ((e: CustomCommandEvent) => void);
@@ -60,94 +60,23 @@ declare type IGanttOptionsNarrowedEvents = {
     onTaskUpdated?: ((e: TaskUpdatedEvent) => void);
     onTaskUpdating?: ((e: TaskUpdatingEvent) => void);
 };
-declare type IGanttOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IGanttOptionsNarrowedEvents> & IHtmlOptions & {
+type IGanttOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IGanttOptionsNarrowedEvents> & IHtmlOptions & {
     taskContentRender?: (...params: any) => React.ReactNode;
     taskContentComponent?: React.ComponentType<any>;
-    taskContentKeyFn?: (data: any) => string;
     taskProgressTooltipContentRender?: (...params: any) => React.ReactNode;
     taskProgressTooltipContentComponent?: React.ComponentType<any>;
-    taskProgressTooltipContentKeyFn?: (data: any) => string;
     taskTimeTooltipContentRender?: (...params: any) => React.ReactNode;
     taskTimeTooltipContentComponent?: React.ComponentType<any>;
-    taskTimeTooltipContentKeyFn?: (data: any) => string;
     taskTooltipContentRender?: (...params: any) => React.ReactNode;
     taskTooltipContentComponent?: React.ComponentType<any>;
-    taskTooltipContentKeyFn?: (data: any) => string;
 }>;
-declare class Gantt extends BaseComponent<React.PropsWithChildren<IGanttOptions>> {
-    get instance(): dxGantt;
-    protected _WidgetClass: typeof dxGantt;
-    protected independentEvents: string[];
-    protected _expectedChildren: {
-        column: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        contextMenu: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        dependencies: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        editing: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        filterRow: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        ganttHeaderFilter: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        headerFilter: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        resourceAssignments: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        resources: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        scaleTypeRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        sorting: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        stripLine: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tasks: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        toolbar: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        validation: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    protected _templateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
+interface GanttRef {
+    instance: () => dxGantt;
 }
-declare type IColumnProps = React.PropsWithChildren<{
+declare const Gantt: (props: React.PropsWithChildren<IGanttOptions> & {
+    ref?: Ref<GanttRef>;
+}) => ReactElement | null;
+type IColumnProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     allowFiltering?: boolean;
     allowHeaderFiltering?: boolean;
@@ -230,45 +159,12 @@ declare type IColumnProps = React.PropsWithChildren<{
     onVisibleIndexChange?: (value: number) => void;
     cellRender?: (...params: any) => React.ReactNode;
     cellComponent?: React.ComponentType<any>;
-    cellKeyFn?: (data: any) => string;
     headerCellRender?: (...params: any) => React.ReactNode;
     headerCellComponent?: React.ComponentType<any>;
-    headerCellKeyFn?: (data: any) => string;
 }>;
-declare class Column extends NestedOption<IColumnProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static DefaultsProps: {
-        defaultFilterValue: string;
-        defaultFilterValues: string;
-        defaultSelectedFilterOperation: string;
-        defaultSortIndex: string;
-        defaultSortOrder: string;
-        defaultVisible: string;
-        defaultVisibleIndex: string;
-    };
-    static ExpectedChildren: {
-        columnHeaderFilter: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        headerFilter: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IColumnHeaderFilterProps = React.PropsWithChildren<{
+declare const _componentColumn: React.MemoExoticComponent<(props: IColumnProps) => React.FunctionComponentElement<IColumnProps>>;
+declare const Column: typeof _componentColumn & IElementDescriptor;
+type IColumnHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: boolean;
     allowSelectAll?: boolean;
     dataSource?: Array<any> | DataSourceOptions | ((options: {
@@ -281,47 +177,24 @@ declare type IColumnHeaderFilterProps = React.PropsWithChildren<{
     searchMode?: "contains" | "startswith" | "equals";
     width?: number | string;
 }>;
-declare class ColumnHeaderFilter extends NestedOption<IColumnHeaderFilterProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        columnHeaderFilterSearch: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        search: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IColumnHeaderFilterSearchProps = React.PropsWithChildren<{
+declare const _componentColumnHeaderFilter: React.MemoExoticComponent<(props: IColumnHeaderFilterProps) => React.FunctionComponentElement<IColumnHeaderFilterProps>>;
+declare const ColumnHeaderFilter: typeof _componentColumnHeaderFilter & IElementDescriptor;
+type IColumnHeaderFilterSearchProps = React.PropsWithChildren<{
     editorOptions?: any;
     enabled?: boolean;
     mode?: "contains" | "startswith" | "equals";
     searchExpr?: Array<(() => any) | string> | (() => any) | string;
     timeout?: number;
 }>;
-declare class ColumnHeaderFilterSearch extends NestedOption<IColumnHeaderFilterSearchProps> {
-    static OptionName: string;
-}
-declare type IContextMenuProps = React.PropsWithChildren<{
+declare const _componentColumnHeaderFilterSearch: React.MemoExoticComponent<(props: IColumnHeaderFilterSearchProps) => React.FunctionComponentElement<IColumnHeaderFilterSearchProps>>;
+declare const ColumnHeaderFilterSearch: typeof _componentColumnHeaderFilterSearch & IElementDescriptor;
+type IContextMenuProps = React.PropsWithChildren<{
     enabled?: boolean;
     items?: Array<dxGanttContextMenuItem | "undo" | "redo" | "expandAll" | "collapseAll" | "addTask" | "deleteTask" | "zoomIn" | "zoomOut" | "deleteDependency" | "taskDetails" | "resourceManager">;
 }>;
-declare class ContextMenu extends NestedOption<IContextMenuProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        contextMenuItem: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        item: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IContextMenuItemProps = React.PropsWithChildren<{
+declare const _componentContextMenu: React.MemoExoticComponent<(props: IContextMenuProps) => React.FunctionComponentElement<IContextMenuProps>>;
+declare const ContextMenu: typeof _componentContextMenu & IElementDescriptor;
+type IContextMenuItemProps = React.PropsWithChildren<{
     beginGroup?: boolean;
     closeMenuOnClick?: boolean;
     disabled?: boolean;
@@ -335,29 +208,19 @@ declare type IContextMenuItemProps = React.PropsWithChildren<{
     visible?: boolean;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
 }>;
-declare class ContextMenuItem extends NestedOption<IContextMenuItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IDependenciesProps = React.PropsWithChildren<{
+declare const _componentContextMenuItem: React.MemoExoticComponent<(props: IContextMenuItemProps) => React.FunctionComponentElement<IContextMenuItemProps>>;
+declare const ContextMenuItem: typeof _componentContextMenuItem & IElementDescriptor;
+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 class Dependencies extends NestedOption<IDependenciesProps> {
-    static OptionName: string;
-}
-declare type IEditingProps = React.PropsWithChildren<{
+declare const _componentDependencies: React.MemoExoticComponent<(props: IDependenciesProps) => React.FunctionComponentElement<IDependenciesProps>>;
+declare const Dependencies: typeof _componentDependencies & IElementDescriptor;
+type IEditingProps = React.PropsWithChildren<{
     allowDependencyAdding?: boolean;
     allowDependencyDeleting?: boolean;
     allowResourceAdding?: boolean;
@@ -369,10 +232,9 @@ declare type IEditingProps = React.PropsWithChildren<{
     allowTaskUpdating?: boolean;
     enabled?: boolean;
 }>;
-declare class Editing extends NestedOption<IEditingProps> {
-    static OptionName: string;
-}
-declare type IFilterRowProps = React.PropsWithChildren<{
+declare const _componentEditing: React.MemoExoticComponent<(props: IEditingProps) => React.FunctionComponentElement<IEditingProps>>;
+declare const Editing: typeof _componentEditing & IElementDescriptor;
+type IFilterRowProps = React.PropsWithChildren<{
     betweenEndText?: string;
     betweenStartText?: string;
     operationDescriptions?: dxGanttFilterRowOperationDescriptions;
@@ -381,16 +243,9 @@ declare type IFilterRowProps = React.PropsWithChildren<{
     showOperationChooser?: boolean;
     visible?: boolean;
 }>;
-declare class FilterRow extends NestedOption<IFilterRowProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        operationDescriptions: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IFormatProps = React.PropsWithChildren<{
+declare const _componentFilterRow: React.MemoExoticComponent<(props: IFilterRowProps) => React.FunctionComponentElement<IFilterRowProps>>;
+declare const FilterRow: typeof _componentFilterRow & IElementDescriptor;
+type IFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | Date) => string);
     parser?: ((value: string) => number | Date);
@@ -398,10 +253,9 @@ declare type IFormatProps = React.PropsWithChildren<{
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;
 }>;
-declare class Format extends NestedOption<IFormatProps> {
-    static OptionName: string;
-}
-declare type IGanttHeaderFilterProps = React.PropsWithChildren<{
+declare const _componentFormat: React.MemoExoticComponent<(props: IFormatProps) => React.FunctionComponentElement<IFormatProps>>;
+declare const Format: typeof _componentFormat & IElementDescriptor;
+type IGanttHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: boolean;
     allowSelectAll?: boolean;
     height?: number;
@@ -411,33 +265,17 @@ declare type IGanttHeaderFilterProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class GanttHeaderFilter extends NestedOption<IGanttHeaderFilterProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        ganttHeaderFilterSearch: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        search: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        texts: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IGanttHeaderFilterSearchProps = React.PropsWithChildren<{
+declare const _componentGanttHeaderFilter: React.MemoExoticComponent<(props: IGanttHeaderFilterProps) => React.FunctionComponentElement<IGanttHeaderFilterProps>>;
+declare const GanttHeaderFilter: typeof _componentGanttHeaderFilter & IElementDescriptor;
+type IGanttHeaderFilterSearchProps = React.PropsWithChildren<{
     editorOptions?: any;
     enabled?: boolean;
     mode?: "contains" | "startswith" | "equals";
     timeout?: number;
 }>;
-declare class GanttHeaderFilterSearch extends NestedOption<IGanttHeaderFilterSearchProps> {
-    static OptionName: string;
-}
-declare type IHeaderFilterProps = React.PropsWithChildren<{
+declare const _componentGanttHeaderFilterSearch: React.MemoExoticComponent<(props: IGanttHeaderFilterSearchProps) => React.FunctionComponentElement<IGanttHeaderFilterSearchProps>>;
+declare const GanttHeaderFilterSearch: typeof _componentGanttHeaderFilterSearch & IElementDescriptor;
+type IHeaderFilterProps = React.PropsWithChildren<{
     allowSearch?: boolean;
     allowSelectAll?: boolean;
     dataSource?: Array<any> | DataSourceOptions | ((options: {
@@ -453,10 +291,9 @@ declare type IHeaderFilterProps = React.PropsWithChildren<{
     texts?: dxGanttHeaderFilterTexts;
     visible?: boolean;
 }>;
-declare class HeaderFilter extends NestedOption<IHeaderFilterProps> {
-    static OptionName: string;
-}
-declare type IItemProps = React.PropsWithChildren<{
+declare const _componentHeaderFilter: React.MemoExoticComponent<(props: IHeaderFilterProps) => React.FunctionComponentElement<IHeaderFilterProps>>;
+declare const HeaderFilter: typeof _componentHeaderFilter & IElementDescriptor;
+type IItemProps = React.PropsWithChildren<{
     beginGroup?: boolean;
     closeMenuOnClick?: boolean;
     disabled?: boolean;
@@ -478,22 +315,12 @@ declare type IItemProps = React.PropsWithChildren<{
     widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
     menuItemRender?: (...params: any) => React.ReactNode;
     menuItemComponent?: React.ComponentType<any>;
-    menuItemKeyFn?: (data: any) => string;
 }>;
-declare class Item extends NestedOption<IItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IOperationDescriptionsProps = React.PropsWithChildren<{
+declare const _componentItem: React.MemoExoticComponent<(props: IItemProps) => React.FunctionComponentElement<IItemProps>>;
+declare const Item: typeof _componentItem & IElementDescriptor;
+type IOperationDescriptionsProps = React.PropsWithChildren<{
     between?: string;
     contains?: string;
     endsWith?: string;
@@ -506,65 +333,57 @@ declare type IOperationDescriptionsProps = React.PropsWithChildren<{
     notEqual?: string;
     startsWith?: string;
 }>;
-declare class OperationDescriptions extends NestedOption<IOperationDescriptionsProps> {
-    static OptionName: string;
-}
-declare type IResourceAssignmentsProps = React.PropsWithChildren<{
+declare const _componentOperationDescriptions: React.MemoExoticComponent<(props: IOperationDescriptionsProps) => React.FunctionComponentElement<IOperationDescriptionsProps>>;
+declare const OperationDescriptions: typeof _componentOperationDescriptions & IElementDescriptor;
+type IResourceAssignmentsProps = React.PropsWithChildren<{
     dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string;
     keyExpr?: (() => void) | string;
     resourceIdExpr?: (() => void) | string;
     taskIdExpr?: (() => void) | string;
 }>;
-declare class ResourceAssignments extends NestedOption<IResourceAssignmentsProps> {
-    static OptionName: string;
-}
-declare type IResourcesProps = React.PropsWithChildren<{
+declare const _componentResourceAssignments: React.MemoExoticComponent<(props: IResourceAssignmentsProps) => React.FunctionComponentElement<IResourceAssignmentsProps>>;
+declare const ResourceAssignments: typeof _componentResourceAssignments & IElementDescriptor;
+type IResourcesProps = React.PropsWithChildren<{
     colorExpr?: (() => void) | string;
     dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string;
     keyExpr?: (() => void) | string;
     textExpr?: (() => void) | string;
 }>;
-declare class Resources extends NestedOption<IResourcesProps> {
-    static OptionName: string;
-}
-declare type IScaleTypeRangeProps = React.PropsWithChildren<{
+declare const _componentResources: React.MemoExoticComponent<(props: IResourcesProps) => React.FunctionComponentElement<IResourcesProps>>;
+declare const Resources: typeof _componentResources & IElementDescriptor;
+type IScaleTypeRangeProps = React.PropsWithChildren<{
     max?: "auto" | "minutes" | "hours" | "sixHours" | "days" | "weeks" | "months" | "quarters" | "years";
     min?: "auto" | "minutes" | "hours" | "sixHours" | "days" | "weeks" | "months" | "quarters" | "years";
 }>;
-declare class ScaleTypeRange extends NestedOption<IScaleTypeRangeProps> {
-    static OptionName: string;
-}
-declare type ISearchProps = React.PropsWithChildren<{
+declare const _componentScaleTypeRange: React.MemoExoticComponent<(props: IScaleTypeRangeProps) => React.FunctionComponentElement<IScaleTypeRangeProps>>;
+declare const ScaleTypeRange: typeof _componentScaleTypeRange & IElementDescriptor;
+type ISearchProps = React.PropsWithChildren<{
     editorOptions?: any;
     enabled?: boolean;
     mode?: "contains" | "startswith" | "equals";
     searchExpr?: Array<(() => any) | string> | (() => any) | string;
     timeout?: number;
 }>;
-declare class Search extends NestedOption<ISearchProps> {
-    static OptionName: string;
-}
-declare type ISortingProps = React.PropsWithChildren<{
+declare const _componentSearch: React.MemoExoticComponent<(props: ISearchProps) => React.FunctionComponentElement<ISearchProps>>;
+declare const Search: typeof _componentSearch & IElementDescriptor;
+type ISortingProps = React.PropsWithChildren<{
     ascendingText?: string;
     clearText?: string;
     descendingText?: string;
     mode?: "single" | "multiple" | "none";
     showSortIndexes?: boolean;
 }>;
-declare class Sorting extends NestedOption<ISortingProps> {
-    static OptionName: string;
-}
-declare type IStripLineProps = React.PropsWithChildren<{
+declare const _componentSorting: React.MemoExoticComponent<(props: ISortingProps) => React.FunctionComponentElement<ISortingProps>>;
+declare const Sorting: typeof _componentSorting & IElementDescriptor;
+type IStripLineProps = React.PropsWithChildren<{
     cssClass?: string;
     end?: Date | (() => Date | number | string) | number | string;
     start?: Date | (() => Date | number | string) | number | string;
     title?: string;
 }>;
-declare class StripLine extends NestedOption<IStripLineProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type ITasksProps = React.PropsWithChildren<{
+declare const _componentStripLine: React.MemoExoticComponent<(props: IStripLineProps) => React.FunctionComponentElement<IStripLineProps>>;
+declare const StripLine: typeof _componentStripLine & IElementDescriptor;
+type ITasksProps = React.PropsWithChildren<{
     colorExpr?: (() => void) | string;
     dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string;
     endExpr?: (() => void) | string;
@@ -574,34 +393,21 @@ declare type ITasksProps = React.PropsWithChildren<{
     startExpr?: (() => void) | string;
     titleExpr?: (() => void) | string;
 }>;
-declare class Tasks extends NestedOption<ITasksProps> {
-    static OptionName: string;
-}
-declare type ITextsProps = React.PropsWithChildren<{
+declare const _componentTasks: React.MemoExoticComponent<(props: ITasksProps) => React.FunctionComponentElement<ITasksProps>>;
+declare const Tasks: typeof _componentTasks & IElementDescriptor;
+type ITextsProps = React.PropsWithChildren<{
     cancel?: string;
     emptyValue?: string;
     ok?: string;
 }>;
-declare class Texts extends NestedOption<ITextsProps> {
-    static OptionName: string;
-}
-declare type IToolbarProps = React.PropsWithChildren<{
+declare const _componentTexts: React.MemoExoticComponent<(props: ITextsProps) => React.FunctionComponentElement<ITextsProps>>;
+declare const Texts: typeof _componentTexts & IElementDescriptor;
+type IToolbarProps = React.PropsWithChildren<{
     items?: Array<dxGanttToolbarItem | "separator" | "undo" | "redo" | "expandAll" | "collapseAll" | "addTask" | "deleteTask" | "zoomIn" | "zoomOut" | "taskDetails" | "fullScreen" | "resourceManager" | "showResources" | "showDependencies">;
 }>;
-declare class Toolbar extends NestedOption<IToolbarProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        item: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        toolbarItem: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IToolbarItemProps = React.PropsWithChildren<{
+declare const _componentToolbar: React.MemoExoticComponent<(props: IToolbarProps) => React.FunctionComponentElement<IToolbarProps>>;
+declare const Toolbar: typeof _componentToolbar & IElementDescriptor;
+type IToolbarItemProps = React.PropsWithChildren<{
     cssClass?: string;
     disabled?: boolean;
     html?: string;
@@ -617,30 +423,19 @@ declare type IToolbarItemProps = React.PropsWithChildren<{
     widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
     menuItemRender?: (...params: any) => React.ReactNode;
     menuItemComponent?: React.ComponentType<any>;
-    menuItemKeyFn?: (data: any) => string;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
 }>;
-declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IValidationProps = React.PropsWithChildren<{
+declare const _componentToolbarItem: React.MemoExoticComponent<(props: IToolbarItemProps) => React.FunctionComponentElement<IToolbarItemProps>>;
+declare const ToolbarItem: typeof _componentToolbarItem & IElementDescriptor;
+type IValidationProps = React.PropsWithChildren<{
     autoUpdateParentTasks?: boolean;
     enablePredecessorGap?: boolean;
     validateDependencies?: boolean;
 }>;
-declare class Validation extends NestedOption<IValidationProps> {
-    static OptionName: string;
-}
+declare const _componentValidation: React.MemoExoticComponent<(props: IValidationProps) => React.FunctionComponentElement<IValidationProps>>;
+declare const Validation: typeof _componentValidation & IElementDescriptor;
 export default Gantt;
-export { Gantt, IGanttOptions, Column, IColumnProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ContextMenu, IContextMenuProps, ContextMenuItem, IContextMenuItemProps, 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 };
+export { Gantt, IGanttOptions, GanttRef, Column, IColumnProps, ColumnHeaderFilter, IColumnHeaderFilterProps, ColumnHeaderFilterSearch, IColumnHeaderFilterSearchProps, ContextMenu, IContextMenuProps, ContextMenuItem, IContextMenuItemProps, 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 };