devextreme-react 25.1.1-alpha → 25.1.3

package/cjs/core/template-manager.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -68,6 +68,7 @@ const subscribeOnRemoval = (container, onRemoved) => {
 const unwrapElement = (element) => (element.get ? element.get(0) : element);
 const getRandomId = () => `${(0, helpers_1.generateID)()}${(0, helpers_1.generateID)()}${(0, helpers_1.generateID)()}`;
 const TemplateManager = ({ init, onTemplatesRendered }) => {
+    const mounted = (0, react_1.useRef)(false);
     const [instantiationModels, setInstantiationModels] = (0, react_1.useState)({
         collection: new helpers_1.TemplateInstantiationModels(),
     });
@@ -135,10 +136,18 @@ const TemplateManager = ({ init, onTemplatesRendered }) => {
             setInstantiationModels({ ...instantiationModels });
         }
         function updateTemplates(onUpdated) {
-            setUpdateContext({ onUpdated });
+            if (mounted.current) {
+                setUpdateContext({ onUpdated });
+            }
         }
         init({ createDXTemplates, clearInstantiationModels, updateTemplates });
     }, [init, getRenderFunc]);
+    (0, react_1.useEffect)(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
     (0, react_1.useEffect)(() => {
         if (updateContext) {
             updateContext.onUpdated();

package/cjs/core/template-wrapper.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/template-wrapper.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/template.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/template.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findProps = exports.Template = void 0;

package/cjs/core/types.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/types.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/use-option-scanning.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/use-option-scanning.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/widget-config.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/widget-config.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.1-alpha
- * Build date: Wed Apr 02 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -17,8 +17,8 @@ import { Ref, ReactElement } from "react";
 import dxDataGrid, { Properties } from "devextreme/ui/data_grid";
 import { IHtmlOptions, NestedComponentMeta } from "./core/component";
 import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, DataGridCommandColumnType, SelectionSensitivity, DataGridExportFormat, DataGridPredefinedToolbarItem, DataGridScrollMode, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
-import type { DataChange, DataChangeType, FilterOperation, FilterType, FixedPosition, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterSearchConfig, SelectionColumnDisplayMode, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, GridBase, ApplyFilterMode, GroupExpandMode, SummaryType, EnterKeyAction, EnterKeyDirection, PagerPageSize, DataRenderMode, StateStoreType } from "devextreme/common/grids";
-import type { Mode, ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, DataType, Format as CommonFormat, SearchMode, SortOrder, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, PositionAlignment, Direction, ToolbarItemLocation, ToolbarItemComponent, DisplayMode, DragDirection, DragHighlight, ScrollbarMode } from "devextreme/common";
+import type { DataChange, DataChangeType, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts, SelectionColumnDisplayMode, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanel as GridsFilterPanel, FilterPanelTexts as GridsFilterPanelTexts, ApplyFilterMode, GroupExpandMode, SummaryType, EnterKeyAction, EnterKeyDirection, PagerPageSize, GridBase, DataRenderMode, StateStoreType } from "devextreme/common/grids";
+import type { Mode, ValidationRuleType, HorizontalAlignment, VerticalAlignment, template, DataType, Format as CommonFormat, SortOrder, SearchMode, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, PositionAlignment, Direction, ToolbarItemLocation, ToolbarItemComponent, DisplayMode, DragDirection, DragHighlight, ScrollbarMode } from "devextreme/common";
 import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, dxFilterBuilderField, FieldInfo, FilterBuilderOperation, dxFilterBuilderCustomOperation, GroupOperation, OptionChangedEvent, ValueChangedEvent } from "devextreme/ui/filter_builder";
 import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, dxFormSimpleItem, dxFormOptions, OptionChangedEvent as FormOptionChangedEvent, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, FormItemComponent, FormItemType } from "devextreme/ui/form";
 import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
@@ -87,26 +87,22 @@ type IDataGridOptions<TRowData = any, TKey = any> = React.PropsWithChildren<Repl
     rowComponent?: React.ComponentType<any>;
     defaultColumns?: Array<dxDataGridColumn | string>;
     defaultEditing?: Record<string, any>;
-    defaultFilterPanel?: Record<string, any>;
     defaultFilterValue?: Array<any> | (() => any) | string;
     defaultFocusedColumnIndex?: number;
     defaultFocusedRowIndex?: number;
     defaultFocusedRowKey?: any | undefined;
     defaultGroupPanel?: Record<string, any>;
     defaultPaging?: Record<string, any>;
-    defaultSearchPanel?: Record<string, any>;
     defaultSelectedRowKeys?: Array<any>;
     defaultSelectionFilter?: Array<any> | (() => any) | string;
     onColumnsChange?: (value: Array<dxDataGridColumn | string>) => void;
     onEditingChange?: (value: Record<string, any>) => void;
-    onFilterPanelChange?: (value: Record<string, any>) => void;
     onFilterValueChange?: (value: Array<any> | (() => any) | string) => void;
     onFocusedColumnIndexChange?: (value: number) => void;
     onFocusedRowIndexChange?: (value: number) => void;
     onFocusedRowKeyChange?: (value: any | undefined) => void;
     onGroupPanelChange?: (value: Record<string, any>) => void;
     onPagingChange?: (value: Record<string, any>) => void;
-    onSearchPanelChange?: (value: Record<string, any>) => void;
     onSelectedRowKeysChange?: (value: Array<any>) => void;
     onSelectionFilterChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
@@ -121,26 +117,22 @@ declare const DataGrid: <TRowData = any, TKey = any>(props: ReplaceFieldTypes<Pr
     rowComponent?: React.ComponentType<any> | undefined;
     defaultColumns?: (string | dxDataGridColumn<any, any>)[] | undefined;
     defaultEditing?: Record<string, any> | undefined;
-    defaultFilterPanel?: Record<string, any> | undefined;
     defaultFilterValue?: string | any[] | (() => any) | undefined;
     defaultFocusedColumnIndex?: number | undefined;
     defaultFocusedRowIndex?: number | undefined;
     defaultFocusedRowKey?: any | undefined;
     defaultGroupPanel?: Record<string, any> | undefined;
     defaultPaging?: Record<string, any> | undefined;
-    defaultSearchPanel?: Record<string, any> | undefined;
     defaultSelectedRowKeys?: any[] | undefined;
     defaultSelectionFilter?: string | any[] | (() => any) | undefined;
     onColumnsChange?: ((value: Array<dxDataGridColumn | string>) => void) | undefined;
     onEditingChange?: ((value: Record<string, any>) => void) | undefined;
-    onFilterPanelChange?: ((value: Record<string, any>) => void) | undefined;
     onFilterValueChange?: ((value: Array<any> | (() => any) | string) => void) | undefined;
     onFocusedColumnIndexChange?: ((value: number) => void) | undefined;
     onFocusedRowIndexChange?: ((value: number) => void) | undefined;
     onFocusedRowKeyChange?: ((value: any | undefined) => void) | undefined;
     onGroupPanelChange?: ((value: Record<string, any>) => void) | undefined;
     onPagingChange?: ((value: Record<string, any>) => void) | undefined;
-    onSearchPanelChange?: ((value: Record<string, any>) => void) | undefined;
     onSelectedRowKeysChange?: ((value: Array<any>) => void) | undefined;
     onSelectionFilterChange?: ((value: Array<any> | (() => any) | string) => void) | undefined;
 } & {
@@ -416,19 +408,7 @@ type IColumnProps = React.PropsWithChildren<{
         columnIndex: number;
         component: dxDataGrid;
     }) => 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;
-    };
+    headerFilter?: GridsColumnHeaderFilter | undefined;
     hidingPriority?: number | undefined;
     isBand?: boolean | undefined;
     lookup?: Record<string, any> | {
@@ -574,19 +554,7 @@ declare const Column: ((props: IColumnProps) => React.FunctionComponentElement<R
         columnIndex: number;
         component: dxDataGrid;
     }) => 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;
+    headerFilter?: GridsColumnHeaderFilter | undefined;
     hidingPriority?: number | undefined;
     isBand?: boolean | undefined;
     lookup?: Record<string, any> | {
@@ -940,11 +908,7 @@ type IDataGridHeaderFilterProps = React.PropsWithChildren<{
     height?: number | string;
     search?: HeaderFilterSearchConfig;
     searchTimeout?: number;
-    texts?: Record<string, any> | {
-        cancel?: string;
-        emptyValue?: string;
-        ok?: string;
-    };
+    texts?: HeaderFilterTexts;
     visible?: boolean;
     width?: number | string;
 }>;
@@ -954,11 +918,7 @@ declare const DataGridHeaderFilter: ((props: IDataGridHeaderFilterProps) => Reac
     height?: string | number | undefined;
     search?: HeaderFilterSearchConfig | undefined;
     searchTimeout?: number | undefined;
-    texts?: Record<string, any> | {
-        cancel?: string | undefined;
-        emptyValue?: string | undefined;
-        ok?: string | undefined;
-    } | undefined;
+    texts?: HeaderFilterTexts | undefined;
     visible?: boolean | undefined;
     width?: string | number | undefined;
 } & {
@@ -1292,7 +1252,7 @@ type IFilterBuilderProps = React.PropsWithChildren<{
         or?: string;
     };
     groupOperations?: Array<GroupOperation>;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
     maxGroupLevel?: number | undefined;
@@ -1307,7 +1267,7 @@ type IFilterBuilderProps = React.PropsWithChildren<{
     tabIndex?: number;
     value?: Array<any> | (() => any) | string;
     visible?: boolean;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultValue?: Array<any> | (() => any) | string;
     onValueChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
@@ -1343,7 +1303,7 @@ declare const FilterBuilder: ((props: IFilterBuilderProps) => React.FunctionComp
         or?: string | undefined;
     } | undefined;
     groupOperations?: GroupOperation[] | undefined;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
     maxGroupLevel?: number | undefined;
@@ -1358,7 +1318,7 @@ declare const FilterBuilder: ((props: IFilterBuilderProps) => React.FunctionComp
     tabIndex?: number | undefined;
     value?: string | any[] | (() => any) | undefined;
     visible?: boolean | undefined;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultValue?: string | any[] | (() => any) | undefined;
     onValueChange?: ((value: Array<any> | (() => any) | string) => void) | undefined;
 } & {
@@ -1373,7 +1333,6 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
         show?: AnimationConfig;
     };
     bindingOptions?: Record<string, any>;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string | undefined;
     contentTemplate?: ((contentElement: any) => string | any) | template;
     deferRendering?: boolean;
@@ -1384,15 +1343,15 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
     enableBodyScroll?: boolean;
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
-    height?: (() => number | string) | number | string;
+    height?: number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
-    maxHeight?: (() => number | string) | number | string;
-    maxWidth?: (() => number | string) | number | string;
-    minHeight?: (() => number | string) | number | string;
-    minWidth?: (() => number | string) | number | string;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
     onHidden?: ((e: EventInfo<any>) => void);
@@ -1465,16 +1424,16 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
     titleTemplate?: ((titleElement: any) => string | any) | template;
     toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
-    width?: (() => number | string) | number | string;
+    width?: number | string;
     wrapperAttr?: any;
-    defaultHeight?: (() => number | string) | number | string;
-    onHeightChange?: (value: (() => number | string) | number | string) => void;
+    defaultHeight?: number | string;
+    onHeightChange?: (value: number | string) => void;
     defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
     onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: (() => number | string) | number | string;
-    onWidthChange?: (value: (() => number | string) | number | string) => void;
+    defaultWidth?: number | string;
+    onWidthChange?: (value: number | string) => void;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     titleRender?: (...params: any) => React.ReactNode;
@@ -1487,7 +1446,6 @@ declare const FilterBuilderPopup: ((props: IFilterBuilderPopupProps) => React.Fu
         show?: AnimationConfig | undefined;
     } | undefined;
     bindingOptions?: Record<string, any> | undefined;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     container?: any | string | undefined;
     contentTemplate?: template | ((contentElement: any) => string | any) | undefined;
     deferRendering?: boolean | undefined;
@@ -1498,15 +1456,15 @@ declare const FilterBuilderPopup: ((props: IFilterBuilderPopupProps) => React.Fu
     enableBodyScroll?: boolean | undefined;
     focusStateEnabled?: boolean | undefined;
     fullScreen?: boolean | undefined;
-    height?: string | number | (() => number | string) | undefined;
+    height?: string | number | undefined;
     hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     hideOnParentScroll?: boolean | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
-    maxHeight?: string | number | (() => number | string) | undefined;
-    maxWidth?: string | number | (() => number | string) | undefined;
-    minHeight?: string | number | (() => number | string) | undefined;
-    minWidth?: string | number | (() => number | string) | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     onContentReady?: ((e: EventInfo<any>) => void) | undefined;
     onDisposing?: ((e: EventInfo<any>) => void) | undefined;
     onHidden?: ((e: EventInfo<any>) => void) | undefined;
@@ -1579,16 +1537,16 @@ declare const FilterBuilderPopup: ((props: IFilterBuilderPopupProps) => React.Fu
     titleTemplate?: template | ((titleElement: any) => string | any) | undefined;
     toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined;
     visible?: boolean | undefined;
-    width?: string | number | (() => number | string) | undefined;
+    width?: string | number | undefined;
     wrapperAttr?: any;
-    defaultHeight?: string | number | (() => number | string) | undefined;
-    onHeightChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    defaultHeight?: string | number | undefined;
+    onHeightChange?: ((value: number | string) => void) | undefined;
     defaultPosition?: PositionAlignment | PositionConfig | (() => void) | undefined;
     onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
     defaultVisible?: boolean | undefined;
     onVisibleChange?: ((value: boolean) => void) | undefined;
-    defaultWidth?: string | number | (() => number | string) | undefined;
-    onWidthChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    defaultWidth?: string | number | undefined;
+    onWidthChange?: ((value: number | string) => void) | undefined;
     contentRender?: ((...params: any) => React.ReactNode) | undefined;
     contentComponent?: React.ComponentType<any> | undefined;
     titleRender?: ((...params: any) => React.ReactNode) | undefined;
@@ -1634,32 +1592,24 @@ declare const FilterOperationDescriptions: ((props: IFilterOperationDescriptions
 }>>) & NestedComponentMeta;
 type IFilterPanelProps = React.PropsWithChildren<{
     customizeText?: ((e: {
-        component: GridBase;
+        component: GridsFilterPanel;
         filterValue: Record<string, any>;
         text: string;
     }) => string);
     filterEnabled?: boolean;
-    texts?: Record<string, any> | {
-        clearFilter?: string;
-        createFilter?: string;
-        filterEnabledHint?: string;
-    };
+    texts?: GridsFilterPanelTexts;
     visible?: boolean;
     defaultFilterEnabled?: boolean;
     onFilterEnabledChange?: (value: boolean) => void;
 }>;
 declare const FilterPanel: ((props: IFilterPanelProps) => React.FunctionComponentElement<React.PropsWithChildren<{
     customizeText?: ((e: {
-        component: GridBase;
+        component: GridsFilterPanel;
         filterValue: Record<string, any>;
         text: string;
     }) => string) | undefined;
     filterEnabled?: boolean | undefined;
-    texts?: Record<string, any> | {
-        clearFilter?: string | undefined;
-        createFilter?: string | undefined;
-        filterEnabledHint?: string | undefined;
-    } | undefined;
+    texts?: GridsFilterPanelTexts | undefined;
     visible?: boolean | undefined;
     defaultFilterEnabled?: boolean | undefined;
     onFilterEnabledChange?: ((value: boolean) => void) | undefined;
@@ -1750,7 +1700,7 @@ type IFormProps = React.PropsWithChildren<{
     elementAttr?: Record<string, any>;
     focusStateEnabled?: boolean;
     formData?: any;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
     isDirty?: boolean;
@@ -1778,7 +1728,7 @@ type IFormProps = React.PropsWithChildren<{
     tabIndex?: number;
     validationGroup?: string | undefined;
     visible?: boolean;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultFormData?: any;
     onFormDataChange?: (value: any) => void;
 }>;
@@ -1800,7 +1750,7 @@ declare const Form: ((props: IFormProps) => React.FunctionComponentElement<React
     elementAttr?: Record<string, any> | undefined;
     focusStateEnabled?: boolean | undefined;
     formData?: any;
-    height?: (() => number | string) | number | string | undefined;
+    height?: number | string | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
     isDirty?: boolean | undefined;
@@ -1828,7 +1778,7 @@ declare const Form: ((props: IFormProps) => React.FunctionComponentElement<React
     tabIndex?: number | undefined;
     validationGroup?: string | undefined;
     visible?: boolean | undefined;
-    width?: (() => number | string) | number | string | undefined;
+    width?: number | string | undefined;
     defaultFormData?: any;
     onFormDataChange?: ((value: any) => void) | undefined;
 } & {
@@ -2083,11 +2033,7 @@ type IHeaderFilterProps = React.PropsWithChildren<{
     searchMode?: SearchMode;
     width?: number | string | undefined;
     searchTimeout?: number;
-    texts?: Record<string, any> | {
-        cancel?: string;
-        emptyValue?: string;
-        ok?: string;
-    };
+    texts?: HeaderFilterTexts;
     visible?: boolean;
 }>;
 declare const HeaderFilter: ((props: IHeaderFilterProps) => React.FunctionComponentElement<React.PropsWithChildren<{
@@ -2103,11 +2049,7 @@ declare const HeaderFilter: ((props: IHeaderFilterProps) => React.FunctionCompon
     searchMode?: SearchMode | undefined;
     width?: number | string | undefined;
     searchTimeout?: number | undefined;
-    texts?: Record<string, any> | {
-        cancel?: string | undefined;
-        emptyValue?: string | undefined;
-        ok?: string | undefined;
-    } | undefined;
+    texts?: HeaderFilterTexts | undefined;
     visible?: boolean | undefined;
 } & {
     children?: React.ReactNode;
@@ -2469,7 +2411,6 @@ type IPopupProps = React.PropsWithChildren<{
         show?: AnimationConfig;
     };
     bindingOptions?: Record<string, any>;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string | undefined;
     contentTemplate?: ((contentElement: any) => string | any) | template;
     deferRendering?: boolean;
@@ -2480,15 +2421,15 @@ type IPopupProps = React.PropsWithChildren<{
     enableBodyScroll?: boolean;
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
-    height?: (() => number | string) | number | string;
+    height?: number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string | undefined;
     hoverStateEnabled?: boolean;
-    maxHeight?: (() => number | string) | number | string;
-    maxWidth?: (() => number | string) | number | string;
-    minHeight?: (() => number | string) | number | string;
-    minWidth?: (() => number | string) | number | string;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
     onHidden?: ((e: EventInfo<any>) => void);
@@ -2561,16 +2502,16 @@ type IPopupProps = React.PropsWithChildren<{
     titleTemplate?: ((titleElement: any) => string | any) | template;
     toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
-    width?: (() => number | string) | number | string;
+    width?: number | string;
     wrapperAttr?: any;
-    defaultHeight?: (() => number | string) | number | string;
-    onHeightChange?: (value: (() => number | string) | number | string) => void;
+    defaultHeight?: number | string;
+    onHeightChange?: (value: number | string) => void;
     defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
     onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: (() => number | string) | number | string;
-    onWidthChange?: (value: (() => number | string) | number | string) => void;
+    defaultWidth?: number | string;
+    onWidthChange?: (value: number | string) => void;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     titleRender?: (...params: any) => React.ReactNode;
@@ -2583,7 +2524,6 @@ declare const Popup: ((props: IPopupProps) => React.FunctionComponentElement<Rea
         show?: AnimationConfig | undefined;
     } | undefined;
     bindingOptions?: Record<string, any> | undefined;
-    closeOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     container?: any | string | undefined;
     contentTemplate?: template | ((contentElement: any) => string | any) | undefined;
     deferRendering?: boolean | undefined;
@@ -2594,15 +2534,15 @@ declare const Popup: ((props: IPopupProps) => React.FunctionComponentElement<Rea
     enableBodyScroll?: boolean | undefined;
     focusStateEnabled?: boolean | undefined;
     fullScreen?: boolean | undefined;
-    height?: string | number | (() => number | string) | undefined;
+    height?: string | number | undefined;
     hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
     hideOnParentScroll?: boolean | undefined;
     hint?: string | undefined;
     hoverStateEnabled?: boolean | undefined;
-    maxHeight?: string | number | (() => number | string) | undefined;
-    maxWidth?: string | number | (() => number | string) | undefined;
-    minHeight?: string | number | (() => number | string) | undefined;
-    minWidth?: string | number | (() => number | string) | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     onContentReady?: ((e: EventInfo<any>) => void) | undefined;
     onDisposing?: ((e: EventInfo<any>) => void) | undefined;
     onHidden?: ((e: EventInfo<any>) => void) | undefined;
@@ -2675,16 +2615,16 @@ declare const Popup: ((props: IPopupProps) => React.FunctionComponentElement<Rea
     titleTemplate?: template | ((titleElement: any) => string | any) | undefined;
     toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined;
     visible?: boolean | undefined;
-    width?: string | number | (() => number | string) | undefined;
+    width?: string | number | undefined;
     wrapperAttr?: any;
-    defaultHeight?: string | number | (() => number | string) | undefined;
-    onHeightChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    defaultHeight?: string | number | undefined;
+    onHeightChange?: ((value: number | string) => void) | undefined;
     defaultPosition?: PositionAlignment | PositionConfig | (() => void) | undefined;
     onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
     defaultVisible?: boolean | undefined;
     onVisibleChange?: ((value: boolean) => void) | undefined;
-    defaultWidth?: string | number | (() => number | string) | undefined;
-    onWidthChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    defaultWidth?: string | number | undefined;
+    onWidthChange?: ((value: number | string) => void) | undefined;
     contentRender?: ((...params: any) => React.ReactNode) | undefined;
     contentComponent?: React.ComponentType<any> | undefined;
     titleRender?: ((...params: any) => React.ReactNode) | undefined;