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/popover.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,46 +12,34 @@
|
|
|
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 dxPopover from "devextreme/ui/popover";
|
|
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 Popover = 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", "onTitleRendered"]), []);
|
|
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
40
|
toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
|
|
53
|
-
})
|
|
54
|
-
|
|
41
|
+
}), []);
|
|
42
|
+
const templateProps = useMemo(() => ([
|
|
55
43
|
{
|
|
56
44
|
tmplOption: "contentTemplate",
|
|
57
45
|
render: "contentRender",
|
|
@@ -62,102 +50,112 @@ var Popover = memo(forwardRef(function (props, ref) {
|
|
|
62
50
|
render: "titleRender",
|
|
63
51
|
component: "titleComponent"
|
|
64
52
|
},
|
|
65
|
-
])
|
|
66
|
-
return (React.createElement((BaseComponent),
|
|
53
|
+
]), []);
|
|
54
|
+
return (React.createElement((BaseComponent), {
|
|
55
|
+
WidgetClass: dxPopover,
|
|
56
|
+
ref: baseRef,
|
|
57
|
+
isPortalComponent: true,
|
|
58
|
+
subscribableOptions,
|
|
59
|
+
independentEvents,
|
|
60
|
+
defaults,
|
|
61
|
+
expectedChildren,
|
|
62
|
+
templateProps,
|
|
63
|
+
...props,
|
|
64
|
+
}));
|
|
67
65
|
}));
|
|
68
|
-
|
|
69
|
-
return React.createElement((NestedOption),
|
|
66
|
+
const _componentAnimation = memo((props) => {
|
|
67
|
+
return React.createElement((NestedOption), { ...props });
|
|
70
68
|
});
|
|
71
|
-
|
|
69
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
72
70
|
OptionName: "animation",
|
|
73
71
|
ExpectedChildren: {
|
|
74
72
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
75
73
|
show: { optionName: "show", isCollectionItem: false }
|
|
76
74
|
},
|
|
77
75
|
});
|
|
78
|
-
|
|
79
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentAt = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
80
78
|
});
|
|
81
|
-
|
|
79
|
+
const At = Object.assign(_componentAt, {
|
|
82
80
|
OptionName: "at",
|
|
83
81
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
82
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
83
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
84
|
});
|
|
87
|
-
|
|
85
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
88
86
|
OptionName: "boundaryOffset",
|
|
89
87
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
88
|
+
const _componentCollision = memo((props) => {
|
|
89
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
90
|
});
|
|
93
|
-
|
|
91
|
+
const Collision = Object.assign(_componentCollision, {
|
|
94
92
|
OptionName: "collision",
|
|
95
93
|
});
|
|
96
|
-
|
|
97
|
-
return React.createElement((NestedOption),
|
|
94
|
+
const _componentFrom = memo((props) => {
|
|
95
|
+
return React.createElement((NestedOption), { ...props });
|
|
98
96
|
});
|
|
99
|
-
|
|
97
|
+
const From = Object.assign(_componentFrom, {
|
|
100
98
|
OptionName: "from",
|
|
101
99
|
ExpectedChildren: {
|
|
102
100
|
position: { optionName: "position", isCollectionItem: false }
|
|
103
101
|
},
|
|
104
102
|
});
|
|
105
|
-
|
|
106
|
-
return React.createElement((NestedOption),
|
|
103
|
+
const _componentHide = memo((props) => {
|
|
104
|
+
return React.createElement((NestedOption), { ...props });
|
|
107
105
|
});
|
|
108
|
-
|
|
106
|
+
const Hide = Object.assign(_componentHide, {
|
|
109
107
|
OptionName: "hide",
|
|
110
108
|
ExpectedChildren: {
|
|
111
109
|
from: { optionName: "from", isCollectionItem: false },
|
|
112
110
|
to: { optionName: "to", isCollectionItem: false }
|
|
113
111
|
},
|
|
114
112
|
});
|
|
115
|
-
|
|
116
|
-
return React.createElement((NestedOption),
|
|
113
|
+
const _componentHideEvent = memo((props) => {
|
|
114
|
+
return React.createElement((NestedOption), { ...props });
|
|
117
115
|
});
|
|
118
|
-
|
|
116
|
+
const HideEvent = Object.assign(_componentHideEvent, {
|
|
119
117
|
OptionName: "hideEvent",
|
|
120
118
|
});
|
|
121
|
-
|
|
122
|
-
return React.createElement((NestedOption),
|
|
119
|
+
const _componentMy = memo((props) => {
|
|
120
|
+
return React.createElement((NestedOption), { ...props });
|
|
123
121
|
});
|
|
124
|
-
|
|
122
|
+
const My = Object.assign(_componentMy, {
|
|
125
123
|
OptionName: "my",
|
|
126
124
|
});
|
|
127
|
-
|
|
128
|
-
return React.createElement((NestedOption),
|
|
125
|
+
const _componentOffset = memo((props) => {
|
|
126
|
+
return React.createElement((NestedOption), { ...props });
|
|
129
127
|
});
|
|
130
|
-
|
|
128
|
+
const Offset = Object.assign(_componentOffset, {
|
|
131
129
|
OptionName: "offset",
|
|
132
130
|
});
|
|
133
|
-
|
|
134
|
-
return React.createElement((NestedOption),
|
|
131
|
+
const _componentPosition = memo((props) => {
|
|
132
|
+
return React.createElement((NestedOption), { ...props });
|
|
135
133
|
});
|
|
136
|
-
|
|
134
|
+
const Position = Object.assign(_componentPosition, {
|
|
137
135
|
OptionName: "position",
|
|
138
136
|
});
|
|
139
|
-
|
|
140
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentShow = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
141
139
|
});
|
|
142
|
-
|
|
140
|
+
const Show = Object.assign(_componentShow, {
|
|
143
141
|
OptionName: "show",
|
|
144
142
|
});
|
|
145
|
-
|
|
146
|
-
return React.createElement((NestedOption),
|
|
143
|
+
const _componentShowEvent = memo((props) => {
|
|
144
|
+
return React.createElement((NestedOption), { ...props });
|
|
147
145
|
});
|
|
148
|
-
|
|
146
|
+
const ShowEvent = Object.assign(_componentShowEvent, {
|
|
149
147
|
OptionName: "showEvent",
|
|
150
148
|
});
|
|
151
|
-
|
|
152
|
-
return React.createElement((NestedOption),
|
|
149
|
+
const _componentTo = memo((props) => {
|
|
150
|
+
return React.createElement((NestedOption), { ...props });
|
|
153
151
|
});
|
|
154
|
-
|
|
152
|
+
const To = Object.assign(_componentTo, {
|
|
155
153
|
OptionName: "to",
|
|
156
154
|
});
|
|
157
|
-
|
|
158
|
-
return React.createElement((NestedOption),
|
|
155
|
+
const _componentToolbarItem = memo((props) => {
|
|
156
|
+
return React.createElement((NestedOption), { ...props });
|
|
159
157
|
});
|
|
160
|
-
|
|
158
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
161
159
|
OptionName: "toolbarItems",
|
|
162
160
|
IsCollectionItem: true,
|
|
163
161
|
TemplateProps: [{
|
package/esm/popup.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,44 +12,32 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxPopup from "devextreme/ui/popup";
|
|
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 Popup = 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", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered"]), []);
|
|
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
|
position: { optionName: "position", isCollectionItem: false },
|
|
50
38
|
toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
|
|
51
|
-
})
|
|
52
|
-
|
|
39
|
+
}), []);
|
|
40
|
+
const templateProps = useMemo(() => ([
|
|
53
41
|
{
|
|
54
42
|
tmplOption: "contentTemplate",
|
|
55
43
|
render: "contentRender",
|
|
@@ -60,90 +48,100 @@ var Popup = memo(forwardRef(function (props, ref) {
|
|
|
60
48
|
render: "titleRender",
|
|
61
49
|
component: "titleComponent"
|
|
62
50
|
},
|
|
63
|
-
])
|
|
64
|
-
return (React.createElement((BaseComponent),
|
|
51
|
+
]), []);
|
|
52
|
+
return (React.createElement((BaseComponent), {
|
|
53
|
+
WidgetClass: dxPopup,
|
|
54
|
+
ref: baseRef,
|
|
55
|
+
isPortalComponent: true,
|
|
56
|
+
subscribableOptions,
|
|
57
|
+
independentEvents,
|
|
58
|
+
defaults,
|
|
59
|
+
expectedChildren,
|
|
60
|
+
templateProps,
|
|
61
|
+
...props,
|
|
62
|
+
}));
|
|
65
63
|
}));
|
|
66
|
-
|
|
67
|
-
return React.createElement((NestedOption),
|
|
64
|
+
const _componentAnimation = memo((props) => {
|
|
65
|
+
return React.createElement((NestedOption), { ...props });
|
|
68
66
|
});
|
|
69
|
-
|
|
67
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
70
68
|
OptionName: "animation",
|
|
71
69
|
ExpectedChildren: {
|
|
72
70
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
73
71
|
show: { optionName: "show", isCollectionItem: false }
|
|
74
72
|
},
|
|
75
73
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
74
|
+
const _componentAt = memo((props) => {
|
|
75
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
76
|
});
|
|
79
|
-
|
|
77
|
+
const At = Object.assign(_componentAt, {
|
|
80
78
|
OptionName: "at",
|
|
81
79
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
80
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
81
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
82
|
});
|
|
85
|
-
|
|
83
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
86
84
|
OptionName: "boundaryOffset",
|
|
87
85
|
});
|
|
88
|
-
|
|
89
|
-
return React.createElement((NestedOption),
|
|
86
|
+
const _componentCollision = memo((props) => {
|
|
87
|
+
return React.createElement((NestedOption), { ...props });
|
|
90
88
|
});
|
|
91
|
-
|
|
89
|
+
const Collision = Object.assign(_componentCollision, {
|
|
92
90
|
OptionName: "collision",
|
|
93
91
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
92
|
+
const _componentFrom = memo((props) => {
|
|
93
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
94
|
});
|
|
97
|
-
|
|
95
|
+
const From = Object.assign(_componentFrom, {
|
|
98
96
|
OptionName: "from",
|
|
99
97
|
ExpectedChildren: {
|
|
100
98
|
position: { optionName: "position", isCollectionItem: false }
|
|
101
99
|
},
|
|
102
100
|
});
|
|
103
|
-
|
|
104
|
-
return React.createElement((NestedOption),
|
|
101
|
+
const _componentHide = memo((props) => {
|
|
102
|
+
return React.createElement((NestedOption), { ...props });
|
|
105
103
|
});
|
|
106
|
-
|
|
104
|
+
const Hide = Object.assign(_componentHide, {
|
|
107
105
|
OptionName: "hide",
|
|
108
106
|
ExpectedChildren: {
|
|
109
107
|
from: { optionName: "from", isCollectionItem: false },
|
|
110
108
|
to: { optionName: "to", isCollectionItem: false }
|
|
111
109
|
},
|
|
112
110
|
});
|
|
113
|
-
|
|
114
|
-
return React.createElement((NestedOption),
|
|
111
|
+
const _componentMy = memo((props) => {
|
|
112
|
+
return React.createElement((NestedOption), { ...props });
|
|
115
113
|
});
|
|
116
|
-
|
|
114
|
+
const My = Object.assign(_componentMy, {
|
|
117
115
|
OptionName: "my",
|
|
118
116
|
});
|
|
119
|
-
|
|
120
|
-
return React.createElement((NestedOption),
|
|
117
|
+
const _componentOffset = memo((props) => {
|
|
118
|
+
return React.createElement((NestedOption), { ...props });
|
|
121
119
|
});
|
|
122
|
-
|
|
120
|
+
const Offset = Object.assign(_componentOffset, {
|
|
123
121
|
OptionName: "offset",
|
|
124
122
|
});
|
|
125
|
-
|
|
126
|
-
return React.createElement((NestedOption),
|
|
123
|
+
const _componentPosition = memo((props) => {
|
|
124
|
+
return React.createElement((NestedOption), { ...props });
|
|
127
125
|
});
|
|
128
|
-
|
|
126
|
+
const Position = Object.assign(_componentPosition, {
|
|
129
127
|
OptionName: "position",
|
|
130
128
|
});
|
|
131
|
-
|
|
132
|
-
return React.createElement((NestedOption),
|
|
129
|
+
const _componentShow = memo((props) => {
|
|
130
|
+
return React.createElement((NestedOption), { ...props });
|
|
133
131
|
});
|
|
134
|
-
|
|
132
|
+
const Show = Object.assign(_componentShow, {
|
|
135
133
|
OptionName: "show",
|
|
136
134
|
});
|
|
137
|
-
|
|
138
|
-
return React.createElement((NestedOption),
|
|
135
|
+
const _componentTo = memo((props) => {
|
|
136
|
+
return React.createElement((NestedOption), { ...props });
|
|
139
137
|
});
|
|
140
|
-
|
|
138
|
+
const To = Object.assign(_componentTo, {
|
|
141
139
|
OptionName: "to",
|
|
142
140
|
});
|
|
143
|
-
|
|
144
|
-
return React.createElement((NestedOption),
|
|
141
|
+
const _componentToolbarItem = memo((props) => {
|
|
142
|
+
return React.createElement((NestedOption), { ...props });
|
|
145
143
|
});
|
|
146
|
-
|
|
144
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
147
145
|
OptionName: "toolbarItems",
|
|
148
146
|
IsCollectionItem: true,
|
|
149
147
|
TemplateProps: [{
|
package/esm/progress-bar.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,35 +12,30 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxProgressBar from "devextreme/ui/progress_bar";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useImperativeHandle(ref,
|
|
33
|
-
instance
|
|
34
|
-
|
|
35
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
19
|
+
const ProgressBar = memo(forwardRef((props, ref) => {
|
|
20
|
+
const baseRef = useRef(null);
|
|
21
|
+
useImperativeHandle(ref, () => ({
|
|
22
|
+
instance() {
|
|
23
|
+
return baseRef.current?.getInstance();
|
|
36
24
|
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
}), [baseRef.current]);
|
|
26
|
+
const subscribableOptions = useMemo(() => (["value"]), []);
|
|
27
|
+
const independentEvents = useMemo(() => (["onComplete", "onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
28
|
+
const defaults = useMemo(() => ({
|
|
41
29
|
defaultValue: "value",
|
|
42
|
-
})
|
|
43
|
-
return (React.createElement((BaseComponent),
|
|
30
|
+
}), []);
|
|
31
|
+
return (React.createElement((BaseComponent), {
|
|
32
|
+
WidgetClass: dxProgressBar,
|
|
33
|
+
ref: baseRef,
|
|
34
|
+
subscribableOptions,
|
|
35
|
+
independentEvents,
|
|
36
|
+
defaults,
|
|
37
|
+
...props,
|
|
38
|
+
}));
|
|
44
39
|
}));
|
|
45
40
|
export default ProgressBar;
|
|
46
41
|
export { ProgressBar };
|
package/esm/radio-group.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,51 +12,48 @@
|
|
|
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 dxRadioGroup from "devextreme/ui/radio_group";
|
|
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 RadioGroup = 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(() => (["value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultValue: "value",
|
|
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",
|
|
51
39
|
component: "itemComponent"
|
|
52
40
|
},
|
|
53
|
-
])
|
|
54
|
-
return (React.createElement((BaseComponent),
|
|
41
|
+
]), []);
|
|
42
|
+
return (React.createElement((BaseComponent), {
|
|
43
|
+
WidgetClass: dxRadioGroup,
|
|
44
|
+
ref: baseRef,
|
|
45
|
+
subscribableOptions,
|
|
46
|
+
independentEvents,
|
|
47
|
+
defaults,
|
|
48
|
+
expectedChildren,
|
|
49
|
+
templateProps,
|
|
50
|
+
...props,
|
|
51
|
+
}));
|
|
55
52
|
}));
|
|
56
|
-
|
|
57
|
-
return React.createElement((NestedOption),
|
|
53
|
+
const _componentItem = memo((props) => {
|
|
54
|
+
return React.createElement((NestedOption), { ...props });
|
|
58
55
|
});
|
|
59
|
-
|
|
56
|
+
const Item = Object.assign(_componentItem, {
|
|
60
57
|
OptionName: "items",
|
|
61
58
|
IsCollectionItem: true,
|
|
62
59
|
TemplateProps: [{
|