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/linear-gauge.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,38 +12,26 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxLinearGauge from "devextreme/viz/linear_gauge";
|
|
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 LinearGauge = 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", "subvalues", "value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
31
|
defaultSubvalues: "subvalues",
|
|
44
32
|
defaultValue: "value",
|
|
45
|
-
})
|
|
46
|
-
|
|
33
|
+
}), []);
|
|
34
|
+
const expectedChildren = useMemo(() => ({
|
|
47
35
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
48
36
|
export: { optionName: "export", isCollectionItem: false },
|
|
49
37
|
geometry: { optionName: "geometry", isCollectionItem: false },
|
|
@@ -56,71 +44,79 @@ var LinearGauge = memo(forwardRef(function (props, ref) {
|
|
|
56
44
|
title: { optionName: "title", isCollectionItem: false },
|
|
57
45
|
tooltip: { optionName: "tooltip", isCollectionItem: false },
|
|
58
46
|
valueIndicator: { optionName: "valueIndicator", isCollectionItem: false }
|
|
59
|
-
})
|
|
60
|
-
return (React.createElement((BaseComponent),
|
|
47
|
+
}), []);
|
|
48
|
+
return (React.createElement((BaseComponent), {
|
|
49
|
+
WidgetClass: dxLinearGauge,
|
|
50
|
+
ref: baseRef,
|
|
51
|
+
subscribableOptions,
|
|
52
|
+
independentEvents,
|
|
53
|
+
defaults,
|
|
54
|
+
expectedChildren,
|
|
55
|
+
...props,
|
|
56
|
+
}));
|
|
61
57
|
}));
|
|
62
|
-
|
|
63
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentAnimation = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
64
60
|
});
|
|
65
|
-
|
|
61
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
66
62
|
OptionName: "animation",
|
|
67
63
|
});
|
|
68
|
-
|
|
69
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentBackgroundColor = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
70
66
|
});
|
|
71
|
-
|
|
67
|
+
const BackgroundColor = Object.assign(_componentBackgroundColor, {
|
|
72
68
|
OptionName: "backgroundColor",
|
|
73
69
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentBorder = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
72
|
});
|
|
77
|
-
|
|
73
|
+
const Border = Object.assign(_componentBorder, {
|
|
78
74
|
OptionName: "border",
|
|
79
75
|
});
|
|
80
|
-
|
|
81
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentColor = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
82
78
|
});
|
|
83
|
-
|
|
79
|
+
const Color = Object.assign(_componentColor, {
|
|
84
80
|
OptionName: "color",
|
|
85
81
|
});
|
|
86
|
-
|
|
87
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentExport = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
88
84
|
});
|
|
89
|
-
|
|
85
|
+
const Export = Object.assign(_componentExport, {
|
|
90
86
|
OptionName: "export",
|
|
91
87
|
});
|
|
92
|
-
|
|
93
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentFont = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
94
90
|
});
|
|
95
|
-
|
|
91
|
+
const Font = Object.assign(_componentFont, {
|
|
96
92
|
OptionName: "font",
|
|
97
93
|
});
|
|
98
|
-
|
|
99
|
-
return React.createElement((NestedOption),
|
|
94
|
+
const _componentFormat = memo((props) => {
|
|
95
|
+
return React.createElement((NestedOption), { ...props });
|
|
100
96
|
});
|
|
101
|
-
|
|
97
|
+
const Format = Object.assign(_componentFormat, {
|
|
102
98
|
OptionName: "format",
|
|
103
99
|
});
|
|
104
|
-
|
|
105
|
-
return React.createElement((NestedOption),
|
|
100
|
+
const _componentGeometry = memo((props) => {
|
|
101
|
+
return React.createElement((NestedOption), { ...props });
|
|
106
102
|
});
|
|
107
|
-
|
|
103
|
+
const Geometry = Object.assign(_componentGeometry, {
|
|
108
104
|
OptionName: "geometry",
|
|
109
105
|
});
|
|
110
|
-
|
|
111
|
-
return React.createElement((NestedOption),
|
|
106
|
+
const _componentLabel = memo((props) => {
|
|
107
|
+
return React.createElement((NestedOption), { ...props });
|
|
112
108
|
});
|
|
113
|
-
|
|
109
|
+
const Label = Object.assign(_componentLabel, {
|
|
114
110
|
OptionName: "label",
|
|
115
111
|
ExpectedChildren: {
|
|
116
112
|
font: { optionName: "font", isCollectionItem: false },
|
|
117
113
|
format: { optionName: "format", isCollectionItem: false }
|
|
118
114
|
},
|
|
119
115
|
});
|
|
120
|
-
|
|
121
|
-
return React.createElement((NestedOption),
|
|
116
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
117
|
+
return React.createElement((NestedOption), { ...props });
|
|
122
118
|
});
|
|
123
|
-
|
|
119
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
124
120
|
OptionName: "loadingIndicator",
|
|
125
121
|
DefaultsProps: {
|
|
126
122
|
defaultShow: "show"
|
|
@@ -129,32 +125,32 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
129
125
|
font: { optionName: "font", isCollectionItem: false }
|
|
130
126
|
},
|
|
131
127
|
});
|
|
132
|
-
|
|
133
|
-
return React.createElement((NestedOption),
|
|
128
|
+
const _componentMargin = memo((props) => {
|
|
129
|
+
return React.createElement((NestedOption), { ...props });
|
|
134
130
|
});
|
|
135
|
-
|
|
131
|
+
const Margin = Object.assign(_componentMargin, {
|
|
136
132
|
OptionName: "margin",
|
|
137
133
|
});
|
|
138
|
-
|
|
139
|
-
return React.createElement((NestedOption),
|
|
134
|
+
const _componentMinorTick = memo((props) => {
|
|
135
|
+
return React.createElement((NestedOption), { ...props });
|
|
140
136
|
});
|
|
141
|
-
|
|
137
|
+
const MinorTick = Object.assign(_componentMinorTick, {
|
|
142
138
|
OptionName: "minorTick",
|
|
143
139
|
});
|
|
144
|
-
|
|
145
|
-
return React.createElement((NestedOption),
|
|
140
|
+
const _componentRange = memo((props) => {
|
|
141
|
+
return React.createElement((NestedOption), { ...props });
|
|
146
142
|
});
|
|
147
|
-
|
|
143
|
+
const Range = Object.assign(_componentRange, {
|
|
148
144
|
OptionName: "ranges",
|
|
149
145
|
IsCollectionItem: true,
|
|
150
146
|
ExpectedChildren: {
|
|
151
147
|
color: { optionName: "color", isCollectionItem: false }
|
|
152
148
|
},
|
|
153
149
|
});
|
|
154
|
-
|
|
155
|
-
return React.createElement((NestedOption),
|
|
150
|
+
const _componentRangeContainer = memo((props) => {
|
|
151
|
+
return React.createElement((NestedOption), { ...props });
|
|
156
152
|
});
|
|
157
|
-
|
|
153
|
+
const RangeContainer = Object.assign(_componentRangeContainer, {
|
|
158
154
|
OptionName: "rangeContainer",
|
|
159
155
|
ExpectedChildren: {
|
|
160
156
|
backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
|
|
@@ -162,10 +158,10 @@ var RangeContainer = Object.assign(_componentRangeContainer, {
|
|
|
162
158
|
width: { optionName: "width", isCollectionItem: false }
|
|
163
159
|
},
|
|
164
160
|
});
|
|
165
|
-
|
|
166
|
-
return React.createElement((NestedOption),
|
|
161
|
+
const _componentScale = memo((props) => {
|
|
162
|
+
return React.createElement((NestedOption), { ...props });
|
|
167
163
|
});
|
|
168
|
-
|
|
164
|
+
const Scale = Object.assign(_componentScale, {
|
|
169
165
|
OptionName: "scale",
|
|
170
166
|
ExpectedChildren: {
|
|
171
167
|
label: { optionName: "label", isCollectionItem: false },
|
|
@@ -173,57 +169,57 @@ var Scale = Object.assign(_componentScale, {
|
|
|
173
169
|
tick: { optionName: "tick", isCollectionItem: false }
|
|
174
170
|
},
|
|
175
171
|
});
|
|
176
|
-
|
|
177
|
-
return React.createElement((NestedOption),
|
|
172
|
+
const _componentShadow = memo((props) => {
|
|
173
|
+
return React.createElement((NestedOption), { ...props });
|
|
178
174
|
});
|
|
179
|
-
|
|
175
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
180
176
|
OptionName: "shadow",
|
|
181
177
|
});
|
|
182
|
-
|
|
183
|
-
return React.createElement((NestedOption),
|
|
178
|
+
const _componentSize = memo((props) => {
|
|
179
|
+
return React.createElement((NestedOption), { ...props });
|
|
184
180
|
});
|
|
185
|
-
|
|
181
|
+
const Size = Object.assign(_componentSize, {
|
|
186
182
|
OptionName: "size",
|
|
187
183
|
});
|
|
188
|
-
|
|
189
|
-
return React.createElement((NestedOption),
|
|
184
|
+
const _componentSubtitle = memo((props) => {
|
|
185
|
+
return React.createElement((NestedOption), { ...props });
|
|
190
186
|
});
|
|
191
|
-
|
|
187
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
192
188
|
OptionName: "subtitle",
|
|
193
189
|
ExpectedChildren: {
|
|
194
190
|
font: { optionName: "font", isCollectionItem: false }
|
|
195
191
|
},
|
|
196
192
|
});
|
|
197
|
-
|
|
198
|
-
return React.createElement((NestedOption),
|
|
193
|
+
const _componentSubvalueIndicator = memo((props) => {
|
|
194
|
+
return React.createElement((NestedOption), { ...props });
|
|
199
195
|
});
|
|
200
|
-
|
|
196
|
+
const SubvalueIndicator = Object.assign(_componentSubvalueIndicator, {
|
|
201
197
|
OptionName: "subvalueIndicator",
|
|
202
198
|
ExpectedChildren: {
|
|
203
199
|
color: { optionName: "color", isCollectionItem: false },
|
|
204
200
|
text: { optionName: "text", isCollectionItem: false }
|
|
205
201
|
},
|
|
206
202
|
});
|
|
207
|
-
|
|
208
|
-
return React.createElement((NestedOption),
|
|
203
|
+
const _componentText = memo((props) => {
|
|
204
|
+
return React.createElement((NestedOption), { ...props });
|
|
209
205
|
});
|
|
210
|
-
|
|
206
|
+
const Text = Object.assign(_componentText, {
|
|
211
207
|
OptionName: "text",
|
|
212
208
|
ExpectedChildren: {
|
|
213
209
|
font: { optionName: "font", isCollectionItem: false },
|
|
214
210
|
format: { optionName: "format", isCollectionItem: false }
|
|
215
211
|
},
|
|
216
212
|
});
|
|
217
|
-
|
|
218
|
-
return React.createElement((NestedOption),
|
|
213
|
+
const _componentTick = memo((props) => {
|
|
214
|
+
return React.createElement((NestedOption), { ...props });
|
|
219
215
|
});
|
|
220
|
-
|
|
216
|
+
const Tick = Object.assign(_componentTick, {
|
|
221
217
|
OptionName: "tick",
|
|
222
218
|
});
|
|
223
|
-
|
|
224
|
-
return React.createElement((NestedOption),
|
|
219
|
+
const _componentTitle = memo((props) => {
|
|
220
|
+
return React.createElement((NestedOption), { ...props });
|
|
225
221
|
});
|
|
226
|
-
|
|
222
|
+
const Title = Object.assign(_componentTitle, {
|
|
227
223
|
OptionName: "title",
|
|
228
224
|
ExpectedChildren: {
|
|
229
225
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -231,10 +227,10 @@ var Title = Object.assign(_componentTitle, {
|
|
|
231
227
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
232
228
|
},
|
|
233
229
|
});
|
|
234
|
-
|
|
235
|
-
return React.createElement((NestedOption),
|
|
230
|
+
const _componentTooltip = memo((props) => {
|
|
231
|
+
return React.createElement((NestedOption), { ...props });
|
|
236
232
|
});
|
|
237
|
-
|
|
233
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
238
234
|
OptionName: "tooltip",
|
|
239
235
|
ExpectedChildren: {
|
|
240
236
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -248,16 +244,16 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
248
244
|
component: "contentComponent"
|
|
249
245
|
}],
|
|
250
246
|
});
|
|
251
|
-
|
|
252
|
-
return React.createElement((NestedOption),
|
|
247
|
+
const _componentValueIndicator = memo((props) => {
|
|
248
|
+
return React.createElement((NestedOption), { ...props });
|
|
253
249
|
});
|
|
254
|
-
|
|
250
|
+
const ValueIndicator = Object.assign(_componentValueIndicator, {
|
|
255
251
|
OptionName: "valueIndicator",
|
|
256
252
|
});
|
|
257
|
-
|
|
258
|
-
return React.createElement((NestedOption),
|
|
253
|
+
const _componentWidth = memo((props) => {
|
|
254
|
+
return React.createElement((NestedOption), { ...props });
|
|
259
255
|
});
|
|
260
|
-
|
|
256
|
+
const Width = Object.assign(_componentWidth, {
|
|
261
257
|
OptionName: "width",
|
|
262
258
|
});
|
|
263
259
|
export default LinearGauge;
|
package/esm/list.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,44 +12,32 @@
|
|
|
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 dxList from "devextreme/ui/list";
|
|
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 List = 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", "selectedItemKeys", "selectedItems"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
31
|
defaultSelectedItemKeys: "selectedItemKeys",
|
|
44
32
|
defaultSelectedItems: "selectedItems",
|
|
45
|
-
})
|
|
46
|
-
|
|
33
|
+
}), []);
|
|
34
|
+
const expectedChildren = useMemo(() => ({
|
|
47
35
|
item: { optionName: "items", isCollectionItem: true },
|
|
48
36
|
itemDragging: { optionName: "itemDragging", isCollectionItem: false },
|
|
49
37
|
menuItem: { optionName: "menuItems", isCollectionItem: true },
|
|
50
38
|
searchEditorOptions: { optionName: "searchEditorOptions", isCollectionItem: false }
|
|
51
|
-
})
|
|
52
|
-
|
|
39
|
+
}), []);
|
|
40
|
+
const templateProps = useMemo(() => ([
|
|
53
41
|
{
|
|
54
42
|
tmplOption: "groupTemplate",
|
|
55
43
|
render: "groupRender",
|
|
@@ -60,29 +48,38 @@ var List = memo(forwardRef(function (props, ref) {
|
|
|
60
48
|
render: "itemRender",
|
|
61
49
|
component: "itemComponent"
|
|
62
50
|
},
|
|
63
|
-
])
|
|
64
|
-
return (React.createElement((BaseComponent),
|
|
51
|
+
]), []);
|
|
52
|
+
return (React.createElement((BaseComponent), {
|
|
53
|
+
WidgetClass: dxList,
|
|
54
|
+
ref: baseRef,
|
|
55
|
+
subscribableOptions,
|
|
56
|
+
independentEvents,
|
|
57
|
+
defaults,
|
|
58
|
+
expectedChildren,
|
|
59
|
+
templateProps,
|
|
60
|
+
...props,
|
|
61
|
+
}));
|
|
65
62
|
}));
|
|
66
|
-
|
|
67
|
-
return React.createElement((NestedOption),
|
|
63
|
+
const _componentButton = memo((props) => {
|
|
64
|
+
return React.createElement((NestedOption), { ...props });
|
|
68
65
|
});
|
|
69
|
-
|
|
66
|
+
const Button = Object.assign(_componentButton, {
|
|
70
67
|
OptionName: "buttons",
|
|
71
68
|
IsCollectionItem: true,
|
|
72
69
|
ExpectedChildren: {
|
|
73
70
|
options: { optionName: "options", isCollectionItem: false }
|
|
74
71
|
},
|
|
75
72
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
73
|
+
const _componentCursorOffset = memo((props) => {
|
|
74
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
75
|
});
|
|
79
|
-
|
|
76
|
+
const CursorOffset = Object.assign(_componentCursorOffset, {
|
|
80
77
|
OptionName: "cursorOffset",
|
|
81
78
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
79
|
+
const _componentItem = memo((props) => {
|
|
80
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
81
|
});
|
|
85
|
-
|
|
82
|
+
const Item = Object.assign(_componentItem, {
|
|
86
83
|
OptionName: "items",
|
|
87
84
|
IsCollectionItem: true,
|
|
88
85
|
TemplateProps: [{
|
|
@@ -91,10 +88,10 @@ var Item = Object.assign(_componentItem, {
|
|
|
91
88
|
component: "component"
|
|
92
89
|
}],
|
|
93
90
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
91
|
+
const _componentItemDragging = memo((props) => {
|
|
92
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
93
|
});
|
|
97
|
-
|
|
94
|
+
const ItemDragging = Object.assign(_componentItemDragging, {
|
|
98
95
|
OptionName: "itemDragging",
|
|
99
96
|
ExpectedChildren: {
|
|
100
97
|
cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
|
|
@@ -105,17 +102,17 @@ var ItemDragging = Object.assign(_componentItemDragging, {
|
|
|
105
102
|
component: "dragComponent"
|
|
106
103
|
}],
|
|
107
104
|
});
|
|
108
|
-
|
|
109
|
-
return React.createElement((NestedOption),
|
|
105
|
+
const _componentMenuItem = memo((props) => {
|
|
106
|
+
return React.createElement((NestedOption), { ...props });
|
|
110
107
|
});
|
|
111
|
-
|
|
108
|
+
const MenuItem = Object.assign(_componentMenuItem, {
|
|
112
109
|
OptionName: "menuItems",
|
|
113
110
|
IsCollectionItem: true,
|
|
114
111
|
});
|
|
115
|
-
|
|
116
|
-
return React.createElement((NestedOption),
|
|
112
|
+
const _componentOptions = memo((props) => {
|
|
113
|
+
return React.createElement((NestedOption), { ...props });
|
|
117
114
|
});
|
|
118
|
-
|
|
115
|
+
const Options = Object.assign(_componentOptions, {
|
|
119
116
|
OptionName: "options",
|
|
120
117
|
TemplateProps: [{
|
|
121
118
|
tmplOption: "template",
|
|
@@ -123,10 +120,10 @@ var Options = Object.assign(_componentOptions, {
|
|
|
123
120
|
component: "component"
|
|
124
121
|
}],
|
|
125
122
|
});
|
|
126
|
-
|
|
127
|
-
return React.createElement((NestedOption),
|
|
123
|
+
const _componentSearchEditorOptions = memo((props) => {
|
|
124
|
+
return React.createElement((NestedOption), { ...props });
|
|
128
125
|
});
|
|
129
|
-
|
|
126
|
+
const SearchEditorOptions = Object.assign(_componentSearchEditorOptions, {
|
|
130
127
|
OptionName: "searchEditorOptions",
|
|
131
128
|
DefaultsProps: {
|
|
132
129
|
defaultValue: "value"
|
package/esm/load-indicator.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 dxLoadIndicator from "devextreme/ui/load_indicator";
|
|
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 LoadIndicator = 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(() => (["onContentReady", "onDisposing", "onInitialized"]), []);
|
|
27
|
+
return (React.createElement((BaseComponent), {
|
|
28
|
+
WidgetClass: dxLoadIndicator,
|
|
29
|
+
ref: baseRef,
|
|
30
|
+
independentEvents,
|
|
31
|
+
...props,
|
|
32
|
+
}));
|
|
40
33
|
}));
|
|
41
34
|
export default LoadIndicator;
|
|
42
35
|
export { LoadIndicator };
|