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.
- package/cjs/accordion.d.ts +2 -2
- package/cjs/accordion.js +3 -2
- package/cjs/action-sheet.d.ts +2 -2
- package/cjs/action-sheet.js +3 -2
- package/cjs/autocomplete.d.ts +2 -2
- package/cjs/autocomplete.js +5 -3
- package/cjs/bar-gauge.d.ts +18 -18
- package/cjs/bar-gauge.js +3 -2
- package/cjs/box.d.ts +3 -3
- package/cjs/box.js +3 -2
- package/cjs/bullet.d.ts +4 -4
- package/cjs/bullet.js +3 -2
- package/cjs/button-group.d.ts +2 -2
- package/cjs/button-group.js +3 -2
- package/cjs/button.d.ts +2 -2
- package/cjs/button.js +3 -2
- package/cjs/calendar.d.ts +2 -2
- package/cjs/calendar.js +3 -2
- package/cjs/chart.d.ts +60 -61
- package/cjs/chart.js +3 -2
- package/cjs/check-box.d.ts +2 -2
- package/cjs/check-box.js +3 -2
- package/cjs/circular-gauge.d.ts +13 -14
- package/cjs/circular-gauge.js +3 -2
- package/cjs/color-box.d.ts +2 -2
- package/cjs/color-box.js +5 -3
- package/cjs/common/charts.d.ts +3 -3
- package/cjs/common/charts.js +2 -2
- package/cjs/common/data/custom-store.d.ts +2 -2
- package/cjs/common/data/custom-store.js +2 -2
- package/cjs/common/grids.d.ts +2 -2
- package/cjs/common/grids.js +2 -2
- package/cjs/common/index.d.ts +2 -2
- package/cjs/common/index.js +2 -2
- package/cjs/context-menu.d.ts +2 -2
- package/cjs/context-menu.js +3 -2
- package/cjs/core/component-base.d.ts +13 -6
- package/cjs/core/component-base.js +81 -32
- package/cjs/core/component.d.ts +2 -2
- package/cjs/core/component.js +2 -2
- package/cjs/core/config.d.ts +2 -2
- package/cjs/core/config.js +2 -2
- package/cjs/core/configuration/comparer.d.ts +2 -2
- package/cjs/core/configuration/comparer.js +2 -2
- package/cjs/core/configuration/config-node.d.ts +2 -2
- package/cjs/core/configuration/config-node.js +2 -2
- package/cjs/core/configuration/react/element.d.ts +2 -2
- package/cjs/core/configuration/react/element.js +2 -2
- package/cjs/core/configuration/react/templates.d.ts +2 -2
- package/cjs/core/configuration/react/templates.js +2 -2
- package/cjs/core/configuration/react/tree.d.ts +2 -2
- package/cjs/core/configuration/react/tree.js +2 -2
- package/cjs/core/configuration/tree.d.ts +2 -2
- package/cjs/core/configuration/tree.js +2 -2
- package/cjs/core/configuration/utils.d.ts +2 -2
- package/cjs/core/configuration/utils.js +2 -2
- package/cjs/core/extension-component.d.ts +2 -2
- package/cjs/core/extension-component.js +2 -2
- package/cjs/core/helpers.d.ts +14 -3
- package/cjs/core/helpers.js +155 -4
- package/cjs/core/nested-option.d.ts +2 -2
- package/cjs/core/nested-option.js +2 -2
- package/cjs/core/options-manager.d.ts +7 -6
- package/cjs/core/options-manager.js +37 -22
- package/cjs/core/template-manager.d.ts +16 -0
- package/cjs/core/template-manager.js +180 -0
- package/cjs/core/template-wrapper.d.ts +4 -29
- package/cjs/core/template-wrapper.js +93 -97
- package/cjs/core/template.d.ts +2 -2
- package/cjs/core/template.js +2 -2
- package/cjs/core/types.d.ts +59 -0
- package/cjs/core/types.js +15 -0
- package/cjs/core/widget-config.d.ts +2 -2
- package/cjs/core/widget-config.js +2 -2
- package/cjs/data-grid.d.ts +5 -12
- package/cjs/data-grid.js +3 -2
- package/cjs/date-box.d.ts +2 -2
- package/cjs/date-box.js +5 -3
- package/cjs/date-range-box.d.ts +2 -2
- package/cjs/date-range-box.js +5 -3
- package/cjs/defer-rendering.d.ts +2 -2
- package/cjs/defer-rendering.js +3 -2
- package/cjs/diagram.d.ts +2 -2
- package/cjs/diagram.js +3 -2
- package/cjs/draggable.d.ts +2 -2
- package/cjs/draggable.js +3 -2
- package/cjs/drawer.d.ts +2 -2
- package/cjs/drawer.js +3 -2
- package/cjs/drop-down-box.d.ts +2 -2
- package/cjs/drop-down-box.js +5 -3
- package/cjs/drop-down-button.d.ts +2 -2
- package/cjs/drop-down-button.js +12 -2
- package/cjs/file-manager.d.ts +2 -2
- package/cjs/file-manager.js +3 -2
- package/cjs/file-uploader.d.ts +2 -2
- package/cjs/file-uploader.js +3 -2
- package/cjs/filter-builder.d.ts +2 -2
- package/cjs/filter-builder.js +3 -2
- package/cjs/form.d.ts +2 -2
- package/cjs/form.js +3 -2
- package/cjs/funnel.d.ts +18 -18
- package/cjs/funnel.js +3 -2
- package/cjs/gallery.d.ts +2 -2
- package/cjs/gallery.js +3 -2
- package/cjs/gantt.d.ts +2 -2
- package/cjs/gantt.js +3 -2
- package/cjs/html-editor.d.ts +2 -2
- package/cjs/html-editor.js +3 -2
- package/cjs/index.d.ts +2 -2
- package/cjs/index.js +2 -2
- package/cjs/linear-gauge.d.ts +13 -14
- package/cjs/linear-gauge.js +3 -2
- package/cjs/list.d.ts +3 -3
- package/cjs/list.js +3 -2
- package/cjs/load-indicator.d.ts +2 -2
- package/cjs/load-indicator.js +3 -2
- package/cjs/load-panel.d.ts +2 -2
- package/cjs/load-panel.js +3 -2
- package/cjs/lookup.d.ts +2 -2
- package/cjs/lookup.js +5 -3
- package/cjs/map.d.ts +2 -2
- package/cjs/map.js +3 -2
- package/cjs/menu.d.ts +2 -2
- package/cjs/menu.js +3 -2
- package/cjs/multi-view.d.ts +2 -2
- package/cjs/multi-view.js +3 -2
- package/cjs/number-box.d.ts +2 -2
- package/cjs/number-box.js +5 -3
- package/cjs/pie-chart.d.ts +22 -23
- package/cjs/pie-chart.js +3 -2
- package/cjs/pivot-grid-field-chooser.d.ts +2 -2
- package/cjs/pivot-grid-field-chooser.js +3 -2
- package/cjs/pivot-grid.d.ts +2 -2
- package/cjs/pivot-grid.js +3 -2
- package/cjs/polar-chart.d.ts +46 -47
- package/cjs/polar-chart.js +3 -2
- package/cjs/popover.d.ts +2 -2
- package/cjs/popover.js +3 -2
- package/cjs/popup.d.ts +2 -2
- package/cjs/popup.js +3 -2
- package/cjs/progress-bar.d.ts +2 -2
- package/cjs/progress-bar.js +3 -2
- package/cjs/radio-group.d.ts +2 -2
- package/cjs/radio-group.js +3 -2
- package/cjs/range-selector.d.ts +14 -15
- package/cjs/range-selector.js +3 -2
- package/cjs/range-slider.d.ts +2 -2
- package/cjs/range-slider.js +3 -2
- package/cjs/recurrence-editor.d.ts +2 -2
- package/cjs/recurrence-editor.js +3 -2
- package/cjs/resizable.d.ts +2 -2
- package/cjs/resizable.js +3 -2
- package/cjs/responsive-box.d.ts +4 -4
- package/cjs/responsive-box.js +3 -2
- package/cjs/sankey.d.ts +9 -9
- package/cjs/sankey.js +3 -2
- package/cjs/scheduler.d.ts +3 -2
- package/cjs/scheduler.js +4 -2
- package/cjs/scroll-view.d.ts +2 -2
- package/cjs/scroll-view.js +3 -2
- package/cjs/select-box.d.ts +2 -2
- package/cjs/select-box.js +5 -3
- package/cjs/slider.d.ts +2 -2
- package/cjs/slider.js +3 -2
- package/cjs/sortable.d.ts +2 -2
- package/cjs/sortable.js +3 -2
- package/cjs/sparkline.d.ts +4 -4
- package/cjs/sparkline.js +3 -2
- package/cjs/speed-dial-action.d.ts +2 -2
- package/cjs/speed-dial-action.js +3 -2
- package/cjs/switch.d.ts +2 -2
- package/cjs/switch.js +3 -2
- package/cjs/tab-panel.d.ts +2 -2
- package/cjs/tab-panel.js +3 -2
- package/cjs/tabs.d.ts +2 -2
- package/cjs/tabs.js +3 -2
- package/cjs/tag-box.d.ts +2 -2
- package/cjs/tag-box.js +5 -3
- package/cjs/text-area.d.ts +2 -2
- package/cjs/text-area.js +5 -3
- package/cjs/text-box.d.ts +2 -2
- package/cjs/text-box.js +5 -3
- package/cjs/tile-view.d.ts +2 -2
- package/cjs/tile-view.js +3 -2
- package/cjs/toast.d.ts +2 -2
- package/cjs/toast.js +3 -2
- package/cjs/toolbar.d.ts +2 -2
- package/cjs/toolbar.js +3 -2
- package/cjs/tooltip.d.ts +2 -2
- package/cjs/tooltip.js +3 -2
- package/cjs/tree-list.d.ts +2 -2
- package/cjs/tree-list.js +3 -2
- package/cjs/tree-map.d.ts +13 -13
- package/cjs/tree-map.js +3 -2
- package/cjs/tree-view.d.ts +3 -3
- package/cjs/tree-view.js +3 -2
- package/cjs/validation-group.d.ts +2 -2
- package/cjs/validation-group.js +3 -2
- package/cjs/validation-summary.d.ts +2 -2
- package/cjs/validation-summary.js +3 -2
- package/cjs/validator.d.ts +2 -2
- package/cjs/validator.js +3 -2
- package/cjs/vector-map.d.ts +21 -21
- package/cjs/vector-map.js +3 -2
- package/core/component/package.json +6 -0
- package/core/config/package.json +6 -0
- package/core/extension-component/package.json +6 -0
- package/core/nested-option/package.json +6 -0
- package/esm/accordion.js +3 -2
- package/esm/action-sheet.js +3 -2
- package/esm/autocomplete.js +5 -3
- package/esm/bar-gauge.js +3 -2
- package/esm/box.js +3 -2
- package/esm/bullet.js +3 -2
- package/esm/button-group.js +3 -2
- package/esm/button.js +3 -2
- package/esm/calendar.js +3 -2
- package/esm/chart.js +3 -2
- package/esm/check-box.js +3 -2
- package/esm/circular-gauge.js +3 -2
- package/esm/color-box.js +5 -3
- package/esm/common/charts.js +2 -2
- package/esm/common/data/custom-store.js +2 -2
- package/esm/common/grids.js +2 -2
- package/esm/common/index.js +2 -2
- package/esm/context-menu.js +3 -2
- package/esm/core/component-base.js +82 -30
- package/esm/core/component.js +2 -2
- package/esm/core/config.js +2 -2
- package/esm/core/configuration/comparer.js +2 -2
- package/esm/core/configuration/config-node.js +2 -2
- package/esm/core/configuration/react/element.js +2 -2
- package/esm/core/configuration/react/templates.js +2 -2
- package/esm/core/configuration/react/tree.js +2 -2
- package/esm/core/configuration/tree.js +2 -2
- package/esm/core/configuration/utils.js +2 -2
- package/esm/core/extension-component.js +2 -2
- package/esm/core/helpers.js +154 -3
- package/esm/core/nested-option.js +2 -2
- package/esm/core/options-manager.js +37 -22
- package/esm/core/template-manager.js +157 -0
- package/esm/core/template-wrapper.js +93 -97
- package/esm/core/template.js +2 -2
- package/esm/core/types.js +14 -0
- package/esm/core/widget-config.js +2 -2
- package/esm/data-grid.js +3 -2
- package/esm/date-box.js +5 -3
- package/esm/date-range-box.js +5 -3
- package/esm/defer-rendering.js +3 -2
- package/esm/diagram.js +3 -2
- package/esm/draggable.js +3 -2
- package/esm/drawer.js +3 -2
- package/esm/drop-down-box.js +5 -3
- package/esm/drop-down-button.js +12 -2
- package/esm/file-manager.js +3 -2
- package/esm/file-uploader.js +3 -2
- package/esm/filter-builder.js +3 -2
- package/esm/form.js +3 -2
- package/esm/funnel.js +3 -2
- package/esm/gallery.js +3 -2
- package/esm/gantt.js +3 -2
- package/esm/html-editor.js +3 -2
- package/esm/index.js +2 -2
- package/esm/linear-gauge.js +3 -2
- package/esm/list.js +3 -2
- package/esm/load-indicator.js +3 -2
- package/esm/load-panel.js +3 -2
- package/esm/lookup.js +5 -3
- package/esm/map.js +3 -2
- package/esm/menu.js +3 -2
- package/esm/multi-view.js +3 -2
- package/esm/number-box.js +5 -3
- package/esm/pie-chart.js +3 -2
- package/esm/pivot-grid-field-chooser.js +3 -2
- package/esm/pivot-grid.js +3 -2
- package/esm/polar-chart.js +3 -2
- package/esm/popover.js +3 -2
- package/esm/popup.js +3 -2
- package/esm/progress-bar.js +3 -2
- package/esm/radio-group.js +3 -2
- package/esm/range-selector.js +3 -2
- package/esm/range-slider.js +3 -2
- package/esm/recurrence-editor.js +3 -2
- package/esm/resizable.js +3 -2
- package/esm/responsive-box.js +3 -2
- package/esm/sankey.js +3 -2
- package/esm/scheduler.js +4 -2
- package/esm/scroll-view.js +3 -2
- package/esm/select-box.js +5 -3
- package/esm/slider.js +3 -2
- package/esm/sortable.js +3 -2
- package/esm/sparkline.js +3 -2
- package/esm/speed-dial-action.js +3 -2
- package/esm/switch.js +3 -2
- package/esm/tab-panel.js +3 -2
- package/esm/tabs.js +3 -2
- package/esm/tag-box.js +5 -3
- package/esm/text-area.js +5 -3
- package/esm/text-box.js +5 -3
- package/esm/tile-view.js +3 -2
- package/esm/toast.js +3 -2
- package/esm/toolbar.js +3 -2
- package/esm/tooltip.js +3 -2
- package/esm/tree-list.js +3 -2
- package/esm/tree-map.js +3 -2
- package/esm/tree-view.js +3 -2
- package/esm/validation-group.js +3 -2
- package/esm/validation-summary.js +3 -2
- package/esm/validator.js +3 -2
- package/esm/vector-map.js +3 -2
- package/package.json +5 -6
- package/cjs/core/dx-template.d.ts +0 -26
- package/cjs/core/dx-template.js +0 -99
- package/cjs/core/templates-manager.d.ts +0 -25
- package/cjs/core/templates-manager.js +0 -88
- package/cjs/core/templates-renderer.d.ts +0 -28
- package/cjs/core/templates-renderer.js +0 -103
- package/cjs/core/templates-store.d.ts +0 -24
- package/cjs/core/templates-store.js +0 -50
- package/esm/core/dx-template.js +0 -77
- package/esm/core/templates-manager.js +0 -67
- package/esm/core/templates-renderer.js +0 -81
- package/esm/core/templates-store.js +0 -47
package/cjs/circular-gauge.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 23.2.
|
|
4
|
-
* Build date:
|
|
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) {
|
package/cjs/color-box.d.ts
CHANGED
package/cjs/color-box.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 23.2.
|
|
4
|
-
* Build date:
|
|
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,
|
package/cjs/common/charts.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 23.2.
|
|
4
|
-
* Build date:
|
|
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";
|
package/cjs/common/charts.js
CHANGED
package/cjs/common/grids.d.ts
CHANGED
package/cjs/common/grids.js
CHANGED
package/cjs/common/index.d.ts
CHANGED
package/cjs/common/index.js
CHANGED
package/cjs/context-menu.d.ts
CHANGED
package/cjs/context-menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 23.2.
|
|
4
|
-
* Build date:
|
|
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.
|
|
4
|
-
* Build date:
|
|
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.
|
|
4
|
-
* Build date:
|
|
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
|
|
61
|
-
|
|
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
|
|
69
|
-
var
|
|
70
|
-
var
|
|
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.
|
|
105
|
+
_this.guardsUpdateScheduled = false;
|
|
87
106
|
_this._createWidget = _this._createWidget.bind(_this);
|
|
88
|
-
_this.
|
|
89
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
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(
|
|
228
|
-
|
|
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;
|
package/cjs/core/component.d.ts
CHANGED
package/cjs/core/component.js
CHANGED
package/cjs/core/config.d.ts
CHANGED
package/cjs/core/config.js
CHANGED