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/toast.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,124 +12,122 @@
|
|
|
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 dxToast from "devextreme/ui/toast";
|
|
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 Toast = 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
|
-
|
|
36
|
+
}), []);
|
|
37
|
+
const templateProps = useMemo(() => ([
|
|
50
38
|
{
|
|
51
39
|
tmplOption: "contentTemplate",
|
|
52
40
|
render: "contentRender",
|
|
53
41
|
component: "contentComponent"
|
|
54
42
|
},
|
|
55
|
-
])
|
|
56
|
-
return (React.createElement((BaseComponent),
|
|
43
|
+
]), []);
|
|
44
|
+
return (React.createElement((BaseComponent), {
|
|
45
|
+
WidgetClass: dxToast,
|
|
46
|
+
ref: baseRef,
|
|
47
|
+
isPortalComponent: true,
|
|
48
|
+
subscribableOptions,
|
|
49
|
+
independentEvents,
|
|
50
|
+
defaults,
|
|
51
|
+
expectedChildren,
|
|
52
|
+
templateProps,
|
|
53
|
+
...props,
|
|
54
|
+
}));
|
|
57
55
|
}));
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
56
|
+
const _componentAnimation = memo((props) => {
|
|
57
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
58
|
});
|
|
61
|
-
|
|
59
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
62
60
|
OptionName: "animation",
|
|
63
61
|
ExpectedChildren: {
|
|
64
62
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
65
63
|
show: { optionName: "show", isCollectionItem: false }
|
|
66
64
|
},
|
|
67
65
|
});
|
|
68
|
-
|
|
69
|
-
return React.createElement((NestedOption),
|
|
66
|
+
const _componentAt = memo((props) => {
|
|
67
|
+
return React.createElement((NestedOption), { ...props });
|
|
70
68
|
});
|
|
71
|
-
|
|
69
|
+
const At = Object.assign(_componentAt, {
|
|
72
70
|
OptionName: "at",
|
|
73
71
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
72
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
73
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
74
|
});
|
|
77
|
-
|
|
75
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
78
76
|
OptionName: "boundaryOffset",
|
|
79
77
|
});
|
|
80
|
-
|
|
81
|
-
return React.createElement((NestedOption),
|
|
78
|
+
const _componentCollision = memo((props) => {
|
|
79
|
+
return React.createElement((NestedOption), { ...props });
|
|
82
80
|
});
|
|
83
|
-
|
|
81
|
+
const Collision = Object.assign(_componentCollision, {
|
|
84
82
|
OptionName: "collision",
|
|
85
83
|
});
|
|
86
|
-
|
|
87
|
-
return React.createElement((NestedOption),
|
|
84
|
+
const _componentFrom = memo((props) => {
|
|
85
|
+
return React.createElement((NestedOption), { ...props });
|
|
88
86
|
});
|
|
89
|
-
|
|
87
|
+
const From = Object.assign(_componentFrom, {
|
|
90
88
|
OptionName: "from",
|
|
91
89
|
ExpectedChildren: {
|
|
92
90
|
position: { optionName: "position", isCollectionItem: false }
|
|
93
91
|
},
|
|
94
92
|
});
|
|
95
|
-
|
|
96
|
-
return React.createElement((NestedOption),
|
|
93
|
+
const _componentHide = memo((props) => {
|
|
94
|
+
return React.createElement((NestedOption), { ...props });
|
|
97
95
|
});
|
|
98
|
-
|
|
96
|
+
const Hide = Object.assign(_componentHide, {
|
|
99
97
|
OptionName: "hide",
|
|
100
98
|
ExpectedChildren: {
|
|
101
99
|
from: { optionName: "from", isCollectionItem: false },
|
|
102
100
|
to: { optionName: "to", isCollectionItem: false }
|
|
103
101
|
},
|
|
104
102
|
});
|
|
105
|
-
|
|
106
|
-
return React.createElement((NestedOption),
|
|
103
|
+
const _componentMy = memo((props) => {
|
|
104
|
+
return React.createElement((NestedOption), { ...props });
|
|
107
105
|
});
|
|
108
|
-
|
|
106
|
+
const My = Object.assign(_componentMy, {
|
|
109
107
|
OptionName: "my",
|
|
110
108
|
});
|
|
111
|
-
|
|
112
|
-
return React.createElement((NestedOption),
|
|
109
|
+
const _componentOffset = memo((props) => {
|
|
110
|
+
return React.createElement((NestedOption), { ...props });
|
|
113
111
|
});
|
|
114
|
-
|
|
112
|
+
const Offset = Object.assign(_componentOffset, {
|
|
115
113
|
OptionName: "offset",
|
|
116
114
|
});
|
|
117
|
-
|
|
118
|
-
return React.createElement((NestedOption),
|
|
115
|
+
const _componentPosition = memo((props) => {
|
|
116
|
+
return React.createElement((NestedOption), { ...props });
|
|
119
117
|
});
|
|
120
|
-
|
|
118
|
+
const Position = Object.assign(_componentPosition, {
|
|
121
119
|
OptionName: "position",
|
|
122
120
|
});
|
|
123
|
-
|
|
124
|
-
return React.createElement((NestedOption),
|
|
121
|
+
const _componentShow = memo((props) => {
|
|
122
|
+
return React.createElement((NestedOption), { ...props });
|
|
125
123
|
});
|
|
126
|
-
|
|
124
|
+
const Show = Object.assign(_componentShow, {
|
|
127
125
|
OptionName: "show",
|
|
128
126
|
});
|
|
129
|
-
|
|
130
|
-
return React.createElement((NestedOption),
|
|
127
|
+
const _componentTo = memo((props) => {
|
|
128
|
+
return React.createElement((NestedOption), { ...props });
|
|
131
129
|
});
|
|
132
|
-
|
|
130
|
+
const To = Object.assign(_componentTo, {
|
|
133
131
|
OptionName: "to",
|
|
134
132
|
});
|
|
135
133
|
export default Toast;
|
package/esm/toolbar.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,39 +12,27 @@
|
|
|
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 dxToolbar from "devextreme/ui/toolbar";
|
|
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 Toolbar = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["items"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
item: { optionName: "items", isCollectionItem: true }
|
|
46
|
-
})
|
|
47
|
-
|
|
34
|
+
}), []);
|
|
35
|
+
const templateProps = useMemo(() => ([
|
|
48
36
|
{
|
|
49
37
|
tmplOption: "itemTemplate",
|
|
50
38
|
render: "itemRender",
|
|
@@ -55,13 +43,22 @@ var Toolbar = memo(forwardRef(function (props, ref) {
|
|
|
55
43
|
render: "menuItemRender",
|
|
56
44
|
component: "menuItemComponent"
|
|
57
45
|
},
|
|
58
|
-
])
|
|
59
|
-
return (React.createElement((BaseComponent),
|
|
46
|
+
]), []);
|
|
47
|
+
return (React.createElement((BaseComponent), {
|
|
48
|
+
WidgetClass: dxToolbar,
|
|
49
|
+
ref: baseRef,
|
|
50
|
+
subscribableOptions,
|
|
51
|
+
independentEvents,
|
|
52
|
+
defaults,
|
|
53
|
+
expectedChildren,
|
|
54
|
+
templateProps,
|
|
55
|
+
...props,
|
|
56
|
+
}));
|
|
60
57
|
}));
|
|
61
|
-
|
|
62
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentItem = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
63
60
|
});
|
|
64
|
-
|
|
61
|
+
const Item = Object.assign(_componentItem, {
|
|
65
62
|
OptionName: "items",
|
|
66
63
|
IsCollectionItem: true,
|
|
67
64
|
TemplateProps: [{
|
package/esm/tooltip.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,140 +12,138 @@
|
|
|
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 dxTooltip from "devextreme/ui/tooltip";
|
|
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 Tooltip = 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(() => (["height", "position", "visible", "width"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultHeight: "height",
|
|
43
31
|
defaultPosition: "position",
|
|
44
32
|
defaultVisible: "visible",
|
|
45
33
|
defaultWidth: "width",
|
|
46
|
-
})
|
|
47
|
-
|
|
34
|
+
}), []);
|
|
35
|
+
const expectedChildren = useMemo(() => ({
|
|
48
36
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
49
37
|
hideEvent: { optionName: "hideEvent", isCollectionItem: false },
|
|
50
38
|
position: { optionName: "position", isCollectionItem: false },
|
|
51
39
|
showEvent: { optionName: "showEvent", isCollectionItem: false }
|
|
52
|
-
})
|
|
53
|
-
|
|
40
|
+
}), []);
|
|
41
|
+
const templateProps = useMemo(() => ([
|
|
54
42
|
{
|
|
55
43
|
tmplOption: "contentTemplate",
|
|
56
44
|
render: "contentRender",
|
|
57
45
|
component: "contentComponent"
|
|
58
46
|
},
|
|
59
|
-
])
|
|
60
|
-
return (React.createElement((BaseComponent),
|
|
47
|
+
]), []);
|
|
48
|
+
return (React.createElement((BaseComponent), {
|
|
49
|
+
WidgetClass: dxTooltip,
|
|
50
|
+
ref: baseRef,
|
|
51
|
+
isPortalComponent: true,
|
|
52
|
+
subscribableOptions,
|
|
53
|
+
independentEvents,
|
|
54
|
+
defaults,
|
|
55
|
+
expectedChildren,
|
|
56
|
+
templateProps,
|
|
57
|
+
...props,
|
|
58
|
+
}));
|
|
61
59
|
}));
|
|
62
|
-
|
|
63
|
-
return React.createElement((NestedOption),
|
|
60
|
+
const _componentAnimation = memo((props) => {
|
|
61
|
+
return React.createElement((NestedOption), { ...props });
|
|
64
62
|
});
|
|
65
|
-
|
|
63
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
66
64
|
OptionName: "animation",
|
|
67
65
|
ExpectedChildren: {
|
|
68
66
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
69
67
|
show: { optionName: "show", isCollectionItem: false }
|
|
70
68
|
},
|
|
71
69
|
});
|
|
72
|
-
|
|
73
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentAt = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
74
72
|
});
|
|
75
|
-
|
|
73
|
+
const At = Object.assign(_componentAt, {
|
|
76
74
|
OptionName: "at",
|
|
77
75
|
});
|
|
78
|
-
|
|
79
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
80
78
|
});
|
|
81
|
-
|
|
79
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
82
80
|
OptionName: "boundaryOffset",
|
|
83
81
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentCollision = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
84
|
});
|
|
87
|
-
|
|
85
|
+
const Collision = Object.assign(_componentCollision, {
|
|
88
86
|
OptionName: "collision",
|
|
89
87
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentFrom = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
90
|
});
|
|
93
|
-
|
|
91
|
+
const From = Object.assign(_componentFrom, {
|
|
94
92
|
OptionName: "from",
|
|
95
93
|
ExpectedChildren: {
|
|
96
94
|
position: { optionName: "position", isCollectionItem: false }
|
|
97
95
|
},
|
|
98
96
|
});
|
|
99
|
-
|
|
100
|
-
return React.createElement((NestedOption),
|
|
97
|
+
const _componentHide = memo((props) => {
|
|
98
|
+
return React.createElement((NestedOption), { ...props });
|
|
101
99
|
});
|
|
102
|
-
|
|
100
|
+
const Hide = Object.assign(_componentHide, {
|
|
103
101
|
OptionName: "hide",
|
|
104
102
|
ExpectedChildren: {
|
|
105
103
|
from: { optionName: "from", isCollectionItem: false },
|
|
106
104
|
to: { optionName: "to", isCollectionItem: false }
|
|
107
105
|
},
|
|
108
106
|
});
|
|
109
|
-
|
|
110
|
-
return React.createElement((NestedOption),
|
|
107
|
+
const _componentHideEvent = memo((props) => {
|
|
108
|
+
return React.createElement((NestedOption), { ...props });
|
|
111
109
|
});
|
|
112
|
-
|
|
110
|
+
const HideEvent = Object.assign(_componentHideEvent, {
|
|
113
111
|
OptionName: "hideEvent",
|
|
114
112
|
});
|
|
115
|
-
|
|
116
|
-
return React.createElement((NestedOption),
|
|
113
|
+
const _componentMy = memo((props) => {
|
|
114
|
+
return React.createElement((NestedOption), { ...props });
|
|
117
115
|
});
|
|
118
|
-
|
|
116
|
+
const My = Object.assign(_componentMy, {
|
|
119
117
|
OptionName: "my",
|
|
120
118
|
});
|
|
121
|
-
|
|
122
|
-
return React.createElement((NestedOption),
|
|
119
|
+
const _componentOffset = memo((props) => {
|
|
120
|
+
return React.createElement((NestedOption), { ...props });
|
|
123
121
|
});
|
|
124
|
-
|
|
122
|
+
const Offset = Object.assign(_componentOffset, {
|
|
125
123
|
OptionName: "offset",
|
|
126
124
|
});
|
|
127
|
-
|
|
128
|
-
return React.createElement((NestedOption),
|
|
125
|
+
const _componentPosition = memo((props) => {
|
|
126
|
+
return React.createElement((NestedOption), { ...props });
|
|
129
127
|
});
|
|
130
|
-
|
|
128
|
+
const Position = Object.assign(_componentPosition, {
|
|
131
129
|
OptionName: "position",
|
|
132
130
|
});
|
|
133
|
-
|
|
134
|
-
return React.createElement((NestedOption),
|
|
131
|
+
const _componentShow = memo((props) => {
|
|
132
|
+
return React.createElement((NestedOption), { ...props });
|
|
135
133
|
});
|
|
136
|
-
|
|
134
|
+
const Show = Object.assign(_componentShow, {
|
|
137
135
|
OptionName: "show",
|
|
138
136
|
});
|
|
139
|
-
|
|
140
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentShowEvent = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
141
139
|
});
|
|
142
|
-
|
|
140
|
+
const ShowEvent = Object.assign(_componentShowEvent, {
|
|
143
141
|
OptionName: "showEvent",
|
|
144
142
|
});
|
|
145
|
-
|
|
146
|
-
return React.createElement((NestedOption),
|
|
143
|
+
const _componentTo = memo((props) => {
|
|
144
|
+
return React.createElement((NestedOption), { ...props });
|
|
147
145
|
});
|
|
148
|
-
|
|
146
|
+
const To = Object.assign(_componentTo, {
|
|
149
147
|
OptionName: "to",
|
|
150
148
|
});
|
|
151
149
|
export default Tooltip;
|