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/cjs/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
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,27 +41,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ZoomLevel = exports.ViewToolbar = exports.ToolboxGroup = exports.Toolbox = exports.TabGroup = exports.Tab = exports.PropertiesPanel = exports.PageSizeItem = exports.PageSize = exports.Nodes = exports.MainToolbar = exports.Item = exports.HistoryToolbar = exports.Group = exports.GridSize = exports.Export = exports.Editing = exports.Edges = exports.DefaultItemProperties = exports.CustomShape = exports.ContextToolbox = exports.ContextMenu = exports.ConnectionPoint = exports.CommandItem = exports.Command = exports.AutoLayout = exports.Diagram = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
63
|
-
instance
|
|
64
|
-
|
|
65
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
44
|
+
const React = __importStar(require("react"));
|
|
45
|
+
const react_1 = require("react");
|
|
46
|
+
const diagram_1 = __importDefault(require("devextreme/ui/diagram"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Diagram = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
50
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
51
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
52
|
+
instance() {
|
|
53
|
+
return baseRef.current?.getInstance();
|
|
66
54
|
}
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
}), [baseRef.current]);
|
|
56
|
+
const subscribableOptions = (0, react_1.useMemo)(() => (["gridSize", "gridSize.value", "pageSize", "pageSize.height", "pageSize.width", "zoomLevel", "zoomLevel.value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onCustomCommand", "onDisposing", "onInitialized", "onItemClick", "onItemDblClick", "onRequestEditOperation", "onRequestLayoutUpdate"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultGridSize: "gridSize",
|
|
72
60
|
defaultPageSize: "pageSize",
|
|
73
61
|
defaultZoomLevel: "zoomLevel",
|
|
74
|
-
})
|
|
75
|
-
|
|
62
|
+
}), []);
|
|
63
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
76
64
|
contextMenu: { optionName: "contextMenu", isCollectionItem: false },
|
|
77
65
|
contextToolbox: { optionName: "contextToolbox", isCollectionItem: false },
|
|
78
66
|
customShape: { optionName: "customShapes", isCollectionItem: true },
|
|
@@ -89,8 +77,8 @@ var Diagram = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
89
77
|
toolbox: { optionName: "toolbox", isCollectionItem: false },
|
|
90
78
|
viewToolbar: { optionName: "viewToolbar", isCollectionItem: false },
|
|
91
79
|
zoomLevel: { optionName: "zoomLevel", isCollectionItem: false }
|
|
92
|
-
})
|
|
93
|
-
|
|
80
|
+
}), []);
|
|
81
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
94
82
|
{
|
|
95
83
|
tmplOption: "customShapeTemplate",
|
|
96
84
|
render: "customShapeRender",
|
|
@@ -101,62 +89,71 @@ var Diagram = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
101
89
|
render: "customShapeToolboxRender",
|
|
102
90
|
component: "customShapeToolboxComponent"
|
|
103
91
|
},
|
|
104
|
-
])
|
|
105
|
-
return (React.createElement((component_1.Component),
|
|
92
|
+
]), []);
|
|
93
|
+
return (React.createElement((component_1.Component), {
|
|
94
|
+
WidgetClass: diagram_1.default,
|
|
95
|
+
ref: baseRef,
|
|
96
|
+
subscribableOptions,
|
|
97
|
+
independentEvents,
|
|
98
|
+
defaults,
|
|
99
|
+
expectedChildren,
|
|
100
|
+
templateProps,
|
|
101
|
+
...props,
|
|
102
|
+
}));
|
|
106
103
|
}));
|
|
107
104
|
exports.Diagram = Diagram;
|
|
108
|
-
|
|
109
|
-
return React.createElement((nested_option_1.default),
|
|
105
|
+
const _componentAutoLayout = (0, react_1.memo)((props) => {
|
|
106
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
110
107
|
});
|
|
111
|
-
|
|
108
|
+
const AutoLayout = Object.assign(_componentAutoLayout, {
|
|
112
109
|
OptionName: "autoLayout",
|
|
113
110
|
});
|
|
114
111
|
exports.AutoLayout = AutoLayout;
|
|
115
|
-
|
|
116
|
-
return React.createElement((nested_option_1.default),
|
|
112
|
+
const _componentCommand = (0, react_1.memo)((props) => {
|
|
113
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
117
114
|
});
|
|
118
|
-
|
|
115
|
+
const Command = Object.assign(_componentCommand, {
|
|
119
116
|
OptionName: "commands",
|
|
120
117
|
IsCollectionItem: true,
|
|
121
118
|
});
|
|
122
119
|
exports.Command = Command;
|
|
123
|
-
|
|
124
|
-
return React.createElement((nested_option_1.default),
|
|
120
|
+
const _componentCommandItem = (0, react_1.memo)((props) => {
|
|
121
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
125
122
|
});
|
|
126
|
-
|
|
123
|
+
const CommandItem = Object.assign(_componentCommandItem, {
|
|
127
124
|
OptionName: "items",
|
|
128
125
|
IsCollectionItem: true,
|
|
129
126
|
});
|
|
130
127
|
exports.CommandItem = CommandItem;
|
|
131
|
-
|
|
132
|
-
return React.createElement((nested_option_1.default),
|
|
128
|
+
const _componentConnectionPoint = (0, react_1.memo)((props) => {
|
|
129
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
133
130
|
});
|
|
134
|
-
|
|
131
|
+
const ConnectionPoint = Object.assign(_componentConnectionPoint, {
|
|
135
132
|
OptionName: "connectionPoints",
|
|
136
133
|
IsCollectionItem: true,
|
|
137
134
|
});
|
|
138
135
|
exports.ConnectionPoint = ConnectionPoint;
|
|
139
|
-
|
|
140
|
-
return React.createElement((nested_option_1.default),
|
|
136
|
+
const _componentContextMenu = (0, react_1.memo)((props) => {
|
|
137
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
141
138
|
});
|
|
142
|
-
|
|
139
|
+
const ContextMenu = Object.assign(_componentContextMenu, {
|
|
143
140
|
OptionName: "contextMenu",
|
|
144
141
|
ExpectedChildren: {
|
|
145
142
|
command: { optionName: "commands", isCollectionItem: true }
|
|
146
143
|
},
|
|
147
144
|
});
|
|
148
145
|
exports.ContextMenu = ContextMenu;
|
|
149
|
-
|
|
150
|
-
return React.createElement((nested_option_1.default),
|
|
146
|
+
const _componentContextToolbox = (0, react_1.memo)((props) => {
|
|
147
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
151
148
|
});
|
|
152
|
-
|
|
149
|
+
const ContextToolbox = Object.assign(_componentContextToolbox, {
|
|
153
150
|
OptionName: "contextToolbox",
|
|
154
151
|
});
|
|
155
152
|
exports.ContextToolbox = ContextToolbox;
|
|
156
|
-
|
|
157
|
-
return React.createElement((nested_option_1.default),
|
|
153
|
+
const _componentCustomShape = (0, react_1.memo)((props) => {
|
|
154
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
158
155
|
});
|
|
159
|
-
|
|
156
|
+
const CustomShape = Object.assign(_componentCustomShape, {
|
|
160
157
|
OptionName: "customShapes",
|
|
161
158
|
IsCollectionItem: true,
|
|
162
159
|
ExpectedChildren: {
|
|
@@ -173,94 +170,94 @@ var CustomShape = Object.assign(_componentCustomShape, {
|
|
|
173
170
|
}],
|
|
174
171
|
});
|
|
175
172
|
exports.CustomShape = CustomShape;
|
|
176
|
-
|
|
177
|
-
return React.createElement((nested_option_1.default),
|
|
173
|
+
const _componentDefaultItemProperties = (0, react_1.memo)((props) => {
|
|
174
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
178
175
|
});
|
|
179
|
-
|
|
176
|
+
const DefaultItemProperties = Object.assign(_componentDefaultItemProperties, {
|
|
180
177
|
OptionName: "defaultItemProperties",
|
|
181
178
|
});
|
|
182
179
|
exports.DefaultItemProperties = DefaultItemProperties;
|
|
183
|
-
|
|
184
|
-
return React.createElement((nested_option_1.default),
|
|
180
|
+
const _componentEdges = (0, react_1.memo)((props) => {
|
|
181
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
185
182
|
});
|
|
186
|
-
|
|
183
|
+
const Edges = Object.assign(_componentEdges, {
|
|
187
184
|
OptionName: "edges",
|
|
188
185
|
});
|
|
189
186
|
exports.Edges = Edges;
|
|
190
|
-
|
|
191
|
-
return React.createElement((nested_option_1.default),
|
|
187
|
+
const _componentEditing = (0, react_1.memo)((props) => {
|
|
188
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
192
189
|
});
|
|
193
|
-
|
|
190
|
+
const Editing = Object.assign(_componentEditing, {
|
|
194
191
|
OptionName: "editing",
|
|
195
192
|
});
|
|
196
193
|
exports.Editing = Editing;
|
|
197
|
-
|
|
198
|
-
return React.createElement((nested_option_1.default),
|
|
194
|
+
const _componentExport = (0, react_1.memo)((props) => {
|
|
195
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
199
196
|
});
|
|
200
|
-
|
|
197
|
+
const Export = Object.assign(_componentExport, {
|
|
201
198
|
OptionName: "export",
|
|
202
199
|
});
|
|
203
200
|
exports.Export = Export;
|
|
204
|
-
|
|
205
|
-
return React.createElement((nested_option_1.default),
|
|
201
|
+
const _componentGridSize = (0, react_1.memo)((props) => {
|
|
202
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
206
203
|
});
|
|
207
|
-
|
|
204
|
+
const GridSize = Object.assign(_componentGridSize, {
|
|
208
205
|
OptionName: "gridSize",
|
|
209
206
|
DefaultsProps: {
|
|
210
207
|
defaultValue: "value"
|
|
211
208
|
},
|
|
212
209
|
});
|
|
213
210
|
exports.GridSize = GridSize;
|
|
214
|
-
|
|
215
|
-
return React.createElement((nested_option_1.default),
|
|
211
|
+
const _componentGroup = (0, react_1.memo)((props) => {
|
|
212
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
216
213
|
});
|
|
217
|
-
|
|
214
|
+
const Group = Object.assign(_componentGroup, {
|
|
218
215
|
OptionName: "groups",
|
|
219
216
|
IsCollectionItem: true,
|
|
220
217
|
});
|
|
221
218
|
exports.Group = Group;
|
|
222
|
-
|
|
223
|
-
return React.createElement((nested_option_1.default),
|
|
219
|
+
const _componentHistoryToolbar = (0, react_1.memo)((props) => {
|
|
220
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
224
221
|
});
|
|
225
|
-
|
|
222
|
+
const HistoryToolbar = Object.assign(_componentHistoryToolbar, {
|
|
226
223
|
OptionName: "historyToolbar",
|
|
227
224
|
ExpectedChildren: {
|
|
228
225
|
command: { optionName: "commands", isCollectionItem: true }
|
|
229
226
|
},
|
|
230
227
|
});
|
|
231
228
|
exports.HistoryToolbar = HistoryToolbar;
|
|
232
|
-
|
|
233
|
-
return React.createElement((nested_option_1.default),
|
|
229
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
230
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
234
231
|
});
|
|
235
|
-
|
|
232
|
+
const Item = Object.assign(_componentItem, {
|
|
236
233
|
OptionName: "items",
|
|
237
234
|
IsCollectionItem: true,
|
|
238
235
|
});
|
|
239
236
|
exports.Item = Item;
|
|
240
|
-
|
|
241
|
-
return React.createElement((nested_option_1.default),
|
|
237
|
+
const _componentMainToolbar = (0, react_1.memo)((props) => {
|
|
238
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
242
239
|
});
|
|
243
|
-
|
|
240
|
+
const MainToolbar = Object.assign(_componentMainToolbar, {
|
|
244
241
|
OptionName: "mainToolbar",
|
|
245
242
|
ExpectedChildren: {
|
|
246
243
|
command: { optionName: "commands", isCollectionItem: true }
|
|
247
244
|
},
|
|
248
245
|
});
|
|
249
246
|
exports.MainToolbar = MainToolbar;
|
|
250
|
-
|
|
251
|
-
return React.createElement((nested_option_1.default),
|
|
247
|
+
const _componentNodes = (0, react_1.memo)((props) => {
|
|
248
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
252
249
|
});
|
|
253
|
-
|
|
250
|
+
const Nodes = Object.assign(_componentNodes, {
|
|
254
251
|
OptionName: "nodes",
|
|
255
252
|
ExpectedChildren: {
|
|
256
253
|
autoLayout: { optionName: "autoLayout", isCollectionItem: false }
|
|
257
254
|
},
|
|
258
255
|
});
|
|
259
256
|
exports.Nodes = Nodes;
|
|
260
|
-
|
|
261
|
-
return React.createElement((nested_option_1.default),
|
|
257
|
+
const _componentPageSize = (0, react_1.memo)((props) => {
|
|
258
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
262
259
|
});
|
|
263
|
-
|
|
260
|
+
const PageSize = Object.assign(_componentPageSize, {
|
|
264
261
|
OptionName: "pageSize",
|
|
265
262
|
DefaultsProps: {
|
|
266
263
|
defaultHeight: "height",
|
|
@@ -272,28 +269,28 @@ var PageSize = Object.assign(_componentPageSize, {
|
|
|
272
269
|
},
|
|
273
270
|
});
|
|
274
271
|
exports.PageSize = PageSize;
|
|
275
|
-
|
|
276
|
-
return React.createElement((nested_option_1.default),
|
|
272
|
+
const _componentPageSizeItem = (0, react_1.memo)((props) => {
|
|
273
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
277
274
|
});
|
|
278
|
-
|
|
275
|
+
const PageSizeItem = Object.assign(_componentPageSizeItem, {
|
|
279
276
|
OptionName: "items",
|
|
280
277
|
IsCollectionItem: true,
|
|
281
278
|
});
|
|
282
279
|
exports.PageSizeItem = PageSizeItem;
|
|
283
|
-
|
|
284
|
-
return React.createElement((nested_option_1.default),
|
|
280
|
+
const _componentPropertiesPanel = (0, react_1.memo)((props) => {
|
|
281
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
285
282
|
});
|
|
286
|
-
|
|
283
|
+
const PropertiesPanel = Object.assign(_componentPropertiesPanel, {
|
|
287
284
|
OptionName: "propertiesPanel",
|
|
288
285
|
ExpectedChildren: {
|
|
289
286
|
tab: { optionName: "tabs", isCollectionItem: true }
|
|
290
287
|
},
|
|
291
288
|
});
|
|
292
289
|
exports.PropertiesPanel = PropertiesPanel;
|
|
293
|
-
|
|
294
|
-
return React.createElement((nested_option_1.default),
|
|
290
|
+
const _componentTab = (0, react_1.memo)((props) => {
|
|
291
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
295
292
|
});
|
|
296
|
-
|
|
293
|
+
const Tab = Object.assign(_componentTab, {
|
|
297
294
|
OptionName: "tabs",
|
|
298
295
|
IsCollectionItem: true,
|
|
299
296
|
ExpectedChildren: {
|
|
@@ -303,10 +300,10 @@ var Tab = Object.assign(_componentTab, {
|
|
|
303
300
|
},
|
|
304
301
|
});
|
|
305
302
|
exports.Tab = Tab;
|
|
306
|
-
|
|
307
|
-
return React.createElement((nested_option_1.default),
|
|
303
|
+
const _componentTabGroup = (0, react_1.memo)((props) => {
|
|
304
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
308
305
|
});
|
|
309
|
-
|
|
306
|
+
const TabGroup = Object.assign(_componentTabGroup, {
|
|
310
307
|
OptionName: "groups",
|
|
311
308
|
IsCollectionItem: true,
|
|
312
309
|
ExpectedChildren: {
|
|
@@ -314,10 +311,10 @@ var TabGroup = Object.assign(_componentTabGroup, {
|
|
|
314
311
|
},
|
|
315
312
|
});
|
|
316
313
|
exports.TabGroup = TabGroup;
|
|
317
|
-
|
|
318
|
-
return React.createElement((nested_option_1.default),
|
|
314
|
+
const _componentToolbox = (0, react_1.memo)((props) => {
|
|
315
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
319
316
|
});
|
|
320
|
-
|
|
317
|
+
const Toolbox = Object.assign(_componentToolbox, {
|
|
321
318
|
OptionName: "toolbox",
|
|
322
319
|
ExpectedChildren: {
|
|
323
320
|
group: { optionName: "groups", isCollectionItem: true },
|
|
@@ -325,28 +322,28 @@ var Toolbox = Object.assign(_componentToolbox, {
|
|
|
325
322
|
},
|
|
326
323
|
});
|
|
327
324
|
exports.Toolbox = Toolbox;
|
|
328
|
-
|
|
329
|
-
return React.createElement((nested_option_1.default),
|
|
325
|
+
const _componentToolboxGroup = (0, react_1.memo)((props) => {
|
|
326
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
330
327
|
});
|
|
331
|
-
|
|
328
|
+
const ToolboxGroup = Object.assign(_componentToolboxGroup, {
|
|
332
329
|
OptionName: "groups",
|
|
333
330
|
IsCollectionItem: true,
|
|
334
331
|
});
|
|
335
332
|
exports.ToolboxGroup = ToolboxGroup;
|
|
336
|
-
|
|
337
|
-
return React.createElement((nested_option_1.default),
|
|
333
|
+
const _componentViewToolbar = (0, react_1.memo)((props) => {
|
|
334
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
338
335
|
});
|
|
339
|
-
|
|
336
|
+
const ViewToolbar = Object.assign(_componentViewToolbar, {
|
|
340
337
|
OptionName: "viewToolbar",
|
|
341
338
|
ExpectedChildren: {
|
|
342
339
|
command: { optionName: "commands", isCollectionItem: true }
|
|
343
340
|
},
|
|
344
341
|
});
|
|
345
342
|
exports.ViewToolbar = ViewToolbar;
|
|
346
|
-
|
|
347
|
-
return React.createElement((nested_option_1.default),
|
|
343
|
+
const _componentZoomLevel = (0, react_1.memo)((props) => {
|
|
344
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
348
345
|
});
|
|
349
|
-
|
|
346
|
+
const ZoomLevel = Object.assign(_componentZoomLevel, {
|
|
350
347
|
OptionName: "zoomLevel",
|
|
351
348
|
DefaultsProps: {
|
|
352
349
|
defaultValue: "value"
|
package/cjs/draggable.d.ts
CHANGED
package/cjs/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
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,37 +41,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.CursorOffset = exports.Draggable = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
63
|
-
instance
|
|
64
|
-
|
|
65
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
44
|
+
const React = __importStar(require("react"));
|
|
45
|
+
const react_1 = require("react");
|
|
46
|
+
const draggable_1 = __importDefault(require("devextreme/ui/draggable"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Draggable = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
50
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
51
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
52
|
+
instance() {
|
|
53
|
+
return baseRef.current?.getInstance();
|
|
66
54
|
}
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
|
|
55
|
+
}), [baseRef.current]);
|
|
56
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDragEnd", "onDragMove", "onDragStart", "onInitialized"]), []);
|
|
57
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
70
58
|
cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
|
|
71
|
-
})
|
|
72
|
-
|
|
59
|
+
}), []);
|
|
60
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
73
61
|
{
|
|
74
62
|
tmplOption: "dragTemplate",
|
|
75
63
|
render: "dragRender",
|
|
76
64
|
component: "dragComponent"
|
|
77
65
|
},
|
|
78
|
-
])
|
|
79
|
-
return (React.createElement((component_1.Component),
|
|
66
|
+
]), []);
|
|
67
|
+
return (React.createElement((component_1.Component), {
|
|
68
|
+
WidgetClass: draggable_1.default,
|
|
69
|
+
ref: baseRef,
|
|
70
|
+
independentEvents,
|
|
71
|
+
expectedChildren,
|
|
72
|
+
templateProps,
|
|
73
|
+
...props,
|
|
74
|
+
}));
|
|
80
75
|
}));
|
|
81
76
|
exports.Draggable = Draggable;
|
|
82
|
-
|
|
83
|
-
return React.createElement((nested_option_1.default),
|
|
77
|
+
const _componentCursorOffset = (0, react_1.memo)((props) => {
|
|
78
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
84
79
|
});
|
|
85
|
-
|
|
80
|
+
const CursorOffset = Object.assign(_componentCursorOffset, {
|
|
86
81
|
OptionName: "cursorOffset",
|
|
87
82
|
});
|
|
88
83
|
exports.CursorOffset = CursorOffset;
|
package/cjs/drawer.d.ts
CHANGED
package/cjs/drawer.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
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,31 +41,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.Drawer = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
62
|
-
instance
|
|
63
|
-
|
|
64
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
44
|
+
const React = __importStar(require("react"));
|
|
45
|
+
const react_1 = require("react");
|
|
46
|
+
const drawer_1 = __importDefault(require("devextreme/ui/drawer"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const Drawer = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
49
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
50
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
51
|
+
instance() {
|
|
52
|
+
return baseRef.current?.getInstance();
|
|
65
53
|
}
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
54
|
+
}), [baseRef.current]);
|
|
55
|
+
const subscribableOptions = (0, react_1.useMemo)(() => (["opened"]), []);
|
|
56
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onInitialized"]), []);
|
|
57
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
70
58
|
defaultOpened: "opened",
|
|
71
|
-
})
|
|
72
|
-
|
|
59
|
+
}), []);
|
|
60
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
73
61
|
{
|
|
74
62
|
tmplOption: "template",
|
|
75
63
|
render: "render",
|
|
76
64
|
component: "component"
|
|
77
65
|
},
|
|
78
|
-
])
|
|
79
|
-
return (React.createElement((component_1.Component),
|
|
66
|
+
]), []);
|
|
67
|
+
return (React.createElement((component_1.Component), {
|
|
68
|
+
WidgetClass: drawer_1.default,
|
|
69
|
+
ref: baseRef,
|
|
70
|
+
subscribableOptions,
|
|
71
|
+
independentEvents,
|
|
72
|
+
defaults,
|
|
73
|
+
templateProps,
|
|
74
|
+
...props,
|
|
75
|
+
}));
|
|
80
76
|
}));
|
|
81
77
|
exports.Drawer = Drawer;
|
|
82
78
|
exports.default = Drawer;
|