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/validator.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,32 +12,20 @@
|
|
|
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 dxValidator from "devextreme/ui/validator";
|
|
29
18
|
import { ExtensionComponent as BaseComponent } from "./core/extension-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 _componentValidator = 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(() => (["onDisposing", "onInitialized", "onValidated"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
adapter: { optionName: "adapter", isCollectionItem: false },
|
|
42
30
|
AsyncRule: { optionName: "validationRules", isCollectionItem: true },
|
|
43
31
|
CompareRule: { optionName: "validationRules", isCollectionItem: true },
|
|
@@ -49,112 +37,118 @@ var _componentValidator = memo(forwardRef(function (props, ref) {
|
|
|
49
37
|
RequiredRule: { optionName: "validationRules", isCollectionItem: true },
|
|
50
38
|
StringLengthRule: { optionName: "validationRules", isCollectionItem: true },
|
|
51
39
|
validationRule: { optionName: "validationRules", isCollectionItem: true }
|
|
52
|
-
})
|
|
53
|
-
return (React.createElement((BaseComponent),
|
|
40
|
+
}), []);
|
|
41
|
+
return (React.createElement((BaseComponent), {
|
|
42
|
+
WidgetClass: dxValidator,
|
|
43
|
+
ref: baseRef,
|
|
44
|
+
independentEvents,
|
|
45
|
+
expectedChildren,
|
|
46
|
+
...props,
|
|
47
|
+
}));
|
|
54
48
|
}));
|
|
55
|
-
|
|
49
|
+
const Validator = Object.assign(_componentValidator, {
|
|
56
50
|
isExtensionComponent: true,
|
|
57
51
|
});
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
52
|
+
const _componentAdapter = memo((props) => {
|
|
53
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
54
|
});
|
|
61
|
-
|
|
55
|
+
const Adapter = Object.assign(_componentAdapter, {
|
|
62
56
|
OptionName: "adapter",
|
|
63
57
|
});
|
|
64
|
-
|
|
65
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentAsyncRule = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
66
60
|
});
|
|
67
|
-
|
|
61
|
+
const AsyncRule = Object.assign(_componentAsyncRule, {
|
|
68
62
|
OptionName: "validationRules",
|
|
69
63
|
IsCollectionItem: true,
|
|
70
64
|
PredefinedProps: {
|
|
71
65
|
type: "async"
|
|
72
66
|
},
|
|
73
67
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
68
|
+
const _componentCompareRule = memo((props) => {
|
|
69
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
70
|
});
|
|
77
|
-
|
|
71
|
+
const CompareRule = Object.assign(_componentCompareRule, {
|
|
78
72
|
OptionName: "validationRules",
|
|
79
73
|
IsCollectionItem: true,
|
|
80
74
|
PredefinedProps: {
|
|
81
75
|
type: "compare"
|
|
82
76
|
},
|
|
83
77
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
78
|
+
const _componentCustomRule = memo((props) => {
|
|
79
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
80
|
});
|
|
87
|
-
|
|
81
|
+
const CustomRule = Object.assign(_componentCustomRule, {
|
|
88
82
|
OptionName: "validationRules",
|
|
89
83
|
IsCollectionItem: true,
|
|
90
84
|
PredefinedProps: {
|
|
91
85
|
type: "custom"
|
|
92
86
|
},
|
|
93
87
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentEmailRule = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
90
|
});
|
|
97
|
-
|
|
91
|
+
const EmailRule = Object.assign(_componentEmailRule, {
|
|
98
92
|
OptionName: "validationRules",
|
|
99
93
|
IsCollectionItem: true,
|
|
100
94
|
PredefinedProps: {
|
|
101
95
|
type: "email"
|
|
102
96
|
},
|
|
103
97
|
});
|
|
104
|
-
|
|
105
|
-
return React.createElement((NestedOption),
|
|
98
|
+
const _componentNumericRule = memo((props) => {
|
|
99
|
+
return React.createElement((NestedOption), { ...props });
|
|
106
100
|
});
|
|
107
|
-
|
|
101
|
+
const NumericRule = Object.assign(_componentNumericRule, {
|
|
108
102
|
OptionName: "validationRules",
|
|
109
103
|
IsCollectionItem: true,
|
|
110
104
|
PredefinedProps: {
|
|
111
105
|
type: "numeric"
|
|
112
106
|
},
|
|
113
107
|
});
|
|
114
|
-
|
|
115
|
-
return React.createElement((NestedOption),
|
|
108
|
+
const _componentPatternRule = memo((props) => {
|
|
109
|
+
return React.createElement((NestedOption), { ...props });
|
|
116
110
|
});
|
|
117
|
-
|
|
111
|
+
const PatternRule = Object.assign(_componentPatternRule, {
|
|
118
112
|
OptionName: "validationRules",
|
|
119
113
|
IsCollectionItem: true,
|
|
120
114
|
PredefinedProps: {
|
|
121
115
|
type: "pattern"
|
|
122
116
|
},
|
|
123
117
|
});
|
|
124
|
-
|
|
125
|
-
return React.createElement((NestedOption),
|
|
118
|
+
const _componentRangeRule = memo((props) => {
|
|
119
|
+
return React.createElement((NestedOption), { ...props });
|
|
126
120
|
});
|
|
127
|
-
|
|
121
|
+
const RangeRule = Object.assign(_componentRangeRule, {
|
|
128
122
|
OptionName: "validationRules",
|
|
129
123
|
IsCollectionItem: true,
|
|
130
124
|
PredefinedProps: {
|
|
131
125
|
type: "range"
|
|
132
126
|
},
|
|
133
127
|
});
|
|
134
|
-
|
|
135
|
-
return React.createElement((NestedOption),
|
|
128
|
+
const _componentRequiredRule = memo((props) => {
|
|
129
|
+
return React.createElement((NestedOption), { ...props });
|
|
136
130
|
});
|
|
137
|
-
|
|
131
|
+
const RequiredRule = Object.assign(_componentRequiredRule, {
|
|
138
132
|
OptionName: "validationRules",
|
|
139
133
|
IsCollectionItem: true,
|
|
140
134
|
PredefinedProps: {
|
|
141
135
|
type: "required"
|
|
142
136
|
},
|
|
143
137
|
});
|
|
144
|
-
|
|
145
|
-
return React.createElement((NestedOption),
|
|
138
|
+
const _componentStringLengthRule = memo((props) => {
|
|
139
|
+
return React.createElement((NestedOption), { ...props });
|
|
146
140
|
});
|
|
147
|
-
|
|
141
|
+
const StringLengthRule = Object.assign(_componentStringLengthRule, {
|
|
148
142
|
OptionName: "validationRules",
|
|
149
143
|
IsCollectionItem: true,
|
|
150
144
|
PredefinedProps: {
|
|
151
145
|
type: "stringLength"
|
|
152
146
|
},
|
|
153
147
|
});
|
|
154
|
-
|
|
155
|
-
return React.createElement((NestedOption),
|
|
148
|
+
const _componentValidationRule = memo((props) => {
|
|
149
|
+
return React.createElement((NestedOption), { ...props });
|
|
156
150
|
});
|
|
157
|
-
|
|
151
|
+
const ValidationRule = Object.assign(_componentValidationRule, {
|
|
158
152
|
OptionName: "validationRules",
|
|
159
153
|
IsCollectionItem: true,
|
|
160
154
|
PredefinedProps: {
|
package/esm/vector-map.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,36 +12,24 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxVectorMap from "devextreme/viz/vector_map";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const VectorMap = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["loadingIndicator", "loadingIndicator.show"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onClick", "onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
annotation: { optionName: "annotations", isCollectionItem: true },
|
|
46
34
|
background: { optionName: "background", isCollectionItem: false },
|
|
47
35
|
commonAnnotationSettings: { optionName: "commonAnnotationSettings", isCollectionItem: false },
|
|
@@ -55,13 +43,21 @@ var VectorMap = memo(forwardRef(function (props, ref) {
|
|
|
55
43
|
title: { optionName: "title", isCollectionItem: false },
|
|
56
44
|
tooltip: { optionName: "tooltip", isCollectionItem: false },
|
|
57
45
|
vectorMapTitle: { optionName: "title", isCollectionItem: false }
|
|
58
|
-
})
|
|
59
|
-
return (React.createElement((BaseComponent),
|
|
46
|
+
}), []);
|
|
47
|
+
return (React.createElement((BaseComponent), {
|
|
48
|
+
WidgetClass: dxVectorMap,
|
|
49
|
+
ref: baseRef,
|
|
50
|
+
subscribableOptions,
|
|
51
|
+
independentEvents,
|
|
52
|
+
defaults,
|
|
53
|
+
expectedChildren,
|
|
54
|
+
...props,
|
|
55
|
+
}));
|
|
60
56
|
}));
|
|
61
|
-
|
|
62
|
-
return React.createElement((NestedOption),
|
|
57
|
+
const _componentAnnotation = memo((props) => {
|
|
58
|
+
return React.createElement((NestedOption), { ...props });
|
|
63
59
|
});
|
|
64
|
-
|
|
60
|
+
const Annotation = Object.assign(_componentAnnotation, {
|
|
65
61
|
OptionName: "annotations",
|
|
66
62
|
IsCollectionItem: true,
|
|
67
63
|
ExpectedChildren: {
|
|
@@ -81,28 +77,28 @@ var Annotation = Object.assign(_componentAnnotation, {
|
|
|
81
77
|
component: "tooltipComponent"
|
|
82
78
|
}],
|
|
83
79
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
80
|
+
const _componentAnnotationBorder = memo((props) => {
|
|
81
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
82
|
});
|
|
87
|
-
|
|
83
|
+
const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
|
|
88
84
|
OptionName: "border",
|
|
89
85
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
86
|
+
const _componentBackground = memo((props) => {
|
|
87
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
88
|
});
|
|
93
|
-
|
|
89
|
+
const Background = Object.assign(_componentBackground, {
|
|
94
90
|
OptionName: "background",
|
|
95
91
|
});
|
|
96
|
-
|
|
97
|
-
return React.createElement((NestedOption),
|
|
92
|
+
const _componentBorder = memo((props) => {
|
|
93
|
+
return React.createElement((NestedOption), { ...props });
|
|
98
94
|
});
|
|
99
|
-
|
|
95
|
+
const Border = Object.assign(_componentBorder, {
|
|
100
96
|
OptionName: "border",
|
|
101
97
|
});
|
|
102
|
-
|
|
103
|
-
return React.createElement((NestedOption),
|
|
98
|
+
const _componentCommonAnnotationSettings = memo((props) => {
|
|
99
|
+
return React.createElement((NestedOption), { ...props });
|
|
104
100
|
});
|
|
105
|
-
|
|
101
|
+
const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
|
|
106
102
|
OptionName: "commonAnnotationSettings",
|
|
107
103
|
TemplateProps: [{
|
|
108
104
|
tmplOption: "template",
|
|
@@ -114,53 +110,53 @@ var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings,
|
|
|
114
110
|
component: "tooltipComponent"
|
|
115
111
|
}],
|
|
116
112
|
});
|
|
117
|
-
|
|
118
|
-
return React.createElement((NestedOption),
|
|
113
|
+
const _componentControlBar = memo((props) => {
|
|
114
|
+
return React.createElement((NestedOption), { ...props });
|
|
119
115
|
});
|
|
120
|
-
|
|
116
|
+
const ControlBar = Object.assign(_componentControlBar, {
|
|
121
117
|
OptionName: "controlBar",
|
|
122
118
|
});
|
|
123
|
-
|
|
124
|
-
return React.createElement((NestedOption),
|
|
119
|
+
const _componentExport = memo((props) => {
|
|
120
|
+
return React.createElement((NestedOption), { ...props });
|
|
125
121
|
});
|
|
126
|
-
|
|
122
|
+
const Export = Object.assign(_componentExport, {
|
|
127
123
|
OptionName: "export",
|
|
128
124
|
});
|
|
129
|
-
|
|
130
|
-
return React.createElement((NestedOption),
|
|
125
|
+
const _componentFont = memo((props) => {
|
|
126
|
+
return React.createElement((NestedOption), { ...props });
|
|
131
127
|
});
|
|
132
|
-
|
|
128
|
+
const Font = Object.assign(_componentFont, {
|
|
133
129
|
OptionName: "font",
|
|
134
130
|
});
|
|
135
|
-
|
|
136
|
-
return React.createElement((NestedOption),
|
|
131
|
+
const _componentImage = memo((props) => {
|
|
132
|
+
return React.createElement((NestedOption), { ...props });
|
|
137
133
|
});
|
|
138
|
-
|
|
134
|
+
const Image = Object.assign(_componentImage, {
|
|
139
135
|
OptionName: "image",
|
|
140
136
|
});
|
|
141
|
-
|
|
142
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentLabel = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
143
139
|
});
|
|
144
|
-
|
|
140
|
+
const Label = Object.assign(_componentLabel, {
|
|
145
141
|
OptionName: "label",
|
|
146
142
|
ExpectedChildren: {
|
|
147
143
|
font: { optionName: "font", isCollectionItem: false }
|
|
148
144
|
},
|
|
149
145
|
});
|
|
150
|
-
|
|
151
|
-
return React.createElement((NestedOption),
|
|
146
|
+
const _componentLayer = memo((props) => {
|
|
147
|
+
return React.createElement((NestedOption), { ...props });
|
|
152
148
|
});
|
|
153
|
-
|
|
149
|
+
const Layer = Object.assign(_componentLayer, {
|
|
154
150
|
OptionName: "layers",
|
|
155
151
|
IsCollectionItem: true,
|
|
156
152
|
ExpectedChildren: {
|
|
157
153
|
label: { optionName: "label", isCollectionItem: false }
|
|
158
154
|
},
|
|
159
155
|
});
|
|
160
|
-
|
|
161
|
-
return React.createElement((NestedOption),
|
|
156
|
+
const _componentLegend = memo((props) => {
|
|
157
|
+
return React.createElement((NestedOption), { ...props });
|
|
162
158
|
});
|
|
163
|
-
|
|
159
|
+
const Legend = Object.assign(_componentLegend, {
|
|
164
160
|
OptionName: "legends",
|
|
165
161
|
IsCollectionItem: true,
|
|
166
162
|
ExpectedChildren: {
|
|
@@ -178,10 +174,10 @@ var Legend = Object.assign(_componentLegend, {
|
|
|
178
174
|
component: "markerComponent"
|
|
179
175
|
}],
|
|
180
176
|
});
|
|
181
|
-
|
|
182
|
-
return React.createElement((NestedOption),
|
|
177
|
+
const _componentLegendTitle = memo((props) => {
|
|
178
|
+
return React.createElement((NestedOption), { ...props });
|
|
183
179
|
});
|
|
184
|
-
|
|
180
|
+
const LegendTitle = Object.assign(_componentLegendTitle, {
|
|
185
181
|
OptionName: "title",
|
|
186
182
|
ExpectedChildren: {
|
|
187
183
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -190,19 +186,19 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
|
|
|
190
186
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
191
187
|
},
|
|
192
188
|
});
|
|
193
|
-
|
|
194
|
-
return React.createElement((NestedOption),
|
|
189
|
+
const _componentLegendTitleSubtitle = memo((props) => {
|
|
190
|
+
return React.createElement((NestedOption), { ...props });
|
|
195
191
|
});
|
|
196
|
-
|
|
192
|
+
const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
|
|
197
193
|
OptionName: "subtitle",
|
|
198
194
|
ExpectedChildren: {
|
|
199
195
|
font: { optionName: "font", isCollectionItem: false }
|
|
200
196
|
},
|
|
201
197
|
});
|
|
202
|
-
|
|
203
|
-
return React.createElement((NestedOption),
|
|
198
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
199
|
+
return React.createElement((NestedOption), { ...props });
|
|
204
200
|
});
|
|
205
|
-
|
|
201
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
206
202
|
OptionName: "loadingIndicator",
|
|
207
203
|
DefaultsProps: {
|
|
208
204
|
defaultShow: "show"
|
|
@@ -211,52 +207,52 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
211
207
|
font: { optionName: "font", isCollectionItem: false }
|
|
212
208
|
},
|
|
213
209
|
});
|
|
214
|
-
|
|
215
|
-
return React.createElement((NestedOption),
|
|
210
|
+
const _componentMargin = memo((props) => {
|
|
211
|
+
return React.createElement((NestedOption), { ...props });
|
|
216
212
|
});
|
|
217
|
-
|
|
213
|
+
const Margin = Object.assign(_componentMargin, {
|
|
218
214
|
OptionName: "margin",
|
|
219
215
|
});
|
|
220
|
-
|
|
221
|
-
return React.createElement((NestedOption),
|
|
216
|
+
const _componentProjection = memo((props) => {
|
|
217
|
+
return React.createElement((NestedOption), { ...props });
|
|
222
218
|
});
|
|
223
|
-
|
|
219
|
+
const Projection = Object.assign(_componentProjection, {
|
|
224
220
|
OptionName: "projection",
|
|
225
221
|
});
|
|
226
|
-
|
|
227
|
-
return React.createElement((NestedOption),
|
|
222
|
+
const _componentShadow = memo((props) => {
|
|
223
|
+
return React.createElement((NestedOption), { ...props });
|
|
228
224
|
});
|
|
229
|
-
|
|
225
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
230
226
|
OptionName: "shadow",
|
|
231
227
|
});
|
|
232
|
-
|
|
233
|
-
return React.createElement((NestedOption),
|
|
228
|
+
const _componentSize = memo((props) => {
|
|
229
|
+
return React.createElement((NestedOption), { ...props });
|
|
234
230
|
});
|
|
235
|
-
|
|
231
|
+
const Size = Object.assign(_componentSize, {
|
|
236
232
|
OptionName: "size",
|
|
237
233
|
});
|
|
238
|
-
|
|
239
|
-
return React.createElement((NestedOption),
|
|
234
|
+
const _componentSource = memo((props) => {
|
|
235
|
+
return React.createElement((NestedOption), { ...props });
|
|
240
236
|
});
|
|
241
|
-
|
|
237
|
+
const Source = Object.assign(_componentSource, {
|
|
242
238
|
OptionName: "source",
|
|
243
239
|
});
|
|
244
|
-
|
|
245
|
-
return React.createElement((NestedOption),
|
|
240
|
+
const _componentSubtitle = memo((props) => {
|
|
241
|
+
return React.createElement((NestedOption), { ...props });
|
|
246
242
|
});
|
|
247
|
-
|
|
243
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
248
244
|
OptionName: "subtitle",
|
|
249
245
|
});
|
|
250
|
-
|
|
251
|
-
return React.createElement((NestedOption),
|
|
246
|
+
const _componentTitle = memo((props) => {
|
|
247
|
+
return React.createElement((NestedOption), { ...props });
|
|
252
248
|
});
|
|
253
|
-
|
|
249
|
+
const Title = Object.assign(_componentTitle, {
|
|
254
250
|
OptionName: "title",
|
|
255
251
|
});
|
|
256
|
-
|
|
257
|
-
return React.createElement((NestedOption),
|
|
252
|
+
const _componentTooltip = memo((props) => {
|
|
253
|
+
return React.createElement((NestedOption), { ...props });
|
|
258
254
|
});
|
|
259
|
-
|
|
255
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
260
256
|
OptionName: "tooltip",
|
|
261
257
|
ExpectedChildren: {
|
|
262
258
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -270,16 +266,16 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
270
266
|
component: "contentComponent"
|
|
271
267
|
}],
|
|
272
268
|
});
|
|
273
|
-
|
|
274
|
-
return React.createElement((NestedOption),
|
|
269
|
+
const _componentTooltipBorder = memo((props) => {
|
|
270
|
+
return React.createElement((NestedOption), { ...props });
|
|
275
271
|
});
|
|
276
|
-
|
|
272
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
277
273
|
OptionName: "border",
|
|
278
274
|
});
|
|
279
|
-
|
|
280
|
-
return React.createElement((NestedOption),
|
|
275
|
+
const _componentVectorMapTitle = memo((props) => {
|
|
276
|
+
return React.createElement((NestedOption), { ...props });
|
|
281
277
|
});
|
|
282
|
-
|
|
278
|
+
const VectorMapTitle = Object.assign(_componentVectorMapTitle, {
|
|
283
279
|
OptionName: "title",
|
|
284
280
|
ExpectedChildren: {
|
|
285
281
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -288,10 +284,10 @@ var VectorMapTitle = Object.assign(_componentVectorMapTitle, {
|
|
|
288
284
|
vectorMapTitleSubtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
289
285
|
},
|
|
290
286
|
});
|
|
291
|
-
|
|
292
|
-
return React.createElement((NestedOption),
|
|
287
|
+
const _componentVectorMapTitleSubtitle = memo((props) => {
|
|
288
|
+
return React.createElement((NestedOption), { ...props });
|
|
293
289
|
});
|
|
294
|
-
|
|
290
|
+
const VectorMapTitleSubtitle = Object.assign(_componentVectorMapTitleSubtitle, {
|
|
295
291
|
OptionName: "subtitle",
|
|
296
292
|
ExpectedChildren: {
|
|
297
293
|
font: { optionName: "font", isCollectionItem: false }
|