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/cjs/drop-down-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
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,29 +41,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ToolbarItem = exports.To = exports.Show = exports.Position = exports.Options = exports.Offset = exports.My = exports.Hide = exports.From = exports.DropDownOptions = exports.Collision = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.DropDownBox = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
63
|
-
instance
|
|
64
|
-
|
|
65
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
44
|
+
const React = __importStar(require("react"));
|
|
45
|
+
const react_1 = require("react");
|
|
46
|
+
const drop_down_box_1 = __importDefault(require("devextreme/ui/drop_down_box"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const DropDownBox = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
50
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
51
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
52
|
+
instance() {
|
|
53
|
+
return baseRef.current?.getInstance();
|
|
66
54
|
}
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
}), [baseRef.current]);
|
|
56
|
+
const subscribableOptions = (0, react_1.useMemo)(() => (["opened"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultOpened: "opened",
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
74
62
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
75
63
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
76
|
-
})
|
|
77
|
-
|
|
64
|
+
}), []);
|
|
65
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
78
66
|
{
|
|
79
67
|
tmplOption: "contentTemplate",
|
|
80
68
|
render: "contentRender",
|
|
@@ -90,14 +78,23 @@ var DropDownBox = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref
|
|
|
90
78
|
render: "fieldRender",
|
|
91
79
|
component: "fieldComponent"
|
|
92
80
|
},
|
|
93
|
-
])
|
|
94
|
-
return (React.createElement((component_1.Component),
|
|
81
|
+
]), []);
|
|
82
|
+
return (React.createElement((component_1.Component), {
|
|
83
|
+
WidgetClass: drop_down_box_1.default,
|
|
84
|
+
ref: baseRef,
|
|
85
|
+
subscribableOptions,
|
|
86
|
+
independentEvents,
|
|
87
|
+
defaults,
|
|
88
|
+
expectedChildren,
|
|
89
|
+
templateProps,
|
|
90
|
+
...props,
|
|
91
|
+
}));
|
|
95
92
|
}));
|
|
96
93
|
exports.DropDownBox = DropDownBox;
|
|
97
|
-
|
|
98
|
-
return React.createElement((nested_option_1.default),
|
|
94
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
95
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
99
96
|
});
|
|
100
|
-
|
|
97
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
101
98
|
OptionName: "animation",
|
|
102
99
|
ExpectedChildren: {
|
|
103
100
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -105,24 +102,24 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
105
102
|
},
|
|
106
103
|
});
|
|
107
104
|
exports.Animation = Animation;
|
|
108
|
-
|
|
109
|
-
return React.createElement((nested_option_1.default),
|
|
105
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
106
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
110
107
|
});
|
|
111
|
-
|
|
108
|
+
const At = Object.assign(_componentAt, {
|
|
112
109
|
OptionName: "at",
|
|
113
110
|
});
|
|
114
111
|
exports.At = At;
|
|
115
|
-
|
|
116
|
-
return React.createElement((nested_option_1.default),
|
|
112
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
113
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
117
114
|
});
|
|
118
|
-
|
|
115
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
119
116
|
OptionName: "boundaryOffset",
|
|
120
117
|
});
|
|
121
118
|
exports.BoundaryOffset = BoundaryOffset;
|
|
122
|
-
|
|
123
|
-
return React.createElement((nested_option_1.default),
|
|
119
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
120
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
124
121
|
});
|
|
125
|
-
|
|
122
|
+
const Button = Object.assign(_componentButton, {
|
|
126
123
|
OptionName: "buttons",
|
|
127
124
|
IsCollectionItem: true,
|
|
128
125
|
ExpectedChildren: {
|
|
@@ -130,17 +127,17 @@ var Button = Object.assign(_componentButton, {
|
|
|
130
127
|
},
|
|
131
128
|
});
|
|
132
129
|
exports.Button = Button;
|
|
133
|
-
|
|
134
|
-
return React.createElement((nested_option_1.default),
|
|
130
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
131
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
135
132
|
});
|
|
136
|
-
|
|
133
|
+
const Collision = Object.assign(_componentCollision, {
|
|
137
134
|
OptionName: "collision",
|
|
138
135
|
});
|
|
139
136
|
exports.Collision = Collision;
|
|
140
|
-
|
|
141
|
-
return React.createElement((nested_option_1.default),
|
|
137
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
138
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
142
139
|
});
|
|
143
|
-
|
|
140
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
144
141
|
OptionName: "dropDownOptions",
|
|
145
142
|
DefaultsProps: {
|
|
146
143
|
defaultHeight: "height",
|
|
@@ -164,20 +161,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
164
161
|
}],
|
|
165
162
|
});
|
|
166
163
|
exports.DropDownOptions = DropDownOptions;
|
|
167
|
-
|
|
168
|
-
return React.createElement((nested_option_1.default),
|
|
164
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
165
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
169
166
|
});
|
|
170
|
-
|
|
167
|
+
const From = Object.assign(_componentFrom, {
|
|
171
168
|
OptionName: "from",
|
|
172
169
|
ExpectedChildren: {
|
|
173
170
|
position: { optionName: "position", isCollectionItem: false }
|
|
174
171
|
},
|
|
175
172
|
});
|
|
176
173
|
exports.From = From;
|
|
177
|
-
|
|
178
|
-
return React.createElement((nested_option_1.default),
|
|
174
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
175
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
179
176
|
});
|
|
180
|
-
|
|
177
|
+
const Hide = Object.assign(_componentHide, {
|
|
181
178
|
OptionName: "hide",
|
|
182
179
|
ExpectedChildren: {
|
|
183
180
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -185,24 +182,24 @@ var Hide = Object.assign(_componentHide, {
|
|
|
185
182
|
},
|
|
186
183
|
});
|
|
187
184
|
exports.Hide = Hide;
|
|
188
|
-
|
|
189
|
-
return React.createElement((nested_option_1.default),
|
|
185
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
186
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
190
187
|
});
|
|
191
|
-
|
|
188
|
+
const My = Object.assign(_componentMy, {
|
|
192
189
|
OptionName: "my",
|
|
193
190
|
});
|
|
194
191
|
exports.My = My;
|
|
195
|
-
|
|
196
|
-
return React.createElement((nested_option_1.default),
|
|
192
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
193
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
197
194
|
});
|
|
198
|
-
|
|
195
|
+
const Offset = Object.assign(_componentOffset, {
|
|
199
196
|
OptionName: "offset",
|
|
200
197
|
});
|
|
201
198
|
exports.Offset = Offset;
|
|
202
|
-
|
|
203
|
-
return React.createElement((nested_option_1.default),
|
|
199
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
200
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
204
201
|
});
|
|
205
|
-
|
|
202
|
+
const Options = Object.assign(_componentOptions, {
|
|
206
203
|
OptionName: "options",
|
|
207
204
|
TemplateProps: [{
|
|
208
205
|
tmplOption: "template",
|
|
@@ -211,31 +208,31 @@ var Options = Object.assign(_componentOptions, {
|
|
|
211
208
|
}],
|
|
212
209
|
});
|
|
213
210
|
exports.Options = Options;
|
|
214
|
-
|
|
215
|
-
return React.createElement((nested_option_1.default),
|
|
211
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
212
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
216
213
|
});
|
|
217
|
-
|
|
214
|
+
const Position = Object.assign(_componentPosition, {
|
|
218
215
|
OptionName: "position",
|
|
219
216
|
});
|
|
220
217
|
exports.Position = Position;
|
|
221
|
-
|
|
222
|
-
return React.createElement((nested_option_1.default),
|
|
218
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
219
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
223
220
|
});
|
|
224
|
-
|
|
221
|
+
const Show = Object.assign(_componentShow, {
|
|
225
222
|
OptionName: "show",
|
|
226
223
|
});
|
|
227
224
|
exports.Show = Show;
|
|
228
|
-
|
|
229
|
-
return React.createElement((nested_option_1.default),
|
|
225
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
226
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
230
227
|
});
|
|
231
|
-
|
|
228
|
+
const To = Object.assign(_componentTo, {
|
|
232
229
|
OptionName: "to",
|
|
233
230
|
});
|
|
234
231
|
exports.To = To;
|
|
235
|
-
|
|
236
|
-
return React.createElement((nested_option_1.default),
|
|
232
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
233
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
237
234
|
});
|
|
238
|
-
|
|
235
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
239
236
|
OptionName: "toolbarItems",
|
|
240
237
|
IsCollectionItem: true,
|
|
241
238
|
TemplateProps: [{
|
package/cjs/drop-down-button.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
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,25 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ToolbarItem = exports.To = exports.Show = exports.Position = exports.Offset = exports.My = exports.Item = exports.Hide = exports.From = exports.DropDownOptions = exports.Collision = exports.BoundaryOffset = exports.At = exports.Animation = exports.DropDownButton = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
63
|
-
instance
|
|
64
|
-
|
|
65
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
44
|
+
const React = __importStar(require("react"));
|
|
45
|
+
const react_1 = require("react");
|
|
46
|
+
const drop_down_button_1 = __importDefault(require("devextreme/ui/drop_down_button"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const DropDownButton = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
50
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
51
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
52
|
+
instance() {
|
|
53
|
+
return baseRef.current?.getInstance();
|
|
66
54
|
}
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
|
|
55
|
+
}), [baseRef.current]);
|
|
56
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onButtonClick", "onContentReady", "onDisposing", "onInitialized", "onItemClick"]), []);
|
|
57
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
70
58
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false },
|
|
71
59
|
item: { optionName: "items", isCollectionItem: true }
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
74
62
|
{
|
|
75
63
|
tmplOption: "dropDownContentTemplate",
|
|
76
64
|
render: "dropDownContentRender",
|
|
@@ -86,14 +74,21 @@ var DropDownButton = (0, react_1.memo)((0, react_1.forwardRef)(function (props,
|
|
|
86
74
|
render: "render",
|
|
87
75
|
component: "component"
|
|
88
76
|
},
|
|
89
|
-
])
|
|
90
|
-
return (React.createElement((component_1.Component),
|
|
77
|
+
]), []);
|
|
78
|
+
return (React.createElement((component_1.Component), {
|
|
79
|
+
WidgetClass: drop_down_button_1.default,
|
|
80
|
+
ref: baseRef,
|
|
81
|
+
independentEvents,
|
|
82
|
+
expectedChildren,
|
|
83
|
+
templateProps,
|
|
84
|
+
...props,
|
|
85
|
+
}));
|
|
91
86
|
}));
|
|
92
87
|
exports.DropDownButton = DropDownButton;
|
|
93
|
-
|
|
94
|
-
return React.createElement((nested_option_1.default),
|
|
88
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
89
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
95
90
|
});
|
|
96
|
-
|
|
91
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
97
92
|
OptionName: "animation",
|
|
98
93
|
ExpectedChildren: {
|
|
99
94
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -101,31 +96,31 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
101
96
|
},
|
|
102
97
|
});
|
|
103
98
|
exports.Animation = Animation;
|
|
104
|
-
|
|
105
|
-
return React.createElement((nested_option_1.default),
|
|
99
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
100
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
106
101
|
});
|
|
107
|
-
|
|
102
|
+
const At = Object.assign(_componentAt, {
|
|
108
103
|
OptionName: "at",
|
|
109
104
|
});
|
|
110
105
|
exports.At = At;
|
|
111
|
-
|
|
112
|
-
return React.createElement((nested_option_1.default),
|
|
106
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
107
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
113
108
|
});
|
|
114
|
-
|
|
109
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
115
110
|
OptionName: "boundaryOffset",
|
|
116
111
|
});
|
|
117
112
|
exports.BoundaryOffset = BoundaryOffset;
|
|
118
|
-
|
|
119
|
-
return React.createElement((nested_option_1.default),
|
|
113
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
114
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
120
115
|
});
|
|
121
|
-
|
|
116
|
+
const Collision = Object.assign(_componentCollision, {
|
|
122
117
|
OptionName: "collision",
|
|
123
118
|
});
|
|
124
119
|
exports.Collision = Collision;
|
|
125
|
-
|
|
126
|
-
return React.createElement((nested_option_1.default),
|
|
120
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
121
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
127
122
|
});
|
|
128
|
-
|
|
123
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
129
124
|
OptionName: "dropDownOptions",
|
|
130
125
|
DefaultsProps: {
|
|
131
126
|
defaultHeight: "height",
|
|
@@ -149,20 +144,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
149
144
|
}],
|
|
150
145
|
});
|
|
151
146
|
exports.DropDownOptions = DropDownOptions;
|
|
152
|
-
|
|
153
|
-
return React.createElement((nested_option_1.default),
|
|
147
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
148
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
154
149
|
});
|
|
155
|
-
|
|
150
|
+
const From = Object.assign(_componentFrom, {
|
|
156
151
|
OptionName: "from",
|
|
157
152
|
ExpectedChildren: {
|
|
158
153
|
position: { optionName: "position", isCollectionItem: false }
|
|
159
154
|
},
|
|
160
155
|
});
|
|
161
156
|
exports.From = From;
|
|
162
|
-
|
|
163
|
-
return React.createElement((nested_option_1.default),
|
|
157
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
158
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
164
159
|
});
|
|
165
|
-
|
|
160
|
+
const Hide = Object.assign(_componentHide, {
|
|
166
161
|
OptionName: "hide",
|
|
167
162
|
ExpectedChildren: {
|
|
168
163
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -170,10 +165,10 @@ var Hide = Object.assign(_componentHide, {
|
|
|
170
165
|
},
|
|
171
166
|
});
|
|
172
167
|
exports.Hide = Hide;
|
|
173
|
-
|
|
174
|
-
return React.createElement((nested_option_1.default),
|
|
168
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
169
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
175
170
|
});
|
|
176
|
-
|
|
171
|
+
const Item = Object.assign(_componentItem, {
|
|
177
172
|
OptionName: "items",
|
|
178
173
|
IsCollectionItem: true,
|
|
179
174
|
TemplateProps: [{
|
|
@@ -183,45 +178,45 @@ var Item = Object.assign(_componentItem, {
|
|
|
183
178
|
}],
|
|
184
179
|
});
|
|
185
180
|
exports.Item = Item;
|
|
186
|
-
|
|
187
|
-
return React.createElement((nested_option_1.default),
|
|
181
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
182
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
188
183
|
});
|
|
189
|
-
|
|
184
|
+
const My = Object.assign(_componentMy, {
|
|
190
185
|
OptionName: "my",
|
|
191
186
|
});
|
|
192
187
|
exports.My = My;
|
|
193
|
-
|
|
194
|
-
return React.createElement((nested_option_1.default),
|
|
188
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
189
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
195
190
|
});
|
|
196
|
-
|
|
191
|
+
const Offset = Object.assign(_componentOffset, {
|
|
197
192
|
OptionName: "offset",
|
|
198
193
|
});
|
|
199
194
|
exports.Offset = Offset;
|
|
200
|
-
|
|
201
|
-
return React.createElement((nested_option_1.default),
|
|
195
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
196
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
202
197
|
});
|
|
203
|
-
|
|
198
|
+
const Position = Object.assign(_componentPosition, {
|
|
204
199
|
OptionName: "position",
|
|
205
200
|
});
|
|
206
201
|
exports.Position = Position;
|
|
207
|
-
|
|
208
|
-
return React.createElement((nested_option_1.default),
|
|
202
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
203
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
209
204
|
});
|
|
210
|
-
|
|
205
|
+
const Show = Object.assign(_componentShow, {
|
|
211
206
|
OptionName: "show",
|
|
212
207
|
});
|
|
213
208
|
exports.Show = Show;
|
|
214
|
-
|
|
215
|
-
return React.createElement((nested_option_1.default),
|
|
209
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
210
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
216
211
|
});
|
|
217
|
-
|
|
212
|
+
const To = Object.assign(_componentTo, {
|
|
218
213
|
OptionName: "to",
|
|
219
214
|
});
|
|
220
215
|
exports.To = To;
|
|
221
|
-
|
|
222
|
-
return React.createElement((nested_option_1.default),
|
|
216
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
217
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
223
218
|
});
|
|
224
|
-
|
|
219
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
225
220
|
OptionName: "toolbarItems",
|
|
226
221
|
IsCollectionItem: true,
|
|
227
222
|
TemplateProps: [{
|