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/range-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
|
*
|
|
@@ -12,60 +12,56 @@
|
|
|
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 dxRangeSlider from "devextreme/ui/range_slider";
|
|
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 RangeSlider = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultValue: "value",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
label: { optionName: "label", isCollectionItem: false },
|
|
46
34
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
47
|
-
})
|
|
48
|
-
return (React.createElement((BaseComponent),
|
|
35
|
+
}), []);
|
|
36
|
+
return (React.createElement((BaseComponent), {
|
|
37
|
+
WidgetClass: dxRangeSlider,
|
|
38
|
+
ref: baseRef,
|
|
39
|
+
subscribableOptions,
|
|
40
|
+
independentEvents,
|
|
41
|
+
defaults,
|
|
42
|
+
expectedChildren,
|
|
43
|
+
...props,
|
|
44
|
+
}));
|
|
49
45
|
}));
|
|
50
|
-
|
|
51
|
-
return React.createElement((NestedOption),
|
|
46
|
+
const _componentFormat = memo((props) => {
|
|
47
|
+
return React.createElement((NestedOption), { ...props });
|
|
52
48
|
});
|
|
53
|
-
|
|
49
|
+
const Format = Object.assign(_componentFormat, {
|
|
54
50
|
OptionName: "format",
|
|
55
51
|
});
|
|
56
|
-
|
|
57
|
-
return React.createElement((NestedOption),
|
|
52
|
+
const _componentLabel = memo((props) => {
|
|
53
|
+
return React.createElement((NestedOption), { ...props });
|
|
58
54
|
});
|
|
59
|
-
|
|
55
|
+
const Label = Object.assign(_componentLabel, {
|
|
60
56
|
OptionName: "label",
|
|
61
57
|
ExpectedChildren: {
|
|
62
58
|
format: { optionName: "format", isCollectionItem: false }
|
|
63
59
|
},
|
|
64
60
|
});
|
|
65
|
-
|
|
66
|
-
return React.createElement((NestedOption),
|
|
61
|
+
const _componentTooltip = memo((props) => {
|
|
62
|
+
return React.createElement((NestedOption), { ...props });
|
|
67
63
|
});
|
|
68
|
-
|
|
64
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
69
65
|
OptionName: "tooltip",
|
|
70
66
|
ExpectedChildren: {
|
|
71
67
|
format: { optionName: "format", isCollectionItem: false }
|
package/esm/recurrence-editor.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,35 +12,30 @@
|
|
|
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 dxRecurrenceEditor from "devextreme/ui/recurrence_editor";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useImperativeHandle(ref,
|
|
33
|
-
instance
|
|
34
|
-
|
|
35
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
19
|
+
const RecurrenceEditor = memo(forwardRef((props, ref) => {
|
|
20
|
+
const baseRef = useRef(null);
|
|
21
|
+
useImperativeHandle(ref, () => ({
|
|
22
|
+
instance() {
|
|
23
|
+
return baseRef.current?.getInstance();
|
|
36
24
|
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
}), [baseRef.current]);
|
|
26
|
+
const subscribableOptions = useMemo(() => (["value"]), []);
|
|
27
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
28
|
+
const defaults = useMemo(() => ({
|
|
41
29
|
defaultValue: "value",
|
|
42
|
-
})
|
|
43
|
-
return (React.createElement((BaseComponent),
|
|
30
|
+
}), []);
|
|
31
|
+
return (React.createElement((BaseComponent), {
|
|
32
|
+
WidgetClass: dxRecurrenceEditor,
|
|
33
|
+
ref: baseRef,
|
|
34
|
+
subscribableOptions,
|
|
35
|
+
independentEvents,
|
|
36
|
+
defaults,
|
|
37
|
+
...props,
|
|
38
|
+
}));
|
|
44
39
|
}));
|
|
45
40
|
export default RecurrenceEditor;
|
|
46
41
|
export { RecurrenceEditor };
|
package/esm/resizable.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,36 +12,31 @@
|
|
|
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 dxResizable from "devextreme/ui/resizable";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useImperativeHandle(ref,
|
|
33
|
-
instance
|
|
34
|
-
|
|
35
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
19
|
+
const Resizable = memo(forwardRef((props, ref) => {
|
|
20
|
+
const baseRef = useRef(null);
|
|
21
|
+
useImperativeHandle(ref, () => ({
|
|
22
|
+
instance() {
|
|
23
|
+
return baseRef.current?.getInstance();
|
|
36
24
|
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
}), [baseRef.current]);
|
|
26
|
+
const subscribableOptions = useMemo(() => (["height", "width"]), []);
|
|
27
|
+
const independentEvents = useMemo(() => (["onDisposing", "onInitialized", "onResize", "onResizeEnd", "onResizeStart"]), []);
|
|
28
|
+
const defaults = useMemo(() => ({
|
|
41
29
|
defaultHeight: "height",
|
|
42
30
|
defaultWidth: "width",
|
|
43
|
-
})
|
|
44
|
-
return (React.createElement((BaseComponent),
|
|
31
|
+
}), []);
|
|
32
|
+
return (React.createElement((BaseComponent), {
|
|
33
|
+
WidgetClass: dxResizable,
|
|
34
|
+
ref: baseRef,
|
|
35
|
+
subscribableOptions,
|
|
36
|
+
independentEvents,
|
|
37
|
+
defaults,
|
|
38
|
+
...props,
|
|
39
|
+
}));
|
|
45
40
|
}));
|
|
46
41
|
export default Resizable;
|
|
47
42
|
export { Resizable };
|
package/esm/responsive-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,60 +12,57 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxResponsiveBox from "devextreme/ui/responsive_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 ResponsiveBox = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["items"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultItems: "items",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
col: { optionName: "cols", isCollectionItem: true },
|
|
46
34
|
item: { optionName: "items", isCollectionItem: true },
|
|
47
35
|
row: { optionName: "rows", isCollectionItem: true }
|
|
48
|
-
})
|
|
49
|
-
|
|
36
|
+
}), []);
|
|
37
|
+
const templateProps = useMemo(() => ([
|
|
50
38
|
{
|
|
51
39
|
tmplOption: "itemTemplate",
|
|
52
40
|
render: "itemRender",
|
|
53
41
|
component: "itemComponent"
|
|
54
42
|
},
|
|
55
|
-
])
|
|
56
|
-
return (React.createElement((BaseComponent),
|
|
43
|
+
]), []);
|
|
44
|
+
return (React.createElement((BaseComponent), {
|
|
45
|
+
WidgetClass: dxResponsiveBox,
|
|
46
|
+
ref: baseRef,
|
|
47
|
+
subscribableOptions,
|
|
48
|
+
independentEvents,
|
|
49
|
+
defaults,
|
|
50
|
+
expectedChildren,
|
|
51
|
+
templateProps,
|
|
52
|
+
...props,
|
|
53
|
+
}));
|
|
57
54
|
}));
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
55
|
+
const _componentCol = memo((props) => {
|
|
56
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
57
|
});
|
|
61
|
-
|
|
58
|
+
const Col = Object.assign(_componentCol, {
|
|
62
59
|
OptionName: "cols",
|
|
63
60
|
IsCollectionItem: true,
|
|
64
61
|
});
|
|
65
|
-
|
|
66
|
-
return React.createElement((NestedOption),
|
|
62
|
+
const _componentItem = memo((props) => {
|
|
63
|
+
return React.createElement((NestedOption), { ...props });
|
|
67
64
|
});
|
|
68
|
-
|
|
65
|
+
const Item = Object.assign(_componentItem, {
|
|
69
66
|
OptionName: "items",
|
|
70
67
|
IsCollectionItem: true,
|
|
71
68
|
ExpectedChildren: {
|
|
@@ -77,17 +74,17 @@ var Item = Object.assign(_componentItem, {
|
|
|
77
74
|
component: "component"
|
|
78
75
|
}],
|
|
79
76
|
});
|
|
80
|
-
|
|
81
|
-
return React.createElement((NestedOption),
|
|
77
|
+
const _componentLocation = memo((props) => {
|
|
78
|
+
return React.createElement((NestedOption), { ...props });
|
|
82
79
|
});
|
|
83
|
-
|
|
80
|
+
const Location = Object.assign(_componentLocation, {
|
|
84
81
|
OptionName: "location",
|
|
85
82
|
IsCollectionItem: true,
|
|
86
83
|
});
|
|
87
|
-
|
|
88
|
-
return React.createElement((NestedOption),
|
|
84
|
+
const _componentRow = memo((props) => {
|
|
85
|
+
return React.createElement((NestedOption), { ...props });
|
|
89
86
|
});
|
|
90
|
-
|
|
87
|
+
const Row = Object.assign(_componentRow, {
|
|
91
88
|
OptionName: "rows",
|
|
92
89
|
IsCollectionItem: true,
|
|
93
90
|
});
|
package/esm/sankey.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,36 +12,24 @@
|
|
|
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 dxSankey from "devextreme/viz/sankey";
|
|
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 Sankey = 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(() => (["loadingIndicator", "loadingIndicator.show"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLinkClick", "onNodeClick"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultLoadingIndicator: "loadingIndicator",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
|
|
46
34
|
export: { optionName: "export", isCollectionItem: false },
|
|
47
35
|
label: { optionName: "label", isCollectionItem: false },
|
|
@@ -52,55 +40,63 @@ var Sankey = memo(forwardRef(function (props, ref) {
|
|
|
52
40
|
size: { optionName: "size", isCollectionItem: false },
|
|
53
41
|
title: { optionName: "title", isCollectionItem: false },
|
|
54
42
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
55
|
-
})
|
|
56
|
-
return (React.createElement((BaseComponent),
|
|
43
|
+
}), []);
|
|
44
|
+
return (React.createElement((BaseComponent), {
|
|
45
|
+
WidgetClass: dxSankey,
|
|
46
|
+
ref: baseRef,
|
|
47
|
+
subscribableOptions,
|
|
48
|
+
independentEvents,
|
|
49
|
+
defaults,
|
|
50
|
+
expectedChildren,
|
|
51
|
+
...props,
|
|
52
|
+
}));
|
|
57
53
|
}));
|
|
58
|
-
|
|
59
|
-
return React.createElement((NestedOption),
|
|
54
|
+
const _componentAdaptiveLayout = memo((props) => {
|
|
55
|
+
return React.createElement((NestedOption), { ...props });
|
|
60
56
|
});
|
|
61
|
-
|
|
57
|
+
const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
|
|
62
58
|
OptionName: "adaptiveLayout",
|
|
63
59
|
});
|
|
64
|
-
|
|
65
|
-
return React.createElement((NestedOption),
|
|
60
|
+
const _componentBorder = memo((props) => {
|
|
61
|
+
return React.createElement((NestedOption), { ...props });
|
|
66
62
|
});
|
|
67
|
-
|
|
63
|
+
const Border = Object.assign(_componentBorder, {
|
|
68
64
|
OptionName: "border",
|
|
69
65
|
});
|
|
70
|
-
|
|
71
|
-
return React.createElement((NestedOption),
|
|
66
|
+
const _componentExport = memo((props) => {
|
|
67
|
+
return React.createElement((NestedOption), { ...props });
|
|
72
68
|
});
|
|
73
|
-
|
|
69
|
+
const Export = Object.assign(_componentExport, {
|
|
74
70
|
OptionName: "export",
|
|
75
71
|
});
|
|
76
|
-
|
|
77
|
-
return React.createElement((NestedOption),
|
|
72
|
+
const _componentFont = memo((props) => {
|
|
73
|
+
return React.createElement((NestedOption), { ...props });
|
|
78
74
|
});
|
|
79
|
-
|
|
75
|
+
const Font = Object.assign(_componentFont, {
|
|
80
76
|
OptionName: "font",
|
|
81
77
|
});
|
|
82
|
-
|
|
83
|
-
return React.createElement((NestedOption),
|
|
78
|
+
const _componentFormat = memo((props) => {
|
|
79
|
+
return React.createElement((NestedOption), { ...props });
|
|
84
80
|
});
|
|
85
|
-
|
|
81
|
+
const Format = Object.assign(_componentFormat, {
|
|
86
82
|
OptionName: "format",
|
|
87
83
|
});
|
|
88
|
-
|
|
89
|
-
return React.createElement((NestedOption),
|
|
84
|
+
const _componentHatching = memo((props) => {
|
|
85
|
+
return React.createElement((NestedOption), { ...props });
|
|
90
86
|
});
|
|
91
|
-
|
|
87
|
+
const Hatching = Object.assign(_componentHatching, {
|
|
92
88
|
OptionName: "hatching",
|
|
93
89
|
});
|
|
94
|
-
|
|
95
|
-
return React.createElement((NestedOption),
|
|
90
|
+
const _componentHoverStyle = memo((props) => {
|
|
91
|
+
return React.createElement((NestedOption), { ...props });
|
|
96
92
|
});
|
|
97
|
-
|
|
93
|
+
const HoverStyle = Object.assign(_componentHoverStyle, {
|
|
98
94
|
OptionName: "hoverStyle",
|
|
99
95
|
});
|
|
100
|
-
|
|
101
|
-
return React.createElement((NestedOption),
|
|
96
|
+
const _componentLabel = memo((props) => {
|
|
97
|
+
return React.createElement((NestedOption), { ...props });
|
|
102
98
|
});
|
|
103
|
-
|
|
99
|
+
const Label = Object.assign(_componentLabel, {
|
|
104
100
|
OptionName: "label",
|
|
105
101
|
ExpectedChildren: {
|
|
106
102
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -109,10 +105,10 @@ var Label = Object.assign(_componentLabel, {
|
|
|
109
105
|
shadow: { optionName: "shadow", isCollectionItem: false }
|
|
110
106
|
},
|
|
111
107
|
});
|
|
112
|
-
|
|
113
|
-
return React.createElement((NestedOption),
|
|
108
|
+
const _componentLink = memo((props) => {
|
|
109
|
+
return React.createElement((NestedOption), { ...props });
|
|
114
110
|
});
|
|
115
|
-
|
|
111
|
+
const Link = Object.assign(_componentLink, {
|
|
116
112
|
OptionName: "link",
|
|
117
113
|
ExpectedChildren: {
|
|
118
114
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -120,10 +116,10 @@ var Link = Object.assign(_componentLink, {
|
|
|
120
116
|
sankeyborder: { optionName: "border", isCollectionItem: false }
|
|
121
117
|
},
|
|
122
118
|
});
|
|
123
|
-
|
|
124
|
-
return React.createElement((NestedOption),
|
|
119
|
+
const _componentLoadingIndicator = memo((props) => {
|
|
120
|
+
return React.createElement((NestedOption), { ...props });
|
|
125
121
|
});
|
|
126
|
-
|
|
122
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
127
123
|
OptionName: "loadingIndicator",
|
|
128
124
|
DefaultsProps: {
|
|
129
125
|
defaultShow: "show"
|
|
@@ -132,16 +128,16 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
132
128
|
font: { optionName: "font", isCollectionItem: false }
|
|
133
129
|
},
|
|
134
130
|
});
|
|
135
|
-
|
|
136
|
-
return React.createElement((NestedOption),
|
|
131
|
+
const _componentMargin = memo((props) => {
|
|
132
|
+
return React.createElement((NestedOption), { ...props });
|
|
137
133
|
});
|
|
138
|
-
|
|
134
|
+
const Margin = Object.assign(_componentMargin, {
|
|
139
135
|
OptionName: "margin",
|
|
140
136
|
});
|
|
141
|
-
|
|
142
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentNode = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
143
139
|
});
|
|
144
|
-
|
|
140
|
+
const Node = Object.assign(_componentNode, {
|
|
145
141
|
OptionName: "node",
|
|
146
142
|
ExpectedChildren: {
|
|
147
143
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -149,37 +145,37 @@ var Node = Object.assign(_componentNode, {
|
|
|
149
145
|
sankeyborder: { optionName: "border", isCollectionItem: false }
|
|
150
146
|
},
|
|
151
147
|
});
|
|
152
|
-
|
|
153
|
-
return React.createElement((NestedOption),
|
|
148
|
+
const _componentSankeyborder = memo((props) => {
|
|
149
|
+
return React.createElement((NestedOption), { ...props });
|
|
154
150
|
});
|
|
155
|
-
|
|
151
|
+
const Sankeyborder = Object.assign(_componentSankeyborder, {
|
|
156
152
|
OptionName: "border",
|
|
157
153
|
});
|
|
158
|
-
|
|
159
|
-
return React.createElement((NestedOption),
|
|
154
|
+
const _componentShadow = memo((props) => {
|
|
155
|
+
return React.createElement((NestedOption), { ...props });
|
|
160
156
|
});
|
|
161
|
-
|
|
157
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
162
158
|
OptionName: "shadow",
|
|
163
159
|
});
|
|
164
|
-
|
|
165
|
-
return React.createElement((NestedOption),
|
|
160
|
+
const _componentSize = memo((props) => {
|
|
161
|
+
return React.createElement((NestedOption), { ...props });
|
|
166
162
|
});
|
|
167
|
-
|
|
163
|
+
const Size = Object.assign(_componentSize, {
|
|
168
164
|
OptionName: "size",
|
|
169
165
|
});
|
|
170
|
-
|
|
171
|
-
return React.createElement((NestedOption),
|
|
166
|
+
const _componentSubtitle = memo((props) => {
|
|
167
|
+
return React.createElement((NestedOption), { ...props });
|
|
172
168
|
});
|
|
173
|
-
|
|
169
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
174
170
|
OptionName: "subtitle",
|
|
175
171
|
ExpectedChildren: {
|
|
176
172
|
font: { optionName: "font", isCollectionItem: false }
|
|
177
173
|
},
|
|
178
174
|
});
|
|
179
|
-
|
|
180
|
-
return React.createElement((NestedOption),
|
|
175
|
+
const _componentTitle = memo((props) => {
|
|
176
|
+
return React.createElement((NestedOption), { ...props });
|
|
181
177
|
});
|
|
182
|
-
|
|
178
|
+
const Title = Object.assign(_componentTitle, {
|
|
183
179
|
OptionName: "title",
|
|
184
180
|
ExpectedChildren: {
|
|
185
181
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -187,10 +183,10 @@ var Title = Object.assign(_componentTitle, {
|
|
|
187
183
|
subtitle: { optionName: "subtitle", isCollectionItem: false }
|
|
188
184
|
},
|
|
189
185
|
});
|
|
190
|
-
|
|
191
|
-
return React.createElement((NestedOption),
|
|
186
|
+
const _componentTooltip = memo((props) => {
|
|
187
|
+
return React.createElement((NestedOption), { ...props });
|
|
192
188
|
});
|
|
193
|
-
|
|
189
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
194
190
|
OptionName: "tooltip",
|
|
195
191
|
ExpectedChildren: {
|
|
196
192
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -209,10 +205,10 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
209
205
|
component: "nodeTooltipComponent"
|
|
210
206
|
}],
|
|
211
207
|
});
|
|
212
|
-
|
|
213
|
-
return React.createElement((NestedOption),
|
|
208
|
+
const _componentTooltipBorder = memo((props) => {
|
|
209
|
+
return React.createElement((NestedOption), { ...props });
|
|
214
210
|
});
|
|
215
|
-
|
|
211
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
216
212
|
OptionName: "border",
|
|
217
213
|
});
|
|
218
214
|
export default Sankey;
|