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/date-box.d.ts
CHANGED
package/cjs/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
|
*
|
|
@@ -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,45 +41,54 @@ 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.DisplayFormat = exports.Collision = exports.CalendarOptions = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.DateBox = 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 date_box_1 = __importDefault(require("devextreme/ui/date_box"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const DateBox = (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", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "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
|
calendarOptions: { optionName: "calendarOptions", isCollectionItem: false },
|
|
77
65
|
displayFormat: { optionName: "displayFormat", isCollectionItem: false },
|
|
78
66
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
79
|
-
})
|
|
80
|
-
|
|
67
|
+
}), []);
|
|
68
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
81
69
|
{
|
|
82
70
|
tmplOption: "dropDownButtonTemplate",
|
|
83
71
|
render: "dropDownButtonRender",
|
|
84
72
|
component: "dropDownButtonComponent"
|
|
85
73
|
},
|
|
86
|
-
])
|
|
87
|
-
return (React.createElement((component_1.Component),
|
|
74
|
+
]), []);
|
|
75
|
+
return (React.createElement((component_1.Component), {
|
|
76
|
+
WidgetClass: date_box_1.default,
|
|
77
|
+
ref: baseRef,
|
|
78
|
+
useRequestAnimationFrameFlag: true,
|
|
79
|
+
subscribableOptions,
|
|
80
|
+
independentEvents,
|
|
81
|
+
defaults,
|
|
82
|
+
expectedChildren,
|
|
83
|
+
templateProps,
|
|
84
|
+
...props,
|
|
85
|
+
}));
|
|
88
86
|
}));
|
|
89
87
|
exports.DateBox = DateBox;
|
|
90
|
-
|
|
91
|
-
return React.createElement((nested_option_1.default),
|
|
88
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
89
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
92
90
|
});
|
|
93
|
-
|
|
91
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
94
92
|
OptionName: "animation",
|
|
95
93
|
ExpectedChildren: {
|
|
96
94
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -98,24 +96,24 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
98
96
|
},
|
|
99
97
|
});
|
|
100
98
|
exports.Animation = Animation;
|
|
101
|
-
|
|
102
|
-
return React.createElement((nested_option_1.default),
|
|
99
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
100
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
103
101
|
});
|
|
104
|
-
|
|
102
|
+
const At = Object.assign(_componentAt, {
|
|
105
103
|
OptionName: "at",
|
|
106
104
|
});
|
|
107
105
|
exports.At = At;
|
|
108
|
-
|
|
109
|
-
return React.createElement((nested_option_1.default),
|
|
106
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
107
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
110
108
|
});
|
|
111
|
-
|
|
109
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
112
110
|
OptionName: "boundaryOffset",
|
|
113
111
|
});
|
|
114
112
|
exports.BoundaryOffset = BoundaryOffset;
|
|
115
|
-
|
|
116
|
-
return React.createElement((nested_option_1.default),
|
|
113
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
114
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
117
115
|
});
|
|
118
|
-
|
|
116
|
+
const Button = Object.assign(_componentButton, {
|
|
119
117
|
OptionName: "buttons",
|
|
120
118
|
IsCollectionItem: true,
|
|
121
119
|
ExpectedChildren: {
|
|
@@ -123,10 +121,10 @@ var Button = Object.assign(_componentButton, {
|
|
|
123
121
|
},
|
|
124
122
|
});
|
|
125
123
|
exports.Button = Button;
|
|
126
|
-
|
|
127
|
-
return React.createElement((nested_option_1.default),
|
|
124
|
+
const _componentCalendarOptions = (0, react_1.memo)((props) => {
|
|
125
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
128
126
|
});
|
|
129
|
-
|
|
127
|
+
const CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
130
128
|
OptionName: "calendarOptions",
|
|
131
129
|
DefaultsProps: {
|
|
132
130
|
defaultValue: "value",
|
|
@@ -139,24 +137,24 @@ var CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
|
139
137
|
}],
|
|
140
138
|
});
|
|
141
139
|
exports.CalendarOptions = CalendarOptions;
|
|
142
|
-
|
|
143
|
-
return React.createElement((nested_option_1.default),
|
|
140
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
141
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
144
142
|
});
|
|
145
|
-
|
|
143
|
+
const Collision = Object.assign(_componentCollision, {
|
|
146
144
|
OptionName: "collision",
|
|
147
145
|
});
|
|
148
146
|
exports.Collision = Collision;
|
|
149
|
-
|
|
150
|
-
return React.createElement((nested_option_1.default),
|
|
147
|
+
const _componentDisplayFormat = (0, react_1.memo)((props) => {
|
|
148
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
151
149
|
});
|
|
152
|
-
|
|
150
|
+
const DisplayFormat = Object.assign(_componentDisplayFormat, {
|
|
153
151
|
OptionName: "displayFormat",
|
|
154
152
|
});
|
|
155
153
|
exports.DisplayFormat = DisplayFormat;
|
|
156
|
-
|
|
157
|
-
return React.createElement((nested_option_1.default),
|
|
154
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
155
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
158
156
|
});
|
|
159
|
-
|
|
157
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
160
158
|
OptionName: "dropDownOptions",
|
|
161
159
|
DefaultsProps: {
|
|
162
160
|
defaultHeight: "height",
|
|
@@ -180,20 +178,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
180
178
|
}],
|
|
181
179
|
});
|
|
182
180
|
exports.DropDownOptions = DropDownOptions;
|
|
183
|
-
|
|
184
|
-
return React.createElement((nested_option_1.default),
|
|
181
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
182
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
185
183
|
});
|
|
186
|
-
|
|
184
|
+
const From = Object.assign(_componentFrom, {
|
|
187
185
|
OptionName: "from",
|
|
188
186
|
ExpectedChildren: {
|
|
189
187
|
position: { optionName: "position", isCollectionItem: false }
|
|
190
188
|
},
|
|
191
189
|
});
|
|
192
190
|
exports.From = From;
|
|
193
|
-
|
|
194
|
-
return React.createElement((nested_option_1.default),
|
|
191
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
192
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
195
193
|
});
|
|
196
|
-
|
|
194
|
+
const Hide = Object.assign(_componentHide, {
|
|
197
195
|
OptionName: "hide",
|
|
198
196
|
ExpectedChildren: {
|
|
199
197
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -201,24 +199,24 @@ var Hide = Object.assign(_componentHide, {
|
|
|
201
199
|
},
|
|
202
200
|
});
|
|
203
201
|
exports.Hide = Hide;
|
|
204
|
-
|
|
205
|
-
return React.createElement((nested_option_1.default),
|
|
202
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
203
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
206
204
|
});
|
|
207
|
-
|
|
205
|
+
const My = Object.assign(_componentMy, {
|
|
208
206
|
OptionName: "my",
|
|
209
207
|
});
|
|
210
208
|
exports.My = My;
|
|
211
|
-
|
|
212
|
-
return React.createElement((nested_option_1.default),
|
|
209
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
210
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
213
211
|
});
|
|
214
|
-
|
|
212
|
+
const Offset = Object.assign(_componentOffset, {
|
|
215
213
|
OptionName: "offset",
|
|
216
214
|
});
|
|
217
215
|
exports.Offset = Offset;
|
|
218
|
-
|
|
219
|
-
return React.createElement((nested_option_1.default),
|
|
216
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
217
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
220
218
|
});
|
|
221
|
-
|
|
219
|
+
const Options = Object.assign(_componentOptions, {
|
|
222
220
|
OptionName: "options",
|
|
223
221
|
TemplateProps: [{
|
|
224
222
|
tmplOption: "template",
|
|
@@ -227,31 +225,31 @@ var Options = Object.assign(_componentOptions, {
|
|
|
227
225
|
}],
|
|
228
226
|
});
|
|
229
227
|
exports.Options = Options;
|
|
230
|
-
|
|
231
|
-
return React.createElement((nested_option_1.default),
|
|
228
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
229
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
232
230
|
});
|
|
233
|
-
|
|
231
|
+
const Position = Object.assign(_componentPosition, {
|
|
234
232
|
OptionName: "position",
|
|
235
233
|
});
|
|
236
234
|
exports.Position = Position;
|
|
237
|
-
|
|
238
|
-
return React.createElement((nested_option_1.default),
|
|
235
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
236
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
239
237
|
});
|
|
240
|
-
|
|
238
|
+
const Show = Object.assign(_componentShow, {
|
|
241
239
|
OptionName: "show",
|
|
242
240
|
});
|
|
243
241
|
exports.Show = Show;
|
|
244
|
-
|
|
245
|
-
return React.createElement((nested_option_1.default),
|
|
242
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
243
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
246
244
|
});
|
|
247
|
-
|
|
245
|
+
const To = Object.assign(_componentTo, {
|
|
248
246
|
OptionName: "to",
|
|
249
247
|
});
|
|
250
248
|
exports.To = To;
|
|
251
|
-
|
|
252
|
-
return React.createElement((nested_option_1.default),
|
|
249
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
250
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
253
251
|
});
|
|
254
|
-
|
|
252
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
255
253
|
OptionName: "toolbarItems",
|
|
256
254
|
IsCollectionItem: true,
|
|
257
255
|
TemplateProps: [{
|
package/cjs/date-range-box.d.ts
CHANGED
package/cjs/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
|
*
|
|
@@ -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,47 +41,55 @@ 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.DisplayFormat = exports.Collision = exports.CalendarOptions = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.DateRangeBox = 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 date_range_box_1 = __importDefault(require("devextreme/ui/date_range_box"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const DateRangeBox = (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)(() => (["endDate", "opened", "startDate", "value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultEndDate: "endDate",
|
|
72
60
|
defaultOpened: "opened",
|
|
73
61
|
defaultStartDate: "startDate",
|
|
74
62
|
defaultValue: "value",
|
|
75
|
-
})
|
|
76
|
-
|
|
63
|
+
}), []);
|
|
64
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
77
65
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
78
66
|
calendarOptions: { optionName: "calendarOptions", isCollectionItem: false },
|
|
79
67
|
displayFormat: { optionName: "displayFormat", isCollectionItem: false },
|
|
80
68
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
81
|
-
})
|
|
82
|
-
|
|
69
|
+
}), []);
|
|
70
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
83
71
|
{
|
|
84
72
|
tmplOption: "dropDownButtonTemplate",
|
|
85
73
|
render: "dropDownButtonRender",
|
|
86
74
|
component: "dropDownButtonComponent"
|
|
87
75
|
},
|
|
88
|
-
])
|
|
89
|
-
return (React.createElement((component_1.Component),
|
|
76
|
+
]), []);
|
|
77
|
+
return (React.createElement((component_1.Component), {
|
|
78
|
+
WidgetClass: date_range_box_1.default,
|
|
79
|
+
ref: baseRef,
|
|
80
|
+
subscribableOptions,
|
|
81
|
+
independentEvents,
|
|
82
|
+
defaults,
|
|
83
|
+
expectedChildren,
|
|
84
|
+
templateProps,
|
|
85
|
+
...props,
|
|
86
|
+
}));
|
|
90
87
|
}));
|
|
91
88
|
exports.DateRangeBox = DateRangeBox;
|
|
92
|
-
|
|
93
|
-
return React.createElement((nested_option_1.default),
|
|
89
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
90
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
94
91
|
});
|
|
95
|
-
|
|
92
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
96
93
|
OptionName: "animation",
|
|
97
94
|
ExpectedChildren: {
|
|
98
95
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -100,24 +97,24 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
100
97
|
},
|
|
101
98
|
});
|
|
102
99
|
exports.Animation = Animation;
|
|
103
|
-
|
|
104
|
-
return React.createElement((nested_option_1.default),
|
|
100
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
101
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
105
102
|
});
|
|
106
|
-
|
|
103
|
+
const At = Object.assign(_componentAt, {
|
|
107
104
|
OptionName: "at",
|
|
108
105
|
});
|
|
109
106
|
exports.At = At;
|
|
110
|
-
|
|
111
|
-
return React.createElement((nested_option_1.default),
|
|
107
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
108
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
112
109
|
});
|
|
113
|
-
|
|
110
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
114
111
|
OptionName: "boundaryOffset",
|
|
115
112
|
});
|
|
116
113
|
exports.BoundaryOffset = BoundaryOffset;
|
|
117
|
-
|
|
118
|
-
return React.createElement((nested_option_1.default),
|
|
114
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
115
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
119
116
|
});
|
|
120
|
-
|
|
117
|
+
const Button = Object.assign(_componentButton, {
|
|
121
118
|
OptionName: "buttons",
|
|
122
119
|
IsCollectionItem: true,
|
|
123
120
|
ExpectedChildren: {
|
|
@@ -125,10 +122,10 @@ var Button = Object.assign(_componentButton, {
|
|
|
125
122
|
},
|
|
126
123
|
});
|
|
127
124
|
exports.Button = Button;
|
|
128
|
-
|
|
129
|
-
return React.createElement((nested_option_1.default),
|
|
125
|
+
const _componentCalendarOptions = (0, react_1.memo)((props) => {
|
|
126
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
130
127
|
});
|
|
131
|
-
|
|
128
|
+
const CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
132
129
|
OptionName: "calendarOptions",
|
|
133
130
|
DefaultsProps: {
|
|
134
131
|
defaultValue: "value",
|
|
@@ -141,24 +138,24 @@ var CalendarOptions = Object.assign(_componentCalendarOptions, {
|
|
|
141
138
|
}],
|
|
142
139
|
});
|
|
143
140
|
exports.CalendarOptions = CalendarOptions;
|
|
144
|
-
|
|
145
|
-
return React.createElement((nested_option_1.default),
|
|
141
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
142
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
146
143
|
});
|
|
147
|
-
|
|
144
|
+
const Collision = Object.assign(_componentCollision, {
|
|
148
145
|
OptionName: "collision",
|
|
149
146
|
});
|
|
150
147
|
exports.Collision = Collision;
|
|
151
|
-
|
|
152
|
-
return React.createElement((nested_option_1.default),
|
|
148
|
+
const _componentDisplayFormat = (0, react_1.memo)((props) => {
|
|
149
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
153
150
|
});
|
|
154
|
-
|
|
151
|
+
const DisplayFormat = Object.assign(_componentDisplayFormat, {
|
|
155
152
|
OptionName: "displayFormat",
|
|
156
153
|
});
|
|
157
154
|
exports.DisplayFormat = DisplayFormat;
|
|
158
|
-
|
|
159
|
-
return React.createElement((nested_option_1.default),
|
|
155
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
156
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
160
157
|
});
|
|
161
|
-
|
|
158
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
162
159
|
OptionName: "dropDownOptions",
|
|
163
160
|
DefaultsProps: {
|
|
164
161
|
defaultHeight: "height",
|
|
@@ -182,20 +179,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
182
179
|
}],
|
|
183
180
|
});
|
|
184
181
|
exports.DropDownOptions = DropDownOptions;
|
|
185
|
-
|
|
186
|
-
return React.createElement((nested_option_1.default),
|
|
182
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
183
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
187
184
|
});
|
|
188
|
-
|
|
185
|
+
const From = Object.assign(_componentFrom, {
|
|
189
186
|
OptionName: "from",
|
|
190
187
|
ExpectedChildren: {
|
|
191
188
|
position: { optionName: "position", isCollectionItem: false }
|
|
192
189
|
},
|
|
193
190
|
});
|
|
194
191
|
exports.From = From;
|
|
195
|
-
|
|
196
|
-
return React.createElement((nested_option_1.default),
|
|
192
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
193
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
197
194
|
});
|
|
198
|
-
|
|
195
|
+
const Hide = Object.assign(_componentHide, {
|
|
199
196
|
OptionName: "hide",
|
|
200
197
|
ExpectedChildren: {
|
|
201
198
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -203,24 +200,24 @@ var Hide = Object.assign(_componentHide, {
|
|
|
203
200
|
},
|
|
204
201
|
});
|
|
205
202
|
exports.Hide = Hide;
|
|
206
|
-
|
|
207
|
-
return React.createElement((nested_option_1.default),
|
|
203
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
204
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
208
205
|
});
|
|
209
|
-
|
|
206
|
+
const My = Object.assign(_componentMy, {
|
|
210
207
|
OptionName: "my",
|
|
211
208
|
});
|
|
212
209
|
exports.My = My;
|
|
213
|
-
|
|
214
|
-
return React.createElement((nested_option_1.default),
|
|
210
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
211
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
215
212
|
});
|
|
216
|
-
|
|
213
|
+
const Offset = Object.assign(_componentOffset, {
|
|
217
214
|
OptionName: "offset",
|
|
218
215
|
});
|
|
219
216
|
exports.Offset = Offset;
|
|
220
|
-
|
|
221
|
-
return React.createElement((nested_option_1.default),
|
|
217
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
218
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
222
219
|
});
|
|
223
|
-
|
|
220
|
+
const Options = Object.assign(_componentOptions, {
|
|
224
221
|
OptionName: "options",
|
|
225
222
|
TemplateProps: [{
|
|
226
223
|
tmplOption: "template",
|
|
@@ -229,31 +226,31 @@ var Options = Object.assign(_componentOptions, {
|
|
|
229
226
|
}],
|
|
230
227
|
});
|
|
231
228
|
exports.Options = Options;
|
|
232
|
-
|
|
233
|
-
return React.createElement((nested_option_1.default),
|
|
229
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
230
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
234
231
|
});
|
|
235
|
-
|
|
232
|
+
const Position = Object.assign(_componentPosition, {
|
|
236
233
|
OptionName: "position",
|
|
237
234
|
});
|
|
238
235
|
exports.Position = Position;
|
|
239
|
-
|
|
240
|
-
return React.createElement((nested_option_1.default),
|
|
236
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
237
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
241
238
|
});
|
|
242
|
-
|
|
239
|
+
const Show = Object.assign(_componentShow, {
|
|
243
240
|
OptionName: "show",
|
|
244
241
|
});
|
|
245
242
|
exports.Show = Show;
|
|
246
|
-
|
|
247
|
-
return React.createElement((nested_option_1.default),
|
|
243
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
244
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
248
245
|
});
|
|
249
|
-
|
|
246
|
+
const To = Object.assign(_componentTo, {
|
|
250
247
|
OptionName: "to",
|
|
251
248
|
});
|
|
252
249
|
exports.To = To;
|
|
253
|
-
|
|
254
|
-
return React.createElement((nested_option_1.default),
|
|
250
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
251
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
255
252
|
});
|
|
256
|
-
|
|
253
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
257
254
|
OptionName: "toolbarItems",
|
|
258
255
|
IsCollectionItem: true,
|
|
259
256
|
TemplateProps: [{
|