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/load-panel.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,117 +12,114 @@
|
|
|
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 dxLoadPanel from "devextreme/ui/load_panel";
|
|
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 LoadPanel = 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(() => (["position", "visible"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultPosition: "position",
|
|
43
31
|
defaultVisible: "visible",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
47
35
|
position: { optionName: "position", isCollectionItem: false }
|
|
48
|
-
})
|
|
49
|
-
return (React.createElement((BaseComponent),
|
|
36
|
+
}), []);
|
|
37
|
+
return (React.createElement((BaseComponent), {
|
|
38
|
+
WidgetClass: dxLoadPanel,
|
|
39
|
+
ref: baseRef,
|
|
40
|
+
isPortalComponent: true,
|
|
41
|
+
subscribableOptions,
|
|
42
|
+
independentEvents,
|
|
43
|
+
defaults,
|
|
44
|
+
expectedChildren,
|
|
45
|
+
...props,
|
|
46
|
+
}));
|
|
50
47
|
}));
|
|
51
|
-
|
|
52
|
-
return React.createElement((NestedOption),
|
|
48
|
+
const _componentAnimation = memo((props) => {
|
|
49
|
+
return React.createElement((NestedOption), { ...props });
|
|
53
50
|
});
|
|
54
|
-
|
|
51
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
55
52
|
OptionName: "animation",
|
|
56
53
|
ExpectedChildren: {
|
|
57
54
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
58
55
|
show: { optionName: "show", isCollectionItem: false }
|
|
59
56
|
},
|
|
60
57
|
});
|
|
61
|
-
|
|
62
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentAt = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
63
60
|
});
|
|
64
|
-
|
|
61
|
+
const At = Object.assign(_componentAt, {
|
|
65
62
|
OptionName: "at",
|
|
66
63
|
});
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
66
|
});
|
|
70
|
-
|
|
67
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
71
68
|
OptionName: "boundaryOffset",
|
|
72
69
|
});
|
|
73
|
-
|
|
74
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentCollision = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
75
72
|
});
|
|
76
|
-
|
|
73
|
+
const Collision = Object.assign(_componentCollision, {
|
|
77
74
|
OptionName: "collision",
|
|
78
75
|
});
|
|
79
|
-
|
|
80
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentFrom = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
81
78
|
});
|
|
82
|
-
|
|
79
|
+
const From = Object.assign(_componentFrom, {
|
|
83
80
|
OptionName: "from",
|
|
84
81
|
ExpectedChildren: {
|
|
85
82
|
position: { optionName: "position", isCollectionItem: false }
|
|
86
83
|
},
|
|
87
84
|
});
|
|
88
|
-
|
|
89
|
-
return React.createElement((NestedOption),
|
|
85
|
+
const _componentHide = memo((props) => {
|
|
86
|
+
return React.createElement((NestedOption), { ...props });
|
|
90
87
|
});
|
|
91
|
-
|
|
88
|
+
const Hide = Object.assign(_componentHide, {
|
|
92
89
|
OptionName: "hide",
|
|
93
90
|
ExpectedChildren: {
|
|
94
91
|
from: { optionName: "from", isCollectionItem: false },
|
|
95
92
|
to: { optionName: "to", isCollectionItem: false }
|
|
96
93
|
},
|
|
97
94
|
});
|
|
98
|
-
|
|
99
|
-
return React.createElement((NestedOption),
|
|
95
|
+
const _componentMy = memo((props) => {
|
|
96
|
+
return React.createElement((NestedOption), { ...props });
|
|
100
97
|
});
|
|
101
|
-
|
|
98
|
+
const My = Object.assign(_componentMy, {
|
|
102
99
|
OptionName: "my",
|
|
103
100
|
});
|
|
104
|
-
|
|
105
|
-
return React.createElement((NestedOption),
|
|
101
|
+
const _componentOffset = memo((props) => {
|
|
102
|
+
return React.createElement((NestedOption), { ...props });
|
|
106
103
|
});
|
|
107
|
-
|
|
104
|
+
const Offset = Object.assign(_componentOffset, {
|
|
108
105
|
OptionName: "offset",
|
|
109
106
|
});
|
|
110
|
-
|
|
111
|
-
return React.createElement((NestedOption),
|
|
107
|
+
const _componentPosition = memo((props) => {
|
|
108
|
+
return React.createElement((NestedOption), { ...props });
|
|
112
109
|
});
|
|
113
|
-
|
|
110
|
+
const Position = Object.assign(_componentPosition, {
|
|
114
111
|
OptionName: "position",
|
|
115
112
|
});
|
|
116
|
-
|
|
117
|
-
return React.createElement((NestedOption),
|
|
113
|
+
const _componentShow = memo((props) => {
|
|
114
|
+
return React.createElement((NestedOption), { ...props });
|
|
118
115
|
});
|
|
119
|
-
|
|
116
|
+
const Show = Object.assign(_componentShow, {
|
|
120
117
|
OptionName: "show",
|
|
121
118
|
});
|
|
122
|
-
|
|
123
|
-
return React.createElement((NestedOption),
|
|
119
|
+
const _componentTo = memo((props) => {
|
|
120
|
+
return React.createElement((NestedOption), { ...props });
|
|
124
121
|
});
|
|
125
|
-
|
|
122
|
+
const To = Object.assign(_componentTo, {
|
|
126
123
|
OptionName: "to",
|
|
127
124
|
});
|
|
128
125
|
export default LoadPanel;
|
package/esm/lookup.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,41 +12,29 @@
|
|
|
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 dxLookup from "devextreme/ui/lookup";
|
|
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 Lookup = 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(() => (["onClosed", "onContentReady", "onDisposing", "onInitialized", "onItemClick", "onOpened", "onPageLoading", "onPullRefresh", "onScroll", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultOpened: "opened",
|
|
43
31
|
defaultValue: "value",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false },
|
|
47
35
|
item: { optionName: "items", isCollectionItem: true }
|
|
48
|
-
})
|
|
49
|
-
|
|
36
|
+
}), []);
|
|
37
|
+
const templateProps = useMemo(() => ([
|
|
50
38
|
{
|
|
51
39
|
tmplOption: "fieldTemplate",
|
|
52
40
|
render: "fieldRender",
|
|
@@ -62,41 +50,50 @@ var Lookup = memo(forwardRef(function (props, ref) {
|
|
|
62
50
|
render: "itemRender",
|
|
63
51
|
component: "itemComponent"
|
|
64
52
|
},
|
|
65
|
-
])
|
|
66
|
-
return (React.createElement((BaseComponent),
|
|
53
|
+
]), []);
|
|
54
|
+
return (React.createElement((BaseComponent), {
|
|
55
|
+
WidgetClass: dxLookup,
|
|
56
|
+
ref: baseRef,
|
|
57
|
+
subscribableOptions,
|
|
58
|
+
independentEvents,
|
|
59
|
+
defaults,
|
|
60
|
+
expectedChildren,
|
|
61
|
+
templateProps,
|
|
62
|
+
...props,
|
|
63
|
+
}));
|
|
67
64
|
}));
|
|
68
|
-
|
|
69
|
-
return React.createElement((NestedOption),
|
|
65
|
+
const _componentAnimation = memo((props) => {
|
|
66
|
+
return React.createElement((NestedOption), { ...props });
|
|
70
67
|
});
|
|
71
|
-
|
|
68
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
72
69
|
OptionName: "animation",
|
|
73
70
|
ExpectedChildren: {
|
|
74
71
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
75
72
|
show: { optionName: "show", isCollectionItem: false }
|
|
76
73
|
},
|
|
77
74
|
});
|
|
78
|
-
|
|
79
|
-
return React.createElement((NestedOption),
|
|
75
|
+
const _componentAt = memo((props) => {
|
|
76
|
+
return React.createElement((NestedOption), { ...props });
|
|
80
77
|
});
|
|
81
|
-
|
|
78
|
+
const At = Object.assign(_componentAt, {
|
|
82
79
|
OptionName: "at",
|
|
83
80
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
81
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
82
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
83
|
});
|
|
87
|
-
|
|
84
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
88
85
|
OptionName: "boundaryOffset",
|
|
89
86
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
87
|
+
const _componentCollision = memo((props) => {
|
|
88
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
89
|
});
|
|
93
|
-
|
|
90
|
+
const Collision = Object.assign(_componentCollision, {
|
|
94
91
|
OptionName: "collision",
|
|
95
92
|
});
|
|
96
|
-
|
|
97
|
-
return React.createElement((NestedOption),
|
|
93
|
+
const _componentDropDownOptions = memo((props) => {
|
|
94
|
+
return React.createElement((NestedOption), { ...props });
|
|
98
95
|
});
|
|
99
|
-
|
|
96
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
100
97
|
OptionName: "dropDownOptions",
|
|
101
98
|
DefaultsProps: {
|
|
102
99
|
defaultHeight: "height",
|
|
@@ -121,35 +118,35 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
121
118
|
component: "titleComponent"
|
|
122
119
|
}],
|
|
123
120
|
});
|
|
124
|
-
|
|
125
|
-
return React.createElement((NestedOption),
|
|
121
|
+
const _componentFrom = memo((props) => {
|
|
122
|
+
return React.createElement((NestedOption), { ...props });
|
|
126
123
|
});
|
|
127
|
-
|
|
124
|
+
const From = Object.assign(_componentFrom, {
|
|
128
125
|
OptionName: "from",
|
|
129
126
|
ExpectedChildren: {
|
|
130
127
|
position: { optionName: "position", isCollectionItem: false }
|
|
131
128
|
},
|
|
132
129
|
});
|
|
133
|
-
|
|
134
|
-
return React.createElement((NestedOption),
|
|
130
|
+
const _componentHide = memo((props) => {
|
|
131
|
+
return React.createElement((NestedOption), { ...props });
|
|
135
132
|
});
|
|
136
|
-
|
|
133
|
+
const Hide = Object.assign(_componentHide, {
|
|
137
134
|
OptionName: "hide",
|
|
138
135
|
ExpectedChildren: {
|
|
139
136
|
from: { optionName: "from", isCollectionItem: false },
|
|
140
137
|
to: { optionName: "to", isCollectionItem: false }
|
|
141
138
|
},
|
|
142
139
|
});
|
|
143
|
-
|
|
144
|
-
return React.createElement((NestedOption),
|
|
140
|
+
const _componentHideEvent = memo((props) => {
|
|
141
|
+
return React.createElement((NestedOption), { ...props });
|
|
145
142
|
});
|
|
146
|
-
|
|
143
|
+
const HideEvent = Object.assign(_componentHideEvent, {
|
|
147
144
|
OptionName: "hideEvent",
|
|
148
145
|
});
|
|
149
|
-
|
|
150
|
-
return React.createElement((NestedOption),
|
|
146
|
+
const _componentItem = memo((props) => {
|
|
147
|
+
return React.createElement((NestedOption), { ...props });
|
|
151
148
|
});
|
|
152
|
-
|
|
149
|
+
const Item = Object.assign(_componentItem, {
|
|
153
150
|
OptionName: "items",
|
|
154
151
|
IsCollectionItem: true,
|
|
155
152
|
TemplateProps: [{
|
|
@@ -158,46 +155,46 @@ var Item = Object.assign(_componentItem, {
|
|
|
158
155
|
component: "component"
|
|
159
156
|
}],
|
|
160
157
|
});
|
|
161
|
-
|
|
162
|
-
return React.createElement((NestedOption),
|
|
158
|
+
const _componentMy = memo((props) => {
|
|
159
|
+
return React.createElement((NestedOption), { ...props });
|
|
163
160
|
});
|
|
164
|
-
|
|
161
|
+
const My = Object.assign(_componentMy, {
|
|
165
162
|
OptionName: "my",
|
|
166
163
|
});
|
|
167
|
-
|
|
168
|
-
return React.createElement((NestedOption),
|
|
164
|
+
const _componentOffset = memo((props) => {
|
|
165
|
+
return React.createElement((NestedOption), { ...props });
|
|
169
166
|
});
|
|
170
|
-
|
|
167
|
+
const Offset = Object.assign(_componentOffset, {
|
|
171
168
|
OptionName: "offset",
|
|
172
169
|
});
|
|
173
|
-
|
|
174
|
-
return React.createElement((NestedOption),
|
|
170
|
+
const _componentPosition = memo((props) => {
|
|
171
|
+
return React.createElement((NestedOption), { ...props });
|
|
175
172
|
});
|
|
176
|
-
|
|
173
|
+
const Position = Object.assign(_componentPosition, {
|
|
177
174
|
OptionName: "position",
|
|
178
175
|
});
|
|
179
|
-
|
|
180
|
-
return React.createElement((NestedOption),
|
|
176
|
+
const _componentShow = memo((props) => {
|
|
177
|
+
return React.createElement((NestedOption), { ...props });
|
|
181
178
|
});
|
|
182
|
-
|
|
179
|
+
const Show = Object.assign(_componentShow, {
|
|
183
180
|
OptionName: "show",
|
|
184
181
|
});
|
|
185
|
-
|
|
186
|
-
return React.createElement((NestedOption),
|
|
182
|
+
const _componentShowEvent = memo((props) => {
|
|
183
|
+
return React.createElement((NestedOption), { ...props });
|
|
187
184
|
});
|
|
188
|
-
|
|
185
|
+
const ShowEvent = Object.assign(_componentShowEvent, {
|
|
189
186
|
OptionName: "showEvent",
|
|
190
187
|
});
|
|
191
|
-
|
|
192
|
-
return React.createElement((NestedOption),
|
|
188
|
+
const _componentTo = memo((props) => {
|
|
189
|
+
return React.createElement((NestedOption), { ...props });
|
|
193
190
|
});
|
|
194
|
-
|
|
191
|
+
const To = Object.assign(_componentTo, {
|
|
195
192
|
OptionName: "to",
|
|
196
193
|
});
|
|
197
|
-
|
|
198
|
-
return React.createElement((NestedOption),
|
|
194
|
+
const _componentToolbarItem = memo((props) => {
|
|
195
|
+
return React.createElement((NestedOption), { ...props });
|
|
199
196
|
});
|
|
200
|
-
|
|
197
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
201
198
|
OptionName: "toolbarItems",
|
|
202
199
|
IsCollectionItem: true,
|
|
203
200
|
TemplateProps: [{
|
package/esm/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,68 +12,64 @@
|
|
|
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 dxMap from "devextreme/ui/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 Map = 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(() => (["center", "markers", "routes", "zoom"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onClick", "onDisposing", "onInitialized", "onMarkerAdded", "onMarkerRemoved", "onReady", "onRouteAdded", "onRouteRemoved"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultCenter: "center",
|
|
43
31
|
defaultMarkers: "markers",
|
|
44
32
|
defaultRoutes: "routes",
|
|
45
33
|
defaultZoom: "zoom",
|
|
46
|
-
})
|
|
47
|
-
|
|
34
|
+
}), []);
|
|
35
|
+
const expectedChildren = useMemo(() => ({
|
|
48
36
|
apiKey: { optionName: "apiKey", isCollectionItem: false },
|
|
49
37
|
center: { optionName: "center", isCollectionItem: false },
|
|
50
38
|
marker: { optionName: "markers", isCollectionItem: true },
|
|
51
39
|
route: { optionName: "routes", isCollectionItem: true }
|
|
52
|
-
})
|
|
53
|
-
return (React.createElement((BaseComponent),
|
|
40
|
+
}), []);
|
|
41
|
+
return (React.createElement((BaseComponent), {
|
|
42
|
+
WidgetClass: dxMap,
|
|
43
|
+
ref: baseRef,
|
|
44
|
+
subscribableOptions,
|
|
45
|
+
independentEvents,
|
|
46
|
+
defaults,
|
|
47
|
+
expectedChildren,
|
|
48
|
+
...props,
|
|
49
|
+
}));
|
|
54
50
|
}));
|
|
55
|
-
|
|
56
|
-
return React.createElement((NestedOption),
|
|
51
|
+
const _componentApiKey = memo((props) => {
|
|
52
|
+
return React.createElement((NestedOption), { ...props });
|
|
57
53
|
});
|
|
58
|
-
|
|
54
|
+
const ApiKey = Object.assign(_componentApiKey, {
|
|
59
55
|
OptionName: "apiKey",
|
|
60
56
|
});
|
|
61
|
-
|
|
62
|
-
return React.createElement((NestedOption),
|
|
57
|
+
const _componentCenter = memo((props) => {
|
|
58
|
+
return React.createElement((NestedOption), { ...props });
|
|
63
59
|
});
|
|
64
|
-
|
|
60
|
+
const Center = Object.assign(_componentCenter, {
|
|
65
61
|
OptionName: "center",
|
|
66
62
|
});
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
63
|
+
const _componentLocation = memo((props) => {
|
|
64
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
65
|
});
|
|
70
|
-
|
|
66
|
+
const Location = Object.assign(_componentLocation, {
|
|
71
67
|
OptionName: "location",
|
|
72
68
|
});
|
|
73
|
-
|
|
74
|
-
return React.createElement((NestedOption),
|
|
69
|
+
const _componentMarker = memo((props) => {
|
|
70
|
+
return React.createElement((NestedOption), { ...props });
|
|
75
71
|
});
|
|
76
|
-
|
|
72
|
+
const Marker = Object.assign(_componentMarker, {
|
|
77
73
|
OptionName: "markers",
|
|
78
74
|
IsCollectionItem: true,
|
|
79
75
|
ExpectedChildren: {
|
|
@@ -81,20 +77,20 @@ var Marker = Object.assign(_componentMarker, {
|
|
|
81
77
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
82
78
|
},
|
|
83
79
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
80
|
+
const _componentRoute = memo((props) => {
|
|
81
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
82
|
});
|
|
87
|
-
|
|
83
|
+
const Route = Object.assign(_componentRoute, {
|
|
88
84
|
OptionName: "routes",
|
|
89
85
|
IsCollectionItem: true,
|
|
90
86
|
ExpectedChildren: {
|
|
91
87
|
location: { optionName: "locations", isCollectionItem: true }
|
|
92
88
|
},
|
|
93
89
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
90
|
+
const _componentTooltip = memo((props) => {
|
|
91
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
92
|
});
|
|
97
|
-
|
|
93
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
98
94
|
OptionName: "tooltip",
|
|
99
95
|
});
|
|
100
96
|
export default Map;
|