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/linear-gauge.d.ts
CHANGED
package/cjs/linear-gauge.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,27 +41,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.Width = exports.ValueIndicator = exports.Tooltip = exports.Title = exports.Tick = exports.Text = exports.SubvalueIndicator = exports.Subtitle = exports.Size = exports.Shadow = exports.Scale = exports.RangeContainer = exports.Range = exports.MinorTick = exports.Margin = exports.LoadingIndicator = exports.Label = exports.Geometry = exports.Format = exports.Font = exports.Export = exports.Color = exports.Border = exports.BackgroundColor = exports.Animation = exports.LinearGauge = 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 linear_gauge_1 = __importDefault(require("devextreme/viz/linear_gauge"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const LinearGauge = (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)(() => (["loadingIndicator", "loadingIndicator.show", "subvalues", "value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onTooltipHidden", "onTooltipShown"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultLoadingIndicator: "loadingIndicator",
|
|
72
60
|
defaultSubvalues: "subvalues",
|
|
73
61
|
defaultValue: "value",
|
|
74
|
-
})
|
|
75
|
-
|
|
62
|
+
}), []);
|
|
63
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
76
64
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
77
65
|
export: { optionName: "export", isCollectionItem: false },
|
|
78
66
|
geometry: { optionName: "geometry", isCollectionItem: false },
|
|
@@ -85,70 +73,78 @@ var LinearGauge = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref
|
|
|
85
73
|
title: { optionName: "title", isCollectionItem: false },
|
|
86
74
|
tooltip: { optionName: "tooltip", isCollectionItem: false },
|
|
87
75
|
valueIndicator: { optionName: "valueIndicator", isCollectionItem: false }
|
|
88
|
-
})
|
|
89
|
-
return (React.createElement((component_1.Component),
|
|
76
|
+
}), []);
|
|
77
|
+
return (React.createElement((component_1.Component), {
|
|
78
|
+
WidgetClass: linear_gauge_1.default,
|
|
79
|
+
ref: baseRef,
|
|
80
|
+
subscribableOptions,
|
|
81
|
+
independentEvents,
|
|
82
|
+
defaults,
|
|
83
|
+
expectedChildren,
|
|
84
|
+
...props,
|
|
85
|
+
}));
|
|
90
86
|
}));
|
|
91
87
|
exports.LinearGauge = LinearGauge;
|
|
92
|
-
|
|
93
|
-
return React.createElement((nested_option_1.default),
|
|
88
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
89
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
94
90
|
});
|
|
95
|
-
|
|
91
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
96
92
|
OptionName: "animation",
|
|
97
93
|
});
|
|
98
94
|
exports.Animation = Animation;
|
|
99
|
-
|
|
100
|
-
return React.createElement((nested_option_1.default),
|
|
95
|
+
const _componentBackgroundColor = (0, react_1.memo)((props) => {
|
|
96
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
101
97
|
});
|
|
102
|
-
|
|
98
|
+
const BackgroundColor = Object.assign(_componentBackgroundColor, {
|
|
103
99
|
OptionName: "backgroundColor",
|
|
104
100
|
});
|
|
105
101
|
exports.BackgroundColor = BackgroundColor;
|
|
106
|
-
|
|
107
|
-
return React.createElement((nested_option_1.default),
|
|
102
|
+
const _componentBorder = (0, react_1.memo)((props) => {
|
|
103
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
108
104
|
});
|
|
109
|
-
|
|
105
|
+
const Border = Object.assign(_componentBorder, {
|
|
110
106
|
OptionName: "border",
|
|
111
107
|
});
|
|
112
108
|
exports.Border = Border;
|
|
113
|
-
|
|
114
|
-
return React.createElement((nested_option_1.default),
|
|
109
|
+
const _componentColor = (0, react_1.memo)((props) => {
|
|
110
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
115
111
|
});
|
|
116
|
-
|
|
112
|
+
const Color = Object.assign(_componentColor, {
|
|
117
113
|
OptionName: "color",
|
|
118
114
|
});
|
|
119
115
|
exports.Color = Color;
|
|
120
|
-
|
|
121
|
-
return React.createElement((nested_option_1.default),
|
|
116
|
+
const _componentExport = (0, react_1.memo)((props) => {
|
|
117
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
122
118
|
});
|
|
123
|
-
|
|
119
|
+
const Export = Object.assign(_componentExport, {
|
|
124
120
|
OptionName: "export",
|
|
125
121
|
});
|
|
126
122
|
exports.Export = Export;
|
|
127
|
-
|
|
128
|
-
return React.createElement((nested_option_1.default),
|
|
123
|
+
const _componentFont = (0, react_1.memo)((props) => {
|
|
124
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
129
125
|
});
|
|
130
|
-
|
|
126
|
+
const Font = Object.assign(_componentFont, {
|
|
131
127
|
OptionName: "font",
|
|
132
128
|
});
|
|
133
129
|
exports.Font = Font;
|
|
134
|
-
|
|
135
|
-
return React.createElement((nested_option_1.default),
|
|
130
|
+
const _componentFormat = (0, react_1.memo)((props) => {
|
|
131
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
136
132
|
});
|
|
137
|
-
|
|
133
|
+
const Format = Object.assign(_componentFormat, {
|
|
138
134
|
OptionName: "format",
|
|
139
135
|
});
|
|
140
136
|
exports.Format = Format;
|
|
141
|
-
|
|
142
|
-
return React.createElement((nested_option_1.default),
|
|
137
|
+
const _componentGeometry = (0, react_1.memo)((props) => {
|
|
138
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
143
139
|
});
|
|
144
|
-
|
|
140
|
+
const Geometry = Object.assign(_componentGeometry, {
|
|
145
141
|
OptionName: "geometry",
|
|
146
142
|
});
|
|
147
143
|
exports.Geometry = Geometry;
|
|
148
|
-
|
|
149
|
-
return React.createElement((nested_option_1.default),
|
|
144
|
+
const _componentLabel = (0, react_1.memo)((props) => {
|
|
145
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
150
146
|
});
|
|
151
|
-
|
|
147
|
+
const Label = Object.assign(_componentLabel, {
|
|
152
148
|
OptionName: "label",
|
|
153
149
|
ExpectedChildren: {
|
|
154
150
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -156,10 +152,10 @@ var Label = Object.assign(_componentLabel, {
|
|
|
156
152
|
},
|
|
157
153
|
});
|
|
158
154
|
exports.Label = Label;
|
|
159
|
-
|
|
160
|
-
return React.createElement((nested_option_1.default),
|
|
155
|
+
const _componentLoadingIndicator = (0, react_1.memo)((props) => {
|
|
156
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
161
157
|
});
|
|
162
|
-
|
|
158
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
163
159
|
OptionName: "loadingIndicator",
|
|
164
160
|
DefaultsProps: {
|
|
165
161
|
defaultShow: "show"
|
|
@@ -169,24 +165,24 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
169
165
|
},
|
|
170
166
|
});
|
|
171
167
|
exports.LoadingIndicator = LoadingIndicator;
|
|
172
|
-
|
|
173
|
-
return React.createElement((nested_option_1.default),
|
|
168
|
+
const _componentMargin = (0, react_1.memo)((props) => {
|
|
169
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
174
170
|
});
|
|
175
|
-
|
|
171
|
+
const Margin = Object.assign(_componentMargin, {
|
|
176
172
|
OptionName: "margin",
|
|
177
173
|
});
|
|
178
174
|
exports.Margin = Margin;
|
|
179
|
-
|
|
180
|
-
return React.createElement((nested_option_1.default),
|
|
175
|
+
const _componentMinorTick = (0, react_1.memo)((props) => {
|
|
176
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
181
177
|
});
|
|
182
|
-
|
|
178
|
+
const MinorTick = Object.assign(_componentMinorTick, {
|
|
183
179
|
OptionName: "minorTick",
|
|
184
180
|
});
|
|
185
181
|
exports.MinorTick = MinorTick;
|
|
186
|
-
|
|
187
|
-
return React.createElement((nested_option_1.default),
|
|
182
|
+
const _componentRange = (0, react_1.memo)((props) => {
|
|
183
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
188
184
|
});
|
|
189
|
-
|
|
185
|
+
const Range = Object.assign(_componentRange, {
|
|
190
186
|
OptionName: "ranges",
|
|
191
187
|
IsCollectionItem: true,
|
|
192
188
|
ExpectedChildren: {
|
|
@@ -194,10 +190,10 @@ var Range = Object.assign(_componentRange, {
|
|
|
194
190
|
},
|
|
195
191
|
});
|
|
196
192
|
exports.Range = Range;
|
|
197
|
-
|
|
198
|
-
return React.createElement((nested_option_1.default),
|
|
193
|
+
const _componentRangeContainer = (0, react_1.memo)((props) => {
|
|
194
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
199
195
|
});
|
|
200
|
-
|
|
196
|
+
const RangeContainer = Object.assign(_componentRangeContainer, {
|
|
201
197
|
OptionName: "rangeContainer",
|
|
202
198
|
ExpectedChildren: {
|
|
203
199
|
backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
|
|
@@ -206,10 +202,10 @@ var RangeContainer = Object.assign(_componentRangeContainer, {
|
|
|
206
202
|
},
|
|
207
203
|
});
|
|
208
204
|
exports.RangeContainer = RangeContainer;
|
|
209
|
-
|
|
210
|
-
return React.createElement((nested_option_1.default),
|
|
205
|
+
const _componentScale = (0, react_1.memo)((props) => {
|
|
206
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
211
207
|
});
|
|
212
|
-
|
|
208
|
+
const Scale = Object.assign(_componentScale, {
|
|
213
209
|
OptionName: "scale",
|
|
214
210
|
ExpectedChildren: {
|
|
215
211
|
label: { optionName: "label", isCollectionItem: false },
|
|
@@ -218,34 +214,34 @@ var Scale = Object.assign(_componentScale, {
|
|
|
218
214
|
},
|
|
219
215
|
});
|
|
220
216
|
exports.Scale = Scale;
|
|
221
|
-
|
|
222
|
-
return React.createElement((nested_option_1.default),
|
|
217
|
+
const _componentShadow = (0, react_1.memo)((props) => {
|
|
218
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
223
219
|
});
|
|
224
|
-
|
|
220
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
225
221
|
OptionName: "shadow",
|
|
226
222
|
});
|
|
227
223
|
exports.Shadow = Shadow;
|
|
228
|
-
|
|
229
|
-
return React.createElement((nested_option_1.default),
|
|
224
|
+
const _componentSize = (0, react_1.memo)((props) => {
|
|
225
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
230
226
|
});
|
|
231
|
-
|
|
227
|
+
const Size = Object.assign(_componentSize, {
|
|
232
228
|
OptionName: "size",
|
|
233
229
|
});
|
|
234
230
|
exports.Size = Size;
|
|
235
|
-
|
|
236
|
-
return React.createElement((nested_option_1.default),
|
|
231
|
+
const _componentSubtitle = (0, react_1.memo)((props) => {
|
|
232
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
237
233
|
});
|
|
238
|
-
|
|
234
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
239
235
|
OptionName: "subtitle",
|
|
240
236
|
ExpectedChildren: {
|
|
241
237
|
font: { optionName: "font", isCollectionItem: false }
|
|
242
238
|
},
|
|
243
239
|
});
|
|
244
240
|
exports.Subtitle = Subtitle;
|
|
245
|
-
|
|
246
|
-
return React.createElement((nested_option_1.default),
|
|
241
|
+
const _componentSubvalueIndicator = (0, react_1.memo)((props) => {
|
|
242
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
247
243
|
});
|
|
248
|
-
|
|
244
|
+
const SubvalueIndicator = Object.assign(_componentSubvalueIndicator, {
|
|
249
245
|
OptionName: "subvalueIndicator",
|
|
250
246
|
ExpectedChildren: {
|
|
251
247
|
color: { optionName: "color", isCollectionItem: false },
|
|
@@ -253,10 +249,10 @@ var SubvalueIndicator = Object.assign(_componentSubvalueIndicator, {
|
|
|
253
249
|
},
|
|
254
250
|
});
|
|
255
251
|
exports.SubvalueIndicator = SubvalueIndicator;
|
|
256
|
-
|
|
257
|
-
return React.createElement((nested_option_1.default),
|
|
252
|
+
const _componentText = (0, react_1.memo)((props) => {
|
|
253
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
258
254
|
});
|
|
259
|
-
|
|
255
|
+
const Text = Object.assign(_componentText, {
|
|
260
256
|
OptionName: "text",
|
|
261
257
|
ExpectedChildren: {
|
|
262
258
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -264,17 +260,17 @@ var Text = Object.assign(_componentText, {
|
|
|
264
260
|
},
|
|
265
261
|
});
|
|
266
262
|
exports.Text = Text;
|
|
267
|
-
|
|
268
|
-
return React.createElement((nested_option_1.default),
|
|
263
|
+
const _componentTick = (0, react_1.memo)((props) => {
|
|
264
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
269
265
|
});
|
|
270
|
-
|
|
266
|
+
const Tick = Object.assign(_componentTick, {
|
|
271
267
|
OptionName: "tick",
|
|
272
268
|
});
|
|
273
269
|
exports.Tick = Tick;
|
|
274
|
-
|
|
275
|
-
return React.createElement((nested_option_1.default),
|
|
270
|
+
const _componentTitle = (0, react_1.memo)((props) => {
|
|
271
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
276
272
|
});
|
|
277
|
-
|
|
273
|
+
const Title = Object.assign(_componentTitle, {
|
|
278
274
|
OptionName: "title",
|
|
279
275
|
ExpectedChildren: {
|
|
280
276
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -283,10 +279,10 @@ var Title = Object.assign(_componentTitle, {
|
|
|
283
279
|
},
|
|
284
280
|
});
|
|
285
281
|
exports.Title = Title;
|
|
286
|
-
|
|
287
|
-
return React.createElement((nested_option_1.default),
|
|
282
|
+
const _componentTooltip = (0, react_1.memo)((props) => {
|
|
283
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
288
284
|
});
|
|
289
|
-
|
|
285
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
290
286
|
OptionName: "tooltip",
|
|
291
287
|
ExpectedChildren: {
|
|
292
288
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -301,17 +297,17 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
301
297
|
}],
|
|
302
298
|
});
|
|
303
299
|
exports.Tooltip = Tooltip;
|
|
304
|
-
|
|
305
|
-
return React.createElement((nested_option_1.default),
|
|
300
|
+
const _componentValueIndicator = (0, react_1.memo)((props) => {
|
|
301
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
306
302
|
});
|
|
307
|
-
|
|
303
|
+
const ValueIndicator = Object.assign(_componentValueIndicator, {
|
|
308
304
|
OptionName: "valueIndicator",
|
|
309
305
|
});
|
|
310
306
|
exports.ValueIndicator = ValueIndicator;
|
|
311
|
-
|
|
312
|
-
return React.createElement((nested_option_1.default),
|
|
307
|
+
const _componentWidth = (0, react_1.memo)((props) => {
|
|
308
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
313
309
|
});
|
|
314
|
-
|
|
310
|
+
const Width = Object.assign(_componentWidth, {
|
|
315
311
|
OptionName: "width",
|
|
316
312
|
});
|
|
317
313
|
exports.Width = Width;
|
package/cjs/list.d.ts
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
|
*
|
|
@@ -61,7 +61,7 @@ interface ListRef<TItem = any, TKey = any> {
|
|
|
61
61
|
instance: () => dxList<TItem, TKey>;
|
|
62
62
|
}
|
|
63
63
|
declare const List: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, IListOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
|
|
64
|
-
dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
64
|
+
dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
65
65
|
groupRender?: ((...params: any) => React.ReactNode) | undefined;
|
|
66
66
|
groupComponent?: React.ComponentType<any> | undefined;
|
|
67
67
|
itemRender?: ((...params: any) => React.ReactNode) | undefined;
|
package/cjs/list.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,33 +41,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.SearchEditorOptions = exports.Options = exports.MenuItem = exports.ItemDragging = exports.Item = exports.CursorOffset = exports.Button = exports.List = 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 list_1 = __importDefault(require("devextreme/ui/list"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const List = (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)(() => (["items", "selectedItemKeys", "selectedItems"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultItems: "items",
|
|
72
60
|
defaultSelectedItemKeys: "selectedItemKeys",
|
|
73
61
|
defaultSelectedItems: "selectedItems",
|
|
74
|
-
})
|
|
75
|
-
|
|
62
|
+
}), []);
|
|
63
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
76
64
|
item: { optionName: "items", isCollectionItem: true },
|
|
77
65
|
itemDragging: { optionName: "itemDragging", isCollectionItem: false },
|
|
78
66
|
menuItem: { optionName: "menuItems", isCollectionItem: true },
|
|
79
67
|
searchEditorOptions: { optionName: "searchEditorOptions", isCollectionItem: false }
|
|
80
|
-
})
|
|
81
|
-
|
|
68
|
+
}), []);
|
|
69
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
82
70
|
{
|
|
83
71
|
tmplOption: "groupTemplate",
|
|
84
72
|
render: "groupRender",
|
|
@@ -89,14 +77,23 @@ var List = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
89
77
|
render: "itemRender",
|
|
90
78
|
component: "itemComponent"
|
|
91
79
|
},
|
|
92
|
-
])
|
|
93
|
-
return (React.createElement((component_1.Component),
|
|
80
|
+
]), []);
|
|
81
|
+
return (React.createElement((component_1.Component), {
|
|
82
|
+
WidgetClass: list_1.default,
|
|
83
|
+
ref: baseRef,
|
|
84
|
+
subscribableOptions,
|
|
85
|
+
independentEvents,
|
|
86
|
+
defaults,
|
|
87
|
+
expectedChildren,
|
|
88
|
+
templateProps,
|
|
89
|
+
...props,
|
|
90
|
+
}));
|
|
94
91
|
}));
|
|
95
92
|
exports.List = List;
|
|
96
|
-
|
|
97
|
-
return React.createElement((nested_option_1.default),
|
|
93
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
94
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
98
95
|
});
|
|
99
|
-
|
|
96
|
+
const Button = Object.assign(_componentButton, {
|
|
100
97
|
OptionName: "buttons",
|
|
101
98
|
IsCollectionItem: true,
|
|
102
99
|
ExpectedChildren: {
|
|
@@ -104,17 +101,17 @@ var Button = Object.assign(_componentButton, {
|
|
|
104
101
|
},
|
|
105
102
|
});
|
|
106
103
|
exports.Button = Button;
|
|
107
|
-
|
|
108
|
-
return React.createElement((nested_option_1.default),
|
|
104
|
+
const _componentCursorOffset = (0, react_1.memo)((props) => {
|
|
105
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
109
106
|
});
|
|
110
|
-
|
|
107
|
+
const CursorOffset = Object.assign(_componentCursorOffset, {
|
|
111
108
|
OptionName: "cursorOffset",
|
|
112
109
|
});
|
|
113
110
|
exports.CursorOffset = CursorOffset;
|
|
114
|
-
|
|
115
|
-
return React.createElement((nested_option_1.default),
|
|
111
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
112
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
116
113
|
});
|
|
117
|
-
|
|
114
|
+
const Item = Object.assign(_componentItem, {
|
|
118
115
|
OptionName: "items",
|
|
119
116
|
IsCollectionItem: true,
|
|
120
117
|
TemplateProps: [{
|
|
@@ -124,10 +121,10 @@ var Item = Object.assign(_componentItem, {
|
|
|
124
121
|
}],
|
|
125
122
|
});
|
|
126
123
|
exports.Item = Item;
|
|
127
|
-
|
|
128
|
-
return React.createElement((nested_option_1.default),
|
|
124
|
+
const _componentItemDragging = (0, react_1.memo)((props) => {
|
|
125
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
129
126
|
});
|
|
130
|
-
|
|
127
|
+
const ItemDragging = Object.assign(_componentItemDragging, {
|
|
131
128
|
OptionName: "itemDragging",
|
|
132
129
|
ExpectedChildren: {
|
|
133
130
|
cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
|
|
@@ -139,18 +136,18 @@ var ItemDragging = Object.assign(_componentItemDragging, {
|
|
|
139
136
|
}],
|
|
140
137
|
});
|
|
141
138
|
exports.ItemDragging = ItemDragging;
|
|
142
|
-
|
|
143
|
-
return React.createElement((nested_option_1.default),
|
|
139
|
+
const _componentMenuItem = (0, react_1.memo)((props) => {
|
|
140
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
144
141
|
});
|
|
145
|
-
|
|
142
|
+
const MenuItem = Object.assign(_componentMenuItem, {
|
|
146
143
|
OptionName: "menuItems",
|
|
147
144
|
IsCollectionItem: true,
|
|
148
145
|
});
|
|
149
146
|
exports.MenuItem = MenuItem;
|
|
150
|
-
|
|
151
|
-
return React.createElement((nested_option_1.default),
|
|
147
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
148
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
152
149
|
});
|
|
153
|
-
|
|
150
|
+
const Options = Object.assign(_componentOptions, {
|
|
154
151
|
OptionName: "options",
|
|
155
152
|
TemplateProps: [{
|
|
156
153
|
tmplOption: "template",
|
|
@@ -159,10 +156,10 @@ var Options = Object.assign(_componentOptions, {
|
|
|
159
156
|
}],
|
|
160
157
|
});
|
|
161
158
|
exports.Options = Options;
|
|
162
|
-
|
|
163
|
-
return React.createElement((nested_option_1.default),
|
|
159
|
+
const _componentSearchEditorOptions = (0, react_1.memo)((props) => {
|
|
160
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
164
161
|
});
|
|
165
|
-
|
|
162
|
+
const SearchEditorOptions = Object.assign(_componentSearchEditorOptions, {
|
|
166
163
|
OptionName: "searchEditorOptions",
|
|
167
164
|
DefaultsProps: {
|
|
168
165
|
defaultValue: "value"
|