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/pie-chart.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 dxPieChart from "devextreme/viz/pie_chart";
|
|
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 PieChart = 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(() => (["onDisposing", "onDone", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLegendClick", "onPointClick", "onTooltipHidden", "onTooltipShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
|
|
46
34
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
47
35
|
annotation: { optionName: "annotations", isCollectionItem: true },
|
|
@@ -57,32 +45,41 @@ var PieChart = memo(forwardRef(function (props, ref) {
|
|
|
57
45
|
size: { optionName: "size", isCollectionItem: false },
|
|
58
46
|
title: { optionName: "title", isCollectionItem: false },
|
|
59
47
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
60
|
-
})
|
|
61
|
-
|
|
48
|
+
}), []);
|
|
49
|
+
const templateProps = useMemo(() => ([
|
|
62
50
|
{
|
|
63
51
|
tmplOption: "centerTemplate",
|
|
64
52
|
render: "centerRender",
|
|
65
53
|
component: "centerComponent"
|
|
66
54
|
},
|
|
67
|
-
])
|
|
68
|
-
return (React.createElement((BaseComponent),
|
|
55
|
+
]), []);
|
|
56
|
+
return (React.createElement((BaseComponent), {
|
|
57
|
+
WidgetClass: dxPieChart,
|
|
58
|
+
ref: baseRef,
|
|
59
|
+
subscribableOptions,
|
|
60
|
+
independentEvents,
|
|
61
|
+
defaults,
|
|
62
|
+
expectedChildren,
|
|
63
|
+
templateProps,
|
|
64
|
+
...props,
|
|
65
|
+
}));
|
|
69
66
|
}));
|
|
70
|
-
|
|
71
|
-
return React.createElement((NestedOption),
|
|
67
|
+
const _componentAdaptiveLayout = memo((props) => {
|
|
68
|
+
return React.createElement((NestedOption), { ...props });
|
|
72
69
|
});
|
|
73
|
-
|
|
70
|
+
const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
|
|
74
71
|
OptionName: "adaptiveLayout",
|
|
75
72
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
73
|
+
const _componentAnimation = memo((props) => {
|
|
74
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
75
|
});
|
|
79
|
-
|
|
76
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
80
77
|
OptionName: "animation",
|
|
81
78
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
79
|
+
const _componentAnnotation = memo((props) => {
|
|
80
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
81
|
});
|
|
85
|
-
|
|
82
|
+
const Annotation = Object.assign(_componentAnnotation, {
|
|
86
83
|
OptionName: "annotations",
|
|
87
84
|
IsCollectionItem: true,
|
|
88
85
|
ExpectedChildren: {
|
|
@@ -102,34 +99,34 @@ var Annotation = Object.assign(_componentAnnotation, {
|
|
|
102
99
|
component: "tooltipComponent"
|
|
103
100
|
}],
|
|
104
101
|
});
|
|
105
|
-
|
|
106
|
-
return React.createElement((NestedOption),
|
|
102
|
+
const _componentAnnotationBorder = memo((props) => {
|
|
103
|
+
return React.createElement((NestedOption), { ...props });
|
|
107
104
|
});
|
|
108
|
-
|
|
105
|
+
const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
|
|
109
106
|
OptionName: "border",
|
|
110
107
|
});
|
|
111
|
-
|
|
112
|
-
return React.createElement((NestedOption),
|
|
108
|
+
const _componentArgumentFormat = memo((props) => {
|
|
109
|
+
return React.createElement((NestedOption), { ...props });
|
|
113
110
|
});
|
|
114
|
-
|
|
111
|
+
const ArgumentFormat = Object.assign(_componentArgumentFormat, {
|
|
115
112
|
OptionName: "argumentFormat",
|
|
116
113
|
});
|
|
117
|
-
|
|
118
|
-
return React.createElement((NestedOption),
|
|
114
|
+
const _componentBorder = memo((props) => {
|
|
115
|
+
return React.createElement((NestedOption), { ...props });
|
|
119
116
|
});
|
|
120
|
-
|
|
117
|
+
const Border = Object.assign(_componentBorder, {
|
|
121
118
|
OptionName: "border",
|
|
122
119
|
});
|
|
123
|
-
|
|
124
|
-
return React.createElement((NestedOption),
|
|
120
|
+
const _componentColor = memo((props) => {
|
|
121
|
+
return React.createElement((NestedOption), { ...props });
|
|
125
122
|
});
|
|
126
|
-
|
|
123
|
+
const Color = Object.assign(_componentColor, {
|
|
127
124
|
OptionName: "color",
|
|
128
125
|
});
|
|
129
|
-
|
|
130
|
-
return React.createElement((NestedOption),
|
|
126
|
+
const _componentCommonAnnotationSettings = memo((props) => {
|
|
127
|
+
return React.createElement((NestedOption), { ...props });
|
|
131
128
|
});
|
|
132
|
-
|
|
129
|
+
const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
|
|
133
130
|
OptionName: "commonAnnotationSettings",
|
|
134
131
|
TemplateProps: [{
|
|
135
132
|
tmplOption: "template",
|
|
@@ -141,10 +138,10 @@ var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings,
|
|
|
141
138
|
component: "tooltipComponent"
|
|
142
139
|
}],
|
|
143
140
|
});
|
|
144
|
-
|
|
145
|
-
return React.createElement((NestedOption),
|
|
141
|
+
const _componentCommonSeriesSettings = memo((props) => {
|
|
142
|
+
return React.createElement((NestedOption), { ...props });
|
|
146
143
|
});
|
|
147
|
-
|
|
144
|
+
const CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
|
|
148
145
|
OptionName: "commonSeriesSettings",
|
|
149
146
|
ExpectedChildren: {
|
|
150
147
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -156,40 +153,40 @@ var CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
|
|
|
156
153
|
smallValuesGrouping: { optionName: "smallValuesGrouping", isCollectionItem: false }
|
|
157
154
|
},
|
|
158
155
|
});
|
|
159
|
-
|
|
160
|
-
return React.createElement((NestedOption),
|
|
156
|
+
const _componentConnector = memo((props) => {
|
|
157
|
+
return React.createElement((NestedOption), { ...props });
|
|
161
158
|
});
|
|
162
|
-
|
|
159
|
+
const Connector = Object.assign(_componentConnector, {
|
|
163
160
|
OptionName: "connector",
|
|
164
161
|
});
|
|
165
|
-
|
|
166
|
-
return React.createElement((NestedOption),
|
|
162
|
+
const _componentExport = memo((props) => {
|
|
163
|
+
return React.createElement((NestedOption), { ...props });
|
|
167
164
|
});
|
|
168
|
-
|
|
165
|
+
const Export = Object.assign(_componentExport, {
|
|
169
166
|
OptionName: "export",
|
|
170
167
|
});
|
|
171
|
-
|
|
172
|
-
return React.createElement((NestedOption),
|
|
168
|
+
const _componentFont = memo((props) => {
|
|
169
|
+
return React.createElement((NestedOption), { ...props });
|
|
173
170
|
});
|
|
174
|
-
|
|
171
|
+
const Font = Object.assign(_componentFont, {
|
|
175
172
|
OptionName: "font",
|
|
176
173
|
});
|
|
177
|
-
|
|
178
|
-
return React.createElement((NestedOption),
|
|
174
|
+
const _componentFormat = memo((props) => {
|
|
175
|
+
return React.createElement((NestedOption), { ...props });
|
|
179
176
|
});
|
|
180
|
-
|
|
177
|
+
const Format = Object.assign(_componentFormat, {
|
|
181
178
|
OptionName: "format",
|
|
182
179
|
});
|
|
183
|
-
|
|
184
|
-
return React.createElement((NestedOption),
|
|
180
|
+
const _componentHatching = memo((props) => {
|
|
181
|
+
return React.createElement((NestedOption), { ...props });
|
|
185
182
|
});
|
|
186
|
-
|
|
183
|
+
const Hatching = Object.assign(_componentHatching, {
|
|
187
184
|
OptionName: "hatching",
|
|
188
185
|
});
|
|
189
|
-
|
|
190
|
-
return React.createElement((NestedOption),
|
|
186
|
+
const _componentHoverStyle = memo((props) => {
|
|
187
|
+
return React.createElement((NestedOption), { ...props });
|
|
191
188
|
});
|
|
192
|
-
|
|
189
|
+
const HoverStyle = Object.assign(_componentHoverStyle, {
|
|
193
190
|
OptionName: "hoverStyle",
|
|
194
191
|
ExpectedChildren: {
|
|
195
192
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -198,16 +195,16 @@ var HoverStyle = Object.assign(_componentHoverStyle, {
|
|
|
198
195
|
seriesBorder: { optionName: "border", isCollectionItem: false }
|
|
199
196
|
},
|
|
200
197
|
});
|
|
201
|
-
|
|
202
|
-
return React.createElement((NestedOption),
|
|
198
|
+
const _componentImage = memo((props) => {
|
|
199
|
+
return React.createElement((NestedOption), { ...props });
|
|
203
200
|
});
|
|
204
|
-
|
|
201
|
+
const Image = Object.assign(_componentImage, {
|
|
205
202
|
OptionName: "image",
|
|
206
203
|
});
|
|
207
|
-
|
|
208
|
-
return React.createElement((NestedOption),
|
|
204
|
+
const _componentLabel = memo((props) => {
|
|
205
|
+
return React.createElement((NestedOption), { ...props });
|
|
209
206
|
});
|
|
210
|
-
|
|
207
|
+
const Label = Object.assign(_componentLabel, {
|
|
211
208
|
OptionName: "label",
|
|
212
209
|
ExpectedChildren: {
|
|
213
210
|
argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
|
|
@@ -218,10 +215,10 @@ var Label = Object.assign(_componentLabel, {
|
|
|
218
215
|
seriesBorder: { optionName: "border", isCollectionItem: false }
|
|
219
216
|
},
|
|
220
217
|
});
|
|
221
|
-
|
|
222
|
-
return React.createElement((NestedOption),
|
|
218
|
+
const _componentLegend = memo((props) => {
|
|
219
|
+
return React.createElement((NestedOption), { ...props });
|
|
223
220
|
});
|
|
224
|
-
|
|
221
|
+
const Legend = Object.assign(_componentLegend, {
|
|
225
222
|
OptionName: "legend",
|
|
226
223
|
ExpectedChildren: {
|
|
227
224
|
annotationBorder: { optionName: "border", isCollectionItem: false },
|
|
@@ -237,10 +234,10 @@ var Legend = Object.assign(_componentLegend, {
|
|
|
237
234
|
component: "markerComponent"
|
|
238
235
|
}],
|
|
239
236
|
});
|
|
240
|
-
|
|
241
|
-
return React.createElement((NestedOption),
|
|
237
|
+
const _componentLegendTitle = memo((props) => {
|
|
238
|
+
return React.createElement((NestedOption), { ...props });
|
|
242
239
|
});
|
|
243
|
-
|
|
240
|
+
const LegendTitle = Object.assign(_componentLegendTitle, {
|
|
244
241
|
OptionName: "title",
|
|
245
242
|
ExpectedChildren: {
|
|
246
243
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -249,19 +246,19 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
|
|
|
249
246
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
250
247
|
},
|
|
251
248
|
});
|
|
252
|
-
|
|
253
|
-
return React.createElement((NestedOption),
|
|
249
|
+
const _componentLegendTitleSubtitle = memo((props) => {
|
|
250
|
+
return React.createElement((NestedOption), { ...props });
|
|
254
251
|
});
|
|
255
|
-
|
|
252
|
+
const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
|
|
256
253
|
OptionName: "subtitle",
|
|
257
254
|
ExpectedChildren: {
|
|
258
255
|
font: { optionName: "font", isCollectionItem: false }
|
|
259
256
|
},
|
|
260
257
|
});
|
|
261
|
-
|
|
262
|
-
return React.createElement((NestedOption),
|
|
258
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
259
|
+
return React.createElement((NestedOption), { ...props });
|
|
263
260
|
});
|
|
264
|
-
|
|
261
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
265
262
|
OptionName: "loadingIndicator",
|
|
266
263
|
DefaultsProps: {
|
|
267
264
|
defaultShow: "show"
|
|
@@ -270,16 +267,16 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
270
267
|
font: { optionName: "font", isCollectionItem: false }
|
|
271
268
|
},
|
|
272
269
|
});
|
|
273
|
-
|
|
274
|
-
return React.createElement((NestedOption),
|
|
270
|
+
const _componentMargin = memo((props) => {
|
|
271
|
+
return React.createElement((NestedOption), { ...props });
|
|
275
272
|
});
|
|
276
|
-
|
|
273
|
+
const Margin = Object.assign(_componentMargin, {
|
|
277
274
|
OptionName: "margin",
|
|
278
275
|
});
|
|
279
|
-
|
|
280
|
-
return React.createElement((NestedOption),
|
|
276
|
+
const _componentPieChartTitle = memo((props) => {
|
|
277
|
+
return React.createElement((NestedOption), { ...props });
|
|
281
278
|
});
|
|
282
|
-
|
|
279
|
+
const PieChartTitle = Object.assign(_componentPieChartTitle, {
|
|
283
280
|
OptionName: "title",
|
|
284
281
|
ExpectedChildren: {
|
|
285
282
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -288,19 +285,19 @@ var PieChartTitle = Object.assign(_componentPieChartTitle, {
|
|
|
288
285
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
289
286
|
},
|
|
290
287
|
});
|
|
291
|
-
|
|
292
|
-
return React.createElement((NestedOption),
|
|
288
|
+
const _componentPieChartTitleSubtitle = memo((props) => {
|
|
289
|
+
return React.createElement((NestedOption), { ...props });
|
|
293
290
|
});
|
|
294
|
-
|
|
291
|
+
const PieChartTitleSubtitle = Object.assign(_componentPieChartTitleSubtitle, {
|
|
295
292
|
OptionName: "subtitle",
|
|
296
293
|
ExpectedChildren: {
|
|
297
294
|
font: { optionName: "font", isCollectionItem: false }
|
|
298
295
|
},
|
|
299
296
|
});
|
|
300
|
-
|
|
301
|
-
return React.createElement((NestedOption),
|
|
297
|
+
const _componentSelectionStyle = memo((props) => {
|
|
298
|
+
return React.createElement((NestedOption), { ...props });
|
|
302
299
|
});
|
|
303
|
-
|
|
300
|
+
const SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
304
301
|
OptionName: "selectionStyle",
|
|
305
302
|
ExpectedChildren: {
|
|
306
303
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -309,59 +306,59 @@ var SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
|
309
306
|
seriesBorder: { optionName: "border", isCollectionItem: false }
|
|
310
307
|
},
|
|
311
308
|
});
|
|
312
|
-
|
|
313
|
-
return React.createElement((NestedOption),
|
|
309
|
+
const _componentSeries = memo((props) => {
|
|
310
|
+
return React.createElement((NestedOption), { ...props });
|
|
314
311
|
});
|
|
315
|
-
|
|
312
|
+
const Series = Object.assign(_componentSeries, {
|
|
316
313
|
OptionName: "series",
|
|
317
314
|
IsCollectionItem: true,
|
|
318
315
|
});
|
|
319
|
-
|
|
320
|
-
return React.createElement((NestedOption),
|
|
316
|
+
const _componentSeriesBorder = memo((props) => {
|
|
317
|
+
return React.createElement((NestedOption), { ...props });
|
|
321
318
|
});
|
|
322
|
-
|
|
319
|
+
const SeriesBorder = Object.assign(_componentSeriesBorder, {
|
|
323
320
|
OptionName: "border",
|
|
324
321
|
});
|
|
325
|
-
|
|
326
|
-
return React.createElement((NestedOption),
|
|
322
|
+
const _componentSeriesTemplate = memo((props) => {
|
|
323
|
+
return React.createElement((NestedOption), { ...props });
|
|
327
324
|
});
|
|
328
|
-
|
|
325
|
+
const SeriesTemplate = Object.assign(_componentSeriesTemplate, {
|
|
329
326
|
OptionName: "seriesTemplate",
|
|
330
327
|
});
|
|
331
|
-
|
|
332
|
-
return React.createElement((NestedOption),
|
|
328
|
+
const _componentShadow = memo((props) => {
|
|
329
|
+
return React.createElement((NestedOption), { ...props });
|
|
333
330
|
});
|
|
334
|
-
|
|
331
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
335
332
|
OptionName: "shadow",
|
|
336
333
|
});
|
|
337
|
-
|
|
338
|
-
return React.createElement((NestedOption),
|
|
334
|
+
const _componentSize = memo((props) => {
|
|
335
|
+
return React.createElement((NestedOption), { ...props });
|
|
339
336
|
});
|
|
340
|
-
|
|
337
|
+
const Size = Object.assign(_componentSize, {
|
|
341
338
|
OptionName: "size",
|
|
342
339
|
});
|
|
343
|
-
|
|
344
|
-
return React.createElement((NestedOption),
|
|
340
|
+
const _componentSmallValuesGrouping = memo((props) => {
|
|
341
|
+
return React.createElement((NestedOption), { ...props });
|
|
345
342
|
});
|
|
346
|
-
|
|
343
|
+
const SmallValuesGrouping = Object.assign(_componentSmallValuesGrouping, {
|
|
347
344
|
OptionName: "smallValuesGrouping",
|
|
348
345
|
});
|
|
349
|
-
|
|
350
|
-
return React.createElement((NestedOption),
|
|
346
|
+
const _componentSubtitle = memo((props) => {
|
|
347
|
+
return React.createElement((NestedOption), { ...props });
|
|
351
348
|
});
|
|
352
|
-
|
|
349
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
353
350
|
OptionName: "subtitle",
|
|
354
351
|
});
|
|
355
|
-
|
|
356
|
-
return React.createElement((NestedOption),
|
|
352
|
+
const _componentTitle = memo((props) => {
|
|
353
|
+
return React.createElement((NestedOption), { ...props });
|
|
357
354
|
});
|
|
358
|
-
|
|
355
|
+
const Title = Object.assign(_componentTitle, {
|
|
359
356
|
OptionName: "title",
|
|
360
357
|
});
|
|
361
|
-
|
|
362
|
-
return React.createElement((NestedOption),
|
|
358
|
+
const _componentTooltip = memo((props) => {
|
|
359
|
+
return React.createElement((NestedOption), { ...props });
|
|
363
360
|
});
|
|
364
|
-
|
|
361
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
365
362
|
OptionName: "tooltip",
|
|
366
363
|
ExpectedChildren: {
|
|
367
364
|
argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
|
|
@@ -377,10 +374,10 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
377
374
|
component: "contentComponent"
|
|
378
375
|
}],
|
|
379
376
|
});
|
|
380
|
-
|
|
381
|
-
return React.createElement((NestedOption),
|
|
377
|
+
const _componentTooltipBorder = memo((props) => {
|
|
378
|
+
return React.createElement((NestedOption), { ...props });
|
|
382
379
|
});
|
|
383
|
-
|
|
380
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
384
381
|
OptionName: "border",
|
|
385
382
|
});
|
|
386
383
|
export default PieChart;
|
|
@@ -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,42 +12,36 @@
|
|
|
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 dxPivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";
|
|
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 PivotGridFieldChooser = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const independentEvents = useMemo(() => (["onContentReady", "onContextMenuPreparing", "onDisposing", "onInitialized"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
headerFilter: { optionName: "headerFilter", isCollectionItem: false },
|
|
42
30
|
pivotGridFieldChooserTexts: { optionName: "texts", isCollectionItem: false },
|
|
43
31
|
texts: { optionName: "texts", isCollectionItem: false }
|
|
44
|
-
})
|
|
45
|
-
return (React.createElement((BaseComponent),
|
|
32
|
+
}), []);
|
|
33
|
+
return (React.createElement((BaseComponent), {
|
|
34
|
+
WidgetClass: dxPivotGridFieldChooser,
|
|
35
|
+
ref: baseRef,
|
|
36
|
+
independentEvents,
|
|
37
|
+
expectedChildren,
|
|
38
|
+
...props,
|
|
39
|
+
}));
|
|
46
40
|
}));
|
|
47
|
-
|
|
48
|
-
return React.createElement((NestedOption),
|
|
41
|
+
const _componentHeaderFilter = memo((props) => {
|
|
42
|
+
return React.createElement((NestedOption), { ...props });
|
|
49
43
|
});
|
|
50
|
-
|
|
44
|
+
const HeaderFilter = Object.assign(_componentHeaderFilter, {
|
|
51
45
|
OptionName: "headerFilter",
|
|
52
46
|
ExpectedChildren: {
|
|
53
47
|
headerFilterTexts: { optionName: "texts", isCollectionItem: false },
|
|
@@ -55,28 +49,28 @@ var HeaderFilter = Object.assign(_componentHeaderFilter, {
|
|
|
55
49
|
texts: { optionName: "texts", isCollectionItem: false }
|
|
56
50
|
},
|
|
57
51
|
});
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
52
|
+
const _componentHeaderFilterTexts = memo((props) => {
|
|
53
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
54
|
});
|
|
61
|
-
|
|
55
|
+
const HeaderFilterTexts = Object.assign(_componentHeaderFilterTexts, {
|
|
62
56
|
OptionName: "texts",
|
|
63
57
|
});
|
|
64
|
-
|
|
65
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentPivotGridFieldChooserTexts = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
66
60
|
});
|
|
67
|
-
|
|
61
|
+
const PivotGridFieldChooserTexts = Object.assign(_componentPivotGridFieldChooserTexts, {
|
|
68
62
|
OptionName: "texts",
|
|
69
63
|
});
|
|
70
|
-
|
|
71
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentSearch = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
72
66
|
});
|
|
73
|
-
|
|
67
|
+
const Search = Object.assign(_componentSearch, {
|
|
74
68
|
OptionName: "search",
|
|
75
69
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentTexts = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
72
|
});
|
|
79
|
-
|
|
73
|
+
const Texts = Object.assign(_componentTexts, {
|
|
80
74
|
OptionName: "texts",
|
|
81
75
|
});
|
|
82
76
|
export default PivotGridFieldChooser;
|