devextreme-react 23.2.2-beta → 23.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (307) hide show
  1. package/cjs/accordion.d.ts +2 -2
  2. package/cjs/accordion.js +2 -2
  3. package/cjs/action-sheet.d.ts +2 -2
  4. package/cjs/action-sheet.js +2 -2
  5. package/cjs/autocomplete.d.ts +2 -2
  6. package/cjs/autocomplete.js +2 -2
  7. package/cjs/bar-gauge.d.ts +6 -6
  8. package/cjs/bar-gauge.js +2 -2
  9. package/cjs/box.d.ts +2 -2
  10. package/cjs/box.js +2 -2
  11. package/cjs/bullet.d.ts +4 -4
  12. package/cjs/bullet.js +2 -2
  13. package/cjs/button-group.d.ts +2 -2
  14. package/cjs/button-group.js +2 -2
  15. package/cjs/button.d.ts +2 -2
  16. package/cjs/button.js +2 -2
  17. package/cjs/calendar.d.ts +4 -4
  18. package/cjs/calendar.js +18 -2
  19. package/cjs/chart.d.ts +75 -75
  20. package/cjs/chart.js +2 -2
  21. package/cjs/check-box.d.ts +2 -2
  22. package/cjs/check-box.js +2 -2
  23. package/cjs/circular-gauge.d.ts +4 -4
  24. package/cjs/circular-gauge.js +2 -2
  25. package/cjs/color-box.d.ts +2 -2
  26. package/cjs/color-box.js +2 -2
  27. package/cjs/common/charts.d.ts +2 -2
  28. package/cjs/common/charts.js +2 -2
  29. package/cjs/common/data/custom-store.d.ts +2 -2
  30. package/cjs/common/data/custom-store.js +2 -2
  31. package/cjs/common/grids.d.ts +2 -2
  32. package/cjs/common/grids.js +2 -2
  33. package/cjs/common/index.d.ts +2 -2
  34. package/cjs/common/index.js +2 -2
  35. package/cjs/context-menu.d.ts +2 -2
  36. package/cjs/context-menu.js +2 -2
  37. package/cjs/core/component-base.d.ts +3 -2
  38. package/cjs/core/component-base.js +11 -9
  39. package/cjs/core/component.d.ts +2 -2
  40. package/cjs/core/component.js +2 -2
  41. package/cjs/core/config.d.ts +2 -2
  42. package/cjs/core/config.js +2 -2
  43. package/cjs/core/configuration/comparer.d.ts +2 -2
  44. package/cjs/core/configuration/comparer.js +2 -2
  45. package/cjs/core/configuration/config-node.d.ts +2 -2
  46. package/cjs/core/configuration/config-node.js +2 -2
  47. package/cjs/core/configuration/react/element.d.ts +2 -2
  48. package/cjs/core/configuration/react/element.js +2 -2
  49. package/cjs/core/configuration/react/templates.d.ts +2 -2
  50. package/cjs/core/configuration/react/templates.js +2 -2
  51. package/cjs/core/configuration/react/tree.d.ts +2 -2
  52. package/cjs/core/configuration/react/tree.js +2 -2
  53. package/cjs/core/configuration/tree.d.ts +2 -2
  54. package/cjs/core/configuration/tree.js +2 -2
  55. package/cjs/core/configuration/utils.d.ts +2 -2
  56. package/cjs/core/configuration/utils.js +2 -2
  57. package/cjs/core/extension-component.d.ts +2 -2
  58. package/cjs/core/extension-component.js +2 -2
  59. package/cjs/core/helpers.d.ts +2 -2
  60. package/cjs/core/helpers.js +2 -2
  61. package/cjs/core/nested-option.d.ts +2 -2
  62. package/cjs/core/nested-option.js +2 -2
  63. package/cjs/core/options-manager.d.ts +3 -4
  64. package/cjs/core/options-manager.js +8 -10
  65. package/cjs/core/template-manager.d.ts +2 -2
  66. package/cjs/core/template-manager.js +14 -12
  67. package/cjs/core/template-wrapper.d.ts +2 -2
  68. package/cjs/core/template-wrapper.js +5 -5
  69. package/cjs/core/template.d.ts +2 -2
  70. package/cjs/core/template.js +2 -2
  71. package/cjs/core/types.d.ts +15 -5
  72. package/cjs/core/types.js +2 -2
  73. package/cjs/core/widget-config.d.ts +2 -2
  74. package/cjs/core/widget-config.js +2 -2
  75. package/cjs/data-grid.d.ts +20 -20
  76. package/cjs/data-grid.js +2 -2
  77. package/cjs/date-box.d.ts +13 -13
  78. package/cjs/date-box.js +17 -2
  79. package/cjs/date-range-box.d.ts +17 -17
  80. package/cjs/date-range-box.js +22 -2
  81. package/cjs/defer-rendering.d.ts +5 -3
  82. package/cjs/defer-rendering.js +2 -2
  83. package/cjs/diagram.d.ts +2 -2
  84. package/cjs/diagram.js +2 -2
  85. package/cjs/draggable.d.ts +2 -2
  86. package/cjs/draggable.js +2 -2
  87. package/cjs/drawer.d.ts +2 -2
  88. package/cjs/drawer.js +2 -2
  89. package/cjs/drop-down-box.d.ts +2 -2
  90. package/cjs/drop-down-box.js +2 -2
  91. package/cjs/drop-down-button.d.ts +3 -10
  92. package/cjs/drop-down-button.js +2 -2
  93. package/cjs/file-manager.d.ts +2 -2
  94. package/cjs/file-manager.js +2 -2
  95. package/cjs/file-uploader.d.ts +2 -2
  96. package/cjs/file-uploader.js +2 -2
  97. package/cjs/filter-builder.d.ts +8 -8
  98. package/cjs/filter-builder.js +2 -2
  99. package/cjs/form.d.ts +8 -8
  100. package/cjs/form.js +2 -2
  101. package/cjs/funnel.d.ts +4 -4
  102. package/cjs/funnel.js +2 -2
  103. package/cjs/gallery.d.ts +2 -2
  104. package/cjs/gallery.js +2 -2
  105. package/cjs/gantt.d.ts +6 -6
  106. package/cjs/gantt.js +4 -2
  107. package/cjs/html-editor.d.ts +2 -2
  108. package/cjs/html-editor.js +2 -2
  109. package/cjs/index.d.ts +2 -2
  110. package/cjs/index.js +2 -2
  111. package/cjs/linear-gauge.d.ts +4 -4
  112. package/cjs/linear-gauge.js +2 -2
  113. package/cjs/list.d.ts +2 -2
  114. package/cjs/list.js +2 -2
  115. package/cjs/load-indicator.d.ts +2 -2
  116. package/cjs/load-indicator.js +2 -2
  117. package/cjs/load-panel.d.ts +2 -2
  118. package/cjs/load-panel.js +2 -2
  119. package/cjs/lookup.d.ts +2 -2
  120. package/cjs/lookup.js +2 -2
  121. package/cjs/map.d.ts +2 -2
  122. package/cjs/map.js +2 -2
  123. package/cjs/menu.d.ts +2 -2
  124. package/cjs/menu.js +2 -2
  125. package/cjs/multi-view.d.ts +2 -2
  126. package/cjs/multi-view.js +2 -2
  127. package/cjs/number-box.d.ts +4 -4
  128. package/cjs/number-box.js +2 -2
  129. package/cjs/pie-chart.d.ts +8 -8
  130. package/cjs/pie-chart.js +2 -2
  131. package/cjs/pivot-grid-field-chooser.d.ts +2 -2
  132. package/cjs/pivot-grid-field-chooser.js +2 -2
  133. package/cjs/pivot-grid.d.ts +2 -2
  134. package/cjs/pivot-grid.js +2 -2
  135. package/cjs/polar-chart.d.ts +51 -50
  136. package/cjs/polar-chart.js +2 -2
  137. package/cjs/popover.d.ts +2 -2
  138. package/cjs/popover.js +2 -2
  139. package/cjs/popup.d.ts +2 -2
  140. package/cjs/popup.js +2 -2
  141. package/cjs/progress-bar.d.ts +2 -2
  142. package/cjs/progress-bar.js +2 -2
  143. package/cjs/radio-group.d.ts +2 -2
  144. package/cjs/radio-group.js +2 -2
  145. package/cjs/range-selector.d.ts +37 -37
  146. package/cjs/range-selector.js +2 -2
  147. package/cjs/range-slider.d.ts +4 -4
  148. package/cjs/range-slider.js +2 -2
  149. package/cjs/recurrence-editor.d.ts +2 -2
  150. package/cjs/recurrence-editor.js +2 -2
  151. package/cjs/resizable.d.ts +2 -2
  152. package/cjs/resizable.js +2 -2
  153. package/cjs/responsive-box.d.ts +2 -2
  154. package/cjs/responsive-box.js +2 -2
  155. package/cjs/sankey.d.ts +4 -4
  156. package/cjs/sankey.js +2 -2
  157. package/cjs/scheduler.d.ts +5 -5
  158. package/cjs/scheduler.js +17 -2
  159. package/cjs/scroll-view.d.ts +2 -2
  160. package/cjs/scroll-view.js +2 -2
  161. package/cjs/select-box.d.ts +2 -2
  162. package/cjs/select-box.js +2 -2
  163. package/cjs/slider.d.ts +4 -4
  164. package/cjs/slider.js +2 -2
  165. package/cjs/sortable.d.ts +2 -2
  166. package/cjs/sortable.js +2 -2
  167. package/cjs/sparkline.d.ts +4 -4
  168. package/cjs/sparkline.js +2 -2
  169. package/cjs/speed-dial-action.d.ts +2 -2
  170. package/cjs/speed-dial-action.js +2 -2
  171. package/cjs/switch.d.ts +2 -2
  172. package/cjs/switch.js +2 -2
  173. package/cjs/tab-panel.d.ts +2 -2
  174. package/cjs/tab-panel.js +2 -2
  175. package/cjs/tabs.d.ts +2 -2
  176. package/cjs/tabs.js +2 -2
  177. package/cjs/tag-box.d.ts +2 -2
  178. package/cjs/tag-box.js +2 -2
  179. package/cjs/text-area.d.ts +2 -2
  180. package/cjs/text-area.js +2 -2
  181. package/cjs/text-box.d.ts +2 -2
  182. package/cjs/text-box.js +2 -2
  183. package/cjs/tile-view.d.ts +2 -2
  184. package/cjs/tile-view.js +2 -2
  185. package/cjs/toast.d.ts +2 -2
  186. package/cjs/toast.js +2 -2
  187. package/cjs/toolbar.d.ts +2 -2
  188. package/cjs/toolbar.js +2 -2
  189. package/cjs/tooltip.d.ts +2 -2
  190. package/cjs/tooltip.js +2 -2
  191. package/cjs/tree-list.d.ts +14 -14
  192. package/cjs/tree-list.js +2 -2
  193. package/cjs/tree-map.d.ts +4 -4
  194. package/cjs/tree-map.js +2 -2
  195. package/cjs/tree-view.d.ts +2 -2
  196. package/cjs/tree-view.js +2 -2
  197. package/cjs/validation-group.d.ts +2 -2
  198. package/cjs/validation-group.js +2 -2
  199. package/cjs/validation-summary.d.ts +2 -2
  200. package/cjs/validation-summary.js +2 -2
  201. package/cjs/validator.d.ts +8 -8
  202. package/cjs/validator.js +2 -2
  203. package/cjs/vector-map.d.ts +2 -2
  204. package/cjs/vector-map.js +2 -2
  205. package/esm/accordion.js +2 -2
  206. package/esm/action-sheet.js +2 -2
  207. package/esm/autocomplete.js +2 -2
  208. package/esm/bar-gauge.js +2 -2
  209. package/esm/box.js +2 -2
  210. package/esm/bullet.js +2 -2
  211. package/esm/button-group.js +2 -2
  212. package/esm/button.js +2 -2
  213. package/esm/calendar.js +18 -2
  214. package/esm/chart.js +2 -2
  215. package/esm/check-box.js +2 -2
  216. package/esm/circular-gauge.js +2 -2
  217. package/esm/color-box.js +2 -2
  218. package/esm/common/charts.js +2 -2
  219. package/esm/common/data/custom-store.js +2 -2
  220. package/esm/common/grids.js +2 -2
  221. package/esm/common/index.js +2 -2
  222. package/esm/context-menu.js +2 -2
  223. package/esm/core/component-base.js +11 -9
  224. package/esm/core/component.js +2 -2
  225. package/esm/core/config.js +2 -2
  226. package/esm/core/configuration/comparer.js +2 -2
  227. package/esm/core/configuration/config-node.js +2 -2
  228. package/esm/core/configuration/react/element.js +2 -2
  229. package/esm/core/configuration/react/templates.js +2 -2
  230. package/esm/core/configuration/react/tree.js +2 -2
  231. package/esm/core/configuration/tree.js +2 -2
  232. package/esm/core/configuration/utils.js +2 -2
  233. package/esm/core/extension-component.js +2 -2
  234. package/esm/core/helpers.js +2 -2
  235. package/esm/core/nested-option.js +2 -2
  236. package/esm/core/options-manager.js +8 -10
  237. package/esm/core/template-manager.js +14 -12
  238. package/esm/core/template-wrapper.js +5 -5
  239. package/esm/core/template.js +2 -2
  240. package/esm/core/types.js +2 -2
  241. package/esm/core/widget-config.js +2 -2
  242. package/esm/data-grid.js +2 -2
  243. package/esm/date-box.js +17 -2
  244. package/esm/date-range-box.js +22 -2
  245. package/esm/defer-rendering.js +2 -2
  246. package/esm/diagram.js +2 -2
  247. package/esm/draggable.js +2 -2
  248. package/esm/drawer.js +2 -2
  249. package/esm/drop-down-box.js +2 -2
  250. package/esm/drop-down-button.js +2 -2
  251. package/esm/file-manager.js +2 -2
  252. package/esm/file-uploader.js +2 -2
  253. package/esm/filter-builder.js +2 -2
  254. package/esm/form.js +2 -2
  255. package/esm/funnel.js +2 -2
  256. package/esm/gallery.js +2 -2
  257. package/esm/gantt.js +4 -2
  258. package/esm/html-editor.js +2 -2
  259. package/esm/index.js +2 -2
  260. package/esm/linear-gauge.js +2 -2
  261. package/esm/list.js +2 -2
  262. package/esm/load-indicator.js +2 -2
  263. package/esm/load-panel.js +2 -2
  264. package/esm/lookup.js +2 -2
  265. package/esm/map.js +2 -2
  266. package/esm/menu.js +2 -2
  267. package/esm/multi-view.js +2 -2
  268. package/esm/number-box.js +2 -2
  269. package/esm/pie-chart.js +2 -2
  270. package/esm/pivot-grid-field-chooser.js +2 -2
  271. package/esm/pivot-grid.js +2 -2
  272. package/esm/polar-chart.js +2 -2
  273. package/esm/popover.js +2 -2
  274. package/esm/popup.js +2 -2
  275. package/esm/progress-bar.js +2 -2
  276. package/esm/radio-group.js +2 -2
  277. package/esm/range-selector.js +2 -2
  278. package/esm/range-slider.js +2 -2
  279. package/esm/recurrence-editor.js +2 -2
  280. package/esm/resizable.js +2 -2
  281. package/esm/responsive-box.js +2 -2
  282. package/esm/sankey.js +2 -2
  283. package/esm/scheduler.js +17 -2
  284. package/esm/scroll-view.js +2 -2
  285. package/esm/select-box.js +2 -2
  286. package/esm/slider.js +2 -2
  287. package/esm/sortable.js +2 -2
  288. package/esm/sparkline.js +2 -2
  289. package/esm/speed-dial-action.js +2 -2
  290. package/esm/switch.js +2 -2
  291. package/esm/tab-panel.js +2 -2
  292. package/esm/tabs.js +2 -2
  293. package/esm/tag-box.js +2 -2
  294. package/esm/text-area.js +2 -2
  295. package/esm/text-box.js +2 -2
  296. package/esm/tile-view.js +2 -2
  297. package/esm/toast.js +2 -2
  298. package/esm/toolbar.js +2 -2
  299. package/esm/tooltip.js +2 -2
  300. package/esm/tree-list.js +2 -2
  301. package/esm/tree-map.js +2 -2
  302. package/esm/tree-view.js +2 -2
  303. package/esm/validation-group.js +2 -2
  304. package/esm/validation-summary.js +2 -2
  305. package/esm/validator.js +2 -2
  306. package/esm/vector-map.js +2 -2
  307. package/package.json +3 -3
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -38,6 +38,7 @@ declare abstract class ComponentBase<P extends IHtmlOptions> extends React.PureC
38
38
  protected readonly independentEvents: string[];
39
39
  private _createDXTemplates;
40
40
  private _clearInstantiationModels;
41
+ private _updateTemplates;
41
42
  private _childNodes;
42
43
  private readonly _optionsManager;
43
44
  protected useRequestAnimationFrameFlag: boolean;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -134,9 +134,12 @@ var ComponentBase = /** @class */ (function (_super) {
134
134
  }
135
135
  };
136
136
  ComponentBase.prototype.componentDidUpdate = function (prevProps) {
137
+ var _a;
137
138
  this._updateCssClasses(prevProps, this.props);
138
139
  var config = this._getConfig();
139
- this._optionsManager.update(config);
140
+ var templateOptions = this._optionsManager.getTemplateOptions(config);
141
+ var dxTemplates = ((_a = this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(this, templateOptions)) || {};
142
+ this._optionsManager.update(config, dxTemplates);
140
143
  this._scheduleTemplatesUpdate();
141
144
  };
142
145
  ComponentBase.prototype.componentWillUnmount = function () {
@@ -158,7 +161,7 @@ var ComponentBase = /** @class */ (function (_super) {
158
161
  var options = __assign({ templatesRenderAsynchronously: true }, this._optionsManager.getInitialOptions(config));
159
162
  var templateOptions = this._optionsManager.getTemplateOptions(config);
160
163
  var dxTemplates = (_a = this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(this, templateOptions);
161
- if (dxTemplates) {
164
+ if (dxTemplates && Object.keys(dxTemplates).length) {
162
165
  options = __assign(__assign({}, options), { integrationOptions: {
163
166
  templates: dxTemplates,
164
167
  } });
@@ -181,10 +184,7 @@ var ComponentBase = /** @class */ (function (_super) {
181
184
  updateFunc(function () {
182
185
  var _a;
183
186
  _this.guardsUpdateScheduled = false;
184
- var config = _this._getConfig();
185
- var templateOptions = _this._optionsManager.getTemplateOptions(config);
186
- var dxTemplates = ((_a = _this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(_this, templateOptions, function () { return options_manager_1.scheduleGuards(); })) || {};
187
- _this._optionsManager.updateTemplates(dxTemplates);
187
+ (_a = _this._updateTemplates) === null || _a === void 0 ? void 0 : _a.call(_this, function () { return options_manager_1.scheduleGuards(); });
188
188
  });
189
189
  options_manager_1.unscheduleGuards();
190
190
  };
@@ -244,9 +244,11 @@ var ComponentBase = /** @class */ (function (_super) {
244
244
  var _a;
245
245
  (_a = this.context) === null || _a === void 0 ? void 0 : _a.unlock();
246
246
  };
247
- ComponentBase.prototype._setTemplateManagerHooks = function (createDXTemplates, clearInstantiationModels) {
247
+ ComponentBase.prototype._setTemplateManagerHooks = function (_a) {
248
+ var createDXTemplates = _a.createDXTemplates, clearInstantiationModels = _a.clearInstantiationModels, updateTemplates = _a.updateTemplates;
248
249
  this._createDXTemplates = createDXTemplates;
249
250
  this._clearInstantiationModels = clearInstantiationModels;
251
+ this._updateTemplates = updateTemplates;
250
252
  };
251
253
  ComponentBase.prototype.renderChildren = function () {
252
254
  // @ts-expect-error TS2339
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -26,8 +26,7 @@ declare class OptionsManager {
26
26
  setInstance(instance: unknown, config: IConfigNode, subscribableOptions: string[], independentEvents: string[]): void;
27
27
  getInitialOptions(rootNode: IConfigNode): Record<string, unknown>;
28
28
  getTemplateOptions(rootNode: IConfigNode): Record<string, ITemplate>;
29
- update(config: IConfigNode): void;
30
- updateTemplates(dxtemplates: DXTemplateCollection): void;
29
+ update(config: IConfigNode, dxtemplates: DXTemplateCollection): void;
31
30
  onOptionChanged(e: {
32
31
  name: string;
33
32
  fullName: string;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -80,7 +80,7 @@ var OptionsManager = /** @class */ (function () {
80
80
  var config = tree_1.buildConfig(rootNode, false);
81
81
  return config.templates;
82
82
  };
83
- OptionsManager.prototype.update = function (config) {
83
+ OptionsManager.prototype.update = function (config, dxtemplates) {
84
84
  var _this = this;
85
85
  var changedOptions = [];
86
86
  var optionChangedHandler = function (_a) {
@@ -97,6 +97,11 @@ var OptionsManager = /** @class */ (function () {
97
97
  changes.removedOptions.forEach(function (optionName) {
98
98
  _this.resetOption(optionName);
99
99
  });
100
+ if (Object.keys(dxtemplates).length > 0) {
101
+ this.setValue('integrationOptions', {
102
+ templates: dxtemplates,
103
+ });
104
+ }
100
105
  Object.keys(changes.options).forEach(function (key) {
101
106
  _this.setValue(key, changes.options[key]);
102
107
  });
@@ -113,13 +118,6 @@ var OptionsManager = /** @class */ (function () {
113
118
  });
114
119
  this.instance.endUpdate();
115
120
  };
116
- OptionsManager.prototype.updateTemplates = function (dxtemplates) {
117
- if (Object.keys(dxtemplates).length > 0) {
118
- this.setValue('integrationOptions', {
119
- templates: dxtemplates,
120
- });
121
- }
122
- };
123
121
  OptionsManager.prototype.onOptionChanged = function (e) {
124
122
  var _this = this;
125
123
  var _a;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -80,9 +80,9 @@ function normalizeProps(props) {
80
80
  var TemplateManager = function (_a) {
81
81
  var init = _a.init;
82
82
  var _b = __read(react_1.useState(new helpers_1.TemplateInstantiationModels()), 2), instantiationModels = _b[0], setInstantiationModels = _b[1];
83
- var _c = __read(react_1.useState({}), 2), templateFactories = _c[0], setTemplateFactories = _c[1];
84
- var _d = __read(react_1.useState(), 2), componentCallback = _d[0], setComponentCallback = _d[1];
83
+ var _c = __read(react_1.useState(), 2), updateContext = _c[0], setUpdateContext = _c[1];
85
84
  var widgetId = react_1.useRef('');
85
+ var templateFactories = react_1.useRef({});
86
86
  var subscribeOnRemoval = react_1.useCallback(function (container, onRemoved) {
87
87
  if (container.nodeType === Node.ELEMENT_NODE) {
88
88
  events.on(container, component_base_1.DX_REMOVE_EVENT, onRemoved);
@@ -141,15 +141,14 @@ var TemplateManager = function (_a) {
141
141
  default: return function () { return React.createElement(React.Fragment); };
142
142
  }
143
143
  }
144
- function getDXTemplates(templateOptions, callback) {
144
+ function createDXTemplates(templateOptions) {
145
145
  var factories = Object.entries(templateOptions)
146
146
  .reduce(function (res, _a) {
147
147
  var _b;
148
148
  var _c = __read(_a, 2), key = _c[0], template = _c[1];
149
149
  return (__assign(__assign({}, res), (_b = {}, _b[key] = getTemplateFunction(template), _b)));
150
150
  }, {});
151
- setTemplateFactories(factories);
152
- setComponentCallback(callback);
151
+ templateFactories.current = factories;
153
152
  var dxTemplates = Object.keys(factories)
154
153
  .reduce(function (templates, templateKey) {
155
154
  templates[templateKey] = { render: getRenderFunc(templateKey) };
@@ -161,20 +160,23 @@ var TemplateManager = function (_a) {
161
160
  widgetId.current = getRandomId();
162
161
  setInstantiationModels(new helpers_1.TemplateInstantiationModels());
163
162
  }
164
- init(getDXTemplates, clearInstantiationModels);
163
+ function updateTemplates(onUpdated) {
164
+ setUpdateContext({ onUpdated: onUpdated });
165
+ }
166
+ init({ createDXTemplates: createDXTemplates, clearInstantiationModels: clearInstantiationModels, updateTemplates: updateTemplates });
165
167
  }, [init, getRenderFunc]);
166
168
  react_1.useEffect(function () {
167
- if (componentCallback) {
168
- componentCallback();
169
+ if (updateContext) {
170
+ updateContext.onUpdated();
169
171
  }
170
- }, []);
172
+ }, [updateContext]);
171
173
  if (instantiationModels.empty) {
172
174
  return null;
173
175
  }
174
176
  return (React.createElement(React.Fragment, null, Array.from(instantiationModels).map(function (_a) {
175
177
  var _b = __read(_a, 2), _c = _b[0], data = _c.key1, container = _c.key2, _d = _b[1], index = _d.index, templateKey = _d.templateKey, componentKey = _d.componentKey, onRendered = _d.onRendered, onRemoved = _d.onRemoved;
176
178
  subscribeOnRemoval(container, onRemoved);
177
- return React.createElement(template_wrapper_1.TemplateWrapper, { key: componentKey, templateFactory: templateFactories[templateKey], data: data, index: index, container: container, onRemoved: onRemoved, onRendered: onRendered });
179
+ return React.createElement(template_wrapper_1.TemplateWrapper, { key: componentKey, templateFactory: templateFactories.current[templateKey], data: data, index: index, container: container, onRemoved: onRemoved, onRendered: onRendered });
178
180
  })));
179
181
  };
180
182
  exports.TemplateManager = TemplateManager;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -78,7 +78,7 @@ var TemplateWrapperComponent = function (_a) {
78
78
  var hiddenNodeElement = react_1.useRef();
79
79
  var removalListenerElement = react_1.useRef();
80
80
  var onTemplateRemoved = react_1.useCallback(function (_, args) {
81
- if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked) {
81
+ if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked.current) {
82
82
  return;
83
83
  }
84
84
  if (element.current) {
@@ -91,11 +91,11 @@ var TemplateWrapperComponent = function (_a) {
91
91
  }, [onRemoved]);
92
92
  react_1.useLayoutEffect(function () {
93
93
  var el = element.current;
94
- if (el) {
94
+ if (el && el.nodeType === Node.ELEMENT_NODE) {
95
95
  events.off(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
96
96
  events.on(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
97
97
  }
98
- if (!removalListenerRequired) {
98
+ else if (!removalListenerRequired) {
99
99
  setRemovalListenerRequired(true);
100
100
  }
101
101
  else if (removalListenerElement.current) {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -11,6 +11,7 @@
11
11
  * https://github.com/DevExpress/devextreme-react
12
12
  */
13
13
 
14
+ import { ReactNode } from 'react';
14
15
  import { ITemplate } from './configuration/config-node';
15
16
  interface DXTemplate {
16
17
  render: RenderFunc;
@@ -40,10 +41,19 @@ export interface TemplateWrapperProps {
40
41
  onRendered: () => void;
41
42
  onRemoved: () => void;
42
43
  }
43
- export declare type TemplateFunc = (arg: TemplateArgs) => JSX.Element;
44
- export declare type DXTemplateCreator = (templateOptions: Record<string, ITemplate>, callback?: () => void) => DXTemplateCollection;
44
+ export declare type TemplateFunc = (arg: TemplateArgs) => JSX.Element | ReactNode;
45
+ export declare type UpdateTemplateFunc = (onUpdated: () => void) => void;
46
+ export interface InitArgument {
47
+ createDXTemplates: DXTemplateCreator;
48
+ clearInstantiationModels: () => void;
49
+ updateTemplates: UpdateTemplateFunc;
50
+ }
51
+ export interface TemplateManagerUpdateContext {
52
+ onUpdated: () => void;
53
+ }
54
+ export declare type DXTemplateCreator = (templateOptions: Record<string, ITemplate>) => DXTemplateCollection;
45
55
  export interface TemplateManagerProps {
46
- init: (getDXTemplates: DXTemplateCreator, clearInstantiationModels: () => void) => void;
56
+ init: (args: InitArgument) => void;
47
57
  }
48
58
  export interface TemplateInstantiationModel {
49
59
  templateKey: string;
package/cjs/core/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.2-beta
4
- * Build date: Fri Nov 10 2023
3
+ * Version: 23.2.3
4
+ * Build date: Tue Nov 28 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *