devextreme-react 23.2.1-alpha-23255-1813 → 23.2.3

package/cjs/chart.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/check-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/check-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/circular-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,9 +16,8 @@ import dxCircularGauge, { Properties } from "devextreme/viz/circular_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
 import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, TooltipHiddenEvent, TooltipShownEvent } from "devextreme/viz/circular_gauge";
-import type { ChartsColor } from "devextreme/common/charts";
+import type { Font as ChartsFont, ChartsColor } from "devextreme/common/charts";
 import type { template } from "devextreme/core/templates/template";
-import type * as BaseWidgetTypes from "devextreme/viz/core/base_widget";
 import type * as LocalizationTypes from "devextreme/localization";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
@@ -168,8 +167,8 @@ declare class Font extends NestedOption<IFontProps> {
 }
 declare type IFormatProps = React.PropsWithChildren<{
     currency?: string;
-    formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number | any);
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
     precision?: number;
     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;
@@ -189,7 +188,7 @@ declare type ILabelProps = React.PropsWithChildren<{
         value: number;
         valueText: string;
     }) => string);
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     hideFirstOrLast?: "first" | "last";
     indentFromTick?: number;
@@ -212,7 +211,7 @@ declare class Label extends NestedOption<ILabelProps> {
 }
 declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: string;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     show?: boolean;
     text?: string;
     defaultShow?: boolean;
@@ -300,7 +299,7 @@ declare type IScaleProps = React.PropsWithChildren<{
             value: number;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         hideFirstOrLast?: "first" | "last";
         indentFromTick?: number;
@@ -363,7 +362,7 @@ declare class Size extends NestedOption<ISizeProps> {
     static OptionName: string;
 }
 declare type ISubtitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -399,7 +398,7 @@ declare type ISubvalueIndicatorProps = React.PropsWithChildren<{
             value: number;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         indent?: number;
     };
@@ -425,7 +424,7 @@ declare type ITextProps = React.PropsWithChildren<{
         value: number;
         valueText: string;
     }) => string);
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     indent?: number;
 }>;
@@ -453,7 +452,7 @@ declare class Tick extends NestedOption<ITickProps> {
     static OptionName: string;
 }
 declare type ITitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: number | Record<string, any> | {
         bottom?: number;
@@ -463,7 +462,7 @@ declare type ITitleProps = React.PropsWithChildren<{
     };
     placeholderSize?: number;
     subtitle?: Record<string, any> | string | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         offset?: number;
         text?: string;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -512,7 +511,7 @@ declare type ITooltipProps = React.PropsWithChildren<{
         valueText: string;
     }) => Record<string, any>);
     enabled?: boolean;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     interactive?: boolean;
     opacity?: number;
@@ -578,7 +577,7 @@ declare type IValueIndicatorProps = React.PropsWithChildren<{
             value: number;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         indent?: number;
     };

package/cjs/circular-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/color-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/color-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -129,7 +130,8 @@ ColorBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     name: PropTypes.string,

package/cjs/common/charts.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,4 +11,4 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-export { AnimationEaseMode, AnnotationType, ArgumentAxisHoverMode, AxisScaleType, ChartsAxisLabelOverlap, ChartsColor, ChartsDataType, ChartsLabelOverlap, DashStyle, DiscreteAxisDivisionMode, GradientColor, HatchDirection, LabelOverlap, LabelPosition, LegendHoverMode, LegendMarkerState, Palette, PaletteColorSet, PaletteExtensionMode, PointInteractionMode, PointSymbol, registerGradient, registerPattern, RelativePosition, ScaleBreak, ScaleBreakLineStyle, SeriesHoverMode, SeriesSelectionMode, SeriesType, ShiftLabelOverlap, TextOverflow, Theme, TimeInterval, TimeIntervalConfig, ValueErrorBarDisplayMode, ValueErrorBarType, VisualRange, VisualRangeUpdateMode, WordWrap, ZoomPanAction, } from "devextreme/common/charts";
+export { AnimationEaseMode, AnnotationType, ArgumentAxisHoverMode, AxisScaleType, ChartsAxisLabelOverlap, ChartsColor, ChartsDataType, ChartsLabelOverlap, DashStyle, DiscreteAxisDivisionMode, Font, GradientColor, HatchDirection, LabelOverlap, LabelPosition, LegendHoverMode, LegendMarkerState, Palette, PaletteColorSet, PaletteExtensionMode, PointInteractionMode, PointSymbol, registerGradient, registerPattern, RelativePosition, ScaleBreak, ScaleBreakLineStyle, SeriesHoverMode, SeriesLabel, SeriesPoint, SeriesSelectionMode, SeriesType, ShiftLabelOverlap, TextOverflow, Theme, TimeInterval, TimeIntervalConfig, ValueErrorBarDisplayMode, ValueErrorBarType, VisualRange, VisualRangeUpdateMode, WordWrap, ZoomPanAction, } from "devextreme/common/charts";

package/cjs/common/charts.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/data/custom-store.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/data/custom-store.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/grids.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/grids.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/index.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/common/index.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/context-menu.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/context-menu.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/core/component-base.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,6 +14,8 @@
 import * as React from 'react';
 import { ITemplateMeta } from './template';
 import { IExpectedChild } from './configuration/react/element';
+import { UpdateLocker } from './types';
+import { RemovalLockerContext } from './helpers';
 declare const DX_REMOVE_EVENT = "dxremove";
 interface IHtmlOptions {
     id?: string;
@@ -22,6 +24,8 @@ interface IHtmlOptions {
 }
 declare abstract class ComponentBase<P extends IHtmlOptions> extends React.PureComponent<P> {
     static displayContentsStyle(): React.CSSProperties;
+    static contextType: React.Context<UpdateLocker>;
+    context: React.ContextType<typeof RemovalLockerContext> | undefined;
     protected _WidgetClass: any;
     protected _instance: any;
     protected _element: HTMLDivElement;
@@ -32,23 +36,27 @@ declare abstract class ComponentBase<P extends IHtmlOptions> extends React.PureC
     protected readonly _expectedChildren: Record<string, IExpectedChild>;
     protected readonly subscribableOptions: string[];
     protected readonly independentEvents: string[];
+    private _createDXTemplates;
+    private _clearInstantiationModels;
+    private _updateTemplates;
     private _childNodes;
-    private _templatesRendererRef;
-    private readonly _templatesStore;
-    private readonly _templatesManager;
     private readonly _optionsManager;
     protected useRequestAnimationFrameFlag: boolean;
     protected useDeferUpdateForTemplates: boolean;
+    protected guardsUpdateScheduled: boolean;
     constructor(props: P);
     componentDidMount(): void;
     componentDidUpdate(prevProps: P): void;
     componentWillUnmount(): void;
     protected _createWidget(element?: Element): void;
+    private _scheduleTemplatesUpdate;
     private _getConfig;
-    private _setTemplatesRendererRef;
     private _getElementProps;
     private _setInlineStyles;
     private _updateCssClasses;
+    private _lockParentOnRemoved;
+    private _unlockParentOnRemoved;
+    private _setTemplateManagerHooks;
     protected renderChildren(): React.ReactNode;
     protected renderContent(): React.ReactNode;
     protected renderPortal(): React.ReactNode;

package/cjs/core/component-base.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -57,21 +57,40 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DX_REMOVE_EVENT = exports.ComponentBase = void 0;
 var events = __importStar(require("devextreme/events"));
 var React = __importStar(require("react"));
 var react_dom_1 = require("react-dom");
-var templates_manager_1 = __importDefault(require("./templates-manager"));
-var templates_renderer_1 = require("./templates-renderer");
-var templates_store_1 = require("./templates-store");
+var frame_1 = require("devextreme/animation/frame");
+var common_1 = require("devextreme/core/utils/common");
+var template_manager_1 = require("./template-manager");
 var options_manager_1 = require("./options-manager");
 var widget_config_1 = require("./widget-config");
 var tree_1 = require("./configuration/react/tree");
 var utils_1 = require("./configuration/utils");
+var helpers_1 = require("./helpers");
 var DX_REMOVE_EVENT = 'dxremove';
 exports.DX_REMOVE_EVENT = DX_REMOVE_EVENT;
 var ComponentBase = /** @class */ (function (_super) {
@@ -83,15 +102,10 @@ var ComponentBase = /** @class */ (function (_super) {
         _this._childNodes = [];
         _this.useRequestAnimationFrameFlag = false;
         _this.useDeferUpdateForTemplates = false;
-        _this._setTemplatesRendererRef = _this._setTemplatesRendererRef.bind(_this);
+        _this.guardsUpdateScheduled = false;
         _this._createWidget = _this._createWidget.bind(_this);
-        _this._templatesStore = new templates_store_1.TemplatesStore(function () {
-            if (_this._templatesRendererRef) {
-                _this._templatesRendererRef.scheduleUpdate(_this.useDeferUpdateForTemplates);
-            }
-        });
-        _this._templatesManager = new templates_manager_1.default(_this._templatesStore);
-        _this._optionsManager = new options_manager_1.OptionsManager(_this._templatesManager);
+        _this._setTemplateManagerHooks = _this._setTemplateManagerHooks.bind(_this);
+        _this._optionsManager = new options_manager_1.OptionsManager();
         return _this;
     }
     ComponentBase.displayContentsStyle = function () {
@@ -109,7 +123,7 @@ var ComponentBase = /** @class */ (function (_super) {
         var _b;
         var style = this.props.style;
         if ((_b = this._childNodes) === null || _b === void 0 ? void 0 : _b.length) {
-            (_a = this._element).append.apply(_a, this._childNodes);
+            (_a = this._element).append.apply(_a, __spreadArray([], __read(this._childNodes)));
         }
         else if (this._element.childNodes.length) {
             this._childNodes = Array.from(this._element.childNodes);
@@ -120,33 +134,60 @@ var ComponentBase = /** @class */ (function (_super) {
         }
     };
     ComponentBase.prototype.componentDidUpdate = function (prevProps) {
+        var _a;
         this._updateCssClasses(prevProps, this.props);
         var config = this._getConfig();
-        this._optionsManager.update(config);
-        if (this._templatesRendererRef) {
-            this._templatesRendererRef.scheduleUpdate(this.useDeferUpdateForTemplates, options_manager_1.scheduleGuards);
-        }
-        options_manager_1.unscheduleGuards();
+        var templateOptions = this._optionsManager.getTemplateOptions(config);
+        var dxTemplates = ((_a = this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(this, templateOptions)) || {};
+        this._optionsManager.update(config, dxTemplates);
+        this._scheduleTemplatesUpdate();
     };
     ComponentBase.prototype.componentWillUnmount = function () {
         var _a;
+        this._lockParentOnRemoved();
         if (this._instance) {
+            var dxRemoveArgs = { isUnmounting: true };
             (_a = this._childNodes) === null || _a === void 0 ? void 0 : _a.forEach(function (child) { var _a; return (_a = child.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(child); });
-            events.triggerHandler(this._element, DX_REMOVE_EVENT);
+            events.triggerHandler(this._element, DX_REMOVE_EVENT, dxRemoveArgs);
             this._instance.dispose();
         }
         this._optionsManager.dispose();
+        this._unlockParentOnRemoved();
     };
     ComponentBase.prototype._createWidget = function (element) {
+        var _a, _b;
         element = element || this._element;
         var config = this._getConfig();
-        this._instance = new this._WidgetClass(element, __assign({ templatesRenderAsynchronously: true }, this._optionsManager.getInitialOptions(config)));
+        var options = __assign({ templatesRenderAsynchronously: true }, this._optionsManager.getInitialOptions(config));
+        var templateOptions = this._optionsManager.getTemplateOptions(config);
+        var dxTemplates = (_a = this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(this, templateOptions);
+        if (dxTemplates && Object.keys(dxTemplates).length) {
+            options = __assign(__assign({}, options), { integrationOptions: {
+                    templates: dxTemplates,
+                } });
+        }
+        (_b = this._clearInstantiationModels) === null || _b === void 0 ? void 0 : _b.call(this);
+        this._instance = new this._WidgetClass(element, options);
         if (!this.useRequestAnimationFrameFlag) {
             this.useDeferUpdateForTemplates = this._instance.option('integrationOptions.useDeferUpdateForTemplates');
         }
         this._optionsManager.setInstance(this._instance, config, this.subscribableOptions, this.independentEvents);
         this._instance.on('optionChanged', this._optionsManager.onOptionChanged);
     };
+    ComponentBase.prototype._scheduleTemplatesUpdate = function () {
+        var _this = this;
+        if (this.guardsUpdateScheduled) {
+            return;
+        }
+        this.guardsUpdateScheduled = true;
+        var updateFunc = this.useDeferUpdateForTemplates ? common_1.deferUpdate : frame_1.requestAnimationFrame;
+        updateFunc(function () {
+            var _a;
+            _this.guardsUpdateScheduled = false;
+            (_a = _this._updateTemplates) === null || _a === void 0 ? void 0 : _a.call(_this, function () { return options_manager_1.scheduleGuards(); });
+        });
+        options_manager_1.unscheduleGuards();
+    };
     ComponentBase.prototype._getConfig = function () {
         return tree_1.buildConfigTree({
             templates: this._templateProps,
@@ -155,9 +196,6 @@ var ComponentBase = /** @class */ (function (_super) {
             expectedChildren: this._expectedChildren,
         }, this.props);
     };
-    ComponentBase.prototype._setTemplatesRendererRef = function (instance) {
-        this._templatesRendererRef = instance;
-    };
     ComponentBase.prototype._getElementProps = function () {
         var _this = this;
         var elementProps = {
@@ -174,7 +212,7 @@ var ComponentBase = /** @class */ (function (_super) {
     ComponentBase.prototype._setInlineStyles = function (styles) {
         var _this = this;
         Object.entries(styles).forEach(function (_a) {
-            var name = _a[0], value = _a[1];
+            var _b = __read(_a, 2), name = _b[0], value = _b[1];
             _this._element.style[name] = value;
         });
     };
@@ -188,16 +226,30 @@ var ComponentBase = /** @class */ (function (_super) {
         if (prevClassName) {
             var classNames = prevClassName.split(' ').filter(function (c) { return c; });
             if (classNames.length) {
-                (_a = this._element.classList).remove.apply(_a, classNames);
+                (_a = this._element.classList).remove.apply(_a, __spreadArray([], __read(classNames)));
             }
         }
         if (newClassName) {
             var classNames = newClassName.split(' ').filter(function (c) { return c; });
             if (classNames.length) {
-                (_b = this._element.classList).add.apply(_b, classNames);
+                (_b = this._element.classList).add.apply(_b, __spreadArray([], __read(classNames)));
             }
         }
     };
+    ComponentBase.prototype._lockParentOnRemoved = function () {
+        var _a;
+        (_a = this.context) === null || _a === void 0 ? void 0 : _a.lock();
+    };
+    ComponentBase.prototype._unlockParentOnRemoved = function () {
+        var _a;
+        (_a = this.context) === null || _a === void 0 ? void 0 : _a.unlock();
+    };
+    ComponentBase.prototype._setTemplateManagerHooks = function (_a) {
+        var createDXTemplates = _a.createDXTemplates, clearInstantiationModels = _a.clearInstantiationModels, updateTemplates = _a.updateTemplates;
+        this._createDXTemplates = createDXTemplates;
+        this._clearInstantiationModels = clearInstantiationModels;
+        this._updateTemplates = updateTemplates;
+    };
     ComponentBase.prototype.renderChildren = function () {
         // @ts-expect-error TS2339
         var children = this.props.children;
@@ -220,15 +272,14 @@ var ComponentBase = /** @class */ (function (_super) {
             : this.renderChildren();
     };
     ComponentBase.prototype.renderPortal = function () {
-        // @ts-expect-error TS2322
         return this.portalContainer && react_dom_1.createPortal(this.renderChildren(), this.portalContainer);
     };
     ComponentBase.prototype.render = function () {
-        return React.createElement(React.Fragment, {}, React.createElement('div', this._getElementProps(), this.renderContent(), React.createElement(templates_renderer_1.TemplatesRenderer, {
-            templatesStore: this._templatesStore,
-            ref: this._setTemplatesRendererRef,
+        return React.createElement(React.Fragment, {}, React.createElement('div', this._getElementProps(), this.renderContent(), React.createElement(template_manager_1.TemplateManager, {
+            init: this._setTemplateManagerHooks,
         })), this.isPortalComponent && this.renderPortal());
     };
+    ComponentBase.contextType = helpers_1.RemovalLockerContext;
     return ComponentBase;
 }(React.PureComponent));
 exports.ComponentBase = ComponentBase;

package/cjs/core/component.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/config.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *