devextreme-react 25.1.7 → 25.2.2-beta

package/esm/slider.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.7
- * Build date: Mon Nov 10 2025
+ * Version: 25.2.2-beta
+ * Build date: Thu Nov 20 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,76 +11,76 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use client";
-import * as React from "react";
-import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
-import dxSlider from "devextreme/ui/slider";
-import { Component as BaseComponent } from "./core/component";
-import NestedOption from "./core/nested-option";
-const Slider = memo(forwardRef((props, ref) => {
-    const baseRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const subscribableOptions = useMemo(() => (["value"]), []);
-    const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
-    const defaults = useMemo(() => ({
-        defaultValue: "value",
-    }), []);
-    const expectedChildren = useMemo(() => ({
-        label: { optionName: "label", isCollectionItem: false },
-        tooltip: { optionName: "tooltip", isCollectionItem: false }
-    }), []);
-    return (React.createElement((BaseComponent), {
-        WidgetClass: dxSlider,
-        ref: baseRef,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        ...props,
-    }));
-}));
-const _componentFormat = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "format",
-        },
-    });
-};
-const Format = Object.assign(_componentFormat, {
-    componentType: "option",
-});
-const _componentLabel = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Label = Object.assign(_componentLabel, {
-    componentType: "option",
-});
-const _componentTooltip = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tooltip",
-            ExpectedChildren: {
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Tooltip = Object.assign(_componentTooltip, {
-    componentType: "option",
-});
-export default Slider;
-export { Slider, Format, Label, Tooltip };
+"use client";
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
+import dxSlider from "devextreme/ui/slider";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+const Slider = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const subscribableOptions = useMemo(() => (["value"]), []);
+    const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
+    const defaults = useMemo(() => ({
+        defaultValue: "value",
+    }), []);
+    const expectedChildren = useMemo(() => ({
+        label: { optionName: "label", isCollectionItem: false },
+        tooltip: { optionName: "tooltip", isCollectionItem: false }
+    }), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxSlider,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
+}));
+const _componentFormat = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "format",
+        },
+    });
+};
+const Format = Object.assign(_componentFormat, {
+    componentType: "option",
+});
+const _componentLabel = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Label = Object.assign(_componentLabel, {
+    componentType: "option",
+});
+const _componentTooltip = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tooltip",
+            ExpectedChildren: {
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Tooltip = Object.assign(_componentTooltip, {
+    componentType: "option",
+});
+export default Slider;
+export { Slider, Format, Label, Tooltip };

package/esm/sortable.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.7
- * Build date: Mon Nov 10 2025
+ * Version: 25.2.2-beta
+ * Build date: Thu Nov 20 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,49 +11,49 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use client";
-import * as React from "react";
-import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
-import dxSortable from "devextreme/ui/sortable";
-import { Component as BaseComponent } from "./core/component";
-import NestedOption from "./core/nested-option";
-const Sortable = memo(forwardRef((props, ref) => {
-    const baseRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const independentEvents = useMemo(() => (["onAdd", "onDisposing", "onDragChange", "onDragEnd", "onDragMove", "onDragStart", "onInitialized", "onRemove", "onReorder"]), []);
-    const expectedChildren = useMemo(() => ({
-        cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
-    }), []);
-    const templateProps = useMemo(() => ([
-        {
-            tmplOption: "dragTemplate",
-            render: "dragRender",
-            component: "dragComponent"
-        },
-    ]), []);
-    return (React.createElement((BaseComponent), {
-        WidgetClass: dxSortable,
-        ref: baseRef,
-        independentEvents,
-        expectedChildren,
-        templateProps,
-        ...props,
-    }));
-}));
-const _componentCursorOffset = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "cursorOffset",
-        },
-    });
-};
-const CursorOffset = Object.assign(_componentCursorOffset, {
-    componentType: "option",
-});
-export default Sortable;
-export { Sortable, CursorOffset };
+"use client";
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
+import dxSortable from "devextreme/ui/sortable";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+const Sortable = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const independentEvents = useMemo(() => (["onAdd", "onDisposing", "onDragChange", "onDragEnd", "onDragMove", "onDragStart", "onInitialized", "onRemove", "onReorder"]), []);
+    const expectedChildren = useMemo(() => ({
+        cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
+    }), []);
+    const templateProps = useMemo(() => ([
+        {
+            tmplOption: "dragTemplate",
+            render: "dragRender",
+            component: "dragComponent"
+        },
+    ]), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxSortable,
+        ref: baseRef,
+        independentEvents,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
+}));
+const _componentCursorOffset = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "cursorOffset",
+        },
+    });
+};
+const CursorOffset = Object.assign(_componentCursorOffset, {
+    componentType: "option",
+});
+export default Sortable;
+export { Sortable, CursorOffset };

package/esm/sparkline.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.7
- * Build date: Mon Nov 10 2025
+ * Version: 25.2.2-beta
+ * Build date: Thu Nov 20 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,120 +11,120 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use client";
-import * as React from "react";
-import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
-import dxSparkline from "devextreme/viz/sparkline";
-import { Component as BaseComponent } from "./core/component";
-import NestedOption from "./core/nested-option";
-const Sparkline = memo(forwardRef((props, ref) => {
-    const baseRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
-    const expectedChildren = useMemo(() => ({
-        margin: { optionName: "margin", isCollectionItem: false },
-        size: { optionName: "size", isCollectionItem: false },
-        tooltip: { optionName: "tooltip", isCollectionItem: false }
-    }), []);
-    return (React.createElement((BaseComponent), {
-        WidgetClass: dxSparkline,
-        ref: baseRef,
-        independentEvents,
-        expectedChildren,
-        ...props,
-    }));
-}));
-const _componentBorder = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const Border = Object.assign(_componentBorder, {
-    componentType: "option",
-});
-const _componentFont = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "font",
-        },
-    });
-};
-const Font = Object.assign(_componentFont, {
-    componentType: "option",
-});
-const _componentFormat = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "format",
-        },
-    });
-};
-const Format = Object.assign(_componentFormat, {
-    componentType: "option",
-});
-const _componentMargin = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "margin",
-        },
-    });
-};
-const Margin = Object.assign(_componentMargin, {
-    componentType: "option",
-});
-const _componentShadow = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "shadow",
-        },
-    });
-};
-const Shadow = Object.assign(_componentShadow, {
-    componentType: "option",
-});
-const _componentSize = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "size",
-        },
-    });
-};
-const Size = Object.assign(_componentSize, {
-    componentType: "option",
-});
-const _componentTooltip = (props) => {
-    return React.createElement((NestedOption), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tooltip",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                shadow: { optionName: "shadow", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "contentTemplate",
-                    render: "contentRender",
-                    component: "contentComponent"
-                }],
-        },
-    });
-};
-const Tooltip = Object.assign(_componentTooltip, {
-    componentType: "option",
-});
-export default Sparkline;
-export { Sparkline, Border, Font, Format, Margin, Shadow, Size, Tooltip };
+"use client";
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
+import dxSparkline from "devextreme/viz/sparkline";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+const Sparkline = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
+    const expectedChildren = useMemo(() => ({
+        margin: { optionName: "margin", isCollectionItem: false },
+        size: { optionName: "size", isCollectionItem: false },
+        tooltip: { optionName: "tooltip", isCollectionItem: false }
+    }), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxSparkline,
+        ref: baseRef,
+        independentEvents,
+        expectedChildren,
+        ...props,
+    }));
+}));
+const _componentBorder = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const Border = Object.assign(_componentBorder, {
+    componentType: "option",
+});
+const _componentFont = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "font",
+        },
+    });
+};
+const Font = Object.assign(_componentFont, {
+    componentType: "option",
+});
+const _componentFormat = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "format",
+        },
+    });
+};
+const Format = Object.assign(_componentFormat, {
+    componentType: "option",
+});
+const _componentMargin = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "margin",
+        },
+    });
+};
+const Margin = Object.assign(_componentMargin, {
+    componentType: "option",
+});
+const _componentShadow = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "shadow",
+        },
+    });
+};
+const Shadow = Object.assign(_componentShadow, {
+    componentType: "option",
+});
+const _componentSize = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "size",
+        },
+    });
+};
+const Size = Object.assign(_componentSize, {
+    componentType: "option",
+});
+const _componentTooltip = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tooltip",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                shadow: { optionName: "shadow", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "contentTemplate",
+                    render: "contentRender",
+                    component: "contentComponent"
+                }],
+        },
+    });
+};
+const Tooltip = Object.assign(_componentTooltip, {
+    componentType: "option",
+});
+export default Sparkline;
+export { Sparkline, Border, Font, Format, Margin, Shadow, Size, Tooltip };

package/esm/speech-to-text.js

@@ -0,0 +1,63 @@
+/*!
+ * devextreme-react
+ * Version: 25.2.2-beta
+ * Build date: Thu Nov 20 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
+ */
+
+"use client";
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
+import dxSpeechToText from "devextreme/ui/speech_to_text";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+const SpeechToText = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onEnd", "onError", "onInitialized", "onResult", "onStartClick", "onStopClick"]), []);
+    const expectedChildren = useMemo(() => ({
+        customSpeechRecognizer: { optionName: "customSpeechRecognizer", isCollectionItem: false },
+        speechRecognitionConfig: { optionName: "speechRecognitionConfig", isCollectionItem: false }
+    }), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxSpeechToText,
+        ref: baseRef,
+        independentEvents,
+        expectedChildren,
+        ...props,
+    }));
+}));
+const _componentCustomSpeechRecognizer = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "customSpeechRecognizer",
+        },
+    });
+};
+const CustomSpeechRecognizer = Object.assign(_componentCustomSpeechRecognizer, {
+    componentType: "option",
+});
+const _componentSpeechRecognitionConfig = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "speechRecognitionConfig",
+        },
+    });
+};
+const SpeechRecognitionConfig = Object.assign(_componentSpeechRecognitionConfig, {
+    componentType: "option",
+});
+export default SpeechToText;
+export { SpeechToText, CustomSpeechRecognizer, SpeechRecognitionConfig };

package/esm/speed-dial-action.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.7
- * Build date: Mon Nov 10 2025
+ * Version: 25.2.2-beta
+ * Build date: Thu Nov 20 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,25 +11,25 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use client";
-import * as React from "react";
-import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
-import dxSpeedDialAction from "devextreme/ui/speed_dial_action";
-import { Component as BaseComponent } from "./core/component";
-const SpeedDialAction = memo(forwardRef((props, ref) => {
-    const baseRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const independentEvents = useMemo(() => (["onClick", "onContentReady", "onDisposing", "onInitialized"]), []);
-    return (React.createElement((BaseComponent), {
-        WidgetClass: dxSpeedDialAction,
-        ref: baseRef,
-        independentEvents,
-        ...props,
-    }));
-}));
-export default SpeedDialAction;
-export { SpeedDialAction };
+"use client";
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
+import dxSpeedDialAction from "devextreme/ui/speed_dial_action";
+import { Component as BaseComponent } from "./core/component";
+const SpeedDialAction = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const independentEvents = useMemo(() => (["onClick", "onContentReady", "onDisposing", "onInitialized"]), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxSpeedDialAction,
+        ref: baseRef,
+        independentEvents,
+        ...props,
+    }));
+}));
+export default SpeedDialAction;
+export { SpeedDialAction };