devextreme-react 24.1.2-beta → 24.1.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.
- package/LICENSE +21 -21
- package/README.md +23 -23
- package/cjs/accordion.d.ts +3 -3
- package/cjs/accordion.js +34 -37
- package/cjs/action-sheet.d.ts +3 -3
- package/cjs/action-sheet.js +34 -37
- package/cjs/autocomplete.d.ts +2 -2
- package/cjs/autocomplete.js +79 -82
- package/cjs/bar-gauge.d.ts +2 -2
- package/cjs/bar-gauge.js +97 -100
- package/cjs/box.d.ts +3 -3
- package/cjs/box.js +34 -37
- package/cjs/bullet.d.ts +2 -2
- package/cjs/bullet.js +44 -50
- package/cjs/button-group.d.ts +2 -2
- package/cjs/button-group.js +34 -37
- package/cjs/button.d.ts +2 -2
- package/cjs/button.js +22 -28
- package/cjs/calendar.d.ts +2 -2
- package/cjs/calendar.js +27 -31
- package/cjs/chart.d.ts +2 -2
- package/cjs/chart.js +305 -308
- package/cjs/check-box.d.ts +2 -2
- package/cjs/check-box.js +24 -29
- package/cjs/circular-gauge.d.ts +2 -2
- package/cjs/circular-gauge.js +103 -106
- package/cjs/color-box.d.ts +2 -2
- package/cjs/color-box.js +76 -79
- package/cjs/common/charts.d.ts +2 -2
- 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 +3 -3
- package/cjs/context-menu.js +76 -79
- package/cjs/core/component-base.d.ts +2 -2
- package/cjs/core/component-base.js +107 -141
- package/cjs/core/component.d.ts +2 -2
- package/cjs/core/component.js +29 -43
- package/cjs/core/config.d.ts +2 -2
- package/cjs/core/config.js +4 -15
- package/cjs/core/configuration/comparer.d.ts +2 -2
- package/cjs/core/configuration/comparer.js +27 -27
- 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 -3
- package/cjs/core/configuration/react/element.js +10 -10
- 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 +33 -40
- package/cjs/core/configuration/tree.d.ts +2 -2
- package/cjs/core/configuration/tree.js +24 -24
- package/cjs/core/configuration/utils.d.ts +2 -2
- package/cjs/core/configuration/utils.js +12 -17
- package/cjs/core/extension-component.d.ts +2 -2
- package/cjs/core/extension-component.js +20 -35
- package/cjs/core/helpers.d.ts +2 -3
- package/cjs/core/helpers.js +30 -161
- package/cjs/core/nested-option.d.ts +2 -2
- package/cjs/core/nested-option.js +8 -8
- package/cjs/core/options-manager.d.ts +2 -2
- package/cjs/core/options-manager.js +85 -128
- package/cjs/core/template-manager.d.ts +2 -2
- package/cjs/core/template-manager.js +51 -82
- package/cjs/core/template-wrapper.d.ts +2 -2
- package/cjs/core/template-wrapper.js +32 -49
- package/cjs/core/template.d.ts +2 -2
- package/cjs/core/template.js +4 -4
- package/cjs/core/types.d.ts +2 -2
- package/cjs/core/types.js +2 -2
- package/cjs/core/widget-config.d.ts +2 -2
- package/cjs/core/widget-config.js +21 -22
- package/cjs/data-grid.d.ts +3 -3
- package/cjs/data-grid.js +290 -292
- package/cjs/date-box.d.ts +2 -2
- package/cjs/date-box.js +83 -85
- package/cjs/date-range-box.d.ts +2 -2
- package/cjs/date-range-box.js +82 -85
- package/cjs/defer-rendering.d.ts +2 -2
- package/cjs/defer-rendering.js +50 -56
- package/cjs/diagram.d.ts +16 -16
- package/cjs/diagram.js +109 -112
- package/cjs/draggable.d.ts +2 -2
- package/cjs/draggable.js +29 -34
- package/cjs/drawer.d.ts +2 -2
- package/cjs/drawer.js +27 -31
- package/cjs/drop-down-box.d.ts +2 -2
- package/cjs/drop-down-box.js +76 -79
- package/cjs/drop-down-button.d.ts +2 -2
- package/cjs/drop-down-button.js +68 -73
- package/cjs/file-manager.d.ts +2 -2
- package/cjs/file-manager.js +59 -65
- package/cjs/file-uploader.d.ts +2 -2
- package/cjs/file-uploader.js +24 -29
- package/cjs/filter-builder.d.ts +2 -2
- package/cjs/filter-builder.js +47 -50
- package/cjs/form.d.ts +2 -2
- package/cjs/form.js +94 -98
- package/cjs/funnel.d.ts +2 -2
- package/cjs/funnel.js +109 -113
- package/cjs/gallery.d.ts +3 -3
- package/cjs/gallery.js +34 -37
- package/cjs/gantt.d.ts +2 -2
- package/cjs/gantt.js +101 -106
- package/cjs/html-editor.d.ts +2 -2
- package/cjs/html-editor.js +64 -68
- package/cjs/index.d.ts +2 -2
- package/cjs/index.js +2 -2
- package/cjs/linear-gauge.d.ts +2 -2
- package/cjs/linear-gauge.js +103 -107
- package/cjs/list.d.ts +3 -3
- package/cjs/list.js +52 -55
- package/cjs/load-indicator.d.ts +2 -2
- package/cjs/load-indicator.js +19 -26
- package/cjs/load-panel.d.ts +2 -2
- package/cjs/load-panel.js +62 -65
- package/cjs/lookup.d.ts +2 -2
- package/cjs/lookup.js +79 -82
- package/cjs/map.d.ts +2 -2
- package/cjs/map.js +46 -50
- package/cjs/menu.d.ts +3 -3
- package/cjs/menu.js +76 -79
- package/cjs/multi-view.d.ts +3 -3
- package/cjs/multi-view.js +34 -37
- package/cjs/number-box.d.ts +2 -2
- package/cjs/number-box.js +37 -41
- package/cjs/pie-chart.d.ts +2 -2
- package/cjs/pie-chart.js +136 -139
- package/cjs/pivot-grid-field-chooser.d.ts +2 -2
- package/cjs/pivot-grid-field-chooser.js +38 -44
- package/cjs/pivot-grid.d.ts +2 -2
- package/cjs/pivot-grid.js +62 -68
- package/cjs/polar-chart.d.ts +2 -2
- package/cjs/polar-chart.js +238 -242
- package/cjs/popover.d.ts +2 -2
- package/cjs/popover.js +74 -76
- package/cjs/popup.d.ts +2 -2
- package/cjs/popup.js +68 -70
- package/cjs/progress-bar.d.ts +2 -2
- package/cjs/progress-bar.js +24 -29
- package/cjs/radio-group.d.ts +2 -2
- package/cjs/radio-group.js +34 -37
- package/cjs/range-selector.d.ts +2 -2
- package/cjs/range-selector.js +208 -212
- package/cjs/range-slider.d.ts +2 -2
- package/cjs/range-slider.js +37 -41
- package/cjs/recurrence-editor.d.ts +2 -2
- package/cjs/recurrence-editor.js +24 -29
- package/cjs/resizable.d.ts +2 -2
- package/cjs/resizable.js +24 -29
- package/cjs/responsive-box.d.ts +3 -3
- package/cjs/responsive-box.js +43 -46
- package/cjs/sankey.d.ts +2 -2
- package/cjs/sankey.js +85 -89
- package/cjs/scheduler.d.ts +2 -2
- package/cjs/scheduler.js +46 -49
- package/cjs/scroll-view.d.ts +2 -2
- package/cjs/scroll-view.js +19 -26
- package/cjs/select-box.d.ts +2 -2
- package/cjs/select-box.js +79 -82
- package/cjs/slider.d.ts +2 -2
- package/cjs/slider.js +37 -41
- package/cjs/sortable.d.ts +2 -2
- package/cjs/sortable.js +29 -34
- package/cjs/sparkline.d.ts +2 -2
- package/cjs/sparkline.js +44 -50
- package/cjs/speed-dial-action.d.ts +2 -2
- package/cjs/speed-dial-action.js +19 -26
- package/cjs/splitter.d.ts +6 -6
- package/cjs/splitter.js +34 -37
- package/cjs/switch.d.ts +2 -2
- package/cjs/switch.js +24 -29
- package/cjs/tab-panel.d.ts +3 -3
- package/cjs/tab-panel.js +34 -37
- package/cjs/tabs.d.ts +3 -3
- package/cjs/tabs.js +34 -37
- package/cjs/tag-box.d.ts +2 -2
- package/cjs/tag-box.js +79 -82
- package/cjs/text-area.d.ts +2 -2
- package/cjs/text-area.js +24 -29
- package/cjs/text-box.d.ts +2 -2
- package/cjs/text-box.js +34 -38
- package/cjs/tile-view.d.ts +3 -3
- package/cjs/tile-view.js +34 -37
- package/cjs/toast.d.ts +2 -2
- package/cjs/toast.js +65 -67
- package/cjs/toolbar.d.ts +3 -3
- package/cjs/toolbar.js +34 -37
- package/cjs/tooltip.d.ts +2 -2
- package/cjs/tooltip.js +71 -73
- package/cjs/tree-list.d.ts +3 -3
- package/cjs/tree-list.js +250 -254
- package/cjs/tree-map.d.ts +2 -2
- package/cjs/tree-map.js +91 -95
- package/cjs/tree-view.d.ts +3 -3
- package/cjs/tree-view.js +43 -46
- package/cjs/validation-group.d.ts +2 -2
- package/cjs/validation-group.js +19 -26
- package/cjs/validation-summary.d.ts +3 -3
- package/cjs/validation-summary.js +34 -37
- package/cjs/validator.d.ts +2 -2
- package/cjs/validator.js +57 -63
- package/cjs/vector-map.d.ts +2 -2
- package/cjs/vector-map.js +106 -110
- package/esm/accordion.js +29 -32
- package/esm/action-sheet.js +29 -32
- package/esm/autocomplete.js +74 -77
- package/esm/bar-gauge.js +92 -95
- package/esm/box.js +29 -32
- package/esm/bullet.js +39 -45
- package/esm/button-group.js +29 -32
- package/esm/button.js +18 -24
- package/esm/calendar.js +23 -27
- package/esm/chart.js +300 -303
- package/esm/check-box.js +20 -25
- package/esm/circular-gauge.js +98 -101
- package/esm/color-box.js +71 -74
- 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 +71 -74
- package/esm/core/component-base.js +94 -131
- package/esm/core/component.js +25 -39
- package/esm/core/config.js +4 -15
- package/esm/core/configuration/comparer.js +25 -25
- package/esm/core/configuration/config-node.js +2 -2
- package/esm/core/configuration/react/element.js +9 -9
- package/esm/core/configuration/react/templates.js +2 -2
- package/esm/core/configuration/react/tree.js +28 -35
- package/esm/core/configuration/tree.js +23 -23
- package/esm/core/configuration/utils.js +12 -17
- package/esm/core/extension-component.js +17 -32
- package/esm/core/helpers.js +30 -163
- package/esm/core/nested-option.js +6 -6
- package/esm/core/options-manager.js +81 -124
- package/esm/core/template-manager.js +44 -75
- package/esm/core/template-wrapper.js +27 -44
- package/esm/core/template.js +3 -3
- package/esm/core/types.js +2 -2
- package/esm/core/widget-config.js +21 -22
- package/esm/data-grid.js +285 -287
- package/esm/date-box.js +78 -80
- package/esm/date-range-box.js +77 -80
- package/esm/defer-rendering.js +45 -51
- package/esm/diagram.js +104 -107
- package/esm/draggable.js +24 -29
- package/esm/drawer.js +23 -27
- package/esm/drop-down-box.js +71 -74
- package/esm/drop-down-button.js +63 -68
- package/esm/file-manager.js +54 -60
- package/esm/file-uploader.js +20 -25
- package/esm/filter-builder.js +42 -45
- package/esm/form.js +89 -93
- package/esm/funnel.js +104 -108
- package/esm/gallery.js +29 -32
- package/esm/gantt.js +96 -101
- package/esm/html-editor.js +59 -63
- package/esm/index.js +2 -2
- package/esm/linear-gauge.js +98 -102
- package/esm/list.js +47 -50
- package/esm/load-indicator.js +15 -22
- package/esm/load-panel.js +57 -60
- package/esm/lookup.js +74 -77
- package/esm/map.js +41 -45
- package/esm/menu.js +71 -74
- package/esm/multi-view.js +29 -32
- package/esm/number-box.js +32 -36
- package/esm/pie-chart.js +131 -134
- package/esm/pivot-grid-field-chooser.js +33 -39
- package/esm/pivot-grid.js +57 -63
- package/esm/polar-chart.js +233 -237
- package/esm/popover.js +69 -71
- package/esm/popup.js +63 -65
- package/esm/progress-bar.js +20 -25
- package/esm/radio-group.js +29 -32
- package/esm/range-selector.js +203 -207
- package/esm/range-slider.js +32 -36
- package/esm/recurrence-editor.js +20 -25
- package/esm/resizable.js +20 -25
- package/esm/responsive-box.js +38 -41
- package/esm/sankey.js +80 -84
- package/esm/scheduler.js +41 -44
- package/esm/scroll-view.js +15 -22
- package/esm/select-box.js +74 -77
- package/esm/slider.js +32 -36
- package/esm/sortable.js +24 -29
- package/esm/sparkline.js +39 -45
- package/esm/speed-dial-action.js +15 -22
- package/esm/splitter.js +29 -32
- package/esm/switch.js +20 -25
- package/esm/tab-panel.js +29 -32
- package/esm/tabs.js +29 -32
- package/esm/tag-box.js +74 -77
- package/esm/text-area.js +20 -25
- package/esm/text-box.js +29 -33
- package/esm/tile-view.js +29 -32
- package/esm/toast.js +60 -62
- package/esm/toolbar.js +29 -32
- package/esm/tooltip.js +66 -68
- package/esm/tree-list.js +245 -249
- package/esm/tree-map.js +86 -90
- package/esm/tree-view.js +38 -41
- package/esm/validation-group.js +15 -22
- package/esm/validation-summary.js +29 -32
- package/esm/validator.js +52 -58
- package/esm/vector-map.js +101 -105
- package/package.json +50 -51
package/esm/defer-rendering.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,89 +12,83 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxDeferRendering from "devextreme/ui/defer_rendering";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const DeferRendering = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onRendered", "onShown"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
animation: { optionName: "animation", isCollectionItem: false }
|
|
42
|
-
})
|
|
43
|
-
return (React.createElement((BaseComponent),
|
|
30
|
+
}), []);
|
|
31
|
+
return (React.createElement((BaseComponent), {
|
|
32
|
+
WidgetClass: dxDeferRendering,
|
|
33
|
+
ref: baseRef,
|
|
34
|
+
independentEvents,
|
|
35
|
+
expectedChildren,
|
|
36
|
+
...props,
|
|
37
|
+
}));
|
|
44
38
|
}));
|
|
45
|
-
|
|
46
|
-
return React.createElement((NestedOption),
|
|
39
|
+
const _componentAnimation = memo((props) => {
|
|
40
|
+
return React.createElement((NestedOption), { ...props });
|
|
47
41
|
});
|
|
48
|
-
|
|
42
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
49
43
|
OptionName: "animation",
|
|
50
44
|
ExpectedChildren: {
|
|
51
45
|
from: { optionName: "from", isCollectionItem: false },
|
|
52
46
|
to: { optionName: "to", isCollectionItem: false }
|
|
53
47
|
},
|
|
54
48
|
});
|
|
55
|
-
|
|
56
|
-
return React.createElement((NestedOption),
|
|
49
|
+
const _componentAt = memo((props) => {
|
|
50
|
+
return React.createElement((NestedOption), { ...props });
|
|
57
51
|
});
|
|
58
|
-
|
|
52
|
+
const At = Object.assign(_componentAt, {
|
|
59
53
|
OptionName: "at",
|
|
60
54
|
});
|
|
61
|
-
|
|
62
|
-
return React.createElement((NestedOption),
|
|
55
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
56
|
+
return React.createElement((NestedOption), { ...props });
|
|
63
57
|
});
|
|
64
|
-
|
|
58
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
65
59
|
OptionName: "boundaryOffset",
|
|
66
60
|
});
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
61
|
+
const _componentCollision = memo((props) => {
|
|
62
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
63
|
});
|
|
70
|
-
|
|
64
|
+
const Collision = Object.assign(_componentCollision, {
|
|
71
65
|
OptionName: "collision",
|
|
72
66
|
});
|
|
73
|
-
|
|
74
|
-
return React.createElement((NestedOption),
|
|
67
|
+
const _componentFrom = memo((props) => {
|
|
68
|
+
return React.createElement((NestedOption), { ...props });
|
|
75
69
|
});
|
|
76
|
-
|
|
70
|
+
const From = Object.assign(_componentFrom, {
|
|
77
71
|
OptionName: "from",
|
|
78
72
|
ExpectedChildren: {
|
|
79
73
|
position: { optionName: "position", isCollectionItem: false }
|
|
80
74
|
},
|
|
81
75
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentMy = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
78
|
});
|
|
85
|
-
|
|
79
|
+
const My = Object.assign(_componentMy, {
|
|
86
80
|
OptionName: "my",
|
|
87
81
|
});
|
|
88
|
-
|
|
89
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentOffset = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
90
84
|
});
|
|
91
|
-
|
|
85
|
+
const Offset = Object.assign(_componentOffset, {
|
|
92
86
|
OptionName: "offset",
|
|
93
87
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentPosition = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
90
|
});
|
|
97
|
-
|
|
91
|
+
const Position = Object.assign(_componentPosition, {
|
|
98
92
|
OptionName: "position",
|
|
99
93
|
ExpectedChildren: {
|
|
100
94
|
at: { optionName: "at", isCollectionItem: false },
|
|
@@ -104,10 +98,10 @@ var Position = Object.assign(_componentPosition, {
|
|
|
104
98
|
offset: { optionName: "offset", isCollectionItem: false }
|
|
105
99
|
},
|
|
106
100
|
});
|
|
107
|
-
|
|
108
|
-
return React.createElement((NestedOption),
|
|
101
|
+
const _componentTo = memo((props) => {
|
|
102
|
+
return React.createElement((NestedOption), { ...props });
|
|
109
103
|
});
|
|
110
|
-
|
|
104
|
+
const To = Object.assign(_componentTo, {
|
|
111
105
|
OptionName: "to",
|
|
112
106
|
});
|
|
113
107
|
export default DeferRendering;
|
package/esm/diagram.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,38 +12,26 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxDiagram from "devextreme/ui/diagram";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const Diagram = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["gridSize", "gridSize.value", "pageSize", "pageSize.height", "pageSize.width", "zoomLevel", "zoomLevel.value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onCustomCommand", "onDisposing", "onInitialized", "onItemClick", "onItemDblClick", "onRequestEditOperation", "onRequestLayoutUpdate"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultGridSize: "gridSize",
|
|
43
31
|
defaultPageSize: "pageSize",
|
|
44
32
|
defaultZoomLevel: "zoomLevel",
|
|
45
|
-
})
|
|
46
|
-
|
|
33
|
+
}), []);
|
|
34
|
+
const expectedChildren = useMemo(() => ({
|
|
47
35
|
contextMenu: { optionName: "contextMenu", isCollectionItem: false },
|
|
48
36
|
contextToolbox: { optionName: "contextToolbox", isCollectionItem: false },
|
|
49
37
|
customShape: { optionName: "customShapes", isCollectionItem: true },
|
|
@@ -60,8 +48,8 @@ var Diagram = memo(forwardRef(function (props, ref) {
|
|
|
60
48
|
toolbox: { optionName: "toolbox", isCollectionItem: false },
|
|
61
49
|
viewToolbar: { optionName: "viewToolbar", isCollectionItem: false },
|
|
62
50
|
zoomLevel: { optionName: "zoomLevel", isCollectionItem: false }
|
|
63
|
-
})
|
|
64
|
-
|
|
51
|
+
}), []);
|
|
52
|
+
const templateProps = useMemo(() => ([
|
|
65
53
|
{
|
|
66
54
|
tmplOption: "customShapeTemplate",
|
|
67
55
|
render: "customShapeRender",
|
|
@@ -72,55 +60,64 @@ var Diagram = memo(forwardRef(function (props, ref) {
|
|
|
72
60
|
render: "customShapeToolboxRender",
|
|
73
61
|
component: "customShapeToolboxComponent"
|
|
74
62
|
},
|
|
75
|
-
])
|
|
76
|
-
return (React.createElement((BaseComponent),
|
|
63
|
+
]), []);
|
|
64
|
+
return (React.createElement((BaseComponent), {
|
|
65
|
+
WidgetClass: dxDiagram,
|
|
66
|
+
ref: baseRef,
|
|
67
|
+
subscribableOptions,
|
|
68
|
+
independentEvents,
|
|
69
|
+
defaults,
|
|
70
|
+
expectedChildren,
|
|
71
|
+
templateProps,
|
|
72
|
+
...props,
|
|
73
|
+
}));
|
|
77
74
|
}));
|
|
78
|
-
|
|
79
|
-
return React.createElement((NestedOption),
|
|
75
|
+
const _componentAutoLayout = memo((props) => {
|
|
76
|
+
return React.createElement((NestedOption), { ...props });
|
|
80
77
|
});
|
|
81
|
-
|
|
78
|
+
const AutoLayout = Object.assign(_componentAutoLayout, {
|
|
82
79
|
OptionName: "autoLayout",
|
|
83
80
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
81
|
+
const _componentCommand = memo((props) => {
|
|
82
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
83
|
});
|
|
87
|
-
|
|
84
|
+
const Command = Object.assign(_componentCommand, {
|
|
88
85
|
OptionName: "commands",
|
|
89
86
|
IsCollectionItem: true,
|
|
90
87
|
});
|
|
91
|
-
|
|
92
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentCommandItem = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
93
90
|
});
|
|
94
|
-
|
|
91
|
+
const CommandItem = Object.assign(_componentCommandItem, {
|
|
95
92
|
OptionName: "items",
|
|
96
93
|
IsCollectionItem: true,
|
|
97
94
|
});
|
|
98
|
-
|
|
99
|
-
return React.createElement((NestedOption),
|
|
95
|
+
const _componentConnectionPoint = memo((props) => {
|
|
96
|
+
return React.createElement((NestedOption), { ...props });
|
|
100
97
|
});
|
|
101
|
-
|
|
98
|
+
const ConnectionPoint = Object.assign(_componentConnectionPoint, {
|
|
102
99
|
OptionName: "connectionPoints",
|
|
103
100
|
IsCollectionItem: true,
|
|
104
101
|
});
|
|
105
|
-
|
|
106
|
-
return React.createElement((NestedOption),
|
|
102
|
+
const _componentContextMenu = memo((props) => {
|
|
103
|
+
return React.createElement((NestedOption), { ...props });
|
|
107
104
|
});
|
|
108
|
-
|
|
105
|
+
const ContextMenu = Object.assign(_componentContextMenu, {
|
|
109
106
|
OptionName: "contextMenu",
|
|
110
107
|
ExpectedChildren: {
|
|
111
108
|
command: { optionName: "commands", isCollectionItem: true }
|
|
112
109
|
},
|
|
113
110
|
});
|
|
114
|
-
|
|
115
|
-
return React.createElement((NestedOption),
|
|
111
|
+
const _componentContextToolbox = memo((props) => {
|
|
112
|
+
return React.createElement((NestedOption), { ...props });
|
|
116
113
|
});
|
|
117
|
-
|
|
114
|
+
const ContextToolbox = Object.assign(_componentContextToolbox, {
|
|
118
115
|
OptionName: "contextToolbox",
|
|
119
116
|
});
|
|
120
|
-
|
|
121
|
-
return React.createElement((NestedOption),
|
|
117
|
+
const _componentCustomShape = memo((props) => {
|
|
118
|
+
return React.createElement((NestedOption), { ...props });
|
|
122
119
|
});
|
|
123
|
-
|
|
120
|
+
const CustomShape = Object.assign(_componentCustomShape, {
|
|
124
121
|
OptionName: "customShapes",
|
|
125
122
|
IsCollectionItem: true,
|
|
126
123
|
ExpectedChildren: {
|
|
@@ -136,84 +133,84 @@ var CustomShape = Object.assign(_componentCustomShape, {
|
|
|
136
133
|
component: "toolboxComponent"
|
|
137
134
|
}],
|
|
138
135
|
});
|
|
139
|
-
|
|
140
|
-
return React.createElement((NestedOption),
|
|
136
|
+
const _componentDefaultItemProperties = memo((props) => {
|
|
137
|
+
return React.createElement((NestedOption), { ...props });
|
|
141
138
|
});
|
|
142
|
-
|
|
139
|
+
const DefaultItemProperties = Object.assign(_componentDefaultItemProperties, {
|
|
143
140
|
OptionName: "defaultItemProperties",
|
|
144
141
|
});
|
|
145
|
-
|
|
146
|
-
return React.createElement((NestedOption),
|
|
142
|
+
const _componentEdges = memo((props) => {
|
|
143
|
+
return React.createElement((NestedOption), { ...props });
|
|
147
144
|
});
|
|
148
|
-
|
|
145
|
+
const Edges = Object.assign(_componentEdges, {
|
|
149
146
|
OptionName: "edges",
|
|
150
147
|
});
|
|
151
|
-
|
|
152
|
-
return React.createElement((NestedOption),
|
|
148
|
+
const _componentEditing = memo((props) => {
|
|
149
|
+
return React.createElement((NestedOption), { ...props });
|
|
153
150
|
});
|
|
154
|
-
|
|
151
|
+
const Editing = Object.assign(_componentEditing, {
|
|
155
152
|
OptionName: "editing",
|
|
156
153
|
});
|
|
157
|
-
|
|
158
|
-
return React.createElement((NestedOption),
|
|
154
|
+
const _componentExport = memo((props) => {
|
|
155
|
+
return React.createElement((NestedOption), { ...props });
|
|
159
156
|
});
|
|
160
|
-
|
|
157
|
+
const Export = Object.assign(_componentExport, {
|
|
161
158
|
OptionName: "export",
|
|
162
159
|
});
|
|
163
|
-
|
|
164
|
-
return React.createElement((NestedOption),
|
|
160
|
+
const _componentGridSize = memo((props) => {
|
|
161
|
+
return React.createElement((NestedOption), { ...props });
|
|
165
162
|
});
|
|
166
|
-
|
|
163
|
+
const GridSize = Object.assign(_componentGridSize, {
|
|
167
164
|
OptionName: "gridSize",
|
|
168
165
|
DefaultsProps: {
|
|
169
166
|
defaultValue: "value"
|
|
170
167
|
},
|
|
171
168
|
});
|
|
172
|
-
|
|
173
|
-
return React.createElement((NestedOption),
|
|
169
|
+
const _componentGroup = memo((props) => {
|
|
170
|
+
return React.createElement((NestedOption), { ...props });
|
|
174
171
|
});
|
|
175
|
-
|
|
172
|
+
const Group = Object.assign(_componentGroup, {
|
|
176
173
|
OptionName: "groups",
|
|
177
174
|
IsCollectionItem: true,
|
|
178
175
|
});
|
|
179
|
-
|
|
180
|
-
return React.createElement((NestedOption),
|
|
176
|
+
const _componentHistoryToolbar = memo((props) => {
|
|
177
|
+
return React.createElement((NestedOption), { ...props });
|
|
181
178
|
});
|
|
182
|
-
|
|
179
|
+
const HistoryToolbar = Object.assign(_componentHistoryToolbar, {
|
|
183
180
|
OptionName: "historyToolbar",
|
|
184
181
|
ExpectedChildren: {
|
|
185
182
|
command: { optionName: "commands", isCollectionItem: true }
|
|
186
183
|
},
|
|
187
184
|
});
|
|
188
|
-
|
|
189
|
-
return React.createElement((NestedOption),
|
|
185
|
+
const _componentItem = memo((props) => {
|
|
186
|
+
return React.createElement((NestedOption), { ...props });
|
|
190
187
|
});
|
|
191
|
-
|
|
188
|
+
const Item = Object.assign(_componentItem, {
|
|
192
189
|
OptionName: "items",
|
|
193
190
|
IsCollectionItem: true,
|
|
194
191
|
});
|
|
195
|
-
|
|
196
|
-
return React.createElement((NestedOption),
|
|
192
|
+
const _componentMainToolbar = memo((props) => {
|
|
193
|
+
return React.createElement((NestedOption), { ...props });
|
|
197
194
|
});
|
|
198
|
-
|
|
195
|
+
const MainToolbar = Object.assign(_componentMainToolbar, {
|
|
199
196
|
OptionName: "mainToolbar",
|
|
200
197
|
ExpectedChildren: {
|
|
201
198
|
command: { optionName: "commands", isCollectionItem: true }
|
|
202
199
|
},
|
|
203
200
|
});
|
|
204
|
-
|
|
205
|
-
return React.createElement((NestedOption),
|
|
201
|
+
const _componentNodes = memo((props) => {
|
|
202
|
+
return React.createElement((NestedOption), { ...props });
|
|
206
203
|
});
|
|
207
|
-
|
|
204
|
+
const Nodes = Object.assign(_componentNodes, {
|
|
208
205
|
OptionName: "nodes",
|
|
209
206
|
ExpectedChildren: {
|
|
210
207
|
autoLayout: { optionName: "autoLayout", isCollectionItem: false }
|
|
211
208
|
},
|
|
212
209
|
});
|
|
213
|
-
|
|
214
|
-
return React.createElement((NestedOption),
|
|
210
|
+
const _componentPageSize = memo((props) => {
|
|
211
|
+
return React.createElement((NestedOption), { ...props });
|
|
215
212
|
});
|
|
216
|
-
|
|
213
|
+
const PageSize = Object.assign(_componentPageSize, {
|
|
217
214
|
OptionName: "pageSize",
|
|
218
215
|
DefaultsProps: {
|
|
219
216
|
defaultHeight: "height",
|
|
@@ -224,26 +221,26 @@ var PageSize = Object.assign(_componentPageSize, {
|
|
|
224
221
|
pageSizeItem: { optionName: "items", isCollectionItem: true }
|
|
225
222
|
},
|
|
226
223
|
});
|
|
227
|
-
|
|
228
|
-
return React.createElement((NestedOption),
|
|
224
|
+
const _componentPageSizeItem = memo((props) => {
|
|
225
|
+
return React.createElement((NestedOption), { ...props });
|
|
229
226
|
});
|
|
230
|
-
|
|
227
|
+
const PageSizeItem = Object.assign(_componentPageSizeItem, {
|
|
231
228
|
OptionName: "items",
|
|
232
229
|
IsCollectionItem: true,
|
|
233
230
|
});
|
|
234
|
-
|
|
235
|
-
return React.createElement((NestedOption),
|
|
231
|
+
const _componentPropertiesPanel = memo((props) => {
|
|
232
|
+
return React.createElement((NestedOption), { ...props });
|
|
236
233
|
});
|
|
237
|
-
|
|
234
|
+
const PropertiesPanel = Object.assign(_componentPropertiesPanel, {
|
|
238
235
|
OptionName: "propertiesPanel",
|
|
239
236
|
ExpectedChildren: {
|
|
240
237
|
tab: { optionName: "tabs", isCollectionItem: true }
|
|
241
238
|
},
|
|
242
239
|
});
|
|
243
|
-
|
|
244
|
-
return React.createElement((NestedOption),
|
|
240
|
+
const _componentTab = memo((props) => {
|
|
241
|
+
return React.createElement((NestedOption), { ...props });
|
|
245
242
|
});
|
|
246
|
-
|
|
243
|
+
const Tab = Object.assign(_componentTab, {
|
|
247
244
|
OptionName: "tabs",
|
|
248
245
|
IsCollectionItem: true,
|
|
249
246
|
ExpectedChildren: {
|
|
@@ -252,46 +249,46 @@ var Tab = Object.assign(_componentTab, {
|
|
|
252
249
|
tabGroup: { optionName: "groups", isCollectionItem: true }
|
|
253
250
|
},
|
|
254
251
|
});
|
|
255
|
-
|
|
256
|
-
return React.createElement((NestedOption),
|
|
252
|
+
const _componentTabGroup = memo((props) => {
|
|
253
|
+
return React.createElement((NestedOption), { ...props });
|
|
257
254
|
});
|
|
258
|
-
|
|
255
|
+
const TabGroup = Object.assign(_componentTabGroup, {
|
|
259
256
|
OptionName: "groups",
|
|
260
257
|
IsCollectionItem: true,
|
|
261
258
|
ExpectedChildren: {
|
|
262
259
|
command: { optionName: "commands", isCollectionItem: true }
|
|
263
260
|
},
|
|
264
261
|
});
|
|
265
|
-
|
|
266
|
-
return React.createElement((NestedOption),
|
|
262
|
+
const _componentToolbox = memo((props) => {
|
|
263
|
+
return React.createElement((NestedOption), { ...props });
|
|
267
264
|
});
|
|
268
|
-
|
|
265
|
+
const Toolbox = Object.assign(_componentToolbox, {
|
|
269
266
|
OptionName: "toolbox",
|
|
270
267
|
ExpectedChildren: {
|
|
271
268
|
group: { optionName: "groups", isCollectionItem: true },
|
|
272
269
|
toolboxGroup: { optionName: "groups", isCollectionItem: true }
|
|
273
270
|
},
|
|
274
271
|
});
|
|
275
|
-
|
|
276
|
-
return React.createElement((NestedOption),
|
|
272
|
+
const _componentToolboxGroup = memo((props) => {
|
|
273
|
+
return React.createElement((NestedOption), { ...props });
|
|
277
274
|
});
|
|
278
|
-
|
|
275
|
+
const ToolboxGroup = Object.assign(_componentToolboxGroup, {
|
|
279
276
|
OptionName: "groups",
|
|
280
277
|
IsCollectionItem: true,
|
|
281
278
|
});
|
|
282
|
-
|
|
283
|
-
return React.createElement((NestedOption),
|
|
279
|
+
const _componentViewToolbar = memo((props) => {
|
|
280
|
+
return React.createElement((NestedOption), { ...props });
|
|
284
281
|
});
|
|
285
|
-
|
|
282
|
+
const ViewToolbar = Object.assign(_componentViewToolbar, {
|
|
286
283
|
OptionName: "viewToolbar",
|
|
287
284
|
ExpectedChildren: {
|
|
288
285
|
command: { optionName: "commands", isCollectionItem: true }
|
|
289
286
|
},
|
|
290
287
|
});
|
|
291
|
-
|
|
292
|
-
return React.createElement((NestedOption),
|
|
288
|
+
const _componentZoomLevel = memo((props) => {
|
|
289
|
+
return React.createElement((NestedOption), { ...props });
|
|
293
290
|
});
|
|
294
|
-
|
|
291
|
+
const ZoomLevel = Object.assign(_componentZoomLevel, {
|
|
295
292
|
OptionName: "zoomLevel",
|
|
296
293
|
DefaultsProps: {
|
|
297
294
|
defaultValue: "value"
|
package/esm/draggable.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,47 +12,42 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxDraggable from "devextreme/ui/draggable";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const Draggable = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const independentEvents = useMemo(() => (["onDisposing", "onDragEnd", "onDragMove", "onDragStart", "onInitialized"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
|
|
42
|
-
})
|
|
43
|
-
|
|
30
|
+
}), []);
|
|
31
|
+
const templateProps = useMemo(() => ([
|
|
44
32
|
{
|
|
45
33
|
tmplOption: "dragTemplate",
|
|
46
34
|
render: "dragRender",
|
|
47
35
|
component: "dragComponent"
|
|
48
36
|
},
|
|
49
|
-
])
|
|
50
|
-
return (React.createElement((BaseComponent),
|
|
37
|
+
]), []);
|
|
38
|
+
return (React.createElement((BaseComponent), {
|
|
39
|
+
WidgetClass: dxDraggable,
|
|
40
|
+
ref: baseRef,
|
|
41
|
+
independentEvents,
|
|
42
|
+
expectedChildren,
|
|
43
|
+
templateProps,
|
|
44
|
+
...props,
|
|
45
|
+
}));
|
|
51
46
|
}));
|
|
52
|
-
|
|
53
|
-
return React.createElement((NestedOption),
|
|
47
|
+
const _componentCursorOffset = memo((props) => {
|
|
48
|
+
return React.createElement((NestedOption), { ...props });
|
|
54
49
|
});
|
|
55
|
-
|
|
50
|
+
const CursorOffset = Object.assign(_componentCursorOffset, {
|
|
56
51
|
OptionName: "cursorOffset",
|
|
57
52
|
});
|
|
58
53
|
export default Draggable;
|