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/select-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,31 +41,30 @@ 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.Item = exports.Hide = exports.From = exports.DropDownOptions = exports.Collision = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.SelectBox = 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 select_box_1 = __importDefault(require("devextreme/ui/select_box"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const SelectBox = (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", "value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultOpened: "opened",
|
|
72
60
|
defaultValue: "value",
|
|
73
|
-
})
|
|
74
|
-
|
|
61
|
+
}), []);
|
|
62
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
75
63
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
76
64
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false },
|
|
77
65
|
item: { optionName: "items", isCollectionItem: true }
|
|
78
|
-
})
|
|
79
|
-
|
|
66
|
+
}), []);
|
|
67
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
80
68
|
{
|
|
81
69
|
tmplOption: "dropDownButtonTemplate",
|
|
82
70
|
render: "dropDownButtonRender",
|
|
@@ -97,14 +85,23 @@ var SelectBox = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref)
|
|
|
97
85
|
render: "itemRender",
|
|
98
86
|
component: "itemComponent"
|
|
99
87
|
},
|
|
100
|
-
])
|
|
101
|
-
return (React.createElement((component_1.Component),
|
|
88
|
+
]), []);
|
|
89
|
+
return (React.createElement((component_1.Component), {
|
|
90
|
+
WidgetClass: select_box_1.default,
|
|
91
|
+
ref: baseRef,
|
|
92
|
+
subscribableOptions,
|
|
93
|
+
independentEvents,
|
|
94
|
+
defaults,
|
|
95
|
+
expectedChildren,
|
|
96
|
+
templateProps,
|
|
97
|
+
...props,
|
|
98
|
+
}));
|
|
102
99
|
}));
|
|
103
100
|
exports.SelectBox = SelectBox;
|
|
104
|
-
|
|
105
|
-
return React.createElement((nested_option_1.default),
|
|
101
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
102
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
106
103
|
});
|
|
107
|
-
|
|
104
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
108
105
|
OptionName: "animation",
|
|
109
106
|
ExpectedChildren: {
|
|
110
107
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -112,24 +109,24 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
112
109
|
},
|
|
113
110
|
});
|
|
114
111
|
exports.Animation = Animation;
|
|
115
|
-
|
|
116
|
-
return React.createElement((nested_option_1.default),
|
|
112
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
113
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
117
114
|
});
|
|
118
|
-
|
|
115
|
+
const At = Object.assign(_componentAt, {
|
|
119
116
|
OptionName: "at",
|
|
120
117
|
});
|
|
121
118
|
exports.At = At;
|
|
122
|
-
|
|
123
|
-
return React.createElement((nested_option_1.default),
|
|
119
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
120
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
124
121
|
});
|
|
125
|
-
|
|
122
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
126
123
|
OptionName: "boundaryOffset",
|
|
127
124
|
});
|
|
128
125
|
exports.BoundaryOffset = BoundaryOffset;
|
|
129
|
-
|
|
130
|
-
return React.createElement((nested_option_1.default),
|
|
126
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
127
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
131
128
|
});
|
|
132
|
-
|
|
129
|
+
const Button = Object.assign(_componentButton, {
|
|
133
130
|
OptionName: "buttons",
|
|
134
131
|
IsCollectionItem: true,
|
|
135
132
|
ExpectedChildren: {
|
|
@@ -137,17 +134,17 @@ var Button = Object.assign(_componentButton, {
|
|
|
137
134
|
},
|
|
138
135
|
});
|
|
139
136
|
exports.Button = Button;
|
|
140
|
-
|
|
141
|
-
return React.createElement((nested_option_1.default),
|
|
137
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
138
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
142
139
|
});
|
|
143
|
-
|
|
140
|
+
const Collision = Object.assign(_componentCollision, {
|
|
144
141
|
OptionName: "collision",
|
|
145
142
|
});
|
|
146
143
|
exports.Collision = Collision;
|
|
147
|
-
|
|
148
|
-
return React.createElement((nested_option_1.default),
|
|
144
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
145
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
149
146
|
});
|
|
150
|
-
|
|
147
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
151
148
|
OptionName: "dropDownOptions",
|
|
152
149
|
DefaultsProps: {
|
|
153
150
|
defaultHeight: "height",
|
|
@@ -171,20 +168,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
171
168
|
}],
|
|
172
169
|
});
|
|
173
170
|
exports.DropDownOptions = DropDownOptions;
|
|
174
|
-
|
|
175
|
-
return React.createElement((nested_option_1.default),
|
|
171
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
172
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
176
173
|
});
|
|
177
|
-
|
|
174
|
+
const From = Object.assign(_componentFrom, {
|
|
178
175
|
OptionName: "from",
|
|
179
176
|
ExpectedChildren: {
|
|
180
177
|
position: { optionName: "position", isCollectionItem: false }
|
|
181
178
|
},
|
|
182
179
|
});
|
|
183
180
|
exports.From = From;
|
|
184
|
-
|
|
185
|
-
return React.createElement((nested_option_1.default),
|
|
181
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
182
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
186
183
|
});
|
|
187
|
-
|
|
184
|
+
const Hide = Object.assign(_componentHide, {
|
|
188
185
|
OptionName: "hide",
|
|
189
186
|
ExpectedChildren: {
|
|
190
187
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -192,10 +189,10 @@ var Hide = Object.assign(_componentHide, {
|
|
|
192
189
|
},
|
|
193
190
|
});
|
|
194
191
|
exports.Hide = Hide;
|
|
195
|
-
|
|
196
|
-
return React.createElement((nested_option_1.default),
|
|
192
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
193
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
197
194
|
});
|
|
198
|
-
|
|
195
|
+
const Item = Object.assign(_componentItem, {
|
|
199
196
|
OptionName: "items",
|
|
200
197
|
IsCollectionItem: true,
|
|
201
198
|
TemplateProps: [{
|
|
@@ -205,24 +202,24 @@ var Item = Object.assign(_componentItem, {
|
|
|
205
202
|
}],
|
|
206
203
|
});
|
|
207
204
|
exports.Item = Item;
|
|
208
|
-
|
|
209
|
-
return React.createElement((nested_option_1.default),
|
|
205
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
206
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
210
207
|
});
|
|
211
|
-
|
|
208
|
+
const My = Object.assign(_componentMy, {
|
|
212
209
|
OptionName: "my",
|
|
213
210
|
});
|
|
214
211
|
exports.My = My;
|
|
215
|
-
|
|
216
|
-
return React.createElement((nested_option_1.default),
|
|
212
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
213
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
217
214
|
});
|
|
218
|
-
|
|
215
|
+
const Offset = Object.assign(_componentOffset, {
|
|
219
216
|
OptionName: "offset",
|
|
220
217
|
});
|
|
221
218
|
exports.Offset = Offset;
|
|
222
|
-
|
|
223
|
-
return React.createElement((nested_option_1.default),
|
|
219
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
220
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
224
221
|
});
|
|
225
|
-
|
|
222
|
+
const Options = Object.assign(_componentOptions, {
|
|
226
223
|
OptionName: "options",
|
|
227
224
|
TemplateProps: [{
|
|
228
225
|
tmplOption: "template",
|
|
@@ -231,31 +228,31 @@ var Options = Object.assign(_componentOptions, {
|
|
|
231
228
|
}],
|
|
232
229
|
});
|
|
233
230
|
exports.Options = Options;
|
|
234
|
-
|
|
235
|
-
return React.createElement((nested_option_1.default),
|
|
231
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
232
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
236
233
|
});
|
|
237
|
-
|
|
234
|
+
const Position = Object.assign(_componentPosition, {
|
|
238
235
|
OptionName: "position",
|
|
239
236
|
});
|
|
240
237
|
exports.Position = Position;
|
|
241
|
-
|
|
242
|
-
return React.createElement((nested_option_1.default),
|
|
238
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
239
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
243
240
|
});
|
|
244
|
-
|
|
241
|
+
const Show = Object.assign(_componentShow, {
|
|
245
242
|
OptionName: "show",
|
|
246
243
|
});
|
|
247
244
|
exports.Show = Show;
|
|
248
|
-
|
|
249
|
-
return React.createElement((nested_option_1.default),
|
|
245
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
246
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
250
247
|
});
|
|
251
|
-
|
|
248
|
+
const To = Object.assign(_componentTo, {
|
|
252
249
|
OptionName: "to",
|
|
253
250
|
});
|
|
254
251
|
exports.To = To;
|
|
255
|
-
|
|
256
|
-
return React.createElement((nested_option_1.default),
|
|
252
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
253
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
257
254
|
});
|
|
258
|
-
|
|
255
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
259
256
|
OptionName: "toolbarItems",
|
|
260
257
|
IsCollectionItem: true,
|
|
261
258
|
TemplateProps: [{
|
package/cjs/slider.d.ts
CHANGED
package/cjs/slider.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,52 +41,59 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.Tooltip = exports.Label = exports.Format = exports.Slider = 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 slider_1 = __importDefault(require("devextreme/ui/slider"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Slider = (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)(() => (["value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultValue: "value",
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
74
62
|
label: { optionName: "label", isCollectionItem: false },
|
|
75
63
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
76
|
-
})
|
|
77
|
-
return (React.createElement((component_1.Component),
|
|
64
|
+
}), []);
|
|
65
|
+
return (React.createElement((component_1.Component), {
|
|
66
|
+
WidgetClass: slider_1.default,
|
|
67
|
+
ref: baseRef,
|
|
68
|
+
subscribableOptions,
|
|
69
|
+
independentEvents,
|
|
70
|
+
defaults,
|
|
71
|
+
expectedChildren,
|
|
72
|
+
...props,
|
|
73
|
+
}));
|
|
78
74
|
}));
|
|
79
75
|
exports.Slider = Slider;
|
|
80
|
-
|
|
81
|
-
return React.createElement((nested_option_1.default),
|
|
76
|
+
const _componentFormat = (0, react_1.memo)((props) => {
|
|
77
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
82
78
|
});
|
|
83
|
-
|
|
79
|
+
const Format = Object.assign(_componentFormat, {
|
|
84
80
|
OptionName: "format",
|
|
85
81
|
});
|
|
86
82
|
exports.Format = Format;
|
|
87
|
-
|
|
88
|
-
return React.createElement((nested_option_1.default),
|
|
83
|
+
const _componentLabel = (0, react_1.memo)((props) => {
|
|
84
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
89
85
|
});
|
|
90
|
-
|
|
86
|
+
const Label = Object.assign(_componentLabel, {
|
|
91
87
|
OptionName: "label",
|
|
92
88
|
ExpectedChildren: {
|
|
93
89
|
format: { optionName: "format", isCollectionItem: false }
|
|
94
90
|
},
|
|
95
91
|
});
|
|
96
92
|
exports.Label = Label;
|
|
97
|
-
|
|
98
|
-
return React.createElement((nested_option_1.default),
|
|
93
|
+
const _componentTooltip = (0, react_1.memo)((props) => {
|
|
94
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
99
95
|
});
|
|
100
|
-
|
|
96
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
101
97
|
OptionName: "tooltip",
|
|
102
98
|
ExpectedChildren: {
|
|
103
99
|
format: { optionName: "format", isCollectionItem: false }
|
package/cjs/sortable.d.ts
CHANGED
package/cjs/sortable.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,37 +41,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.CursorOffset = exports.Sortable = 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 sortable_1 = __importDefault(require("devextreme/ui/sortable"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Sortable = (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)(() => (["onAdd", "onDisposing", "onDragChange", "onDragEnd", "onDragMove", "onDragStart", "onInitialized", "onRemove", "onReorder"]), []);
|
|
57
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
70
58
|
cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
|
|
71
|
-
})
|
|
72
|
-
|
|
59
|
+
}), []);
|
|
60
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
73
61
|
{
|
|
74
62
|
tmplOption: "dragTemplate",
|
|
75
63
|
render: "dragRender",
|
|
76
64
|
component: "dragComponent"
|
|
77
65
|
},
|
|
78
|
-
])
|
|
79
|
-
return (React.createElement((component_1.Component),
|
|
66
|
+
]), []);
|
|
67
|
+
return (React.createElement((component_1.Component), {
|
|
68
|
+
WidgetClass: sortable_1.default,
|
|
69
|
+
ref: baseRef,
|
|
70
|
+
independentEvents,
|
|
71
|
+
expectedChildren,
|
|
72
|
+
templateProps,
|
|
73
|
+
...props,
|
|
74
|
+
}));
|
|
80
75
|
}));
|
|
81
76
|
exports.Sortable = Sortable;
|
|
82
|
-
|
|
83
|
-
return React.createElement((nested_option_1.default),
|
|
77
|
+
const _componentCursorOffset = (0, react_1.memo)((props) => {
|
|
78
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
84
79
|
});
|
|
85
|
-
|
|
80
|
+
const CursorOffset = Object.assign(_componentCursorOffset, {
|
|
86
81
|
OptionName: "cursorOffset",
|
|
87
82
|
});
|
|
88
83
|
exports.CursorOffset = CursorOffset;
|