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/tree-map.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,36 +12,24 @@
|
|
|
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 dxTreeMap from "devextreme/viz/tree_map";
|
|
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 TreeMap = 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(() => (["loadingIndicator", "loadingIndicator.show"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onClick", "onDisposing", "onDrawn", "onDrill", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onNodesInitialized", "onNodesRendering"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
colorizer: { optionName: "colorizer", isCollectionItem: false },
|
|
46
34
|
export: { optionName: "export", isCollectionItem: false },
|
|
47
35
|
group: { optionName: "group", isCollectionItem: false },
|
|
@@ -50,43 +38,51 @@ var TreeMap = memo(forwardRef(function (props, ref) {
|
|
|
50
38
|
tile: { optionName: "tile", isCollectionItem: false },
|
|
51
39
|
title: { optionName: "title", isCollectionItem: false },
|
|
52
40
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
53
|
-
})
|
|
54
|
-
return (React.createElement((BaseComponent),
|
|
41
|
+
}), []);
|
|
42
|
+
return (React.createElement((BaseComponent), {
|
|
43
|
+
WidgetClass: dxTreeMap,
|
|
44
|
+
ref: baseRef,
|
|
45
|
+
subscribableOptions,
|
|
46
|
+
independentEvents,
|
|
47
|
+
defaults,
|
|
48
|
+
expectedChildren,
|
|
49
|
+
...props,
|
|
50
|
+
}));
|
|
55
51
|
}));
|
|
56
|
-
|
|
57
|
-
return React.createElement((NestedOption),
|
|
52
|
+
const _componentBorder = memo((props) => {
|
|
53
|
+
return React.createElement((NestedOption), { ...props });
|
|
58
54
|
});
|
|
59
|
-
|
|
55
|
+
const Border = Object.assign(_componentBorder, {
|
|
60
56
|
OptionName: "border",
|
|
61
57
|
});
|
|
62
|
-
|
|
63
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentColorizer = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
64
60
|
});
|
|
65
|
-
|
|
61
|
+
const Colorizer = Object.assign(_componentColorizer, {
|
|
66
62
|
OptionName: "colorizer",
|
|
67
63
|
});
|
|
68
|
-
|
|
69
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentExport = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
70
66
|
});
|
|
71
|
-
|
|
67
|
+
const Export = Object.assign(_componentExport, {
|
|
72
68
|
OptionName: "export",
|
|
73
69
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentFont = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
72
|
});
|
|
77
|
-
|
|
73
|
+
const Font = Object.assign(_componentFont, {
|
|
78
74
|
OptionName: "font",
|
|
79
75
|
});
|
|
80
|
-
|
|
81
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentFormat = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
82
78
|
});
|
|
83
|
-
|
|
79
|
+
const Format = Object.assign(_componentFormat, {
|
|
84
80
|
OptionName: "format",
|
|
85
81
|
});
|
|
86
|
-
|
|
87
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentGroup = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
88
84
|
});
|
|
89
|
-
|
|
85
|
+
const Group = Object.assign(_componentGroup, {
|
|
90
86
|
OptionName: "group",
|
|
91
87
|
ExpectedChildren: {
|
|
92
88
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -97,31 +93,31 @@ var Group = Object.assign(_componentGroup, {
|
|
|
97
93
|
treeMapborder: { optionName: "border", isCollectionItem: false }
|
|
98
94
|
},
|
|
99
95
|
});
|
|
100
|
-
|
|
101
|
-
return React.createElement((NestedOption),
|
|
96
|
+
const _componentGroupLabel = memo((props) => {
|
|
97
|
+
return React.createElement((NestedOption), { ...props });
|
|
102
98
|
});
|
|
103
|
-
|
|
99
|
+
const GroupLabel = Object.assign(_componentGroupLabel, {
|
|
104
100
|
OptionName: "label",
|
|
105
101
|
ExpectedChildren: {
|
|
106
102
|
font: { optionName: "font", isCollectionItem: false }
|
|
107
103
|
},
|
|
108
104
|
});
|
|
109
|
-
|
|
110
|
-
return React.createElement((NestedOption),
|
|
105
|
+
const _componentHoverStyle = memo((props) => {
|
|
106
|
+
return React.createElement((NestedOption), { ...props });
|
|
111
107
|
});
|
|
112
|
-
|
|
108
|
+
const HoverStyle = Object.assign(_componentHoverStyle, {
|
|
113
109
|
OptionName: "hoverStyle",
|
|
114
110
|
});
|
|
115
|
-
|
|
116
|
-
return React.createElement((NestedOption),
|
|
111
|
+
const _componentLabel = memo((props) => {
|
|
112
|
+
return React.createElement((NestedOption), { ...props });
|
|
117
113
|
});
|
|
118
|
-
|
|
114
|
+
const Label = Object.assign(_componentLabel, {
|
|
119
115
|
OptionName: "label",
|
|
120
116
|
});
|
|
121
|
-
|
|
122
|
-
return React.createElement((NestedOption),
|
|
117
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
118
|
+
return React.createElement((NestedOption), { ...props });
|
|
123
119
|
});
|
|
124
|
-
|
|
120
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
125
121
|
OptionName: "loadingIndicator",
|
|
126
122
|
DefaultsProps: {
|
|
127
123
|
defaultShow: "show"
|
|
@@ -130,43 +126,43 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
130
126
|
font: { optionName: "font", isCollectionItem: false }
|
|
131
127
|
},
|
|
132
128
|
});
|
|
133
|
-
|
|
134
|
-
return React.createElement((NestedOption),
|
|
129
|
+
const _componentMargin = memo((props) => {
|
|
130
|
+
return React.createElement((NestedOption), { ...props });
|
|
135
131
|
});
|
|
136
|
-
|
|
132
|
+
const Margin = Object.assign(_componentMargin, {
|
|
137
133
|
OptionName: "margin",
|
|
138
134
|
});
|
|
139
|
-
|
|
140
|
-
return React.createElement((NestedOption),
|
|
135
|
+
const _componentSelectionStyle = memo((props) => {
|
|
136
|
+
return React.createElement((NestedOption), { ...props });
|
|
141
137
|
});
|
|
142
|
-
|
|
138
|
+
const SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
143
139
|
OptionName: "selectionStyle",
|
|
144
140
|
});
|
|
145
|
-
|
|
146
|
-
return React.createElement((NestedOption),
|
|
141
|
+
const _componentShadow = memo((props) => {
|
|
142
|
+
return React.createElement((NestedOption), { ...props });
|
|
147
143
|
});
|
|
148
|
-
|
|
144
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
149
145
|
OptionName: "shadow",
|
|
150
146
|
});
|
|
151
|
-
|
|
152
|
-
return React.createElement((NestedOption),
|
|
147
|
+
const _componentSize = memo((props) => {
|
|
148
|
+
return React.createElement((NestedOption), { ...props });
|
|
153
149
|
});
|
|
154
|
-
|
|
150
|
+
const Size = Object.assign(_componentSize, {
|
|
155
151
|
OptionName: "size",
|
|
156
152
|
});
|
|
157
|
-
|
|
158
|
-
return React.createElement((NestedOption),
|
|
153
|
+
const _componentSubtitle = memo((props) => {
|
|
154
|
+
return React.createElement((NestedOption), { ...props });
|
|
159
155
|
});
|
|
160
|
-
|
|
156
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
161
157
|
OptionName: "subtitle",
|
|
162
158
|
ExpectedChildren: {
|
|
163
159
|
font: { optionName: "font", isCollectionItem: false }
|
|
164
160
|
},
|
|
165
161
|
});
|
|
166
|
-
|
|
167
|
-
return React.createElement((NestedOption),
|
|
162
|
+
const _componentTile = memo((props) => {
|
|
163
|
+
return React.createElement((NestedOption), { ...props });
|
|
168
164
|
});
|
|
169
|
-
|
|
165
|
+
const Tile = Object.assign(_componentTile, {
|
|
170
166
|
OptionName: "tile",
|
|
171
167
|
ExpectedChildren: {
|
|
172
168
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -177,19 +173,19 @@ var Tile = Object.assign(_componentTile, {
|
|
|
177
173
|
treeMapborder: { optionName: "border", isCollectionItem: false }
|
|
178
174
|
},
|
|
179
175
|
});
|
|
180
|
-
|
|
181
|
-
return React.createElement((NestedOption),
|
|
176
|
+
const _componentTileLabel = memo((props) => {
|
|
177
|
+
return React.createElement((NestedOption), { ...props });
|
|
182
178
|
});
|
|
183
|
-
|
|
179
|
+
const TileLabel = Object.assign(_componentTileLabel, {
|
|
184
180
|
OptionName: "label",
|
|
185
181
|
ExpectedChildren: {
|
|
186
182
|
font: { optionName: "font", isCollectionItem: false }
|
|
187
183
|
},
|
|
188
184
|
});
|
|
189
|
-
|
|
190
|
-
return React.createElement((NestedOption),
|
|
185
|
+
const _componentTitle = memo((props) => {
|
|
186
|
+
return React.createElement((NestedOption), { ...props });
|
|
191
187
|
});
|
|
192
|
-
|
|
188
|
+
const Title = Object.assign(_componentTitle, {
|
|
193
189
|
OptionName: "title",
|
|
194
190
|
ExpectedChildren: {
|
|
195
191
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -197,10 +193,10 @@ var Title = Object.assign(_componentTitle, {
|
|
|
197
193
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
198
194
|
},
|
|
199
195
|
});
|
|
200
|
-
|
|
201
|
-
return React.createElement((NestedOption),
|
|
196
|
+
const _componentTooltip = memo((props) => {
|
|
197
|
+
return React.createElement((NestedOption), { ...props });
|
|
202
198
|
});
|
|
203
|
-
|
|
199
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
204
200
|
OptionName: "tooltip",
|
|
205
201
|
ExpectedChildren: {
|
|
206
202
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -215,16 +211,16 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
215
211
|
component: "contentComponent"
|
|
216
212
|
}],
|
|
217
213
|
});
|
|
218
|
-
|
|
219
|
-
return React.createElement((NestedOption),
|
|
214
|
+
const _componentTooltipBorder = memo((props) => {
|
|
215
|
+
return React.createElement((NestedOption), { ...props });
|
|
220
216
|
});
|
|
221
|
-
|
|
217
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
222
218
|
OptionName: "border",
|
|
223
219
|
});
|
|
224
|
-
|
|
225
|
-
return React.createElement((NestedOption),
|
|
220
|
+
const _componentTreeMapborder = memo((props) => {
|
|
221
|
+
return React.createElement((NestedOption), { ...props });
|
|
226
222
|
});
|
|
227
|
-
|
|
223
|
+
const TreeMapborder = Object.assign(_componentTreeMapborder, {
|
|
228
224
|
OptionName: "border",
|
|
229
225
|
});
|
|
230
226
|
export default TreeMap;
|
package/esm/tree-view.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,62 +12,59 @@
|
|
|
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 dxTreeView from "devextreme/ui/tree_view";
|
|
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 TreeView = 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(() => (["items"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemCollapsed", "onItemContextMenu", "onItemExpanded", "onItemHold", "onItemRendered", "onSelectAllValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
item: { optionName: "items", isCollectionItem: true },
|
|
46
34
|
searchEditorOptions: { optionName: "searchEditorOptions", isCollectionItem: false }
|
|
47
|
-
})
|
|
48
|
-
|
|
35
|
+
}), []);
|
|
36
|
+
const templateProps = useMemo(() => ([
|
|
49
37
|
{
|
|
50
38
|
tmplOption: "itemTemplate",
|
|
51
39
|
render: "itemRender",
|
|
52
40
|
component: "itemComponent"
|
|
53
41
|
},
|
|
54
|
-
])
|
|
55
|
-
return (React.createElement((BaseComponent),
|
|
42
|
+
]), []);
|
|
43
|
+
return (React.createElement((BaseComponent), {
|
|
44
|
+
WidgetClass: dxTreeView,
|
|
45
|
+
ref: baseRef,
|
|
46
|
+
subscribableOptions,
|
|
47
|
+
independentEvents,
|
|
48
|
+
defaults,
|
|
49
|
+
expectedChildren,
|
|
50
|
+
templateProps,
|
|
51
|
+
...props,
|
|
52
|
+
}));
|
|
56
53
|
}));
|
|
57
|
-
|
|
58
|
-
return React.createElement((NestedOption),
|
|
54
|
+
const _componentButton = memo((props) => {
|
|
55
|
+
return React.createElement((NestedOption), { ...props });
|
|
59
56
|
});
|
|
60
|
-
|
|
57
|
+
const Button = Object.assign(_componentButton, {
|
|
61
58
|
OptionName: "buttons",
|
|
62
59
|
IsCollectionItem: true,
|
|
63
60
|
ExpectedChildren: {
|
|
64
61
|
options: { optionName: "options", isCollectionItem: false }
|
|
65
62
|
},
|
|
66
63
|
});
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentItem = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
66
|
});
|
|
70
|
-
|
|
67
|
+
const Item = Object.assign(_componentItem, {
|
|
71
68
|
OptionName: "items",
|
|
72
69
|
IsCollectionItem: true,
|
|
73
70
|
TemplateProps: [{
|
|
@@ -76,10 +73,10 @@ var Item = Object.assign(_componentItem, {
|
|
|
76
73
|
component: "component"
|
|
77
74
|
}],
|
|
78
75
|
});
|
|
79
|
-
|
|
80
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentOptions = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
81
78
|
});
|
|
82
|
-
|
|
79
|
+
const Options = Object.assign(_componentOptions, {
|
|
83
80
|
OptionName: "options",
|
|
84
81
|
TemplateProps: [{
|
|
85
82
|
tmplOption: "template",
|
|
@@ -87,10 +84,10 @@ var Options = Object.assign(_componentOptions, {
|
|
|
87
84
|
component: "component"
|
|
88
85
|
}],
|
|
89
86
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
87
|
+
const _componentSearchEditorOptions = memo((props) => {
|
|
88
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
89
|
});
|
|
93
|
-
|
|
90
|
+
const SearchEditorOptions = Object.assign(_componentSearchEditorOptions, {
|
|
94
91
|
OptionName: "searchEditorOptions",
|
|
95
92
|
DefaultsProps: {
|
|
96
93
|
defaultValue: "value"
|
package/esm/validation-group.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,31 +12,24 @@
|
|
|
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 dxValidationGroup from "devextreme/ui/validation_group";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useImperativeHandle(ref,
|
|
33
|
-
instance
|
|
34
|
-
|
|
35
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
19
|
+
const ValidationGroup = memo(forwardRef((props, ref) => {
|
|
20
|
+
const baseRef = useRef(null);
|
|
21
|
+
useImperativeHandle(ref, () => ({
|
|
22
|
+
instance() {
|
|
23
|
+
return baseRef.current?.getInstance();
|
|
36
24
|
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
return (React.createElement((BaseComponent),
|
|
25
|
+
}), [baseRef.current]);
|
|
26
|
+
const independentEvents = useMemo(() => (["onDisposing", "onInitialized"]), []);
|
|
27
|
+
return (React.createElement((BaseComponent), {
|
|
28
|
+
WidgetClass: dxValidationGroup,
|
|
29
|
+
ref: baseRef,
|
|
30
|
+
independentEvents,
|
|
31
|
+
...props,
|
|
32
|
+
}));
|
|
40
33
|
}));
|
|
41
34
|
export default ValidationGroup;
|
|
42
35
|
export { ValidationGroup };
|
|
@@ -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,51 +12,48 @@
|
|
|
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 dxValidationSummary from "devextreme/ui/validation_summary";
|
|
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 ValidationSummary = 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(() => (["items"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
item: { optionName: "items", isCollectionItem: true }
|
|
46
|
-
})
|
|
47
|
-
|
|
34
|
+
}), []);
|
|
35
|
+
const templateProps = useMemo(() => ([
|
|
48
36
|
{
|
|
49
37
|
tmplOption: "itemTemplate",
|
|
50
38
|
render: "itemRender",
|
|
51
39
|
component: "itemComponent"
|
|
52
40
|
},
|
|
53
|
-
])
|
|
54
|
-
return (React.createElement((BaseComponent),
|
|
41
|
+
]), []);
|
|
42
|
+
return (React.createElement((BaseComponent), {
|
|
43
|
+
WidgetClass: dxValidationSummary,
|
|
44
|
+
ref: baseRef,
|
|
45
|
+
subscribableOptions,
|
|
46
|
+
independentEvents,
|
|
47
|
+
defaults,
|
|
48
|
+
expectedChildren,
|
|
49
|
+
templateProps,
|
|
50
|
+
...props,
|
|
51
|
+
}));
|
|
55
52
|
}));
|
|
56
|
-
|
|
57
|
-
return React.createElement((NestedOption),
|
|
53
|
+
const _componentItem = memo((props) => {
|
|
54
|
+
return React.createElement((NestedOption), { ...props });
|
|
58
55
|
});
|
|
59
|
-
|
|
56
|
+
const Item = Object.assign(_componentItem, {
|
|
60
57
|
OptionName: "items",
|
|
61
58
|
IsCollectionItem: true,
|
|
62
59
|
TemplateProps: [{
|