devextreme-react 23.2.1-alpha-23255-1813 → 23.2.2-beta

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 (323) hide show
  1. package/cjs/accordion.d.ts +2 -2
  2. package/cjs/accordion.js +3 -2
  3. package/cjs/action-sheet.d.ts +2 -2
  4. package/cjs/action-sheet.js +3 -2
  5. package/cjs/autocomplete.d.ts +2 -2
  6. package/cjs/autocomplete.js +5 -3
  7. package/cjs/bar-gauge.d.ts +18 -18
  8. package/cjs/bar-gauge.js +3 -2
  9. package/cjs/box.d.ts +3 -3
  10. package/cjs/box.js +3 -2
  11. package/cjs/bullet.d.ts +4 -4
  12. package/cjs/bullet.js +3 -2
  13. package/cjs/button-group.d.ts +2 -2
  14. package/cjs/button-group.js +3 -2
  15. package/cjs/button.d.ts +2 -2
  16. package/cjs/button.js +3 -2
  17. package/cjs/calendar.d.ts +2 -2
  18. package/cjs/calendar.js +3 -2
  19. package/cjs/chart.d.ts +60 -61
  20. package/cjs/chart.js +3 -2
  21. package/cjs/check-box.d.ts +2 -2
  22. package/cjs/check-box.js +3 -2
  23. package/cjs/circular-gauge.d.ts +13 -14
  24. package/cjs/circular-gauge.js +3 -2
  25. package/cjs/color-box.d.ts +2 -2
  26. package/cjs/color-box.js +5 -3
  27. package/cjs/common/charts.d.ts +3 -3
  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 +3 -2
  37. package/cjs/core/component-base.d.ts +13 -6
  38. package/cjs/core/component-base.js +81 -32
  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 +14 -3
  60. package/cjs/core/helpers.js +155 -4
  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 +7 -6
  64. package/cjs/core/options-manager.js +37 -22
  65. package/cjs/core/template-manager.d.ts +16 -0
  66. package/cjs/core/template-manager.js +180 -0
  67. package/cjs/core/template-wrapper.d.ts +4 -29
  68. package/cjs/core/template-wrapper.js +93 -97
  69. package/cjs/core/template.d.ts +2 -2
  70. package/cjs/core/template.js +2 -2
  71. package/cjs/core/types.d.ts +59 -0
  72. package/cjs/core/types.js +15 -0
  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 +5 -12
  76. package/cjs/data-grid.js +3 -2
  77. package/cjs/date-box.d.ts +2 -2
  78. package/cjs/date-box.js +5 -3
  79. package/cjs/date-range-box.d.ts +2 -2
  80. package/cjs/date-range-box.js +5 -3
  81. package/cjs/defer-rendering.d.ts +2 -2
  82. package/cjs/defer-rendering.js +3 -2
  83. package/cjs/diagram.d.ts +2 -2
  84. package/cjs/diagram.js +3 -2
  85. package/cjs/draggable.d.ts +2 -2
  86. package/cjs/draggable.js +3 -2
  87. package/cjs/drawer.d.ts +2 -2
  88. package/cjs/drawer.js +3 -2
  89. package/cjs/drop-down-box.d.ts +2 -2
  90. package/cjs/drop-down-box.js +5 -3
  91. package/cjs/drop-down-button.d.ts +2 -2
  92. package/cjs/drop-down-button.js +12 -2
  93. package/cjs/file-manager.d.ts +2 -2
  94. package/cjs/file-manager.js +3 -2
  95. package/cjs/file-uploader.d.ts +2 -2
  96. package/cjs/file-uploader.js +3 -2
  97. package/cjs/filter-builder.d.ts +2 -2
  98. package/cjs/filter-builder.js +3 -2
  99. package/cjs/form.d.ts +2 -2
  100. package/cjs/form.js +3 -2
  101. package/cjs/funnel.d.ts +18 -18
  102. package/cjs/funnel.js +3 -2
  103. package/cjs/gallery.d.ts +2 -2
  104. package/cjs/gallery.js +3 -2
  105. package/cjs/gantt.d.ts +2 -2
  106. package/cjs/gantt.js +3 -2
  107. package/cjs/html-editor.d.ts +2 -2
  108. package/cjs/html-editor.js +3 -2
  109. package/cjs/index.d.ts +2 -2
  110. package/cjs/index.js +2 -2
  111. package/cjs/linear-gauge.d.ts +13 -14
  112. package/cjs/linear-gauge.js +3 -2
  113. package/cjs/list.d.ts +3 -3
  114. package/cjs/list.js +3 -2
  115. package/cjs/load-indicator.d.ts +2 -2
  116. package/cjs/load-indicator.js +3 -2
  117. package/cjs/load-panel.d.ts +2 -2
  118. package/cjs/load-panel.js +3 -2
  119. package/cjs/lookup.d.ts +2 -2
  120. package/cjs/lookup.js +5 -3
  121. package/cjs/map.d.ts +2 -2
  122. package/cjs/map.js +3 -2
  123. package/cjs/menu.d.ts +2 -2
  124. package/cjs/menu.js +3 -2
  125. package/cjs/multi-view.d.ts +2 -2
  126. package/cjs/multi-view.js +3 -2
  127. package/cjs/number-box.d.ts +2 -2
  128. package/cjs/number-box.js +5 -3
  129. package/cjs/pie-chart.d.ts +22 -23
  130. package/cjs/pie-chart.js +3 -2
  131. package/cjs/pivot-grid-field-chooser.d.ts +2 -2
  132. package/cjs/pivot-grid-field-chooser.js +3 -2
  133. package/cjs/pivot-grid.d.ts +2 -2
  134. package/cjs/pivot-grid.js +3 -2
  135. package/cjs/polar-chart.d.ts +46 -47
  136. package/cjs/polar-chart.js +3 -2
  137. package/cjs/popover.d.ts +2 -2
  138. package/cjs/popover.js +3 -2
  139. package/cjs/popup.d.ts +2 -2
  140. package/cjs/popup.js +3 -2
  141. package/cjs/progress-bar.d.ts +2 -2
  142. package/cjs/progress-bar.js +3 -2
  143. package/cjs/radio-group.d.ts +2 -2
  144. package/cjs/radio-group.js +3 -2
  145. package/cjs/range-selector.d.ts +14 -15
  146. package/cjs/range-selector.js +3 -2
  147. package/cjs/range-slider.d.ts +2 -2
  148. package/cjs/range-slider.js +3 -2
  149. package/cjs/recurrence-editor.d.ts +2 -2
  150. package/cjs/recurrence-editor.js +3 -2
  151. package/cjs/resizable.d.ts +2 -2
  152. package/cjs/resizable.js +3 -2
  153. package/cjs/responsive-box.d.ts +4 -4
  154. package/cjs/responsive-box.js +3 -2
  155. package/cjs/sankey.d.ts +9 -9
  156. package/cjs/sankey.js +3 -2
  157. package/cjs/scheduler.d.ts +3 -2
  158. package/cjs/scheduler.js +4 -2
  159. package/cjs/scroll-view.d.ts +2 -2
  160. package/cjs/scroll-view.js +3 -2
  161. package/cjs/select-box.d.ts +2 -2
  162. package/cjs/select-box.js +5 -3
  163. package/cjs/slider.d.ts +2 -2
  164. package/cjs/slider.js +3 -2
  165. package/cjs/sortable.d.ts +2 -2
  166. package/cjs/sortable.js +3 -2
  167. package/cjs/sparkline.d.ts +4 -4
  168. package/cjs/sparkline.js +3 -2
  169. package/cjs/speed-dial-action.d.ts +2 -2
  170. package/cjs/speed-dial-action.js +3 -2
  171. package/cjs/switch.d.ts +2 -2
  172. package/cjs/switch.js +3 -2
  173. package/cjs/tab-panel.d.ts +2 -2
  174. package/cjs/tab-panel.js +3 -2
  175. package/cjs/tabs.d.ts +2 -2
  176. package/cjs/tabs.js +3 -2
  177. package/cjs/tag-box.d.ts +2 -2
  178. package/cjs/tag-box.js +5 -3
  179. package/cjs/text-area.d.ts +2 -2
  180. package/cjs/text-area.js +5 -3
  181. package/cjs/text-box.d.ts +2 -2
  182. package/cjs/text-box.js +5 -3
  183. package/cjs/tile-view.d.ts +2 -2
  184. package/cjs/tile-view.js +3 -2
  185. package/cjs/toast.d.ts +2 -2
  186. package/cjs/toast.js +3 -2
  187. package/cjs/toolbar.d.ts +2 -2
  188. package/cjs/toolbar.js +3 -2
  189. package/cjs/tooltip.d.ts +2 -2
  190. package/cjs/tooltip.js +3 -2
  191. package/cjs/tree-list.d.ts +2 -2
  192. package/cjs/tree-list.js +3 -2
  193. package/cjs/tree-map.d.ts +13 -13
  194. package/cjs/tree-map.js +3 -2
  195. package/cjs/tree-view.d.ts +3 -3
  196. package/cjs/tree-view.js +3 -2
  197. package/cjs/validation-group.d.ts +2 -2
  198. package/cjs/validation-group.js +3 -2
  199. package/cjs/validation-summary.d.ts +2 -2
  200. package/cjs/validation-summary.js +3 -2
  201. package/cjs/validator.d.ts +2 -2
  202. package/cjs/validator.js +3 -2
  203. package/cjs/vector-map.d.ts +21 -21
  204. package/cjs/vector-map.js +3 -2
  205. package/core/component/package.json +6 -0
  206. package/core/config/package.json +6 -0
  207. package/core/extension-component/package.json +6 -0
  208. package/core/nested-option/package.json +6 -0
  209. package/esm/accordion.js +3 -2
  210. package/esm/action-sheet.js +3 -2
  211. package/esm/autocomplete.js +5 -3
  212. package/esm/bar-gauge.js +3 -2
  213. package/esm/box.js +3 -2
  214. package/esm/bullet.js +3 -2
  215. package/esm/button-group.js +3 -2
  216. package/esm/button.js +3 -2
  217. package/esm/calendar.js +3 -2
  218. package/esm/chart.js +3 -2
  219. package/esm/check-box.js +3 -2
  220. package/esm/circular-gauge.js +3 -2
  221. package/esm/color-box.js +5 -3
  222. package/esm/common/charts.js +2 -2
  223. package/esm/common/data/custom-store.js +2 -2
  224. package/esm/common/grids.js +2 -2
  225. package/esm/common/index.js +2 -2
  226. package/esm/context-menu.js +3 -2
  227. package/esm/core/component-base.js +82 -30
  228. package/esm/core/component.js +2 -2
  229. package/esm/core/config.js +2 -2
  230. package/esm/core/configuration/comparer.js +2 -2
  231. package/esm/core/configuration/config-node.js +2 -2
  232. package/esm/core/configuration/react/element.js +2 -2
  233. package/esm/core/configuration/react/templates.js +2 -2
  234. package/esm/core/configuration/react/tree.js +2 -2
  235. package/esm/core/configuration/tree.js +2 -2
  236. package/esm/core/configuration/utils.js +2 -2
  237. package/esm/core/extension-component.js +2 -2
  238. package/esm/core/helpers.js +154 -3
  239. package/esm/core/nested-option.js +2 -2
  240. package/esm/core/options-manager.js +37 -22
  241. package/esm/core/template-manager.js +157 -0
  242. package/esm/core/template-wrapper.js +93 -97
  243. package/esm/core/template.js +2 -2
  244. package/esm/core/types.js +14 -0
  245. package/esm/core/widget-config.js +2 -2
  246. package/esm/data-grid.js +3 -2
  247. package/esm/date-box.js +5 -3
  248. package/esm/date-range-box.js +5 -3
  249. package/esm/defer-rendering.js +3 -2
  250. package/esm/diagram.js +3 -2
  251. package/esm/draggable.js +3 -2
  252. package/esm/drawer.js +3 -2
  253. package/esm/drop-down-box.js +5 -3
  254. package/esm/drop-down-button.js +12 -2
  255. package/esm/file-manager.js +3 -2
  256. package/esm/file-uploader.js +3 -2
  257. package/esm/filter-builder.js +3 -2
  258. package/esm/form.js +3 -2
  259. package/esm/funnel.js +3 -2
  260. package/esm/gallery.js +3 -2
  261. package/esm/gantt.js +3 -2
  262. package/esm/html-editor.js +3 -2
  263. package/esm/index.js +2 -2
  264. package/esm/linear-gauge.js +3 -2
  265. package/esm/list.js +3 -2
  266. package/esm/load-indicator.js +3 -2
  267. package/esm/load-panel.js +3 -2
  268. package/esm/lookup.js +5 -3
  269. package/esm/map.js +3 -2
  270. package/esm/menu.js +3 -2
  271. package/esm/multi-view.js +3 -2
  272. package/esm/number-box.js +5 -3
  273. package/esm/pie-chart.js +3 -2
  274. package/esm/pivot-grid-field-chooser.js +3 -2
  275. package/esm/pivot-grid.js +3 -2
  276. package/esm/polar-chart.js +3 -2
  277. package/esm/popover.js +3 -2
  278. package/esm/popup.js +3 -2
  279. package/esm/progress-bar.js +3 -2
  280. package/esm/radio-group.js +3 -2
  281. package/esm/range-selector.js +3 -2
  282. package/esm/range-slider.js +3 -2
  283. package/esm/recurrence-editor.js +3 -2
  284. package/esm/resizable.js +3 -2
  285. package/esm/responsive-box.js +3 -2
  286. package/esm/sankey.js +3 -2
  287. package/esm/scheduler.js +4 -2
  288. package/esm/scroll-view.js +3 -2
  289. package/esm/select-box.js +5 -3
  290. package/esm/slider.js +3 -2
  291. package/esm/sortable.js +3 -2
  292. package/esm/sparkline.js +3 -2
  293. package/esm/speed-dial-action.js +3 -2
  294. package/esm/switch.js +3 -2
  295. package/esm/tab-panel.js +3 -2
  296. package/esm/tabs.js +3 -2
  297. package/esm/tag-box.js +5 -3
  298. package/esm/text-area.js +5 -3
  299. package/esm/text-box.js +5 -3
  300. package/esm/tile-view.js +3 -2
  301. package/esm/toast.js +3 -2
  302. package/esm/toolbar.js +3 -2
  303. package/esm/tooltip.js +3 -2
  304. package/esm/tree-list.js +3 -2
  305. package/esm/tree-map.js +3 -2
  306. package/esm/tree-view.js +3 -2
  307. package/esm/validation-group.js +3 -2
  308. package/esm/validation-summary.js +3 -2
  309. package/esm/validator.js +3 -2
  310. package/esm/vector-map.js +3 -2
  311. package/package.json +5 -6
  312. package/cjs/core/dx-template.d.ts +0 -26
  313. package/cjs/core/dx-template.js +0 -99
  314. package/cjs/core/templates-manager.d.ts +0 -25
  315. package/cjs/core/templates-manager.js +0 -88
  316. package/cjs/core/templates-renderer.d.ts +0 -28
  317. package/cjs/core/templates-renderer.js +0 -103
  318. package/cjs/core/templates-store.d.ts +0 -24
  319. package/cjs/core/templates-store.js +0 -50
  320. package/esm/core/dx-template.js +0 -77
  321. package/esm/core/templates-manager.js +0 -67
  322. package/esm/core/templates-renderer.js +0 -81
  323. package/esm/core/templates-store.js +0 -47
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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
+ "use client";
14
15
  "use strict";
15
16
  var __extends = (this && this.__extends) || (function () {
16
17
  var extendStatics = function (d, b) {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
package/cjs/color-box.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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
+ "use client";
14
15
  "use strict";
15
16
  var __extends = (this && this.__extends) || (function () {
16
17
  var extendStatics = function (d, b) {
@@ -129,7 +130,8 @@ ColorBox.propTypes = {
129
130
  PropTypes.oneOf([
130
131
  "static",
131
132
  "floating",
132
- "hidden"
133
+ "hidden",
134
+ "outside"
133
135
  ])
134
136
  ]),
135
137
  name: PropTypes.string,
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -11,4 +11,4 @@
11
11
  * https://github.com/DevExpress/devextreme-react
12
12
  */
13
13
 
14
- 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";
14
+ 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";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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
+ "use client";
14
15
  "use strict";
15
16
  var __extends = (this && this.__extends) || (function () {
16
17
  var extendStatics = function (d, b) {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -14,6 +14,8 @@
14
14
  import * as React from 'react';
15
15
  import { ITemplateMeta } from './template';
16
16
  import { IExpectedChild } from './configuration/react/element';
17
+ import { UpdateLocker } from './types';
18
+ import { RemovalLockerContext } from './helpers';
17
19
  declare const DX_REMOVE_EVENT = "dxremove";
18
20
  interface IHtmlOptions {
19
21
  id?: string;
@@ -22,6 +24,8 @@ interface IHtmlOptions {
22
24
  }
23
25
  declare abstract class ComponentBase<P extends IHtmlOptions> extends React.PureComponent<P> {
24
26
  static displayContentsStyle(): React.CSSProperties;
27
+ static contextType: React.Context<UpdateLocker>;
28
+ context: React.ContextType<typeof RemovalLockerContext> | undefined;
25
29
  protected _WidgetClass: any;
26
30
  protected _instance: any;
27
31
  protected _element: HTMLDivElement;
@@ -32,23 +36,26 @@ declare abstract class ComponentBase<P extends IHtmlOptions> extends React.PureC
32
36
  protected readonly _expectedChildren: Record<string, IExpectedChild>;
33
37
  protected readonly subscribableOptions: string[];
34
38
  protected readonly independentEvents: string[];
39
+ private _createDXTemplates;
40
+ private _clearInstantiationModels;
35
41
  private _childNodes;
36
- private _templatesRendererRef;
37
- private readonly _templatesStore;
38
- private readonly _templatesManager;
39
42
  private readonly _optionsManager;
40
43
  protected useRequestAnimationFrameFlag: boolean;
41
44
  protected useDeferUpdateForTemplates: boolean;
45
+ protected guardsUpdateScheduled: boolean;
42
46
  constructor(props: P);
43
47
  componentDidMount(): void;
44
48
  componentDidUpdate(prevProps: P): void;
45
49
  componentWillUnmount(): void;
46
50
  protected _createWidget(element?: Element): void;
51
+ private _scheduleTemplatesUpdate;
47
52
  private _getConfig;
48
- private _setTemplatesRendererRef;
49
53
  private _getElementProps;
50
54
  private _setInlineStyles;
51
55
  private _updateCssClasses;
56
+ private _lockParentOnRemoved;
57
+ private _unlockParentOnRemoved;
58
+ private _setTemplateManagerHooks;
52
59
  protected renderChildren(): React.ReactNode;
53
60
  protected renderContent(): React.ReactNode;
54
61
  protected renderPortal(): React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *
@@ -57,21 +57,40 @@ var __importStar = (this && this.__importStar) || function (mod) {
57
57
  __setModuleDefault(result, mod);
58
58
  return result;
59
59
  };
60
- var __importDefault = (this && this.__importDefault) || function (mod) {
61
- return (mod && mod.__esModule) ? mod : { "default": mod };
60
+ var __read = (this && this.__read) || function (o, n) {
61
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
62
+ if (!m) return o;
63
+ var i = m.call(o), r, ar = [], e;
64
+ try {
65
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
66
+ }
67
+ catch (error) { e = { error: error }; }
68
+ finally {
69
+ try {
70
+ if (r && !r.done && (m = i["return"])) m.call(i);
71
+ }
72
+ finally { if (e) throw e.error; }
73
+ }
74
+ return ar;
75
+ };
76
+ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
77
+ for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
78
+ to[j] = from[i];
79
+ return to;
62
80
  };
63
81
  Object.defineProperty(exports, "__esModule", { value: true });
64
82
  exports.DX_REMOVE_EVENT = exports.ComponentBase = void 0;
65
83
  var events = __importStar(require("devextreme/events"));
66
84
  var React = __importStar(require("react"));
67
85
  var react_dom_1 = require("react-dom");
68
- var templates_manager_1 = __importDefault(require("./templates-manager"));
69
- var templates_renderer_1 = require("./templates-renderer");
70
- var templates_store_1 = require("./templates-store");
86
+ var frame_1 = require("devextreme/animation/frame");
87
+ var common_1 = require("devextreme/core/utils/common");
88
+ var template_manager_1 = require("./template-manager");
71
89
  var options_manager_1 = require("./options-manager");
72
90
  var widget_config_1 = require("./widget-config");
73
91
  var tree_1 = require("./configuration/react/tree");
74
92
  var utils_1 = require("./configuration/utils");
93
+ var helpers_1 = require("./helpers");
75
94
  var DX_REMOVE_EVENT = 'dxremove';
76
95
  exports.DX_REMOVE_EVENT = DX_REMOVE_EVENT;
77
96
  var ComponentBase = /** @class */ (function (_super) {
@@ -83,15 +102,10 @@ var ComponentBase = /** @class */ (function (_super) {
83
102
  _this._childNodes = [];
84
103
  _this.useRequestAnimationFrameFlag = false;
85
104
  _this.useDeferUpdateForTemplates = false;
86
- _this._setTemplatesRendererRef = _this._setTemplatesRendererRef.bind(_this);
105
+ _this.guardsUpdateScheduled = false;
87
106
  _this._createWidget = _this._createWidget.bind(_this);
88
- _this._templatesStore = new templates_store_1.TemplatesStore(function () {
89
- if (_this._templatesRendererRef) {
90
- _this._templatesRendererRef.scheduleUpdate(_this.useDeferUpdateForTemplates);
91
- }
92
- });
93
- _this._templatesManager = new templates_manager_1.default(_this._templatesStore);
94
- _this._optionsManager = new options_manager_1.OptionsManager(_this._templatesManager);
107
+ _this._setTemplateManagerHooks = _this._setTemplateManagerHooks.bind(_this);
108
+ _this._optionsManager = new options_manager_1.OptionsManager();
95
109
  return _this;
96
110
  }
97
111
  ComponentBase.displayContentsStyle = function () {
@@ -109,7 +123,7 @@ var ComponentBase = /** @class */ (function (_super) {
109
123
  var _b;
110
124
  var style = this.props.style;
111
125
  if ((_b = this._childNodes) === null || _b === void 0 ? void 0 : _b.length) {
112
- (_a = this._element).append.apply(_a, this._childNodes);
126
+ (_a = this._element).append.apply(_a, __spreadArray([], __read(this._childNodes)));
113
127
  }
114
128
  else if (this._element.childNodes.length) {
115
129
  this._childNodes = Array.from(this._element.childNodes);
@@ -123,30 +137,57 @@ var ComponentBase = /** @class */ (function (_super) {
123
137
  this._updateCssClasses(prevProps, this.props);
124
138
  var config = this._getConfig();
125
139
  this._optionsManager.update(config);
126
- if (this._templatesRendererRef) {
127
- this._templatesRendererRef.scheduleUpdate(this.useDeferUpdateForTemplates, options_manager_1.scheduleGuards);
128
- }
129
- options_manager_1.unscheduleGuards();
140
+ this._scheduleTemplatesUpdate();
130
141
  };
131
142
  ComponentBase.prototype.componentWillUnmount = function () {
132
143
  var _a;
144
+ this._lockParentOnRemoved();
133
145
  if (this._instance) {
146
+ var dxRemoveArgs = { isUnmounting: true };
134
147
  (_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); });
135
- events.triggerHandler(this._element, DX_REMOVE_EVENT);
148
+ events.triggerHandler(this._element, DX_REMOVE_EVENT, dxRemoveArgs);
136
149
  this._instance.dispose();
137
150
  }
138
151
  this._optionsManager.dispose();
152
+ this._unlockParentOnRemoved();
139
153
  };
140
154
  ComponentBase.prototype._createWidget = function (element) {
155
+ var _a, _b;
141
156
  element = element || this._element;
142
157
  var config = this._getConfig();
143
- this._instance = new this._WidgetClass(element, __assign({ templatesRenderAsynchronously: true }, this._optionsManager.getInitialOptions(config)));
158
+ var options = __assign({ templatesRenderAsynchronously: true }, this._optionsManager.getInitialOptions(config));
159
+ var templateOptions = this._optionsManager.getTemplateOptions(config);
160
+ var dxTemplates = (_a = this._createDXTemplates) === null || _a === void 0 ? void 0 : _a.call(this, templateOptions);
161
+ if (dxTemplates) {
162
+ options = __assign(__assign({}, options), { integrationOptions: {
163
+ templates: dxTemplates,
164
+ } });
165
+ }
166
+ (_b = this._clearInstantiationModels) === null || _b === void 0 ? void 0 : _b.call(this);
167
+ this._instance = new this._WidgetClass(element, options);
144
168
  if (!this.useRequestAnimationFrameFlag) {
145
169
  this.useDeferUpdateForTemplates = this._instance.option('integrationOptions.useDeferUpdateForTemplates');
146
170
  }
147
171
  this._optionsManager.setInstance(this._instance, config, this.subscribableOptions, this.independentEvents);
148
172
  this._instance.on('optionChanged', this._optionsManager.onOptionChanged);
149
173
  };
174
+ ComponentBase.prototype._scheduleTemplatesUpdate = function () {
175
+ var _this = this;
176
+ if (this.guardsUpdateScheduled) {
177
+ return;
178
+ }
179
+ this.guardsUpdateScheduled = true;
180
+ var updateFunc = this.useDeferUpdateForTemplates ? common_1.deferUpdate : frame_1.requestAnimationFrame;
181
+ updateFunc(function () {
182
+ var _a;
183
+ _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);
188
+ });
189
+ options_manager_1.unscheduleGuards();
190
+ };
150
191
  ComponentBase.prototype._getConfig = function () {
151
192
  return tree_1.buildConfigTree({
152
193
  templates: this._templateProps,
@@ -155,9 +196,6 @@ var ComponentBase = /** @class */ (function (_super) {
155
196
  expectedChildren: this._expectedChildren,
156
197
  }, this.props);
157
198
  };
158
- ComponentBase.prototype._setTemplatesRendererRef = function (instance) {
159
- this._templatesRendererRef = instance;
160
- };
161
199
  ComponentBase.prototype._getElementProps = function () {
162
200
  var _this = this;
163
201
  var elementProps = {
@@ -174,7 +212,7 @@ var ComponentBase = /** @class */ (function (_super) {
174
212
  ComponentBase.prototype._setInlineStyles = function (styles) {
175
213
  var _this = this;
176
214
  Object.entries(styles).forEach(function (_a) {
177
- var name = _a[0], value = _a[1];
215
+ var _b = __read(_a, 2), name = _b[0], value = _b[1];
178
216
  _this._element.style[name] = value;
179
217
  });
180
218
  };
@@ -188,16 +226,28 @@ var ComponentBase = /** @class */ (function (_super) {
188
226
  if (prevClassName) {
189
227
  var classNames = prevClassName.split(' ').filter(function (c) { return c; });
190
228
  if (classNames.length) {
191
- (_a = this._element.classList).remove.apply(_a, classNames);
229
+ (_a = this._element.classList).remove.apply(_a, __spreadArray([], __read(classNames)));
192
230
  }
193
231
  }
194
232
  if (newClassName) {
195
233
  var classNames = newClassName.split(' ').filter(function (c) { return c; });
196
234
  if (classNames.length) {
197
- (_b = this._element.classList).add.apply(_b, classNames);
235
+ (_b = this._element.classList).add.apply(_b, __spreadArray([], __read(classNames)));
198
236
  }
199
237
  }
200
238
  };
239
+ ComponentBase.prototype._lockParentOnRemoved = function () {
240
+ var _a;
241
+ (_a = this.context) === null || _a === void 0 ? void 0 : _a.lock();
242
+ };
243
+ ComponentBase.prototype._unlockParentOnRemoved = function () {
244
+ var _a;
245
+ (_a = this.context) === null || _a === void 0 ? void 0 : _a.unlock();
246
+ };
247
+ ComponentBase.prototype._setTemplateManagerHooks = function (createDXTemplates, clearInstantiationModels) {
248
+ this._createDXTemplates = createDXTemplates;
249
+ this._clearInstantiationModels = clearInstantiationModels;
250
+ };
201
251
  ComponentBase.prototype.renderChildren = function () {
202
252
  // @ts-expect-error TS2339
203
253
  var children = this.props.children;
@@ -220,15 +270,14 @@ var ComponentBase = /** @class */ (function (_super) {
220
270
  : this.renderChildren();
221
271
  };
222
272
  ComponentBase.prototype.renderPortal = function () {
223
- // @ts-expect-error TS2322
224
273
  return this.portalContainer && react_dom_1.createPortal(this.renderChildren(), this.portalContainer);
225
274
  };
226
275
  ComponentBase.prototype.render = function () {
227
- return React.createElement(React.Fragment, {}, React.createElement('div', this._getElementProps(), this.renderContent(), React.createElement(templates_renderer_1.TemplatesRenderer, {
228
- templatesStore: this._templatesStore,
229
- ref: this._setTemplatesRendererRef,
276
+ return React.createElement(React.Fragment, {}, React.createElement('div', this._getElementProps(), this.renderContent(), React.createElement(template_manager_1.TemplateManager, {
277
+ init: this._setTemplateManagerHooks,
230
278
  })), this.isPortalComponent && this.renderPortal());
231
279
  };
280
+ ComponentBase.contextType = helpers_1.RemovalLockerContext;
232
281
  return ComponentBase;
233
282
  }(React.PureComponent));
234
283
  exports.ComponentBase = ComponentBase;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * devextreme-react
3
- * Version: 23.2.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 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.1-alpha-23255-1813
4
- * Build date: Tue Sep 12 2023
3
+ * Version: 23.2.2-beta
4
+ * Build date: Fri Nov 10 2023
5
5
  *
6
6
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  *