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/popover.d.ts
CHANGED
package/cjs/popover.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,35 +41,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ToolbarItem = exports.To = exports.ShowEvent = exports.Show = exports.Position = exports.Offset = exports.My = exports.HideEvent = exports.Hide = exports.From = exports.Collision = exports.BoundaryOffset = exports.At = exports.Animation = exports.Popover = 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 popover_1 = __importDefault(require("devextreme/ui/popover"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Popover = (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)(() => (["height", "position", "visible", "width"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown", "onTitleRendered"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultHeight: "height",
|
|
72
60
|
defaultPosition: "position",
|
|
73
61
|
defaultVisible: "visible",
|
|
74
62
|
defaultWidth: "width",
|
|
75
|
-
})
|
|
76
|
-
|
|
63
|
+
}), []);
|
|
64
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
77
65
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
78
66
|
hideEvent: { optionName: "hideEvent", isCollectionItem: false },
|
|
79
67
|
position: { optionName: "position", isCollectionItem: false },
|
|
80
68
|
showEvent: { optionName: "showEvent", isCollectionItem: false },
|
|
81
69
|
toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
|
|
82
|
-
})
|
|
83
|
-
|
|
70
|
+
}), []);
|
|
71
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
84
72
|
{
|
|
85
73
|
tmplOption: "contentTemplate",
|
|
86
74
|
render: "contentRender",
|
|
@@ -91,14 +79,24 @@ var Popover = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
91
79
|
render: "titleRender",
|
|
92
80
|
component: "titleComponent"
|
|
93
81
|
},
|
|
94
|
-
])
|
|
95
|
-
return (React.createElement((component_1.Component),
|
|
82
|
+
]), []);
|
|
83
|
+
return (React.createElement((component_1.Component), {
|
|
84
|
+
WidgetClass: popover_1.default,
|
|
85
|
+
ref: baseRef,
|
|
86
|
+
isPortalComponent: true,
|
|
87
|
+
subscribableOptions,
|
|
88
|
+
independentEvents,
|
|
89
|
+
defaults,
|
|
90
|
+
expectedChildren,
|
|
91
|
+
templateProps,
|
|
92
|
+
...props,
|
|
93
|
+
}));
|
|
96
94
|
}));
|
|
97
95
|
exports.Popover = Popover;
|
|
98
|
-
|
|
99
|
-
return React.createElement((nested_option_1.default),
|
|
96
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
97
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
100
98
|
});
|
|
101
|
-
|
|
99
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
102
100
|
OptionName: "animation",
|
|
103
101
|
ExpectedChildren: {
|
|
104
102
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -106,41 +104,41 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
106
104
|
},
|
|
107
105
|
});
|
|
108
106
|
exports.Animation = Animation;
|
|
109
|
-
|
|
110
|
-
return React.createElement((nested_option_1.default),
|
|
107
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
108
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
111
109
|
});
|
|
112
|
-
|
|
110
|
+
const At = Object.assign(_componentAt, {
|
|
113
111
|
OptionName: "at",
|
|
114
112
|
});
|
|
115
113
|
exports.At = At;
|
|
116
|
-
|
|
117
|
-
return React.createElement((nested_option_1.default),
|
|
114
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
115
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
118
116
|
});
|
|
119
|
-
|
|
117
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
120
118
|
OptionName: "boundaryOffset",
|
|
121
119
|
});
|
|
122
120
|
exports.BoundaryOffset = BoundaryOffset;
|
|
123
|
-
|
|
124
|
-
return React.createElement((nested_option_1.default),
|
|
121
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
122
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
125
123
|
});
|
|
126
|
-
|
|
124
|
+
const Collision = Object.assign(_componentCollision, {
|
|
127
125
|
OptionName: "collision",
|
|
128
126
|
});
|
|
129
127
|
exports.Collision = Collision;
|
|
130
|
-
|
|
131
|
-
return React.createElement((nested_option_1.default),
|
|
128
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
129
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
132
130
|
});
|
|
133
|
-
|
|
131
|
+
const From = Object.assign(_componentFrom, {
|
|
134
132
|
OptionName: "from",
|
|
135
133
|
ExpectedChildren: {
|
|
136
134
|
position: { optionName: "position", isCollectionItem: false }
|
|
137
135
|
},
|
|
138
136
|
});
|
|
139
137
|
exports.From = From;
|
|
140
|
-
|
|
141
|
-
return React.createElement((nested_option_1.default),
|
|
138
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
139
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
142
140
|
});
|
|
143
|
-
|
|
141
|
+
const Hide = Object.assign(_componentHide, {
|
|
144
142
|
OptionName: "hide",
|
|
145
143
|
ExpectedChildren: {
|
|
146
144
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -148,59 +146,59 @@ var Hide = Object.assign(_componentHide, {
|
|
|
148
146
|
},
|
|
149
147
|
});
|
|
150
148
|
exports.Hide = Hide;
|
|
151
|
-
|
|
152
|
-
return React.createElement((nested_option_1.default),
|
|
149
|
+
const _componentHideEvent = (0, react_1.memo)((props) => {
|
|
150
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
153
151
|
});
|
|
154
|
-
|
|
152
|
+
const HideEvent = Object.assign(_componentHideEvent, {
|
|
155
153
|
OptionName: "hideEvent",
|
|
156
154
|
});
|
|
157
155
|
exports.HideEvent = HideEvent;
|
|
158
|
-
|
|
159
|
-
return React.createElement((nested_option_1.default),
|
|
156
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
157
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
160
158
|
});
|
|
161
|
-
|
|
159
|
+
const My = Object.assign(_componentMy, {
|
|
162
160
|
OptionName: "my",
|
|
163
161
|
});
|
|
164
162
|
exports.My = My;
|
|
165
|
-
|
|
166
|
-
return React.createElement((nested_option_1.default),
|
|
163
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
164
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
167
165
|
});
|
|
168
|
-
|
|
166
|
+
const Offset = Object.assign(_componentOffset, {
|
|
169
167
|
OptionName: "offset",
|
|
170
168
|
});
|
|
171
169
|
exports.Offset = Offset;
|
|
172
|
-
|
|
173
|
-
return React.createElement((nested_option_1.default),
|
|
170
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
171
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
174
172
|
});
|
|
175
|
-
|
|
173
|
+
const Position = Object.assign(_componentPosition, {
|
|
176
174
|
OptionName: "position",
|
|
177
175
|
});
|
|
178
176
|
exports.Position = Position;
|
|
179
|
-
|
|
180
|
-
return React.createElement((nested_option_1.default),
|
|
177
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
178
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
181
179
|
});
|
|
182
|
-
|
|
180
|
+
const Show = Object.assign(_componentShow, {
|
|
183
181
|
OptionName: "show",
|
|
184
182
|
});
|
|
185
183
|
exports.Show = Show;
|
|
186
|
-
|
|
187
|
-
return React.createElement((nested_option_1.default),
|
|
184
|
+
const _componentShowEvent = (0, react_1.memo)((props) => {
|
|
185
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
188
186
|
});
|
|
189
|
-
|
|
187
|
+
const ShowEvent = Object.assign(_componentShowEvent, {
|
|
190
188
|
OptionName: "showEvent",
|
|
191
189
|
});
|
|
192
190
|
exports.ShowEvent = ShowEvent;
|
|
193
|
-
|
|
194
|
-
return React.createElement((nested_option_1.default),
|
|
191
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
192
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
195
193
|
});
|
|
196
|
-
|
|
194
|
+
const To = Object.assign(_componentTo, {
|
|
197
195
|
OptionName: "to",
|
|
198
196
|
});
|
|
199
197
|
exports.To = To;
|
|
200
|
-
|
|
201
|
-
return React.createElement((nested_option_1.default),
|
|
198
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
199
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
202
200
|
});
|
|
203
|
-
|
|
201
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
204
202
|
OptionName: "toolbarItems",
|
|
205
203
|
IsCollectionItem: true,
|
|
206
204
|
TemplateProps: [{
|
package/cjs/popup.d.ts
CHANGED
package/cjs/popup.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.ToolbarItem = exports.To = exports.Show = exports.Position = exports.Offset = exports.My = exports.Hide = exports.From = exports.Collision = exports.BoundaryOffset = exports.At = exports.Animation = exports.Popup = 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 popup_1 = __importDefault(require("devextreme/ui/popup"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const nested_option_1 = __importDefault(require("./core/nested-option"));
|
|
49
|
+
const Popup = (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)(() => (["height", "position", "visible", "width"]), []);
|
|
57
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered"]), []);
|
|
58
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
71
59
|
defaultHeight: "height",
|
|
72
60
|
defaultPosition: "position",
|
|
73
61
|
defaultVisible: "visible",
|
|
74
62
|
defaultWidth: "width",
|
|
75
|
-
})
|
|
76
|
-
|
|
63
|
+
}), []);
|
|
64
|
+
const expectedChildren = (0, react_1.useMemo)(() => ({
|
|
77
65
|
animation: { optionName: "animation", isCollectionItem: false },
|
|
78
66
|
position: { optionName: "position", isCollectionItem: false },
|
|
79
67
|
toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
|
|
80
|
-
})
|
|
81
|
-
|
|
68
|
+
}), []);
|
|
69
|
+
const templateProps = (0, react_1.useMemo)(() => ([
|
|
82
70
|
{
|
|
83
71
|
tmplOption: "contentTemplate",
|
|
84
72
|
render: "contentRender",
|
|
@@ -89,14 +77,24 @@ var Popup = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
|
89
77
|
render: "titleRender",
|
|
90
78
|
component: "titleComponent"
|
|
91
79
|
},
|
|
92
|
-
])
|
|
93
|
-
return (React.createElement((component_1.Component),
|
|
80
|
+
]), []);
|
|
81
|
+
return (React.createElement((component_1.Component), {
|
|
82
|
+
WidgetClass: popup_1.default,
|
|
83
|
+
ref: baseRef,
|
|
84
|
+
isPortalComponent: true,
|
|
85
|
+
subscribableOptions,
|
|
86
|
+
independentEvents,
|
|
87
|
+
defaults,
|
|
88
|
+
expectedChildren,
|
|
89
|
+
templateProps,
|
|
90
|
+
...props,
|
|
91
|
+
}));
|
|
94
92
|
}));
|
|
95
93
|
exports.Popup = Popup;
|
|
96
|
-
|
|
97
|
-
return React.createElement((nested_option_1.default),
|
|
94
|
+
const _componentAnimation = (0, react_1.memo)((props) => {
|
|
95
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
98
96
|
});
|
|
99
|
-
|
|
97
|
+
const Animation = Object.assign(_componentAnimation, {
|
|
100
98
|
OptionName: "animation",
|
|
101
99
|
ExpectedChildren: {
|
|
102
100
|
hide: { optionName: "hide", isCollectionItem: false },
|
|
@@ -104,41 +102,41 @@ var Animation = Object.assign(_componentAnimation, {
|
|
|
104
102
|
},
|
|
105
103
|
});
|
|
106
104
|
exports.Animation = Animation;
|
|
107
|
-
|
|
108
|
-
return React.createElement((nested_option_1.default),
|
|
105
|
+
const _componentAt = (0, react_1.memo)((props) => {
|
|
106
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
109
107
|
});
|
|
110
|
-
|
|
108
|
+
const At = Object.assign(_componentAt, {
|
|
111
109
|
OptionName: "at",
|
|
112
110
|
});
|
|
113
111
|
exports.At = At;
|
|
114
|
-
|
|
115
|
-
return React.createElement((nested_option_1.default),
|
|
112
|
+
const _componentBoundaryOffset = (0, react_1.memo)((props) => {
|
|
113
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
116
114
|
});
|
|
117
|
-
|
|
115
|
+
const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
|
|
118
116
|
OptionName: "boundaryOffset",
|
|
119
117
|
});
|
|
120
118
|
exports.BoundaryOffset = BoundaryOffset;
|
|
121
|
-
|
|
122
|
-
return React.createElement((nested_option_1.default),
|
|
119
|
+
const _componentCollision = (0, react_1.memo)((props) => {
|
|
120
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
123
121
|
});
|
|
124
|
-
|
|
122
|
+
const Collision = Object.assign(_componentCollision, {
|
|
125
123
|
OptionName: "collision",
|
|
126
124
|
});
|
|
127
125
|
exports.Collision = Collision;
|
|
128
|
-
|
|
129
|
-
return React.createElement((nested_option_1.default),
|
|
126
|
+
const _componentFrom = (0, react_1.memo)((props) => {
|
|
127
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
130
128
|
});
|
|
131
|
-
|
|
129
|
+
const From = Object.assign(_componentFrom, {
|
|
132
130
|
OptionName: "from",
|
|
133
131
|
ExpectedChildren: {
|
|
134
132
|
position: { optionName: "position", isCollectionItem: false }
|
|
135
133
|
},
|
|
136
134
|
});
|
|
137
135
|
exports.From = From;
|
|
138
|
-
|
|
139
|
-
return React.createElement((nested_option_1.default),
|
|
136
|
+
const _componentHide = (0, react_1.memo)((props) => {
|
|
137
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
140
138
|
});
|
|
141
|
-
|
|
139
|
+
const Hide = Object.assign(_componentHide, {
|
|
142
140
|
OptionName: "hide",
|
|
143
141
|
ExpectedChildren: {
|
|
144
142
|
from: { optionName: "from", isCollectionItem: false },
|
|
@@ -146,45 +144,45 @@ var Hide = Object.assign(_componentHide, {
|
|
|
146
144
|
},
|
|
147
145
|
});
|
|
148
146
|
exports.Hide = Hide;
|
|
149
|
-
|
|
150
|
-
return React.createElement((nested_option_1.default),
|
|
147
|
+
const _componentMy = (0, react_1.memo)((props) => {
|
|
148
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
151
149
|
});
|
|
152
|
-
|
|
150
|
+
const My = Object.assign(_componentMy, {
|
|
153
151
|
OptionName: "my",
|
|
154
152
|
});
|
|
155
153
|
exports.My = My;
|
|
156
|
-
|
|
157
|
-
return React.createElement((nested_option_1.default),
|
|
154
|
+
const _componentOffset = (0, react_1.memo)((props) => {
|
|
155
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
158
156
|
});
|
|
159
|
-
|
|
157
|
+
const Offset = Object.assign(_componentOffset, {
|
|
160
158
|
OptionName: "offset",
|
|
161
159
|
});
|
|
162
160
|
exports.Offset = Offset;
|
|
163
|
-
|
|
164
|
-
return React.createElement((nested_option_1.default),
|
|
161
|
+
const _componentPosition = (0, react_1.memo)((props) => {
|
|
162
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
165
163
|
});
|
|
166
|
-
|
|
164
|
+
const Position = Object.assign(_componentPosition, {
|
|
167
165
|
OptionName: "position",
|
|
168
166
|
});
|
|
169
167
|
exports.Position = Position;
|
|
170
|
-
|
|
171
|
-
return React.createElement((nested_option_1.default),
|
|
168
|
+
const _componentShow = (0, react_1.memo)((props) => {
|
|
169
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
172
170
|
});
|
|
173
|
-
|
|
171
|
+
const Show = Object.assign(_componentShow, {
|
|
174
172
|
OptionName: "show",
|
|
175
173
|
});
|
|
176
174
|
exports.Show = Show;
|
|
177
|
-
|
|
178
|
-
return React.createElement((nested_option_1.default),
|
|
175
|
+
const _componentTo = (0, react_1.memo)((props) => {
|
|
176
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
179
177
|
});
|
|
180
|
-
|
|
178
|
+
const To = Object.assign(_componentTo, {
|
|
181
179
|
OptionName: "to",
|
|
182
180
|
});
|
|
183
181
|
exports.To = To;
|
|
184
|
-
|
|
185
|
-
return React.createElement((nested_option_1.default),
|
|
182
|
+
const _componentToolbarItem = (0, react_1.memo)((props) => {
|
|
183
|
+
return React.createElement((nested_option_1.default), { ...props });
|
|
186
184
|
});
|
|
187
|
-
|
|
185
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
188
186
|
OptionName: "toolbarItems",
|
|
189
187
|
IsCollectionItem: true,
|
|
190
188
|
TemplateProps: [{
|
package/cjs/progress-bar.d.ts
CHANGED
package/cjs/progress-bar.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,24 +41,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
41
|
};
|
|
53
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
43
|
exports.ProgressBar = void 0;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
(0, react_1.useImperativeHandle)(ref,
|
|
62
|
-
instance
|
|
63
|
-
|
|
64
|
-
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 progress_bar_1 = __importDefault(require("devextreme/ui/progress_bar"));
|
|
47
|
+
const component_1 = require("./core/component");
|
|
48
|
+
const ProgressBar = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
|
|
49
|
+
const baseRef = (0, react_1.useRef)(null);
|
|
50
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
51
|
+
instance() {
|
|
52
|
+
return baseRef.current?.getInstance();
|
|
65
53
|
}
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
54
|
+
}), [baseRef.current]);
|
|
55
|
+
const subscribableOptions = (0, react_1.useMemo)(() => (["value"]), []);
|
|
56
|
+
const independentEvents = (0, react_1.useMemo)(() => (["onComplete", "onContentReady", "onDisposing", "onInitialized", "onValueChanged"]), []);
|
|
57
|
+
const defaults = (0, react_1.useMemo)(() => ({
|
|
70
58
|
defaultValue: "value",
|
|
71
|
-
})
|
|
72
|
-
return (React.createElement((component_1.Component),
|
|
59
|
+
}), []);
|
|
60
|
+
return (React.createElement((component_1.Component), {
|
|
61
|
+
WidgetClass: progress_bar_1.default,
|
|
62
|
+
ref: baseRef,
|
|
63
|
+
subscribableOptions,
|
|
64
|
+
independentEvents,
|
|
65
|
+
defaults,
|
|
66
|
+
...props,
|
|
67
|
+
}));
|
|
73
68
|
}));
|
|
74
69
|
exports.ProgressBar = ProgressBar;
|
|
75
70
|
exports.default = ProgressBar;
|