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/date-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,87 +12,85 @@
|
|
|
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 dxDateBox from "devextreme/ui/date_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 DateBox = 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(() => (["opened", "value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultOpened: "opened",
|
|
43
31
|
defaultValue: "value",
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}), []);
|
|
33
|
+
const expectedChildren = useMemo(() => ({
|
|
46
34
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
47
35
|
calendarOptions: { optionName: "calendarOptions", isCollectionItem: false },
|
|
48
36
|
displayFormat: { optionName: "displayFormat", isCollectionItem: false },
|
|
49
37
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
50
|
-
})
|
|
51
|
-
|
|
38
|
+
}), []);
|
|
39
|
+
const templateProps = useMemo(() => ([
|
|
52
40
|
{
|
|
53
41
|
tmplOption: "dropDownButtonTemplate",
|
|
54
42
|
render: "dropDownButtonRender",
|
|
55
43
|
component: "dropDownButtonComponent"
|
|
56
44
|
},
|
|
57
|
-
])
|
|
58
|
-
return (React.createElement((BaseComponent),
|
|
45
|
+
]), []);
|
|
46
|
+
return (React.createElement((BaseComponent), {
|
|
47
|
+
WidgetClass: dxDateBox,
|
|
48
|
+
ref: baseRef,
|
|
49
|
+
useRequestAnimationFrameFlag: true,
|
|
50
|
+
subscribableOptions,
|
|
51
|
+
independentEvents,
|
|
52
|
+
defaults,
|
|
53
|
+
expectedChildren,
|
|
54
|
+
templateProps,
|
|
55
|
+
...props,
|
|
56
|
+
}));
|
|
59
57
|
}));
|
|
60
|
-
|
|
61
|
-
return React.createElement((NestedOption),
|
|
58
|
+
const _componentAnimation = memo((props) => {
|
|
59
|
+
return React.createElement((NestedOption), { ...props });
|
|
62
60
|
});
|
|
63
|
-
|
|
61
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
64
62
|
OptionName: "animation",
|
|
65
63
|
ExpectedChildren: {
|
|
66
64
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
67
65
|
show: { optionName: "show", isCollectionItem: false }
|
|
68
66
|
},
|
|
69
67
|
});
|
|
70
|
-
|
|
71
|
-
return React.createElement((NestedOption),
|
|
68
|
+
const _componentAt = memo((props) => {
|
|
69
|
+
return React.createElement((NestedOption), { ...props });
|
|
72
70
|
});
|
|
73
|
-
|
|
71
|
+
const At = Object.assign(_componentAt, {
|
|
74
72
|
OptionName: "at",
|
|
75
73
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
74
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
75
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
76
|
});
|
|
79
|
-
|
|
77
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
80
78
|
OptionName: "boundaryOffset",
|
|
81
79
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
80
|
+
const _componentButton = memo((props) => {
|
|
81
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
82
|
});
|
|
85
|
-
|
|
83
|
+
const Button = Object.assign(_componentButton, {
|
|
86
84
|
OptionName: "buttons",
|
|
87
85
|
IsCollectionItem: true,
|
|
88
86
|
ExpectedChildren: {
|
|
89
87
|
options: { optionName: "options", isCollectionItem: false }
|
|
90
88
|
},
|
|
91
89
|
});
|
|
92
|
-
|
|
93
|
-
return React.createElement((NestedOption),
|
|
90
|
+
const _componentCalendarOptions = memo((props) => {
|
|
91
|
+
return React.createElement((NestedOption), { ...props });
|
|
94
92
|
});
|
|
95
|
-
|
|
93
|
+
const CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
96
94
|
OptionName: "calendarOptions",
|
|
97
95
|
DefaultsProps: {
|
|
98
96
|
defaultValue: "value",
|
|
@@ -104,22 +102,22 @@ var CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
|
104
102
|
component: "cellComponent"
|
|
105
103
|
}],
|
|
106
104
|
});
|
|
107
|
-
|
|
108
|
-
return React.createElement((NestedOption),
|
|
105
|
+
const _componentCollision = memo((props) => {
|
|
106
|
+
return React.createElement((NestedOption), { ...props });
|
|
109
107
|
});
|
|
110
|
-
|
|
108
|
+
const Collision = Object.assign(_componentCollision, {
|
|
111
109
|
OptionName: "collision",
|
|
112
110
|
});
|
|
113
|
-
|
|
114
|
-
return React.createElement((NestedOption),
|
|
111
|
+
const _componentDisplayFormat = memo((props) => {
|
|
112
|
+
return React.createElement((NestedOption), { ...props });
|
|
115
113
|
});
|
|
116
|
-
|
|
114
|
+
const DisplayFormat = Object.assign(_componentDisplayFormat, {
|
|
117
115
|
OptionName: "displayFormat",
|
|
118
116
|
});
|
|
119
|
-
|
|
120
|
-
return React.createElement((NestedOption),
|
|
117
|
+
const _componentDropDownOptions = memo((props) => {
|
|
118
|
+
return React.createElement((NestedOption), { ...props });
|
|
121
119
|
});
|
|
122
|
-
|
|
120
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
123
121
|
OptionName: "dropDownOptions",
|
|
124
122
|
DefaultsProps: {
|
|
125
123
|
defaultHeight: "height",
|
|
@@ -142,41 +140,41 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
142
140
|
component: "titleComponent"
|
|
143
141
|
}],
|
|
144
142
|
});
|
|
145
|
-
|
|
146
|
-
return React.createElement((NestedOption),
|
|
143
|
+
const _componentFrom = memo((props) => {
|
|
144
|
+
return React.createElement((NestedOption), { ...props });
|
|
147
145
|
});
|
|
148
|
-
|
|
146
|
+
const From = Object.assign(_componentFrom, {
|
|
149
147
|
OptionName: "from",
|
|
150
148
|
ExpectedChildren: {
|
|
151
149
|
position: { optionName: "position", isCollectionItem: false }
|
|
152
150
|
},
|
|
153
151
|
});
|
|
154
|
-
|
|
155
|
-
return React.createElement((NestedOption),
|
|
152
|
+
const _componentHide = memo((props) => {
|
|
153
|
+
return React.createElement((NestedOption), { ...props });
|
|
156
154
|
});
|
|
157
|
-
|
|
155
|
+
const Hide = Object.assign(_componentHide, {
|
|
158
156
|
OptionName: "hide",
|
|
159
157
|
ExpectedChildren: {
|
|
160
158
|
from: { optionName: "from", isCollectionItem: false },
|
|
161
159
|
to: { optionName: "to", isCollectionItem: false }
|
|
162
160
|
},
|
|
163
161
|
});
|
|
164
|
-
|
|
165
|
-
return React.createElement((NestedOption),
|
|
162
|
+
const _componentMy = memo((props) => {
|
|
163
|
+
return React.createElement((NestedOption), { ...props });
|
|
166
164
|
});
|
|
167
|
-
|
|
165
|
+
const My = Object.assign(_componentMy, {
|
|
168
166
|
OptionName: "my",
|
|
169
167
|
});
|
|
170
|
-
|
|
171
|
-
return React.createElement((NestedOption),
|
|
168
|
+
const _componentOffset = memo((props) => {
|
|
169
|
+
return React.createElement((NestedOption), { ...props });
|
|
172
170
|
});
|
|
173
|
-
|
|
171
|
+
const Offset = Object.assign(_componentOffset, {
|
|
174
172
|
OptionName: "offset",
|
|
175
173
|
});
|
|
176
|
-
|
|
177
|
-
return React.createElement((NestedOption),
|
|
174
|
+
const _componentOptions = memo((props) => {
|
|
175
|
+
return React.createElement((NestedOption), { ...props });
|
|
178
176
|
});
|
|
179
|
-
|
|
177
|
+
const Options = Object.assign(_componentOptions, {
|
|
180
178
|
OptionName: "options",
|
|
181
179
|
TemplateProps: [{
|
|
182
180
|
tmplOption: "template",
|
|
@@ -184,28 +182,28 @@ var Options = Object.assign(_componentOptions, {
|
|
|
184
182
|
component: "component"
|
|
185
183
|
}],
|
|
186
184
|
});
|
|
187
|
-
|
|
188
|
-
return React.createElement((NestedOption),
|
|
185
|
+
const _componentPosition = memo((props) => {
|
|
186
|
+
return React.createElement((NestedOption), { ...props });
|
|
189
187
|
});
|
|
190
|
-
|
|
188
|
+
const Position = Object.assign(_componentPosition, {
|
|
191
189
|
OptionName: "position",
|
|
192
190
|
});
|
|
193
|
-
|
|
194
|
-
return React.createElement((NestedOption),
|
|
191
|
+
const _componentShow = memo((props) => {
|
|
192
|
+
return React.createElement((NestedOption), { ...props });
|
|
195
193
|
});
|
|
196
|
-
|
|
194
|
+
const Show = Object.assign(_componentShow, {
|
|
197
195
|
OptionName: "show",
|
|
198
196
|
});
|
|
199
|
-
|
|
200
|
-
return React.createElement((NestedOption),
|
|
197
|
+
const _componentTo = memo((props) => {
|
|
198
|
+
return React.createElement((NestedOption), { ...props });
|
|
201
199
|
});
|
|
202
|
-
|
|
200
|
+
const To = Object.assign(_componentTo, {
|
|
203
201
|
OptionName: "to",
|
|
204
202
|
});
|
|
205
|
-
|
|
206
|
-
return React.createElement((NestedOption),
|
|
203
|
+
const _componentToolbarItem = memo((props) => {
|
|
204
|
+
return React.createElement((NestedOption), { ...props });
|
|
207
205
|
});
|
|
208
|
-
|
|
206
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
209
207
|
OptionName: "toolbarItems",
|
|
210
208
|
IsCollectionItem: true,
|
|
211
209
|
TemplateProps: [{
|
package/esm/date-range-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,89 +12,86 @@
|
|
|
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 dxDateRangeBox from "devextreme/ui/date_range_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 DateRangeBox = 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(() => (["endDate", "opened", "startDate", "value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultEndDate: "endDate",
|
|
43
31
|
defaultOpened: "opened",
|
|
44
32
|
defaultStartDate: "startDate",
|
|
45
33
|
defaultValue: "value",
|
|
46
|
-
})
|
|
47
|
-
|
|
34
|
+
}), []);
|
|
35
|
+
const expectedChildren = useMemo(() => ({
|
|
48
36
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
49
37
|
calendarOptions: { optionName: "calendarOptions", isCollectionItem: false },
|
|
50
38
|
displayFormat: { optionName: "displayFormat", isCollectionItem: false },
|
|
51
39
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
52
|
-
})
|
|
53
|
-
|
|
40
|
+
}), []);
|
|
41
|
+
const templateProps = useMemo(() => ([
|
|
54
42
|
{
|
|
55
43
|
tmplOption: "dropDownButtonTemplate",
|
|
56
44
|
render: "dropDownButtonRender",
|
|
57
45
|
component: "dropDownButtonComponent"
|
|
58
46
|
},
|
|
59
|
-
])
|
|
60
|
-
return (React.createElement((BaseComponent),
|
|
47
|
+
]), []);
|
|
48
|
+
return (React.createElement((BaseComponent), {
|
|
49
|
+
WidgetClass: dxDateRangeBox,
|
|
50
|
+
ref: baseRef,
|
|
51
|
+
subscribableOptions,
|
|
52
|
+
independentEvents,
|
|
53
|
+
defaults,
|
|
54
|
+
expectedChildren,
|
|
55
|
+
templateProps,
|
|
56
|
+
...props,
|
|
57
|
+
}));
|
|
61
58
|
}));
|
|
62
|
-
|
|
63
|
-
return React.createElement((NestedOption),
|
|
59
|
+
const _componentAnimation = memo((props) => {
|
|
60
|
+
return React.createElement((NestedOption), { ...props });
|
|
64
61
|
});
|
|
65
|
-
|
|
62
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
66
63
|
OptionName: "animation",
|
|
67
64
|
ExpectedChildren: {
|
|
68
65
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
69
66
|
show: { optionName: "show", isCollectionItem: false }
|
|
70
67
|
},
|
|
71
68
|
});
|
|
72
|
-
|
|
73
|
-
return React.createElement((NestedOption),
|
|
69
|
+
const _componentAt = memo((props) => {
|
|
70
|
+
return React.createElement((NestedOption), { ...props });
|
|
74
71
|
});
|
|
75
|
-
|
|
72
|
+
const At = Object.assign(_componentAt, {
|
|
76
73
|
OptionName: "at",
|
|
77
74
|
});
|
|
78
|
-
|
|
79
|
-
return React.createElement((NestedOption),
|
|
75
|
+
const _componentBoundaryOffset = memo((props) => {
|
|
76
|
+
return React.createElement((NestedOption), { ...props });
|
|
80
77
|
});
|
|
81
|
-
|
|
78
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
82
79
|
OptionName: "boundaryOffset",
|
|
83
80
|
});
|
|
84
|
-
|
|
85
|
-
return React.createElement((NestedOption),
|
|
81
|
+
const _componentButton = memo((props) => {
|
|
82
|
+
return React.createElement((NestedOption), { ...props });
|
|
86
83
|
});
|
|
87
|
-
|
|
84
|
+
const Button = Object.assign(_componentButton, {
|
|
88
85
|
OptionName: "buttons",
|
|
89
86
|
IsCollectionItem: true,
|
|
90
87
|
ExpectedChildren: {
|
|
91
88
|
options: { optionName: "options", isCollectionItem: false }
|
|
92
89
|
},
|
|
93
90
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
91
|
+
const _componentCalendarOptions = memo((props) => {
|
|
92
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
93
|
});
|
|
97
|
-
|
|
94
|
+
const CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
98
95
|
OptionName: "calendarOptions",
|
|
99
96
|
DefaultsProps: {
|
|
100
97
|
defaultValue: "value",
|
|
@@ -106,22 +103,22 @@ var CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
|
106
103
|
component: "cellComponent"
|
|
107
104
|
}],
|
|
108
105
|
});
|
|
109
|
-
|
|
110
|
-
return React.createElement((NestedOption),
|
|
106
|
+
const _componentCollision = memo((props) => {
|
|
107
|
+
return React.createElement((NestedOption), { ...props });
|
|
111
108
|
});
|
|
112
|
-
|
|
109
|
+
const Collision = Object.assign(_componentCollision, {
|
|
113
110
|
OptionName: "collision",
|
|
114
111
|
});
|
|
115
|
-
|
|
116
|
-
return React.createElement((NestedOption),
|
|
112
|
+
const _componentDisplayFormat = memo((props) => {
|
|
113
|
+
return React.createElement((NestedOption), { ...props });
|
|
117
114
|
});
|
|
118
|
-
|
|
115
|
+
const DisplayFormat = Object.assign(_componentDisplayFormat, {
|
|
119
116
|
OptionName: "displayFormat",
|
|
120
117
|
});
|
|
121
|
-
|
|
122
|
-
return React.createElement((NestedOption),
|
|
118
|
+
const _componentDropDownOptions = memo((props) => {
|
|
119
|
+
return React.createElement((NestedOption), { ...props });
|
|
123
120
|
});
|
|
124
|
-
|
|
121
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
125
122
|
OptionName: "dropDownOptions",
|
|
126
123
|
DefaultsProps: {
|
|
127
124
|
defaultHeight: "height",
|
|
@@ -144,41 +141,41 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
144
141
|
component: "titleComponent"
|
|
145
142
|
}],
|
|
146
143
|
});
|
|
147
|
-
|
|
148
|
-
return React.createElement((NestedOption),
|
|
144
|
+
const _componentFrom = memo((props) => {
|
|
145
|
+
return React.createElement((NestedOption), { ...props });
|
|
149
146
|
});
|
|
150
|
-
|
|
147
|
+
const From = Object.assign(_componentFrom, {
|
|
151
148
|
OptionName: "from",
|
|
152
149
|
ExpectedChildren: {
|
|
153
150
|
position: { optionName: "position", isCollectionItem: false }
|
|
154
151
|
},
|
|
155
152
|
});
|
|
156
|
-
|
|
157
|
-
return React.createElement((NestedOption),
|
|
153
|
+
const _componentHide = memo((props) => {
|
|
154
|
+
return React.createElement((NestedOption), { ...props });
|
|
158
155
|
});
|
|
159
|
-
|
|
156
|
+
const Hide = Object.assign(_componentHide, {
|
|
160
157
|
OptionName: "hide",
|
|
161
158
|
ExpectedChildren: {
|
|
162
159
|
from: { optionName: "from", isCollectionItem: false },
|
|
163
160
|
to: { optionName: "to", isCollectionItem: false }
|
|
164
161
|
},
|
|
165
162
|
});
|
|
166
|
-
|
|
167
|
-
return React.createElement((NestedOption),
|
|
163
|
+
const _componentMy = memo((props) => {
|
|
164
|
+
return React.createElement((NestedOption), { ...props });
|
|
168
165
|
});
|
|
169
|
-
|
|
166
|
+
const My = Object.assign(_componentMy, {
|
|
170
167
|
OptionName: "my",
|
|
171
168
|
});
|
|
172
|
-
|
|
173
|
-
return React.createElement((NestedOption),
|
|
169
|
+
const _componentOffset = memo((props) => {
|
|
170
|
+
return React.createElement((NestedOption), { ...props });
|
|
174
171
|
});
|
|
175
|
-
|
|
172
|
+
const Offset = Object.assign(_componentOffset, {
|
|
176
173
|
OptionName: "offset",
|
|
177
174
|
});
|
|
178
|
-
|
|
179
|
-
return React.createElement((NestedOption),
|
|
175
|
+
const _componentOptions = memo((props) => {
|
|
176
|
+
return React.createElement((NestedOption), { ...props });
|
|
180
177
|
});
|
|
181
|
-
|
|
178
|
+
const Options = Object.assign(_componentOptions, {
|
|
182
179
|
OptionName: "options",
|
|
183
180
|
TemplateProps: [{
|
|
184
181
|
tmplOption: "template",
|
|
@@ -186,28 +183,28 @@ var Options = Object.assign(_componentOptions, {
|
|
|
186
183
|
component: "component"
|
|
187
184
|
}],
|
|
188
185
|
});
|
|
189
|
-
|
|
190
|
-
return React.createElement((NestedOption),
|
|
186
|
+
const _componentPosition = memo((props) => {
|
|
187
|
+
return React.createElement((NestedOption), { ...props });
|
|
191
188
|
});
|
|
192
|
-
|
|
189
|
+
const Position = Object.assign(_componentPosition, {
|
|
193
190
|
OptionName: "position",
|
|
194
191
|
});
|
|
195
|
-
|
|
196
|
-
return React.createElement((NestedOption),
|
|
192
|
+
const _componentShow = memo((props) => {
|
|
193
|
+
return React.createElement((NestedOption), { ...props });
|
|
197
194
|
});
|
|
198
|
-
|
|
195
|
+
const Show = Object.assign(_componentShow, {
|
|
199
196
|
OptionName: "show",
|
|
200
197
|
});
|
|
201
|
-
|
|
202
|
-
return React.createElement((NestedOption),
|
|
198
|
+
const _componentTo = memo((props) => {
|
|
199
|
+
return React.createElement((NestedOption), { ...props });
|
|
203
200
|
});
|
|
204
|
-
|
|
201
|
+
const To = Object.assign(_componentTo, {
|
|
205
202
|
OptionName: "to",
|
|
206
203
|
});
|
|
207
|
-
|
|
208
|
-
return React.createElement((NestedOption),
|
|
204
|
+
const _componentToolbarItem = memo((props) => {
|
|
205
|
+
return React.createElement((NestedOption), { ...props });
|
|
209
206
|
});
|
|
210
|
-
|
|
207
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
211
208
|
OptionName: "toolbarItems",
|
|
212
209
|
IsCollectionItem: true,
|
|
213
210
|
TemplateProps: [{
|