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/funnel.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,25 +41,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.TooltipBorder = exports.Tooltip = exports.Title = exports.Subtitle = exports.Size = exports.Shadow = exports.SelectionStyle = exports.Margin = exports.LoadingIndicator = exports.LegendTitleSubtitle = exports.LegendTitle = exports.LegendBorder = exports.Legend = exports.LabelBorder = exports.Label = exports.ItemBorder = exports.Item = exports.HoverStyle = exports.Hatching = exports.FunnelTitleSubtitle = exports.FunnelTitle = exports.Format = exports.Font = exports.Export = exports.Connector = exports.Border = exports.AdaptiveLayout = exports.Funnel = 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 funnel_1 = __importDefault(require("devextreme/viz/funnel"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Funnel = (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"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onItemClick", "onLegendClick"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultLoadingIndicator: "loadingIndicator",
|
|
72
|
-
})
|
|
73
|
-
|
|
60
|
+
}), []);
|
|
61
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
74
62
|
adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
|
|
75
63
|
export: { optionName: "export", isCollectionItem: false },
|
|
76
64
|
funnelTitle: { optionName: "title", isCollectionItem: false },
|
|
@@ -82,56 +70,64 @@ var Funnel = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
82
70
|
size: { optionName: "size", isCollectionItem: false },
|
|
83
71
|
title: { optionName: "title", isCollectionItem: false },
|
|
84
72
|
tooltip: { optionName: "tooltip", isCollectionItem: false }
|
|
85
|
-
})
|
|
86
|
-
return (React.createElement((component_1.Component),
|
|
73
|
+
}), []);
|
|
74
|
+
return (React.createElement((component_1.Component), {
|
|
75
|
+
WidgetClass: funnel_1.default,
|
|
76
|
+
ref: baseRef,
|
|
77
|
+
subscribableOptions,
|
|
78
|
+
independentEvents,
|
|
79
|
+
defaults,
|
|
80
|
+
expectedChildren,
|
|
81
|
+
...props,
|
|
82
|
+
}));
|
|
87
83
|
}));
|
|
88
84
|
exports.Funnel = Funnel;
|
|
89
|
-
|
|
90
|
-
return React.createElement((nested_option_1.default),
|
|
85
|
+
const _componentAdaptiveLayout = (0, react_1.memo)((props) => {
|
|
86
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
91
87
|
});
|
|
92
|
-
|
|
88
|
+
const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
|
|
93
89
|
OptionName: "adaptiveLayout",
|
|
94
90
|
});
|
|
95
91
|
exports.AdaptiveLayout = AdaptiveLayout;
|
|
96
|
-
|
|
97
|
-
return React.createElement((nested_option_1.default),
|
|
92
|
+
const _componentBorder = (0, react_1.memo)((props) => {
|
|
93
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
98
94
|
});
|
|
99
|
-
|
|
95
|
+
const Border = Object.assign(_componentBorder, {
|
|
100
96
|
OptionName: "border",
|
|
101
97
|
});
|
|
102
98
|
exports.Border = Border;
|
|
103
|
-
|
|
104
|
-
return React.createElement((nested_option_1.default),
|
|
99
|
+
const _componentConnector = (0, react_1.memo)((props) => {
|
|
100
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
105
101
|
});
|
|
106
|
-
|
|
102
|
+
const Connector = Object.assign(_componentConnector, {
|
|
107
103
|
OptionName: "connector",
|
|
108
104
|
});
|
|
109
105
|
exports.Connector = Connector;
|
|
110
|
-
|
|
111
|
-
return React.createElement((nested_option_1.default),
|
|
106
|
+
const _componentExport = (0, react_1.memo)((props) => {
|
|
107
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
112
108
|
});
|
|
113
|
-
|
|
109
|
+
const Export = Object.assign(_componentExport, {
|
|
114
110
|
OptionName: "export",
|
|
115
111
|
});
|
|
116
112
|
exports.Export = Export;
|
|
117
|
-
|
|
118
|
-
return React.createElement((nested_option_1.default),
|
|
113
|
+
const _componentFont = (0, react_1.memo)((props) => {
|
|
114
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
119
115
|
});
|
|
120
|
-
|
|
116
|
+
const Font = Object.assign(_componentFont, {
|
|
121
117
|
OptionName: "font",
|
|
122
118
|
});
|
|
123
119
|
exports.Font = Font;
|
|
124
|
-
|
|
125
|
-
return React.createElement((nested_option_1.default),
|
|
120
|
+
const _componentFormat = (0, react_1.memo)((props) => {
|
|
121
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
126
122
|
});
|
|
127
|
-
|
|
123
|
+
const Format = Object.assign(_componentFormat, {
|
|
128
124
|
OptionName: "format",
|
|
129
125
|
});
|
|
130
126
|
exports.Format = Format;
|
|
131
|
-
|
|
132
|
-
return React.createElement((nested_option_1.default),
|
|
127
|
+
const _componentFunnelTitle = (0, react_1.memo)((props) => {
|
|
128
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
133
129
|
});
|
|
134
|
-
|
|
130
|
+
const FunnelTitle = Object.assign(_componentFunnelTitle, {
|
|
135
131
|
OptionName: "title",
|
|
136
132
|
ExpectedChildren: {
|
|
137
133
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -141,27 +137,27 @@ var FunnelTitle = Object.assign(_componentFunnelTitle, {
|
|
|
141
137
|
},
|
|
142
138
|
});
|
|
143
139
|
exports.FunnelTitle = FunnelTitle;
|
|
144
|
-
|
|
145
|
-
return React.createElement((nested_option_1.default),
|
|
140
|
+
const _componentFunnelTitleSubtitle = (0, react_1.memo)((props) => {
|
|
141
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
146
142
|
});
|
|
147
|
-
|
|
143
|
+
const FunnelTitleSubtitle = Object.assign(_componentFunnelTitleSubtitle, {
|
|
148
144
|
OptionName: "subtitle",
|
|
149
145
|
ExpectedChildren: {
|
|
150
146
|
font: { optionName: "font", isCollectionItem: false }
|
|
151
147
|
},
|
|
152
148
|
});
|
|
153
149
|
exports.FunnelTitleSubtitle = FunnelTitleSubtitle;
|
|
154
|
-
|
|
155
|
-
return React.createElement((nested_option_1.default),
|
|
150
|
+
const _componentHatching = (0, react_1.memo)((props) => {
|
|
151
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
156
152
|
});
|
|
157
|
-
|
|
153
|
+
const Hatching = Object.assign(_componentHatching, {
|
|
158
154
|
OptionName: "hatching",
|
|
159
155
|
});
|
|
160
156
|
exports.Hatching = Hatching;
|
|
161
|
-
|
|
162
|
-
return React.createElement((nested_option_1.default),
|
|
157
|
+
const _componentHoverStyle = (0, react_1.memo)((props) => {
|
|
158
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
163
159
|
});
|
|
164
|
-
|
|
160
|
+
const HoverStyle = Object.assign(_componentHoverStyle, {
|
|
165
161
|
OptionName: "hoverStyle",
|
|
166
162
|
ExpectedChildren: {
|
|
167
163
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -170,10 +166,10 @@ var HoverStyle = Object.assign(_componentHoverStyle, {
|
|
|
170
166
|
},
|
|
171
167
|
});
|
|
172
168
|
exports.HoverStyle = HoverStyle;
|
|
173
|
-
|
|
174
|
-
return React.createElement((nested_option_1.default),
|
|
169
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
170
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
175
171
|
});
|
|
176
|
-
|
|
172
|
+
const Item = Object.assign(_componentItem, {
|
|
177
173
|
OptionName: "item",
|
|
178
174
|
ExpectedChildren: {
|
|
179
175
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -183,17 +179,17 @@ var Item = Object.assign(_componentItem, {
|
|
|
183
179
|
},
|
|
184
180
|
});
|
|
185
181
|
exports.Item = Item;
|
|
186
|
-
|
|
187
|
-
return React.createElement((nested_option_1.default),
|
|
182
|
+
const _componentItemBorder = (0, react_1.memo)((props) => {
|
|
183
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
188
184
|
});
|
|
189
|
-
|
|
185
|
+
const ItemBorder = Object.assign(_componentItemBorder, {
|
|
190
186
|
OptionName: "border",
|
|
191
187
|
});
|
|
192
188
|
exports.ItemBorder = ItemBorder;
|
|
193
|
-
|
|
194
|
-
return React.createElement((nested_option_1.default),
|
|
189
|
+
const _componentLabel = (0, react_1.memo)((props) => {
|
|
190
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
195
191
|
});
|
|
196
|
-
|
|
192
|
+
const Label = Object.assign(_componentLabel, {
|
|
197
193
|
OptionName: "label",
|
|
198
194
|
ExpectedChildren: {
|
|
199
195
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -204,17 +200,17 @@ var Label = Object.assign(_componentLabel, {
|
|
|
204
200
|
},
|
|
205
201
|
});
|
|
206
202
|
exports.Label = Label;
|
|
207
|
-
|
|
208
|
-
return React.createElement((nested_option_1.default),
|
|
203
|
+
const _componentLabelBorder = (0, react_1.memo)((props) => {
|
|
204
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
209
205
|
});
|
|
210
|
-
|
|
206
|
+
const LabelBorder = Object.assign(_componentLabelBorder, {
|
|
211
207
|
OptionName: "border",
|
|
212
208
|
});
|
|
213
209
|
exports.LabelBorder = LabelBorder;
|
|
214
|
-
|
|
215
|
-
return React.createElement((nested_option_1.default),
|
|
210
|
+
const _componentLegend = (0, react_1.memo)((props) => {
|
|
211
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
216
212
|
});
|
|
217
|
-
|
|
213
|
+
const Legend = Object.assign(_componentLegend, {
|
|
218
214
|
OptionName: "legend",
|
|
219
215
|
ExpectedChildren: {
|
|
220
216
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -231,17 +227,17 @@ var Legend = Object.assign(_componentLegend, {
|
|
|
231
227
|
}],
|
|
232
228
|
});
|
|
233
229
|
exports.Legend = Legend;
|
|
234
|
-
|
|
235
|
-
return React.createElement((nested_option_1.default),
|
|
230
|
+
const _componentLegendBorder = (0, react_1.memo)((props) => {
|
|
231
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
236
232
|
});
|
|
237
|
-
|
|
233
|
+
const LegendBorder = Object.assign(_componentLegendBorder, {
|
|
238
234
|
OptionName: "border",
|
|
239
235
|
});
|
|
240
236
|
exports.LegendBorder = LegendBorder;
|
|
241
|
-
|
|
242
|
-
return React.createElement((nested_option_1.default),
|
|
237
|
+
const _componentLegendTitle = (0, react_1.memo)((props) => {
|
|
238
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
243
239
|
});
|
|
244
|
-
|
|
240
|
+
const LegendTitle = Object.assign(_componentLegendTitle, {
|
|
245
241
|
OptionName: "title",
|
|
246
242
|
ExpectedChildren: {
|
|
247
243
|
font: { optionName: "font", isCollectionItem: false },
|
|
@@ -251,20 +247,20 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
|
|
|
251
247
|
},
|
|
252
248
|
});
|
|
253
249
|
exports.LegendTitle = LegendTitle;
|
|
254
|
-
|
|
255
|
-
return React.createElement((nested_option_1.default),
|
|
250
|
+
const _componentLegendTitleSubtitle = (0, react_1.memo)((props) => {
|
|
251
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
256
252
|
});
|
|
257
|
-
|
|
253
|
+
const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
|
|
258
254
|
OptionName: "subtitle",
|
|
259
255
|
ExpectedChildren: {
|
|
260
256
|
font: { optionName: "font", isCollectionItem: false }
|
|
261
257
|
},
|
|
262
258
|
});
|
|
263
259
|
exports.LegendTitleSubtitle = LegendTitleSubtitle;
|
|
264
|
-
|
|
265
|
-
return React.createElement((nested_option_1.default),
|
|
260
|
+
const _componentLoadingIndicator = (0, react_1.memo)((props) => {
|
|
261
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
266
262
|
});
|
|
267
|
-
|
|
263
|
+
const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
268
264
|
OptionName: "loadingIndicator",
|
|
269
265
|
DefaultsProps: {
|
|
270
266
|
defaultShow: "show"
|
|
@@ -274,17 +270,17 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
|
|
|
274
270
|
},
|
|
275
271
|
});
|
|
276
272
|
exports.LoadingIndicator = LoadingIndicator;
|
|
277
|
-
|
|
278
|
-
return React.createElement((nested_option_1.default),
|
|
273
|
+
const _componentMargin = (0, react_1.memo)((props) => {
|
|
274
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
279
275
|
});
|
|
280
|
-
|
|
276
|
+
const Margin = Object.assign(_componentMargin, {
|
|
281
277
|
OptionName: "margin",
|
|
282
278
|
});
|
|
283
279
|
exports.Margin = Margin;
|
|
284
|
-
|
|
285
|
-
return React.createElement((nested_option_1.default),
|
|
280
|
+
const _componentSelectionStyle = (0, react_1.memo)((props) => {
|
|
281
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
286
282
|
});
|
|
287
|
-
|
|
283
|
+
const SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
288
284
|
OptionName: "selectionStyle",
|
|
289
285
|
ExpectedChildren: {
|
|
290
286
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -293,38 +289,38 @@ var SelectionStyle = Object.assign(_componentSelectionStyle, {
|
|
|
293
289
|
},
|
|
294
290
|
});
|
|
295
291
|
exports.SelectionStyle = SelectionStyle;
|
|
296
|
-
|
|
297
|
-
return React.createElement((nested_option_1.default),
|
|
292
|
+
const _componentShadow = (0, react_1.memo)((props) => {
|
|
293
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
298
294
|
});
|
|
299
|
-
|
|
295
|
+
const Shadow = Object.assign(_componentShadow, {
|
|
300
296
|
OptionName: "shadow",
|
|
301
297
|
});
|
|
302
298
|
exports.Shadow = Shadow;
|
|
303
|
-
|
|
304
|
-
return React.createElement((nested_option_1.default),
|
|
299
|
+
const _componentSize = (0, react_1.memo)((props) => {
|
|
300
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
305
301
|
});
|
|
306
|
-
|
|
302
|
+
const Size = Object.assign(_componentSize, {
|
|
307
303
|
OptionName: "size",
|
|
308
304
|
});
|
|
309
305
|
exports.Size = Size;
|
|
310
|
-
|
|
311
|
-
return React.createElement((nested_option_1.default),
|
|
306
|
+
const _componentSubtitle = (0, react_1.memo)((props) => {
|
|
307
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
312
308
|
});
|
|
313
|
-
|
|
309
|
+
const Subtitle = Object.assign(_componentSubtitle, {
|
|
314
310
|
OptionName: "subtitle",
|
|
315
311
|
});
|
|
316
312
|
exports.Subtitle = Subtitle;
|
|
317
|
-
|
|
318
|
-
return React.createElement((nested_option_1.default),
|
|
313
|
+
const _componentTitle = (0, react_1.memo)((props) => {
|
|
314
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
319
315
|
});
|
|
320
|
-
|
|
316
|
+
const Title = Object.assign(_componentTitle, {
|
|
321
317
|
OptionName: "title",
|
|
322
318
|
});
|
|
323
319
|
exports.Title = Title;
|
|
324
|
-
|
|
325
|
-
return React.createElement((nested_option_1.default),
|
|
320
|
+
const _componentTooltip = (0, react_1.memo)((props) => {
|
|
321
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
326
322
|
});
|
|
327
|
-
|
|
323
|
+
const Tooltip = Object.assign(_componentTooltip, {
|
|
328
324
|
OptionName: "tooltip",
|
|
329
325
|
ExpectedChildren: {
|
|
330
326
|
border: { optionName: "border", isCollectionItem: false },
|
|
@@ -340,10 +336,10 @@ var Tooltip = Object.assign(_componentTooltip, {
|
|
|
340
336
|
}],
|
|
341
337
|
});
|
|
342
338
|
exports.Tooltip = Tooltip;
|
|
343
|
-
|
|
344
|
-
return React.createElement((nested_option_1.default),
|
|
339
|
+
const _componentTooltipBorder = (0, react_1.memo)((props) => {
|
|
340
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
345
341
|
});
|
|
346
|
-
|
|
342
|
+
const TooltipBorder = Object.assign(_componentTooltipBorder, {
|
|
347
343
|
OptionName: "border",
|
|
348
344
|
});
|
|
349
345
|
exports.TooltipBorder = TooltipBorder;
|
package/cjs/gallery.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
|
*
|
|
@@ -46,7 +46,7 @@ interface GalleryRef<TItem = any, TKey = any> {
|
|
|
46
46
|
instance: () => dxGallery<TItem, TKey>;
|
|
47
47
|
}
|
|
48
48
|
declare const Gallery: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, IGalleryOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
|
|
49
|
-
dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
49
|
+
dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
|
|
50
50
|
itemRender?: ((...params: any) => React.ReactNode) | undefined;
|
|
51
51
|
itemComponent?: React.ComponentType<any> | undefined;
|
|
52
52
|
defaultItems?: any[] | undefined;
|
package/cjs/gallery.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,43 +41,51 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.Item = exports.Gallery = 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 gallery_1 = __importDefault(require("devextreme/ui/gallery"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Gallery = (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", "selectedIndex", "selectedItem"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultItems: "items",
|
|
72
60
|
defaultSelectedIndex: "selectedIndex",
|
|
73
61
|
defaultSelectedItem: "selectedItem",
|
|
74
|
-
})
|
|
75
|
-
|
|
62
|
+
}), []);
|
|
63
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
76
64
|
item: { optionName: "items", isCollectionItem: true }
|
|
77
|
-
})
|
|
78
|
-
|
|
65
|
+
}), []);
|
|
66
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
79
67
|
{
|
|
80
68
|
tmplOption: "itemTemplate",
|
|
81
69
|
render: "itemRender",
|
|
82
70
|
component: "itemComponent"
|
|
83
71
|
},
|
|
84
|
-
])
|
|
85
|
-
return (React.createElement((component_1.Component),
|
|
72
|
+
]), []);
|
|
73
|
+
return (React.createElement((component_1.Component), {
|
|
74
|
+
WidgetClass: gallery_1.default,
|
|
75
|
+
ref: baseRef,
|
|
76
|
+
subscribableOptions,
|
|
77
|
+
independentEvents,
|
|
78
|
+
defaults,
|
|
79
|
+
expectedChildren,
|
|
80
|
+
templateProps,
|
|
81
|
+
...props,
|
|
82
|
+
}));
|
|
86
83
|
}));
|
|
87
84
|
exports.Gallery = Gallery;
|
|
88
|
-
|
|
89
|
-
return React.createElement((nested_option_1.default),
|
|
85
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
86
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
90
87
|
});
|
|
91
|
-
|
|
88
|
+
const Item = Object.assign(_componentItem, {
|
|
92
89
|
OptionName: "items",
|
|
93
90
|
IsCollectionItem: true,
|
|
94
91
|
TemplateProps: [{
|