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/tree-map.d.ts
CHANGED
package/cjs/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
|
*
|
|
@@ -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,25 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.TreeMapborder = exports.TooltipBorder = exports.Tooltip = exports.Title = exports.TileLabel = exports.Tile = exports.Subtitle = exports.Size = exports.Shadow = exports.SelectionStyle = exports.Margin = exports.LoadingIndicator = exports.Label = exports.HoverStyle = exports.GroupLabel = exports.Group = exports.Format = exports.Font = exports.Export = exports.Colorizer = exports.Border = exports.TreeMap = 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 tree_map_1 = __importDefault(require("devextreme/viz/tree_map"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const TreeMap = (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)(() => (["loadingIndicator", "loadingIndicator.show"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onClick", "onDisposing", "onDrawn", "onDrill", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onNodesInitialized", "onNodesRendering"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultLoadingIndicator: "loadingIndicator",
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
74
62
|
colorizer: { optionName: "colorizer", isCollectionItem: false },
|
|
75
63
|
export: { optionName: "export", isCollectionItem: false },
|
|
76
64
|
group: { optionName: "group", isCollectionItem: false },
|
|
@@ -79,49 +67,57 @@ var TreeMap = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
79
67
|
tile: { optionName: "tile", isCollectionItem: false },
|
|
80
68
|
title: { optionName: "title", isCollectionItem: false },
|
|
81
69
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
82
|
-
})
|
|
83
|
-
return (React.createElement((component_1.Component),
|
|
70
|
+
}), []);
|
|
71
|
+
return (React.createElement((component_1.Component), {
|
|
72
|
+
WidgetClass: tree_map_1.default,
|
|
73
|
+
ref: baseRef,
|
|
74
|
+
subscribableOptions,
|
|
75
|
+
independentEvents,
|
|
76
|
+
defaults,
|
|
77
|
+
expectedChildren,
|
|
78
|
+
...props,
|
|
79
|
+
}));
|
|
84
80
|
}));
|
|
85
81
|
exports.TreeMap = TreeMap;
|
|
86
|
-
|
|
87
|
-
return React.createElement((nested_option_1.default),
|
|
82
|
+
const _componentBorder = (0, react_1.memo)((props) => {
|
|
83
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
88
84
|
});
|
|
89
|
-
|
|
85
|
+
const Border = Object.assign(_componentBorder, {
|
|
90
86
|
OptionName: "border",
|
|
91
87
|
});
|
|
92
88
|
exports.Border = Border;
|
|
93
|
-
|
|
94
|
-
return React.createElement((nested_option_1.default),
|
|
89
|
+
const _componentColorizer = (0, react_1.memo)((props) => {
|
|
90
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
95
91
|
});
|
|
96
|
-
|
|
92
|
+
const Colorizer = Object.assign(_componentColorizer, {
|
|
97
93
|
OptionName: "colorizer",
|
|
98
94
|
});
|
|
99
95
|
exports.Colorizer = Colorizer;
|
|
100
|
-
|
|
101
|
-
return React.createElement((nested_option_1.default),
|
|
96
|
+
const _componentExport = (0, react_1.memo)((props) => {
|
|
97
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
102
98
|
});
|
|
103
|
-
|
|
99
|
+
const Export = Object.assign(_componentExport, {
|
|
104
100
|
OptionName: "export",
|
|
105
101
|
});
|
|
106
102
|
exports.Export = Export;
|
|
107
|
-
|
|
108
|
-
return React.createElement((nested_option_1.default),
|
|
103
|
+
const _componentFont = (0, react_1.memo)((props) => {
|
|
104
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
109
105
|
});
|
|
110
|
-
|
|
106
|
+
const Font = Object.assign(_componentFont, {
|
|
111
107
|
OptionName: "font",
|
|
112
108
|
});
|
|
113
109
|
exports.Font = Font;
|
|
114
|
-
|
|
115
|
-
return React.createElement((nested_option_1.default),
|
|
110
|
+
const _componentFormat = (0, react_1.memo)((props) => {
|
|
111
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
116
112
|
});
|
|
117
|
-
|
|
113
|
+
const Format = Object.assign(_componentFormat, {
|
|
118
114
|
OptionName: "format",
|
|
119
115
|
});
|
|
120
116
|
exports.Format = Format;
|
|
121
|
-
|
|
122
|
-
return React.createElement((nested_option_1.default),
|
|
117
|
+
const _componentGroup = (0, react_1.memo)((props) => {
|
|
118
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
123
119
|
});
|
|
124
|
-
|
|
120
|
+
const Group = Object.assign(_componentGroup, {
|
|
125
121
|
OptionName: "group",
|
|
126
122
|
ExpectedChildren: {
|
|
127
123
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -133,34 +129,34 @@ var Group = Object.assign(_componentGroup, {
|
|
|
133
129
|
},
|
|
134
130
|
});
|
|
135
131
|
exports.Group = Group;
|
|
136
|
-
|
|
137
|
-
return React.createElement((nested_option_1.default),
|
|
132
|
+
const _componentGroupLabel = (0, react_1.memo)((props) => {
|
|
133
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
138
134
|
});
|
|
139
|
-
|
|
135
|
+
const GroupLabel = Object.assign(_componentGroupLabel, {
|
|
140
136
|
OptionName: "label",
|
|
141
137
|
ExpectedChildren: {
|
|
142
138
|
font: { optionName: "font", isCollectionItem: false }
|
|
143
139
|
},
|
|
144
140
|
});
|
|
145
141
|
exports.GroupLabel = GroupLabel;
|
|
146
|
-
|
|
147
|
-
return React.createElement((nested_option_1.default),
|
|
142
|
+
const _componentHoverStyle = (0, react_1.memo)((props) => {
|
|
143
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
148
144
|
});
|
|
149
|
-
|
|
145
|
+
const HoverStyle = Object.assign(_componentHoverStyle, {
|
|
150
146
|
OptionName: "hoverStyle",
|
|
151
147
|
});
|
|
152
148
|
exports.HoverStyle = HoverStyle;
|
|
153
|
-
|
|
154
|
-
return React.createElement((nested_option_1.default),
|
|
149
|
+
const _componentLabel = (0, react_1.memo)((props) => {
|
|
150
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
155
151
|
});
|
|
156
|
-
|
|
152
|
+
const Label = Object.assign(_componentLabel, {
|
|
157
153
|
OptionName: "label",
|
|
158
154
|
});
|
|
159
155
|
exports.Label = Label;
|
|
160
|
-
|
|
161
|
-
return React.createElement((nested_option_1.default),
|
|
156
|
+
const _componentLoadingIndicator = (0, react_1.memo)((props) => {
|
|
157
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
162
158
|
});
|
|
163
|
-
|
|
159
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
164
160
|
OptionName: "loadingIndicator",
|
|
165
161
|
DefaultsProps: {
|
|
166
162
|
defaultShow: "show"
|
|
@@ -170,48 +166,48 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
170
166
|
},
|
|
171
167
|
});
|
|
172
168
|
exports.LoadingIndicator = LoadingIndicator;
|
|
173
|
-
|
|
174
|
-
return React.createElement((nested_option_1.default),
|
|
169
|
+
const _componentMargin = (0, react_1.memo)((props) => {
|
|
170
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
175
171
|
});
|
|
176
|
-
|
|
172
|
+
const Margin = Object.assign(_componentMargin, {
|
|
177
173
|
OptionName: "margin",
|
|
178
174
|
});
|
|
179
175
|
exports.Margin = Margin;
|
|
180
|
-
|
|
181
|
-
return React.createElement((nested_option_1.default),
|
|
176
|
+
const _componentSelectionStyle = (0, react_1.memo)((props) => {
|
|
177
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
182
178
|
});
|
|
183
|
-
|
|
179
|
+
const SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
184
180
|
OptionName: "selectionStyle",
|
|
185
181
|
});
|
|
186
182
|
exports.SelectionStyle = SelectionStyle;
|
|
187
|
-
|
|
188
|
-
return React.createElement((nested_option_1.default),
|
|
183
|
+
const _componentShadow = (0, react_1.memo)((props) => {
|
|
184
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
189
185
|
});
|
|
190
|
-
|
|
186
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
191
187
|
OptionName: "shadow",
|
|
192
188
|
});
|
|
193
189
|
exports.Shadow = Shadow;
|
|
194
|
-
|
|
195
|
-
return React.createElement((nested_option_1.default),
|
|
190
|
+
const _componentSize = (0, react_1.memo)((props) => {
|
|
191
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
196
192
|
});
|
|
197
|
-
|
|
193
|
+
const Size = Object.assign(_componentSize, {
|
|
198
194
|
OptionName: "size",
|
|
199
195
|
});
|
|
200
196
|
exports.Size = Size;
|
|
201
|
-
|
|
202
|
-
return React.createElement((nested_option_1.default),
|
|
197
|
+
const _componentSubtitle = (0, react_1.memo)((props) => {
|
|
198
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
203
199
|
});
|
|
204
|
-
|
|
200
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
205
201
|
OptionName: "subtitle",
|
|
206
202
|
ExpectedChildren: {
|
|
207
203
|
font: { optionName: "font", isCollectionItem: false }
|
|
208
204
|
},
|
|
209
205
|
});
|
|
210
206
|
exports.Subtitle = Subtitle;
|
|
211
|
-
|
|
212
|
-
return React.createElement((nested_option_1.default),
|
|
207
|
+
const _componentTile = (0, react_1.memo)((props) => {
|
|
208
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
213
209
|
});
|
|
214
|
-
|
|
210
|
+
const Tile = Object.assign(_componentTile, {
|
|
215
211
|
OptionName: "tile",
|
|
216
212
|
ExpectedChildren: {
|
|
217
213
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -223,20 +219,20 @@ var Tile = Object.assign(_componentTile, {
|
|
|
223
219
|
},
|
|
224
220
|
});
|
|
225
221
|
exports.Tile = Tile;
|
|
226
|
-
|
|
227
|
-
return React.createElement((nested_option_1.default),
|
|
222
|
+
const _componentTileLabel = (0, react_1.memo)((props) => {
|
|
223
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
228
224
|
});
|
|
229
|
-
|
|
225
|
+
const TileLabel = Object.assign(_componentTileLabel, {
|
|
230
226
|
OptionName: "label",
|
|
231
227
|
ExpectedChildren: {
|
|
232
228
|
font: { optionName: "font", isCollectionItem: false }
|
|
233
229
|
},
|
|
234
230
|
});
|
|
235
231
|
exports.TileLabel = TileLabel;
|
|
236
|
-
|
|
237
|
-
return React.createElement((nested_option_1.default),
|
|
232
|
+
const _componentTitle = (0, react_1.memo)((props) => {
|
|
233
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
238
234
|
});
|
|
239
|
-
|
|
235
|
+
const Title = Object.assign(_componentTitle, {
|
|
240
236
|
OptionName: "title",
|
|
241
237
|
ExpectedChildren: {
|
|
242
238
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -245,10 +241,10 @@ var Title = Object.assign(_componentTitle, {
|
|
|
245
241
|
},
|
|
246
242
|
});
|
|
247
243
|
exports.Title = Title;
|
|
248
|
-
|
|
249
|
-
return React.createElement((nested_option_1.default),
|
|
244
|
+
const _componentTooltip = (0, react_1.memo)((props) => {
|
|
245
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
250
246
|
});
|
|
251
|
-
|
|
247
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
252
248
|
OptionName: "tooltip",
|
|
253
249
|
ExpectedChildren: {
|
|
254
250
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -264,17 +260,17 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
264
260
|
}],
|
|
265
261
|
});
|
|
266
262
|
exports.Tooltip = Tooltip;
|
|
267
|
-
|
|
268
|
-
return React.createElement((nested_option_1.default),
|
|
263
|
+
const _componentTooltipBorder = (0, react_1.memo)((props) => {
|
|
264
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
269
265
|
});
|
|
270
|
-
|
|
266
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
271
267
|
OptionName: "border",
|
|
272
268
|
});
|
|
273
269
|
exports.TooltipBorder = TooltipBorder;
|
|
274
|
-
|
|
275
|
-
return React.createElement((nested_option_1.default),
|
|
270
|
+
const _componentTreeMapborder = (0, react_1.memo)((props) => {
|
|
271
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
276
272
|
});
|
|
277
|
-
|
|
273
|
+
const TreeMapborder = Object.assign(_componentTreeMapborder, {
|
|
278
274
|
OptionName: "border",
|
|
279
275
|
});
|
|
280
276
|
exports.TreeMapborder = TreeMapborder;
|
package/cjs/tree-view.d.ts
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
|
*
|
|
@@ -48,7 +48,7 @@ interface TreeViewRef<TKey = any> {
|
|
|
48
48
|
instance: () => dxTreeView<TKey>;
|
|
49
49
|
}
|
|
50
50
|
declare const TreeView: <TKey = any>(props: ReplaceFieldTypes<Properties<TKey>, ITreeViewOptionsNarrowedEvents<TKey>> & IHtmlOptions & {
|
|
51
|
-
dataSource?: import("devextreme/data/data_source").DataSourceLike<dxTreeViewItem, TKey> | null | undefined;
|
|
51
|
+
dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<dxTreeViewItem, TKey> | null | undefined;
|
|
52
52
|
itemRender?: ((...params: any) => React.ReactNode) | undefined;
|
|
53
53
|
itemComponent?: React.ComponentType<any> | undefined;
|
|
54
54
|
defaultItems?: dxTreeViewItem[] | undefined;
|
package/cjs/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
|
*
|
|
@@ -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,42 +41,50 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.SearchEditorOptions = exports.Options = exports.Item = exports.Button = exports.TreeView = 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 tree_view_1 = __importDefault(require("devextreme/ui/tree_view"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const TreeView = (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)(() => (["items"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemCollapsed", "onItemContextMenu", "onItemExpanded", "onItemHold", "onItemRendered", "onSelectAllValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultItems: "items",
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
74
62
|
item: { optionName: "items", isCollectionItem: true },
|
|
75
63
|
searchEditorOptions: { optionName: "searchEditorOptions", isCollectionItem: false }
|
|
76
|
-
})
|
|
77
|
-
|
|
64
|
+
}), []);
|
|
65
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
78
66
|
{
|
|
79
67
|
tmplOption: "itemTemplate",
|
|
80
68
|
render: "itemRender",
|
|
81
69
|
component: "itemComponent"
|
|
82
70
|
},
|
|
83
|
-
])
|
|
84
|
-
return (React.createElement((component_1.Component),
|
|
71
|
+
]), []);
|
|
72
|
+
return (React.createElement((component_1.Component), {
|
|
73
|
+
WidgetClass: tree_view_1.default,
|
|
74
|
+
ref: baseRef,
|
|
75
|
+
subscribableOptions,
|
|
76
|
+
independentEvents,
|
|
77
|
+
defaults,
|
|
78
|
+
expectedChildren,
|
|
79
|
+
templateProps,
|
|
80
|
+
...props,
|
|
81
|
+
}));
|
|
85
82
|
}));
|
|
86
83
|
exports.TreeView = TreeView;
|
|
87
|
-
|
|
88
|
-
return React.createElement((nested_option_1.default),
|
|
84
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
85
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
89
86
|
});
|
|
90
|
-
|
|
87
|
+
const Button = Object.assign(_componentButton, {
|
|
91
88
|
OptionName: "buttons",
|
|
92
89
|
IsCollectionItem: true,
|
|
93
90
|
ExpectedChildren: {
|
|
@@ -95,10 +92,10 @@ var Button = Object.assign(_componentButton, {
|
|
|
95
92
|
},
|
|
96
93
|
});
|
|
97
94
|
exports.Button = Button;
|
|
98
|
-
|
|
99
|
-
return React.createElement((nested_option_1.default),
|
|
95
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
96
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
100
97
|
});
|
|
101
|
-
|
|
98
|
+
const Item = Object.assign(_componentItem, {
|
|
102
99
|
OptionName: "items",
|
|
103
100
|
IsCollectionItem: true,
|
|
104
101
|
TemplateProps: [{
|
|
@@ -108,10 +105,10 @@ var Item = Object.assign(_componentItem, {
|
|
|
108
105
|
}],
|
|
109
106
|
});
|
|
110
107
|
exports.Item = Item;
|
|
111
|
-
|
|
112
|
-
return React.createElement((nested_option_1.default),
|
|
108
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
109
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
113
110
|
});
|
|
114
|
-
|
|
111
|
+
const Options = Object.assign(_componentOptions, {
|
|
115
112
|
OptionName: "options",
|
|
116
113
|
TemplateProps: [{
|
|
117
114
|
tmplOption: "template",
|
|
@@ -120,10 +117,10 @@ var Options = Object.assign(_componentOptions, {
|
|
|
120
117
|
}],
|
|
121
118
|
});
|
|
122
119
|
exports.Options = Options;
|
|
123
|
-
|
|
124
|
-
return React.createElement((nested_option_1.default),
|
|
120
|
+
const _componentSearchEditorOptions = (0, react_1.memo)((props) => {
|
|
121
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
125
122
|
});
|
|
126
|
-
|
|
123
|
+
const SearchEditorOptions = Object.assign(_componentSearchEditorOptions, {
|
|
127
124
|
OptionName: "searchEditorOptions",
|
|
128
125
|
DefaultsProps: {
|
|
129
126
|
defaultValue: "value"
|
package/cjs/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
|
*
|
|
@@ -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,20 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ValidationGroup = 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 validation_group_1 = __importDefault(require("devextreme/ui/validation_group"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const ValidationGroup = (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
|
-
return (React.createElement((component_1.Component),
|
|
54
|
+
}), [baseRef.current]);
|
|
55
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onInitialized"]), []);
|
|
56
|
+
return (React.createElement((component_1.Component), {
|
|
57
|
+
WidgetClass: validation_group_1.default,
|
|
58
|
+
ref: baseRef,
|
|
59
|
+
independentEvents,
|
|
60
|
+
...props,
|
|
61
|
+
}));
|
|
69
62
|
}));
|
|
70
63
|
exports.ValidationGroup = ValidationGroup;
|
|
71
64
|
exports.default = 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
|
*
|
|
@@ -39,7 +39,7 @@ interface ValidationSummaryRef<TItem = any, TKey = any> {
|
|
|
39
39
|
instance: () => dxValidationSummary<TItem, TKey>;
|
|
40
40
|
}
|
|
41
41
|
declare const ValidationSummary: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, IValidationSummaryOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
|
|
42
|
-
dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
42
|
+
dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
43
43
|
itemRender?: ((...params: any) => React.ReactNode) | undefined;
|
|
44
44
|
itemComponent?: React.ComponentType<any> | undefined;
|
|
45
45
|
defaultItems?: any[] | undefined;
|