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/menu.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,108 +12,105 @@
|
|
|
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 dxMenu from "devextreme/ui/menu";
|
|
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 Menu = 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", "selectedItem"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
31
|
defaultSelectedItem: "selectedItem",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
47
35
|
item: { optionName: "items", isCollectionItem: true },
|
|
48
36
|
showFirstSubmenuMode: { optionName: "showFirstSubmenuMode", isCollectionItem: false },
|
|
49
37
|
showSubmenuMode: { optionName: "showSubmenuMode", isCollectionItem: false }
|
|
50
|
-
})
|
|
51
|
-
|
|
38
|
+
}), []);
|
|
39
|
+
const templateProps = useMemo(() => ([
|
|
52
40
|
{
|
|
53
41
|
tmplOption: "itemTemplate",
|
|
54
42
|
render: "itemRender",
|
|
55
43
|
component: "itemComponent"
|
|
56
44
|
},
|
|
57
|
-
])
|
|
58
|
-
return (React.createElement((BaseComponent),
|
|
45
|
+
]), []);
|
|
46
|
+
return (React.createElement((BaseComponent), {
|
|
47
|
+
WidgetClass: dxMenu,
|
|
48
|
+
ref: baseRef,
|
|
49
|
+
subscribableOptions,
|
|
50
|
+
independentEvents,
|
|
51
|
+
defaults,
|
|
52
|
+
expectedChildren,
|
|
53
|
+
templateProps,
|
|
54
|
+
...props,
|
|
55
|
+
}));
|
|
59
56
|
}));
|
|
60
|
-
|
|
61
|
-
return React.createElement((NestedOption),
|
|
57
|
+
const _componentAnimation = memo((props) => {
|
|
58
|
+
return React.createElement((NestedOption), { ...props });
|
|
62
59
|
});
|
|
63
|
-
|
|
60
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
64
61
|
OptionName: "animation",
|
|
65
62
|
ExpectedChildren: {
|
|
66
63
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
67
64
|
show: { optionName: "show", isCollectionItem: false }
|
|
68
65
|
},
|
|
69
66
|
});
|
|
70
|
-
|
|
71
|
-
return React.createElement((NestedOption),
|
|
67
|
+
const _componentAt = memo((props) => {
|
|
68
|
+
return React.createElement((NestedOption), { ...props });
|
|
72
69
|
});
|
|
73
|
-
|
|
70
|
+
const At = Object.assign(_componentAt, {
|
|
74
71
|
OptionName: "at",
|
|
75
72
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
73
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
74
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
75
|
});
|
|
79
|
-
|
|
76
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
80
77
|
OptionName: "boundaryOffset",
|
|
81
78
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
79
|
+
const _componentCollision = memo((props) => {
|
|
80
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
81
|
});
|
|
85
|
-
|
|
82
|
+
const Collision = Object.assign(_componentCollision, {
|
|
86
83
|
OptionName: "collision",
|
|
87
84
|
});
|
|
88
|
-
|
|
89
|
-
return React.createElement((NestedOption),
|
|
85
|
+
const _componentDelay = memo((props) => {
|
|
86
|
+
return React.createElement((NestedOption), { ...props });
|
|
90
87
|
});
|
|
91
|
-
|
|
88
|
+
const Delay = Object.assign(_componentDelay, {
|
|
92
89
|
OptionName: "delay",
|
|
93
90
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
91
|
+
const _componentFrom = memo((props) => {
|
|
92
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
93
|
});
|
|
97
|
-
|
|
94
|
+
const From = Object.assign(_componentFrom, {
|
|
98
95
|
OptionName: "from",
|
|
99
96
|
ExpectedChildren: {
|
|
100
97
|
position: { optionName: "position", isCollectionItem: false }
|
|
101
98
|
},
|
|
102
99
|
});
|
|
103
|
-
|
|
104
|
-
return React.createElement((NestedOption),
|
|
100
|
+
const _componentHide = memo((props) => {
|
|
101
|
+
return React.createElement((NestedOption), { ...props });
|
|
105
102
|
});
|
|
106
|
-
|
|
103
|
+
const Hide = Object.assign(_componentHide, {
|
|
107
104
|
OptionName: "hide",
|
|
108
105
|
ExpectedChildren: {
|
|
109
106
|
from: { optionName: "from", isCollectionItem: false },
|
|
110
107
|
to: { optionName: "to", isCollectionItem: false }
|
|
111
108
|
},
|
|
112
109
|
});
|
|
113
|
-
|
|
114
|
-
return React.createElement((NestedOption),
|
|
110
|
+
const _componentItem = memo((props) => {
|
|
111
|
+
return React.createElement((NestedOption), { ...props });
|
|
115
112
|
});
|
|
116
|
-
|
|
113
|
+
const Item = Object.assign(_componentItem, {
|
|
117
114
|
OptionName: "items",
|
|
118
115
|
IsCollectionItem: true,
|
|
119
116
|
TemplateProps: [{
|
|
@@ -122,22 +119,22 @@ var Item = Object.assign(_componentItem, {
|
|
|
122
119
|
component: "component"
|
|
123
120
|
}],
|
|
124
121
|
});
|
|
125
|
-
|
|
126
|
-
return React.createElement((NestedOption),
|
|
122
|
+
const _componentMy = memo((props) => {
|
|
123
|
+
return React.createElement((NestedOption), { ...props });
|
|
127
124
|
});
|
|
128
|
-
|
|
125
|
+
const My = Object.assign(_componentMy, {
|
|
129
126
|
OptionName: "my",
|
|
130
127
|
});
|
|
131
|
-
|
|
132
|
-
return React.createElement((NestedOption),
|
|
128
|
+
const _componentOffset = memo((props) => {
|
|
129
|
+
return React.createElement((NestedOption), { ...props });
|
|
133
130
|
});
|
|
134
|
-
|
|
131
|
+
const Offset = Object.assign(_componentOffset, {
|
|
135
132
|
OptionName: "offset",
|
|
136
133
|
});
|
|
137
|
-
|
|
138
|
-
return React.createElement((NestedOption),
|
|
134
|
+
const _componentPosition = memo((props) => {
|
|
135
|
+
return React.createElement((NestedOption), { ...props });
|
|
139
136
|
});
|
|
140
|
-
|
|
137
|
+
const Position = Object.assign(_componentPosition, {
|
|
141
138
|
OptionName: "position",
|
|
142
139
|
ExpectedChildren: {
|
|
143
140
|
at: { optionName: "at", isCollectionItem: false },
|
|
@@ -147,34 +144,34 @@ var Position = Object.assign(_componentPosition, {
|
|
|
147
144
|
offset: { optionName: "offset", isCollectionItem: false }
|
|
148
145
|
},
|
|
149
146
|
});
|
|
150
|
-
|
|
151
|
-
return React.createElement((NestedOption),
|
|
147
|
+
const _componentShow = memo((props) => {
|
|
148
|
+
return React.createElement((NestedOption), { ...props });
|
|
152
149
|
});
|
|
153
|
-
|
|
150
|
+
const Show = Object.assign(_componentShow, {
|
|
154
151
|
OptionName: "show",
|
|
155
152
|
});
|
|
156
|
-
|
|
157
|
-
return React.createElement((NestedOption),
|
|
153
|
+
const _componentShowFirstSubmenuMode = memo((props) => {
|
|
154
|
+
return React.createElement((NestedOption), { ...props });
|
|
158
155
|
});
|
|
159
|
-
|
|
156
|
+
const ShowFirstSubmenuMode = Object.assign(_componentShowFirstSubmenuMode, {
|
|
160
157
|
OptionName: "showFirstSubmenuMode",
|
|
161
158
|
ExpectedChildren: {
|
|
162
159
|
delay: { optionName: "delay", isCollectionItem: false }
|
|
163
160
|
},
|
|
164
161
|
});
|
|
165
|
-
|
|
166
|
-
return React.createElement((NestedOption),
|
|
162
|
+
const _componentShowSubmenuMode = memo((props) => {
|
|
163
|
+
return React.createElement((NestedOption), { ...props });
|
|
167
164
|
});
|
|
168
|
-
|
|
165
|
+
const ShowSubmenuMode = Object.assign(_componentShowSubmenuMode, {
|
|
169
166
|
OptionName: "showSubmenuMode",
|
|
170
167
|
ExpectedChildren: {
|
|
171
168
|
delay: { optionName: "delay", isCollectionItem: false }
|
|
172
169
|
},
|
|
173
170
|
});
|
|
174
|
-
|
|
175
|
-
return React.createElement((NestedOption),
|
|
171
|
+
const _componentTo = memo((props) => {
|
|
172
|
+
return React.createElement((NestedOption), { ...props });
|
|
176
173
|
});
|
|
177
|
-
|
|
174
|
+
const To = Object.assign(_componentTo, {
|
|
178
175
|
OptionName: "to",
|
|
179
176
|
});
|
|
180
177
|
export default Menu;
|
package/esm/multi-view.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,53 +12,50 @@
|
|
|
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 dxMultiView from "devextreme/ui/multi_view";
|
|
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 MultiView = 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", "selectedIndex", "selectedItem"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
31
|
defaultSelectedIndex: "selectedIndex",
|
|
44
32
|
defaultSelectedItem: "selectedItem",
|
|
45
|
-
})
|
|
46
|
-
|
|
33
|
+
}), []);
|
|
34
|
+
const expectedChildren = useMemo(() => ({
|
|
47
35
|
item: { optionName: "items", isCollectionItem: true }
|
|
48
|
-
})
|
|
49
|
-
|
|
36
|
+
}), []);
|
|
37
|
+
const templateProps = useMemo(() => ([
|
|
50
38
|
{
|
|
51
39
|
tmplOption: "itemTemplate",
|
|
52
40
|
render: "itemRender",
|
|
53
41
|
component: "itemComponent"
|
|
54
42
|
},
|
|
55
|
-
])
|
|
56
|
-
return (React.createElement((BaseComponent),
|
|
43
|
+
]), []);
|
|
44
|
+
return (React.createElement((BaseComponent), {
|
|
45
|
+
WidgetClass: dxMultiView,
|
|
46
|
+
ref: baseRef,
|
|
47
|
+
subscribableOptions,
|
|
48
|
+
independentEvents,
|
|
49
|
+
defaults,
|
|
50
|
+
expectedChildren,
|
|
51
|
+
templateProps,
|
|
52
|
+
...props,
|
|
53
|
+
}));
|
|
57
54
|
}));
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
55
|
+
const _componentItem = memo((props) => {
|
|
56
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
57
|
});
|
|
61
|
-
|
|
58
|
+
const Item = Object.assign(_componentItem, {
|
|
62
59
|
OptionName: "items",
|
|
63
60
|
IsCollectionItem: true,
|
|
64
61
|
TemplateProps: [{
|
package/esm/number-box.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,61 +12,57 @@
|
|
|
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 dxNumberBox from "devextreme/ui/number_box";
|
|
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 NumberBox = 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(() => (["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onPaste", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultValue: "value",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
46
34
|
format: { optionName: "format", isCollectionItem: false }
|
|
47
|
-
})
|
|
48
|
-
return (React.createElement((BaseComponent),
|
|
35
|
+
}), []);
|
|
36
|
+
return (React.createElement((BaseComponent), {
|
|
37
|
+
WidgetClass: dxNumberBox,
|
|
38
|
+
ref: baseRef,
|
|
39
|
+
subscribableOptions,
|
|
40
|
+
independentEvents,
|
|
41
|
+
defaults,
|
|
42
|
+
expectedChildren,
|
|
43
|
+
...props,
|
|
44
|
+
}));
|
|
49
45
|
}));
|
|
50
|
-
|
|
51
|
-
return React.createElement((NestedOption),
|
|
46
|
+
const _componentButton = memo((props) => {
|
|
47
|
+
return React.createElement((NestedOption), { ...props });
|
|
52
48
|
});
|
|
53
|
-
|
|
49
|
+
const Button = Object.assign(_componentButton, {
|
|
54
50
|
OptionName: "buttons",
|
|
55
51
|
IsCollectionItem: true,
|
|
56
52
|
ExpectedChildren: {
|
|
57
53
|
options: { optionName: "options", isCollectionItem: false }
|
|
58
54
|
},
|
|
59
55
|
});
|
|
60
|
-
|
|
61
|
-
return React.createElement((NestedOption),
|
|
56
|
+
const _componentFormat = memo((props) => {
|
|
57
|
+
return React.createElement((NestedOption), { ...props });
|
|
62
58
|
});
|
|
63
|
-
|
|
59
|
+
const Format = Object.assign(_componentFormat, {
|
|
64
60
|
OptionName: "format",
|
|
65
61
|
});
|
|
66
|
-
|
|
67
|
-
return React.createElement((NestedOption),
|
|
62
|
+
const _componentOptions = memo((props) => {
|
|
63
|
+
return React.createElement((NestedOption), { ...props });
|
|
68
64
|
});
|
|
69
|
-
|
|
65
|
+
const Options = Object.assign(_componentOptions, {
|
|
70
66
|
OptionName: "options",
|
|
71
67
|
TemplateProps: [{
|
|
72
68
|
tmplOption: "template",
|