devextreme-react 25.1.7 → 25.2.2-beta

package/cjs/core/template.d.ts

@@ -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,22 +11,22 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import * as React from 'react';
-interface ITemplateMeta {
-    tmplOption: string;
-    component: string;
-    render: string;
-}
-interface ITemplateProps {
-    name: string;
-    component?: any;
-    render?: any;
-    children?: any;
-}
-interface ITemplateArgs {
-    data: any;
-    index?: number;
-}
-declare const Template: React.FC<ITemplateProps>;
-declare function findProps(child: React.ReactElement): ITemplateProps | undefined;
-export { ITemplateMeta, ITemplateProps, ITemplateArgs, Template, findProps, };
+import * as React from 'react';
+interface ITemplateMeta {
+    tmplOption: string;
+    component: string;
+    render: string;
+}
+interface ITemplateProps {
+    name: string;
+    component?: any;
+    render?: any;
+    children?: any;
+}
+interface ITemplateArgs {
+    data: any;
+    index?: number;
+}
+declare const Template: React.FC<ITemplateProps>;
+declare function findProps(child: React.ReactElement): ITemplateProps | undefined;
+export { ITemplateMeta, ITemplateProps, ITemplateArgs, Template, findProps, };

package/cjs/core/template.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,34 +11,34 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findProps = exports.Template = void 0;
-const react_1 = require("react");
-const contexts_1 = require("./contexts");
-const templates_1 = require("./configuration/react/templates");
-const Template = (0, react_1.memo)((props) => {
-    const { onNamedTemplateReady, treeUpdateToken, } = (0, react_1.useContext)(contexts_1.NestedOptionContext);
-    const { isTemplateRendering } = (0, react_1.useContext)(contexts_1.TemplateRenderingContext);
-    const template = (0, templates_1.getNamedTemplate)(props);
-    (0, react_1.useLayoutEffect)(() => {
-        if (!isTemplateRendering) {
-            onNamedTemplateReady(template, treeUpdateToken);
-        }
-    }, [treeUpdateToken]);
-    return null;
-});
-exports.Template = Template;
-function findProps(child) {
-    if (child.type !== Template) {
-        return undefined;
-    }
-    return {
-        name: child.props.name,
-        render: child.props.render,
-        component: child.props.component,
-        children: child.props.children,
-    };
-}
-exports.findProps = findProps;
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findProps = exports.Template = void 0;
+const react_1 = require("react");
+const contexts_1 = require("./contexts");
+const templates_1 = require("./configuration/react/templates");
+const Template = (0, react_1.memo)((props) => {
+    const { onNamedTemplateReady, treeUpdateToken, } = (0, react_1.useContext)(contexts_1.NestedOptionContext);
+    const { isTemplateRendering } = (0, react_1.useContext)(contexts_1.TemplateRenderingContext);
+    const template = (0, templates_1.getNamedTemplate)(props);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!isTemplateRendering) {
+            onNamedTemplateReady(template, treeUpdateToken);
+        }
+    }, [treeUpdateToken]);
+    return null;
+});
+exports.Template = Template;
+function findProps(child) {
+    if (child.type !== Template) {
+        return undefined;
+    }
+    return {
+        name: child.props.name,
+        render: child.props.render,
+        component: child.props.component,
+        children: child.props.children,
+    };
+}
+exports.findProps = findProps;

package/cjs/core/types.d.ts

@@ -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,65 +11,81 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import { ReactNode } from 'react';
-import { ITemplate } from './configuration/config-node';
-interface DXTemplate {
-    render: RenderFunc;
-}
-export interface NestedComponentMeta {
-    componentType: 'option' | 'extension';
-}
-type RenderFunc = (arg: RenderArgs) => HTMLElement;
-interface TemplateArgs {
-    data: any;
-    index?: number;
-    onRendered: () => void;
-}
-export interface RenderArgs {
-    model?: any;
-    container: any;
-    index?: any;
-    onRendered?: () => void;
-}
-export type DXTemplateCollection = Record<string, DXTemplate>;
-export interface GuardObject {
-    handler: () => void;
-    latestValue: unknown;
-}
-export interface TemplateWrapperProps {
-    templateFactory: TemplateFunc;
-    data: any;
-    index: number;
-    container: HTMLElement;
-    componentKey: string;
-    onRendered: () => void;
-    onRemoved: (componentKey: string) => void;
-}
-export type TemplateFunc = (arg: TemplateArgs) => JSX.Element | ReactNode;
-export type UpdateTemplateFunc = (onUpdated: () => void) => void;
-export interface InitArgument {
-    createDXTemplates: DXTemplateCreator;
-    clearInstantiationModels: () => void;
-    updateTemplates: UpdateTemplateFunc;
-}
-export interface TemplateManagerUpdateContext {
-    onUpdated: () => void;
-}
-export type DXTemplateCreator = (templateOptions: Record<string, ITemplate>) => DXTemplateCollection;
-export interface TemplateManagerProps {
-    init: (args: InitArgument) => void;
-    onTemplatesRendered: () => void;
-}
-export interface TemplateInstantiationModel {
-    templateKey: string;
-    componentKey: string;
-    index: any;
-    onRendered: () => void;
-    onRemoved: (componentKey: string) => void;
-    onContainerRemoved: () => void;
-}
-export type GetRenderFuncFn = (templateKey: string) => RenderFunc;
-export interface DXRemoveCustomArgs {
-    isUnmounting: boolean;
-}
-export {};
+import { ReactNode } from 'react';
+export interface ITemplate {
+    optionName: string;
+    isAnonymous: boolean;
+    type: 'component' | 'render' | 'children';
+    content: any;
+}
+export interface IConfigNode {
+    parentNode?: IConfigNode | undefined;
+    index?: number | undefined;
+    templates: ITemplate[];
+    readonly name: string;
+    readonly predefinedOptions: Record<string, any>;
+    readonly initialOptions: Record<string, any>;
+    readonly options: Record<string, any>;
+    readonly configs: Record<string, IConfigNode>;
+    readonly configCollections: Record<string, IConfigNode[]>;
+}
+interface DXTemplate {
+    render: RenderFunc;
+}
+export interface NestedComponentMeta {
+    componentType: 'option' | 'extension';
+}
+type RenderFunc = (arg: RenderArgs) => HTMLElement;
+interface TemplateArgs {
+    data: any;
+    index?: number;
+    onRendered: () => void;
+}
+export interface RenderArgs {
+    model?: any;
+    container: any;
+    index?: any;
+    onRendered?: () => void;
+}
+export type DXTemplateCollection = Record<string, DXTemplate>;
+export interface GuardObject {
+    handler: () => void;
+    latestValue: unknown;
+}
+export interface TemplateWrapperProps {
+    templateFactory: TemplateFunc;
+    data: any;
+    index: number;
+    container: HTMLElement;
+    componentKey: string;
+    onRendered: () => void;
+    onRemoved: (componentKey: string) => void;
+}
+export type TemplateFunc = (arg: TemplateArgs) => JSX.Element | ReactNode;
+export type UpdateTemplateFunc = (onUpdated: () => void) => void;
+export interface InitArgument {
+    createDXTemplates: DXTemplateCreator;
+    clearInstantiationModels: () => void;
+    updateTemplates: UpdateTemplateFunc;
+}
+export interface TemplateManagerUpdateContext {
+    onUpdated: () => void;
+}
+export type DXTemplateCreator = (templateOptions: Record<string, ITemplate>) => DXTemplateCollection;
+export interface TemplateManagerProps {
+    init: (args: InitArgument) => void;
+    onTemplatesRendered: () => void;
+}
+export interface TemplateInstantiationModel {
+    templateKey: string;
+    componentKey: string;
+    index: any;
+    onRendered: () => void;
+    onRemoved: (componentKey: string) => void;
+    onContainerRemoved: () => void;
+}
+export type GetRenderFuncFn = (templateKey: string) => RenderFunc;
+export interface DXRemoveCustomArgs {
+    isUnmounting: boolean;
+}
+export {};

package/cjs/core/types.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,5 +11,5 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -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,10 +11,10 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import { IOptionElement } from './configuration/react/element';
-import { IConfigNode } from './configuration/config-node';
-import { NestedOptionContextContent } from './contexts';
-export declare function useOptionScanning(optionElement: IOptionElement, getHasTemplate: () => boolean, parentUpdateToken: symbol, parentType: 'option' | 'component'): [
-    IConfigNode,
-    NestedOptionContextContent
-];
+import { IOptionElement } from './configuration/react/element';
+import { NestedOptionContextContent } from './contexts';
+import { IConfigNode } from './types';
+export declare function useOptionScanning(optionElement: IOptionElement, getHasTemplate: () => boolean, parentUpdateToken: symbol, parentType: 'option' | 'component'): [
+    IConfigNode,
+    NestedOptionContextContent
+];

package/cjs/core/use-option-scanning.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,51 +11,51 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOptionScanning = void 0;
-const react_1 = require("react");
-const utils_1 = require("./configuration/utils");
-const config_node_1 = require("./configuration/config-node");
-const contexts_1 = require("./contexts");
-function useOptionScanning(optionElement, getHasTemplate, parentUpdateToken, parentType) {
-    const parentContext = (0, react_1.useContext)(contexts_1.NestedOptionContext);
-    const { parentFullName, } = parentContext;
-    const updateToken = Symbol('update token');
-    const configBuilder = (0, config_node_1.createConfigBuilder)(optionElement, parentFullName);
-    const childComponentCounter = (0, react_1.useRef)(0);
-    const context = {
-        parentExpectedChildren: optionElement.descriptor.expectedChildren,
-        parentFullName: (0, utils_1.mergeNameParts)(parentFullName, optionElement.descriptor.name),
-        parentType,
-        treeUpdateToken: updateToken,
-        getOptionComponentKey: () => {
-            childComponentCounter.current += 1;
-            return childComponentCounter.current;
-        },
-        onNamedTemplateReady: (template, childUpdateToken) => {
-            if (childUpdateToken !== updateToken) {
-                return;
-            }
-            if (template) {
-                configBuilder.addTemplate(template);
-            }
-        },
-        onChildOptionsReady: (childConfigNode, childDescriptor, childUpdateToken, childComponentKey) => {
-            if (childUpdateToken !== updateToken) {
-                return;
-            }
-            const { isCollection, name } = childDescriptor;
-            if (isCollection) {
-                configBuilder.addCollectionNode(name, childConfigNode, childComponentKey);
-                return;
-            }
-            configBuilder.addChildNode(name, childConfigNode);
-        },
-    };
-    (0, react_1.useLayoutEffect)(() => {
-        configBuilder.updateAnonymousTemplates(getHasTemplate());
-    }, [parentUpdateToken]);
-    return [configBuilder.node, context];
-}
-exports.useOptionScanning = useOptionScanning;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOptionScanning = void 0;
+const react_1 = require("react");
+const utils_1 = require("./configuration/utils");
+const config_node_1 = require("./configuration/config-node");
+const contexts_1 = require("./contexts");
+function useOptionScanning(optionElement, getHasTemplate, parentUpdateToken, parentType) {
+    const parentContext = (0, react_1.useContext)(contexts_1.NestedOptionContext);
+    const { parentFullName, } = parentContext;
+    const updateToken = Symbol('update token');
+    const configBuilder = (0, config_node_1.createConfigBuilder)(optionElement, parentFullName);
+    const childComponentCounter = (0, react_1.useRef)(0);
+    const context = {
+        parentExpectedChildren: optionElement.descriptor.expectedChildren,
+        parentFullName: (0, utils_1.mergeNameParts)(parentFullName, optionElement.descriptor.name),
+        parentType,
+        treeUpdateToken: updateToken,
+        getOptionComponentKey: () => {
+            childComponentCounter.current += 1;
+            return childComponentCounter.current;
+        },
+        onNamedTemplateReady: (template, childUpdateToken) => {
+            if (childUpdateToken !== updateToken) {
+                return;
+            }
+            if (template) {
+                configBuilder.addTemplate(template);
+            }
+        },
+        onChildOptionsReady: (childConfigNode, childDescriptor, childUpdateToken, childComponentKey) => {
+            if (childUpdateToken !== updateToken) {
+                return;
+            }
+            const { isCollection, name } = childDescriptor;
+            if (isCollection) {
+                configBuilder.addCollectionNode(name, childConfigNode, childComponentKey);
+                return;
+            }
+            configBuilder.addChildNode(name, childConfigNode);
+        },
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        configBuilder.updateAnonymousTemplates(getHasTemplate());
+    }, [parentUpdateToken]);
+    return [configBuilder.node, context];
+}
+exports.useOptionScanning = useOptionScanning;

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

@@ -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,12 +11,12 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import { ITemplateMeta } from './template';
-declare const elementPropNames: string[];
-declare function separateProps(props: Record<string, any>, defaultsProps: Record<string, string>, templateProps: ITemplateMeta[]): {
-    options: Record<string, any>;
-    defaults: Record<string, any>;
-    templates: Record<string, any>;
-};
-declare function getClassName(props: Record<string, any>): string | undefined;
-export { elementPropNames, getClassName, separateProps, };
+import { ITemplateMeta } from './template';
+declare const elementPropNames: string[];
+declare function separateProps(props: Record<string, any>, defaultsProps: Record<string, string>, templateProps: ITemplateMeta[]): {
+    options: Record<string, any>;
+    defaults: Record<string, any>;
+    templates: Record<string, any>;
+};
+declare function getClassName(props: Record<string, any>): string | undefined;
+export { elementPropNames, getClassName, separateProps, };

package/cjs/core/widget-config.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,77 +11,79 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.separateProps = exports.getClassName = exports.elementPropNames = void 0;
-const elementPropNames = ['style', 'id'];
-exports.elementPropNames = elementPropNames;
-const classNamePropName = 'className';
-const refPropName = ['dropZone', 'dialogTrigger'];
-const internalProps = {
-    WidgetClass: {},
-    isPortalComponent: false,
-    defaults: {},
-    templateProps: [],
-    expectedChildren: {},
-    subscribableOptions: [],
-    independentEvents: [],
-    useRequestAnimationFrameFlag: false,
-    clearExtensions: () => undefined,
-    renderChildren: () => undefined,
-    beforeCreateWidget: () => undefined,
-    afterCreateWidget: () => undefined,
-    children: null,
-};
-function isIgnoredProp(name) {
-    return name === 'children'
-        || name === classNamePropName
-        || elementPropNames.includes(name)
-        || Object.prototype.hasOwnProperty.call(internalProps, name);
-}
-function getRefElement(value) {
-    if (value?.current) {
-        if (value.current.instance?.().element()) {
-            return value.current.instance().element();
-        }
-        return value.current;
-    }
-    return value;
-}
-function separateProps(props, defaultsProps, templateProps) {
-    templateProps = templateProps || [];
-    const defaults = {};
-    const options = {};
-    const templates = {};
-    const knownTemplates = {};
-    templateProps.forEach((value) => {
-        knownTemplates[value.component] = true;
-        knownTemplates[value.render] = true;
-    });
-    Object.keys(props).forEach((key) => {
-        const defaultOptionName = defaultsProps ? defaultsProps[key] : null;
-        const value = props[key];
-        if (isIgnoredProp(key)) {
-            return;
-        }
-        if (defaultOptionName) {
-            defaults[defaultOptionName] = value;
-            return;
-        }
-        if (knownTemplates[key]) {
-            templates[key] = value;
-            return;
-        }
-        if (refPropName.includes(key)) {
-            options[key] = getRefElement(value);
-            return;
-        }
-        options[key] = props[key];
-    });
-    return { options, defaults, templates };
-}
-exports.separateProps = separateProps;
-function getClassName(props) {
-    return props[classNamePropName];
-}
-exports.getClassName = getClassName;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.separateProps = exports.getClassName = exports.elementPropNames = void 0;
+const elementPropNames = ['style', 'id'];
+exports.elementPropNames = elementPropNames;
+const classNamePropName = 'className';
+const refPropName = ['dropZone', 'dialogTrigger'];
+const internalProps = {
+    WidgetClass: {},
+    isPortalComponent: false,
+    defaults: {},
+    templateProps: [],
+    expectedChildren: {},
+    // eslint-disable-next-line spellcheck/spell-checker
+    subscribableOptions: [],
+    independentEvents: [],
+    useRequestAnimationFrameFlag: false,
+    clearExtensions: () => undefined,
+    renderChildren: () => undefined,
+    beforeCreateWidget: () => undefined,
+    afterCreateWidget: () => undefined,
+    children: null,
+};
+function isIgnoredProp(name) {
+    return name === 'children'
+        || name === classNamePropName
+        || elementPropNames.includes(name)
+        || Object.prototype.hasOwnProperty.call(internalProps, name);
+}
+function getRefElement(value) {
+    if (value?.current) {
+        if (value.current.instance?.().element()) {
+            return value.current.instance().element();
+        }
+        return value.current;
+    }
+    return value;
+}
+function separateProps(props, defaultsProps, templateProps) {
+    // eslint-disable-next-line no-param-reassign
+    templateProps = templateProps || [];
+    const defaults = {};
+    const options = {};
+    const templates = {};
+    const knownTemplates = {};
+    templateProps.forEach((value) => {
+        knownTemplates[value.component] = true;
+        knownTemplates[value.render] = true;
+    });
+    Object.keys(props).forEach((key) => {
+        const defaultOptionName = defaultsProps ? defaultsProps[key] : null;
+        const value = props[key];
+        if (isIgnoredProp(key)) {
+            return;
+        }
+        if (defaultOptionName) {
+            defaults[defaultOptionName] = value;
+            return;
+        }
+        if (knownTemplates[key]) {
+            templates[key] = value;
+            return;
+        }
+        if (refPropName.includes(key)) {
+            options[key] = getRefElement(value);
+            return;
+        }
+        options[key] = props[key];
+    });
+    return { options, defaults, templates };
+}
+exports.separateProps = separateProps;
+function getClassName(props) {
+    return props[classNamePropName];
+}
+exports.getClassName = getClassName;