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/color-box.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,30 +41,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ToolbarItem = exports.To = exports.Show = exports.Position = exports.Options = exports.Offset = exports.My = exports.Hide = exports.From = exports.DropDownOptions = exports.Collision = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.ColorBox = 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 color_box_1 = __importDefault(require("devextreme/ui/color_box"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const ColorBox = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
50
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
51
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
52
|
+
instance() {
|
|
53
|
+
return baseRef.current?.getInstance();
|
|
66
54
|
}
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
}), [baseRef.current]);
|
|
56
|
+
const subscribableOptions = (0, react_1.useMemo)(() => (["opened", "value"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultOpened: "opened",
|
|
72
60
|
defaultValue: "value",
|
|
73
|
-
})
|
|
74
|
-
|
|
61
|
+
}), []);
|
|
62
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
75
63
|
button: { optionName: "buttons", isCollectionItem: true },
|
|
76
64
|
dropDownOptions: { optionName: "dropDownOptions", isCollectionItem: false }
|
|
77
|
-
})
|
|
78
|
-
|
|
65
|
+
}), []);
|
|
66
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
79
67
|
{
|
|
80
68
|
tmplOption: "dropDownButtonTemplate",
|
|
81
69
|
render: "dropDownButtonRender",
|
|
@@ -86,14 +74,23 @@ var ColorBox = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
86
74
|
render: "fieldRender",
|
|
87
75
|
component: "fieldComponent"
|
|
88
76
|
},
|
|
89
|
-
])
|
|
90
|
-
return (React.createElement((component_1.Component),
|
|
77
|
+
]), []);
|
|
78
|
+
return (React.createElement((component_1.Component), {
|
|
79
|
+
WidgetClass: color_box_1.default,
|
|
80
|
+
ref: baseRef,
|
|
81
|
+
subscribableOptions,
|
|
82
|
+
independentEvents,
|
|
83
|
+
defaults,
|
|
84
|
+
expectedChildren,
|
|
85
|
+
templateProps,
|
|
86
|
+
...props,
|
|
87
|
+
}));
|
|
91
88
|
}));
|
|
92
89
|
exports.ColorBox = ColorBox;
|
|
93
|
-
|
|
94
|
-
return React.createElement((nested_option_1.default),
|
|
90
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
91
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
95
92
|
});
|
|
96
|
-
|
|
93
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
97
94
|
OptionName: "animation",
|
|
98
95
|
ExpectedChildren: {
|
|
99
96
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -101,24 +98,24 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
101
98
|
},
|
|
102
99
|
});
|
|
103
100
|
exports.Animation = Animation;
|
|
104
|
-
|
|
105
|
-
return React.createElement((nested_option_1.default),
|
|
101
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
102
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
106
103
|
});
|
|
107
|
-
|
|
104
|
+
const At = Object.assign(_componentAt, {
|
|
108
105
|
OptionName: "at",
|
|
109
106
|
});
|
|
110
107
|
exports.At = At;
|
|
111
|
-
|
|
112
|
-
return React.createElement((nested_option_1.default),
|
|
108
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
109
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
113
110
|
});
|
|
114
|
-
|
|
111
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
115
112
|
OptionName: "boundaryOffset",
|
|
116
113
|
});
|
|
117
114
|
exports.BoundaryOffset = BoundaryOffset;
|
|
118
|
-
|
|
119
|
-
return React.createElement((nested_option_1.default),
|
|
115
|
+
const _componentButton = (0, react_1.memo)((props) => {
|
|
116
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
120
117
|
});
|
|
121
|
-
|
|
118
|
+
const Button = Object.assign(_componentButton, {
|
|
122
119
|
OptionName: "buttons",
|
|
123
120
|
IsCollectionItem: true,
|
|
124
121
|
ExpectedChildren: {
|
|
@@ -126,17 +123,17 @@ var Button = Object.assign(_componentButton, {
|
|
|
126
123
|
},
|
|
127
124
|
});
|
|
128
125
|
exports.Button = Button;
|
|
129
|
-
|
|
130
|
-
return React.createElement((nested_option_1.default),
|
|
126
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
127
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
131
128
|
});
|
|
132
|
-
|
|
129
|
+
const Collision = Object.assign(_componentCollision, {
|
|
133
130
|
OptionName: "collision",
|
|
134
131
|
});
|
|
135
132
|
exports.Collision = Collision;
|
|
136
|
-
|
|
137
|
-
return React.createElement((nested_option_1.default),
|
|
133
|
+
const _componentDropDownOptions = (0, react_1.memo)((props) => {
|
|
134
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
138
135
|
});
|
|
139
|
-
|
|
136
|
+
const DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
140
137
|
OptionName: "dropDownOptions",
|
|
141
138
|
DefaultsProps: {
|
|
142
139
|
defaultHeight: "height",
|
|
@@ -160,20 +157,20 @@ var DropDownOptions = Object.assign(_componentDropDownOptions, {
|
|
|
160
157
|
}],
|
|
161
158
|
});
|
|
162
159
|
exports.DropDownOptions = DropDownOptions;
|
|
163
|
-
|
|
164
|
-
return React.createElement((nested_option_1.default),
|
|
160
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
161
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
165
162
|
});
|
|
166
|
-
|
|
163
|
+
const From = Object.assign(_componentFrom, {
|
|
167
164
|
OptionName: "from",
|
|
168
165
|
ExpectedChildren: {
|
|
169
166
|
position: { optionName: "position", isCollectionItem: false }
|
|
170
167
|
},
|
|
171
168
|
});
|
|
172
169
|
exports.From = From;
|
|
173
|
-
|
|
174
|
-
return React.createElement((nested_option_1.default),
|
|
170
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
171
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
175
172
|
});
|
|
176
|
-
|
|
173
|
+
const Hide = Object.assign(_componentHide, {
|
|
177
174
|
OptionName: "hide",
|
|
178
175
|
ExpectedChildren: {
|
|
179
176
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -181,24 +178,24 @@ var Hide = Object.assign(_componentHide, {
|
|
|
181
178
|
},
|
|
182
179
|
});
|
|
183
180
|
exports.Hide = Hide;
|
|
184
|
-
|
|
185
|
-
return React.createElement((nested_option_1.default),
|
|
181
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
182
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
186
183
|
});
|
|
187
|
-
|
|
184
|
+
const My = Object.assign(_componentMy, {
|
|
188
185
|
OptionName: "my",
|
|
189
186
|
});
|
|
190
187
|
exports.My = My;
|
|
191
|
-
|
|
192
|
-
return React.createElement((nested_option_1.default),
|
|
188
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
189
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
193
190
|
});
|
|
194
|
-
|
|
191
|
+
const Offset = Object.assign(_componentOffset, {
|
|
195
192
|
OptionName: "offset",
|
|
196
193
|
});
|
|
197
194
|
exports.Offset = Offset;
|
|
198
|
-
|
|
199
|
-
return React.createElement((nested_option_1.default),
|
|
195
|
+
const _componentOptions = (0, react_1.memo)((props) => {
|
|
196
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
200
197
|
});
|
|
201
|
-
|
|
198
|
+
const Options = Object.assign(_componentOptions, {
|
|
202
199
|
OptionName: "options",
|
|
203
200
|
TemplateProps: [{
|
|
204
201
|
tmplOption: "template",
|
|
@@ -207,31 +204,31 @@ var Options = Object.assign(_componentOptions, {
|
|
|
207
204
|
}],
|
|
208
205
|
});
|
|
209
206
|
exports.Options = Options;
|
|
210
|
-
|
|
211
|
-
return React.createElement((nested_option_1.default),
|
|
207
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
208
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
212
209
|
});
|
|
213
|
-
|
|
210
|
+
const Position = Object.assign(_componentPosition, {
|
|
214
211
|
OptionName: "position",
|
|
215
212
|
});
|
|
216
213
|
exports.Position = Position;
|
|
217
|
-
|
|
218
|
-
return React.createElement((nested_option_1.default),
|
|
214
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
215
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
219
216
|
});
|
|
220
|
-
|
|
217
|
+
const Show = Object.assign(_componentShow, {
|
|
221
218
|
OptionName: "show",
|
|
222
219
|
});
|
|
223
220
|
exports.Show = Show;
|
|
224
|
-
|
|
225
|
-
return React.createElement((nested_option_1.default),
|
|
221
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
222
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
226
223
|
});
|
|
227
|
-
|
|
224
|
+
const To = Object.assign(_componentTo, {
|
|
228
225
|
OptionName: "to",
|
|
229
226
|
});
|
|
230
227
|
exports.To = To;
|
|
231
|
-
|
|
232
|
-
return React.createElement((nested_option_1.default),
|
|
228
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
229
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
233
230
|
});
|
|
234
|
-
|
|
231
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
235
232
|
OptionName: "toolbarItems",
|
|
236
233
|
IsCollectionItem: true,
|
|
237
234
|
TemplateProps: [{
|
package/cjs/common/charts.d.ts
CHANGED
package/cjs/common/charts.js
CHANGED
package/cjs/common/grids.d.ts
CHANGED
package/cjs/common/grids.js
CHANGED
package/cjs/common/index.d.ts
CHANGED
package/cjs/common/index.js
CHANGED
package/cjs/context-menu.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
|
*
|
|
@@ -52,7 +52,7 @@ interface ContextMenuRef<TKey = any> {
|
|
|
52
52
|
instance: () => dxContextMenu<TKey>;
|
|
53
53
|
}
|
|
54
54
|
declare const ContextMenu: <TKey = any>(props: ReplaceFieldTypes<Properties<TKey>, IContextMenuOptionsNarrowedEvents<TKey>> & IHtmlOptions & {
|
|
55
|
-
dataSource?: import("devextreme/data/data_source").DataSourceLike<dxContextMenuItem, TKey> | null | undefined;
|
|
55
|
+
dataSource?: import("../../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<dxContextMenuItem, TKey> | null | undefined;
|
|
56
56
|
itemRender?: ((...params: any) => React.ReactNode) | undefined;
|
|
57
57
|
itemComponent?: React.ComponentType<any> | undefined;
|
|
58
58
|
defaultItems?: dxContextMenuItem[] | undefined;
|
package/cjs/context-menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
15
|
"use strict";
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
16
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
28
17
|
if (k2 === undefined) k2 = k;
|
|
29
18
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -52,47 +41,55 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.To = exports.ShowSubmenuMode = exports.ShowEvent = exports.Show = exports.Position = exports.Offset = exports.My = exports.Item = exports.Hide = exports.From = exports.Delay = exports.Collision = exports.BoundaryOffset = exports.At = exports.Animation = exports.ContextMenu = 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 context_menu_1 = __importDefault(require("devextreme/ui/context_menu"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const ContextMenu = (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", "selectedItem", "visible"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onPositioning", "onShowing", "onShown"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultItems: "items",
|
|
72
60
|
defaultSelectedItem: "selectedItem",
|
|
73
61
|
defaultVisible: "visible",
|
|
74
|
-
})
|
|
75
|
-
|
|
62
|
+
}), []);
|
|
63
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
76
64
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
77
65
|
item: { optionName: "items", isCollectionItem: true },
|
|
78
66
|
position: { optionName: "position", isCollectionItem: false },
|
|
79
67
|
showEvent: { optionName: "showEvent", isCollectionItem: false },
|
|
80
68
|
showSubmenuMode: { optionName: "showSubmenuMode", isCollectionItem: false }
|
|
81
|
-
})
|
|
82
|
-
|
|
69
|
+
}), []);
|
|
70
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
83
71
|
{
|
|
84
72
|
tmplOption: "itemTemplate",
|
|
85
73
|
render: "itemRender",
|
|
86
74
|
component: "itemComponent"
|
|
87
75
|
},
|
|
88
|
-
])
|
|
89
|
-
return (React.createElement((component_1.Component),
|
|
76
|
+
]), []);
|
|
77
|
+
return (React.createElement((component_1.Component), {
|
|
78
|
+
WidgetClass: context_menu_1.default,
|
|
79
|
+
ref: baseRef,
|
|
80
|
+
subscribableOptions,
|
|
81
|
+
independentEvents,
|
|
82
|
+
defaults,
|
|
83
|
+
expectedChildren,
|
|
84
|
+
templateProps,
|
|
85
|
+
...props,
|
|
86
|
+
}));
|
|
90
87
|
}));
|
|
91
88
|
exports.ContextMenu = ContextMenu;
|
|
92
|
-
|
|
93
|
-
return React.createElement((nested_option_1.default),
|
|
89
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
90
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
94
91
|
});
|
|
95
|
-
|
|
92
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
96
93
|
OptionName: "animation",
|
|
97
94
|
ExpectedChildren: {
|
|
98
95
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -100,48 +97,48 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
100
97
|
},
|
|
101
98
|
});
|
|
102
99
|
exports.Animation = Animation;
|
|
103
|
-
|
|
104
|
-
return React.createElement((nested_option_1.default),
|
|
100
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
101
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
105
102
|
});
|
|
106
|
-
|
|
103
|
+
const At = Object.assign(_componentAt, {
|
|
107
104
|
OptionName: "at",
|
|
108
105
|
});
|
|
109
106
|
exports.At = At;
|
|
110
|
-
|
|
111
|
-
return React.createElement((nested_option_1.default),
|
|
107
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
108
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
112
109
|
});
|
|
113
|
-
|
|
110
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
114
111
|
OptionName: "boundaryOffset",
|
|
115
112
|
});
|
|
116
113
|
exports.BoundaryOffset = BoundaryOffset;
|
|
117
|
-
|
|
118
|
-
return React.createElement((nested_option_1.default),
|
|
114
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
115
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
119
116
|
});
|
|
120
|
-
|
|
117
|
+
const Collision = Object.assign(_componentCollision, {
|
|
121
118
|
OptionName: "collision",
|
|
122
119
|
});
|
|
123
120
|
exports.Collision = Collision;
|
|
124
|
-
|
|
125
|
-
return React.createElement((nested_option_1.default),
|
|
121
|
+
const _componentDelay = (0, react_1.memo)((props) => {
|
|
122
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
126
123
|
});
|
|
127
|
-
|
|
124
|
+
const Delay = Object.assign(_componentDelay, {
|
|
128
125
|
OptionName: "delay",
|
|
129
126
|
});
|
|
130
127
|
exports.Delay = Delay;
|
|
131
|
-
|
|
132
|
-
return React.createElement((nested_option_1.default),
|
|
128
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
129
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
133
130
|
});
|
|
134
|
-
|
|
131
|
+
const From = Object.assign(_componentFrom, {
|
|
135
132
|
OptionName: "from",
|
|
136
133
|
ExpectedChildren: {
|
|
137
134
|
position: { optionName: "position", isCollectionItem: false }
|
|
138
135
|
},
|
|
139
136
|
});
|
|
140
137
|
exports.From = From;
|
|
141
|
-
|
|
142
|
-
return React.createElement((nested_option_1.default),
|
|
138
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
139
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
143
140
|
});
|
|
144
|
-
|
|
141
|
+
const Hide = Object.assign(_componentHide, {
|
|
145
142
|
OptionName: "hide",
|
|
146
143
|
ExpectedChildren: {
|
|
147
144
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -149,10 +146,10 @@ var Hide = Object.assign(_componentHide, {
|
|
|
149
146
|
},
|
|
150
147
|
});
|
|
151
148
|
exports.Hide = Hide;
|
|
152
|
-
|
|
153
|
-
return React.createElement((nested_option_1.default),
|
|
149
|
+
const _componentItem = (0, react_1.memo)((props) => {
|
|
150
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
154
151
|
});
|
|
155
|
-
|
|
152
|
+
const Item = Object.assign(_componentItem, {
|
|
156
153
|
OptionName: "items",
|
|
157
154
|
IsCollectionItem: true,
|
|
158
155
|
TemplateProps: [{
|
|
@@ -162,55 +159,55 @@ var Item = Object.assign(_componentItem, {
|
|
|
162
159
|
}],
|
|
163
160
|
});
|
|
164
161
|
exports.Item = Item;
|
|
165
|
-
|
|
166
|
-
return React.createElement((nested_option_1.default),
|
|
162
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
163
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
167
164
|
});
|
|
168
|
-
|
|
165
|
+
const My = Object.assign(_componentMy, {
|
|
169
166
|
OptionName: "my",
|
|
170
167
|
});
|
|
171
168
|
exports.My = My;
|
|
172
|
-
|
|
173
|
-
return React.createElement((nested_option_1.default),
|
|
169
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
170
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
174
171
|
});
|
|
175
|
-
|
|
172
|
+
const Offset = Object.assign(_componentOffset, {
|
|
176
173
|
OptionName: "offset",
|
|
177
174
|
});
|
|
178
175
|
exports.Offset = Offset;
|
|
179
|
-
|
|
180
|
-
return React.createElement((nested_option_1.default),
|
|
176
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
177
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
181
178
|
});
|
|
182
|
-
|
|
179
|
+
const Position = Object.assign(_componentPosition, {
|
|
183
180
|
OptionName: "position",
|
|
184
181
|
});
|
|
185
182
|
exports.Position = Position;
|
|
186
|
-
|
|
187
|
-
return React.createElement((nested_option_1.default),
|
|
183
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
184
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
188
185
|
});
|
|
189
|
-
|
|
186
|
+
const Show = Object.assign(_componentShow, {
|
|
190
187
|
OptionName: "show",
|
|
191
188
|
});
|
|
192
189
|
exports.Show = Show;
|
|
193
|
-
|
|
194
|
-
return React.createElement((nested_option_1.default),
|
|
190
|
+
const _componentShowEvent = (0, react_1.memo)((props) => {
|
|
191
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
195
192
|
});
|
|
196
|
-
|
|
193
|
+
const ShowEvent = Object.assign(_componentShowEvent, {
|
|
197
194
|
OptionName: "showEvent",
|
|
198
195
|
});
|
|
199
196
|
exports.ShowEvent = ShowEvent;
|
|
200
|
-
|
|
201
|
-
return React.createElement((nested_option_1.default),
|
|
197
|
+
const _componentShowSubmenuMode = (0, react_1.memo)((props) => {
|
|
198
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
202
199
|
});
|
|
203
|
-
|
|
200
|
+
const ShowSubmenuMode = Object.assign(_componentShowSubmenuMode, {
|
|
204
201
|
OptionName: "showSubmenuMode",
|
|
205
202
|
ExpectedChildren: {
|
|
206
203
|
delay: { optionName: "delay", isCollectionItem: false }
|
|
207
204
|
},
|
|
208
205
|
});
|
|
209
206
|
exports.ShowSubmenuMode = ShowSubmenuMode;
|
|
210
|
-
|
|
211
|
-
return React.createElement((nested_option_1.default),
|
|
207
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
208
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
212
209
|
});
|
|
213
|
-
|
|
210
|
+
const To = Object.assign(_componentTo, {
|
|
214
211
|
OptionName: "to",
|
|
215
212
|
});
|
|
216
213
|
exports.To = To;
|