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/autocomplete.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,42 +12,30 @@
|
|
|
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 dxAutocomplete from "devextreme/ui/autocomplete";
|
|
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 Autocomplete = 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(() => (["opened", "value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultOpened: "opened",
|
|
43
31
|
defaultValue: "value",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
47
35
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false },
|
|
48
36
|
item: { optionName: "items", isCollectionItem: true }
|
|
49
|
-
})
|
|
50
|
-
|
|
37
|
+
}), []);
|
|
38
|
+
const templateProps = useMemo(() => ([
|
|
51
39
|
{
|
|
52
40
|
tmplOption: "dropDownButtonTemplate",
|
|
53
41
|
render: "dropDownButtonRender",
|
|
@@ -63,51 +51,60 @@ var Autocomplete = memo(forwardRef(function (props, ref) {
|
|
|
63
51
|
render: "itemRender",
|
|
64
52
|
component: "itemComponent"
|
|
65
53
|
},
|
|
66
|
-
])
|
|
67
|
-
return (React.createElement((BaseComponent),
|
|
54
|
+
]), []);
|
|
55
|
+
return (React.createElement((BaseComponent), {
|
|
56
|
+
WidgetClass: dxAutocomplete,
|
|
57
|
+
ref: baseRef,
|
|
58
|
+
subscribableOptions,
|
|
59
|
+
independentEvents,
|
|
60
|
+
defaults,
|
|
61
|
+
expectedChildren,
|
|
62
|
+
templateProps,
|
|
63
|
+
...props,
|
|
64
|
+
}));
|
|
68
65
|
}));
|
|
69
|
-
|
|
70
|
-
return React.createElement((NestedOption),
|
|
66
|
+
const _componentAnimation = memo((props) => {
|
|
67
|
+
return React.createElement((NestedOption), { ...props });
|
|
71
68
|
});
|
|
72
|
-
|
|
69
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
73
70
|
OptionName: "animation",
|
|
74
71
|
ExpectedChildren: {
|
|
75
72
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
76
73
|
show: { optionName: "show", isCollectionItem: false }
|
|
77
74
|
},
|
|
78
75
|
});
|
|
79
|
-
|
|
80
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentAt = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
81
78
|
});
|
|
82
|
-
|
|
79
|
+
const At = Object.assign(_componentAt, {
|
|
83
80
|
OptionName: "at",
|
|
84
81
|
});
|
|
85
|
-
|
|
86
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
87
84
|
});
|
|
88
|
-
|
|
85
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
89
86
|
OptionName: "boundaryOffset",
|
|
90
87
|
});
|
|
91
|
-
|
|
92
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentButton = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
93
90
|
});
|
|
94
|
-
|
|
91
|
+
const Button = Object.assign(_componentButton, {
|
|
95
92
|
OptionName: "buttons",
|
|
96
93
|
IsCollectionItem: true,
|
|
97
94
|
ExpectedChildren: {
|
|
98
95
|
options: { optionName: "options", isCollectionItem: false }
|
|
99
96
|
},
|
|
100
97
|
});
|
|
101
|
-
|
|
102
|
-
return React.createElement((NestedOption),
|
|
98
|
+
const _componentCollision = memo((props) => {
|
|
99
|
+
return React.createElement((NestedOption), { ...props });
|
|
103
100
|
});
|
|
104
|
-
|
|
101
|
+
const Collision = Object.assign(_componentCollision, {
|
|
105
102
|
OptionName: "collision",
|
|
106
103
|
});
|
|
107
|
-
|
|
108
|
-
return React.createElement((NestedOption),
|
|
104
|
+
const _componentDropDownOptions = memo((props) => {
|
|
105
|
+
return React.createElement((NestedOption), { ...props });
|
|
109
106
|
});
|
|
110
|
-
|
|
107
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
111
108
|
OptionName: "dropDownOptions",
|
|
112
109
|
DefaultsProps: {
|
|
113
110
|
defaultHeight: "height",
|
|
@@ -130,29 +127,29 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
130
127
|
component: "titleComponent"
|
|
131
128
|
}],
|
|
132
129
|
});
|
|
133
|
-
|
|
134
|
-
return React.createElement((NestedOption),
|
|
130
|
+
const _componentFrom = memo((props) => {
|
|
131
|
+
return React.createElement((NestedOption), { ...props });
|
|
135
132
|
});
|
|
136
|
-
|
|
133
|
+
const From = Object.assign(_componentFrom, {
|
|
137
134
|
OptionName: "from",
|
|
138
135
|
ExpectedChildren: {
|
|
139
136
|
position: { optionName: "position", isCollectionItem: false }
|
|
140
137
|
},
|
|
141
138
|
});
|
|
142
|
-
|
|
143
|
-
return React.createElement((NestedOption),
|
|
139
|
+
const _componentHide = memo((props) => {
|
|
140
|
+
return React.createElement((NestedOption), { ...props });
|
|
144
141
|
});
|
|
145
|
-
|
|
142
|
+
const Hide = Object.assign(_componentHide, {
|
|
146
143
|
OptionName: "hide",
|
|
147
144
|
ExpectedChildren: {
|
|
148
145
|
from: { optionName: "from", isCollectionItem: false },
|
|
149
146
|
to: { optionName: "to", isCollectionItem: false }
|
|
150
147
|
},
|
|
151
148
|
});
|
|
152
|
-
|
|
153
|
-
return React.createElement((NestedOption),
|
|
149
|
+
const _componentItem = memo((props) => {
|
|
150
|
+
return React.createElement((NestedOption), { ...props });
|
|
154
151
|
});
|
|
155
|
-
|
|
152
|
+
const Item = Object.assign(_componentItem, {
|
|
156
153
|
OptionName: "items",
|
|
157
154
|
IsCollectionItem: true,
|
|
158
155
|
TemplateProps: [{
|
|
@@ -161,22 +158,22 @@ var Item = Object.assign(_componentItem, {
|
|
|
161
158
|
component: "component"
|
|
162
159
|
}],
|
|
163
160
|
});
|
|
164
|
-
|
|
165
|
-
return React.createElement((NestedOption),
|
|
161
|
+
const _componentMy = memo((props) => {
|
|
162
|
+
return React.createElement((NestedOption), { ...props });
|
|
166
163
|
});
|
|
167
|
-
|
|
164
|
+
const My = Object.assign(_componentMy, {
|
|
168
165
|
OptionName: "my",
|
|
169
166
|
});
|
|
170
|
-
|
|
171
|
-
return React.createElement((NestedOption),
|
|
167
|
+
const _componentOffset = memo((props) => {
|
|
168
|
+
return React.createElement((NestedOption), { ...props });
|
|
172
169
|
});
|
|
173
|
-
|
|
170
|
+
const Offset = Object.assign(_componentOffset, {
|
|
174
171
|
OptionName: "offset",
|
|
175
172
|
});
|
|
176
|
-
|
|
177
|
-
return React.createElement((NestedOption),
|
|
173
|
+
const _componentOptions = memo((props) => {
|
|
174
|
+
return React.createElement((NestedOption), { ...props });
|
|
178
175
|
});
|
|
179
|
-
|
|
176
|
+
const Options = Object.assign(_componentOptions, {
|
|
180
177
|
OptionName: "options",
|
|
181
178
|
TemplateProps: [{
|
|
182
179
|
tmplOption: "template",
|
|
@@ -184,28 +181,28 @@ var Options = Object.assign(_componentOptions, {
|
|
|
184
181
|
component: "component"
|
|
185
182
|
}],
|
|
186
183
|
});
|
|
187
|
-
|
|
188
|
-
return React.createElement((NestedOption),
|
|
184
|
+
const _componentPosition = memo((props) => {
|
|
185
|
+
return React.createElement((NestedOption), { ...props });
|
|
189
186
|
});
|
|
190
|
-
|
|
187
|
+
const Position = Object.assign(_componentPosition, {
|
|
191
188
|
OptionName: "position",
|
|
192
189
|
});
|
|
193
|
-
|
|
194
|
-
return React.createElement((NestedOption),
|
|
190
|
+
const _componentShow = memo((props) => {
|
|
191
|
+
return React.createElement((NestedOption), { ...props });
|
|
195
192
|
});
|
|
196
|
-
|
|
193
|
+
const Show = Object.assign(_componentShow, {
|
|
197
194
|
OptionName: "show",
|
|
198
195
|
});
|
|
199
|
-
|
|
200
|
-
return React.createElement((NestedOption),
|
|
196
|
+
const _componentTo = memo((props) => {
|
|
197
|
+
return React.createElement((NestedOption), { ...props });
|
|
201
198
|
});
|
|
202
|
-
|
|
199
|
+
const To = Object.assign(_componentTo, {
|
|
203
200
|
OptionName: "to",
|
|
204
201
|
});
|
|
205
|
-
|
|
206
|
-
return React.createElement((NestedOption),
|
|
202
|
+
const _componentToolbarItem = memo((props) => {
|
|
203
|
+
return React.createElement((NestedOption), { ...props });
|
|
207
204
|
});
|
|
208
|
-
|
|
205
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
209
206
|
OptionName: "toolbarItems",
|
|
210
207
|
IsCollectionItem: true,
|
|
211
208
|
TemplateProps: [{
|
package/esm/bar-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,37 +12,25 @@
|
|
|
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 dxBarGauge from "devextreme/viz/bar_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 BarGauge = 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", "values"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
31
|
defaultValues: "values",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
47
35
|
barGaugeTitle: { optionName: "title", isCollectionItem: false },
|
|
48
36
|
export: { optionName: "export", isCollectionItem: false },
|
|
@@ -54,26 +42,35 @@ var BarGauge = memo(forwardRef(function (props, ref) {
|
|
|
54
42
|
size: { optionName: "size", isCollectionItem: false },
|
|
55
43
|
title: { optionName: "title", isCollectionItem: false },
|
|
56
44
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
57
|
-
})
|
|
58
|
-
|
|
45
|
+
}), []);
|
|
46
|
+
const templateProps = useMemo(() => ([
|
|
59
47
|
{
|
|
60
48
|
tmplOption: "centerTemplate",
|
|
61
49
|
render: "centerRender",
|
|
62
50
|
component: "centerComponent"
|
|
63
51
|
},
|
|
64
|
-
])
|
|
65
|
-
return (React.createElement((BaseComponent),
|
|
52
|
+
]), []);
|
|
53
|
+
return (React.createElement((BaseComponent), {
|
|
54
|
+
WidgetClass: dxBarGauge,
|
|
55
|
+
ref: baseRef,
|
|
56
|
+
subscribableOptions,
|
|
57
|
+
independentEvents,
|
|
58
|
+
defaults,
|
|
59
|
+
expectedChildren,
|
|
60
|
+
templateProps,
|
|
61
|
+
...props,
|
|
62
|
+
}));
|
|
66
63
|
}));
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentAnimation = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
66
|
});
|
|
70
|
-
|
|
67
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
71
68
|
OptionName: "animation",
|
|
72
69
|
});
|
|
73
|
-
|
|
74
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentBarGaugeTitle = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
75
72
|
});
|
|
76
|
-
|
|
73
|
+
const BarGaugeTitle = Object.assign(_componentBarGaugeTitle, {
|
|
77
74
|
OptionName: "title",
|
|
78
75
|
ExpectedChildren: {
|
|
79
76
|
barGaugeTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
|
|
@@ -82,65 +79,65 @@ var BarGaugeTitle = Object.assign(_componentBarGaugeTitle, {
|
|
|
82
79
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
83
80
|
},
|
|
84
81
|
});
|
|
85
|
-
|
|
86
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentBarGaugeTitleSubtitle = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
87
84
|
});
|
|
88
|
-
|
|
85
|
+
const BarGaugeTitleSubtitle = Object.assign(_componentBarGaugeTitleSubtitle, {
|
|
89
86
|
OptionName: "subtitle",
|
|
90
87
|
ExpectedChildren: {
|
|
91
88
|
font: { optionName: "font", isCollectionItem: false }
|
|
92
89
|
},
|
|
93
90
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
91
|
+
const _componentBorder = memo((props) => {
|
|
92
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
93
|
});
|
|
97
|
-
|
|
94
|
+
const Border = Object.assign(_componentBorder, {
|
|
98
95
|
OptionName: "border",
|
|
99
96
|
});
|
|
100
|
-
|
|
101
|
-
return React.createElement((NestedOption),
|
|
97
|
+
const _componentExport = memo((props) => {
|
|
98
|
+
return React.createElement((NestedOption), { ...props });
|
|
102
99
|
});
|
|
103
|
-
|
|
100
|
+
const Export = Object.assign(_componentExport, {
|
|
104
101
|
OptionName: "export",
|
|
105
102
|
});
|
|
106
|
-
|
|
107
|
-
return React.createElement((NestedOption),
|
|
103
|
+
const _componentFont = memo((props) => {
|
|
104
|
+
return React.createElement((NestedOption), { ...props });
|
|
108
105
|
});
|
|
109
|
-
|
|
106
|
+
const Font = Object.assign(_componentFont, {
|
|
110
107
|
OptionName: "font",
|
|
111
108
|
});
|
|
112
|
-
|
|
113
|
-
return React.createElement((NestedOption),
|
|
109
|
+
const _componentFormat = memo((props) => {
|
|
110
|
+
return React.createElement((NestedOption), { ...props });
|
|
114
111
|
});
|
|
115
|
-
|
|
112
|
+
const Format = Object.assign(_componentFormat, {
|
|
116
113
|
OptionName: "format",
|
|
117
114
|
});
|
|
118
|
-
|
|
119
|
-
return React.createElement((NestedOption),
|
|
115
|
+
const _componentGeometry = memo((props) => {
|
|
116
|
+
return React.createElement((NestedOption), { ...props });
|
|
120
117
|
});
|
|
121
|
-
|
|
118
|
+
const Geometry = Object.assign(_componentGeometry, {
|
|
122
119
|
OptionName: "geometry",
|
|
123
120
|
});
|
|
124
|
-
|
|
125
|
-
return React.createElement((NestedOption),
|
|
121
|
+
const _componentItemTextFormat = memo((props) => {
|
|
122
|
+
return React.createElement((NestedOption), { ...props });
|
|
126
123
|
});
|
|
127
|
-
|
|
124
|
+
const ItemTextFormat = Object.assign(_componentItemTextFormat, {
|
|
128
125
|
OptionName: "itemTextFormat",
|
|
129
126
|
});
|
|
130
|
-
|
|
131
|
-
return React.createElement((NestedOption),
|
|
127
|
+
const _componentLabel = memo((props) => {
|
|
128
|
+
return React.createElement((NestedOption), { ...props });
|
|
132
129
|
});
|
|
133
|
-
|
|
130
|
+
const Label = Object.assign(_componentLabel, {
|
|
134
131
|
OptionName: "label",
|
|
135
132
|
ExpectedChildren: {
|
|
136
133
|
font: { optionName: "font", isCollectionItem: false },
|
|
137
134
|
format: { optionName: "format", isCollectionItem: false }
|
|
138
135
|
},
|
|
139
136
|
});
|
|
140
|
-
|
|
141
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentLegend = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
142
139
|
});
|
|
143
|
-
|
|
140
|
+
const Legend = Object.assign(_componentLegend, {
|
|
144
141
|
OptionName: "legend",
|
|
145
142
|
ExpectedChildren: {
|
|
146
143
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -157,16 +154,16 @@ var Legend = Object.assign(_componentLegend, {
|
|
|
157
154
|
component: "markerComponent"
|
|
158
155
|
}],
|
|
159
156
|
});
|
|
160
|
-
|
|
161
|
-
return React.createElement((NestedOption),
|
|
157
|
+
const _componentLegendBorder = memo((props) => {
|
|
158
|
+
return React.createElement((NestedOption), { ...props });
|
|
162
159
|
});
|
|
163
|
-
|
|
160
|
+
const LegendBorder = Object.assign(_componentLegendBorder, {
|
|
164
161
|
OptionName: "border",
|
|
165
162
|
});
|
|
166
|
-
|
|
167
|
-
return React.createElement((NestedOption),
|
|
163
|
+
const _componentLegendTitle = memo((props) => {
|
|
164
|
+
return React.createElement((NestedOption), { ...props });
|
|
168
165
|
});
|
|
169
|
-
|
|
166
|
+
const LegendTitle = Object.assign(_componentLegendTitle, {
|
|
170
167
|
OptionName: "title",
|
|
171
168
|
ExpectedChildren: {
|
|
172
169
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -175,19 +172,19 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
|
|
|
175
172
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
176
173
|
},
|
|
177
174
|
});
|
|
178
|
-
|
|
179
|
-
return React.createElement((NestedOption),
|
|
175
|
+
const _componentLegendTitleSubtitle = memo((props) => {
|
|
176
|
+
return React.createElement((NestedOption), { ...props });
|
|
180
177
|
});
|
|
181
|
-
|
|
178
|
+
const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
|
|
182
179
|
OptionName: "subtitle",
|
|
183
180
|
ExpectedChildren: {
|
|
184
181
|
font: { optionName: "font", isCollectionItem: false }
|
|
185
182
|
},
|
|
186
183
|
});
|
|
187
|
-
|
|
188
|
-
return React.createElement((NestedOption),
|
|
184
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
185
|
+
return React.createElement((NestedOption), { ...props });
|
|
189
186
|
});
|
|
190
|
-
|
|
187
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
191
188
|
OptionName: "loadingIndicator",
|
|
192
189
|
DefaultsProps: {
|
|
193
190
|
defaultShow: "show"
|
|
@@ -196,40 +193,40 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
196
193
|
font: { optionName: "font", isCollectionItem: false }
|
|
197
194
|
},
|
|
198
195
|
});
|
|
199
|
-
|
|
200
|
-
return React.createElement((NestedOption),
|
|
196
|
+
const _componentMargin = memo((props) => {
|
|
197
|
+
return React.createElement((NestedOption), { ...props });
|
|
201
198
|
});
|
|
202
|
-
|
|
199
|
+
const Margin = Object.assign(_componentMargin, {
|
|
203
200
|
OptionName: "margin",
|
|
204
201
|
});
|
|
205
|
-
|
|
206
|
-
return React.createElement((NestedOption),
|
|
202
|
+
const _componentShadow = memo((props) => {
|
|
203
|
+
return React.createElement((NestedOption), { ...props });
|
|
207
204
|
});
|
|
208
|
-
|
|
205
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
209
206
|
OptionName: "shadow",
|
|
210
207
|
});
|
|
211
|
-
|
|
212
|
-
return React.createElement((NestedOption),
|
|
208
|
+
const _componentSize = memo((props) => {
|
|
209
|
+
return React.createElement((NestedOption), { ...props });
|
|
213
210
|
});
|
|
214
|
-
|
|
211
|
+
const Size = Object.assign(_componentSize, {
|
|
215
212
|
OptionName: "size",
|
|
216
213
|
});
|
|
217
|
-
|
|
218
|
-
return React.createElement((NestedOption),
|
|
214
|
+
const _componentSubtitle = memo((props) => {
|
|
215
|
+
return React.createElement((NestedOption), { ...props });
|
|
219
216
|
});
|
|
220
|
-
|
|
217
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
221
218
|
OptionName: "subtitle",
|
|
222
219
|
});
|
|
223
|
-
|
|
224
|
-
return React.createElement((NestedOption),
|
|
220
|
+
const _componentTitle = memo((props) => {
|
|
221
|
+
return React.createElement((NestedOption), { ...props });
|
|
225
222
|
});
|
|
226
|
-
|
|
223
|
+
const Title = Object.assign(_componentTitle, {
|
|
227
224
|
OptionName: "title",
|
|
228
225
|
});
|
|
229
|
-
|
|
230
|
-
return React.createElement((NestedOption),
|
|
226
|
+
const _componentTooltip = memo((props) => {
|
|
227
|
+
return React.createElement((NestedOption), { ...props });
|
|
231
228
|
});
|
|
232
|
-
|
|
229
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
233
230
|
OptionName: "tooltip",
|
|
234
231
|
ExpectedChildren: {
|
|
235
232
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -244,10 +241,10 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
244
241
|
component: "contentComponent"
|
|
245
242
|
}],
|
|
246
243
|
});
|
|
247
|
-
|
|
248
|
-
return React.createElement((NestedOption),
|
|
244
|
+
const _componentTooltipBorder = memo((props) => {
|
|
245
|
+
return React.createElement((NestedOption), { ...props });
|
|
249
246
|
});
|
|
250
|
-
|
|
247
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
251
248
|
OptionName: "border",
|
|
252
249
|
});
|
|
253
250
|
export default BarGauge;
|