devextreme-react 24.1.2-beta → 24.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +23 -23
- package/cjs/accordion.d.ts +3 -3
- package/cjs/accordion.js +34 -37
- package/cjs/action-sheet.d.ts +3 -3
- package/cjs/action-sheet.js +34 -37
- package/cjs/autocomplete.d.ts +2 -2
- package/cjs/autocomplete.js +79 -82
- package/cjs/bar-gauge.d.ts +2 -2
- package/cjs/bar-gauge.js +97 -100
- package/cjs/box.d.ts +3 -3
- package/cjs/box.js +34 -37
- package/cjs/bullet.d.ts +2 -2
- package/cjs/bullet.js +44 -50
- package/cjs/button-group.d.ts +2 -2
- package/cjs/button-group.js +34 -37
- package/cjs/button.d.ts +2 -2
- package/cjs/button.js +22 -28
- package/cjs/calendar.d.ts +2 -2
- package/cjs/calendar.js +27 -31
- package/cjs/chart.d.ts +2 -2
- package/cjs/chart.js +305 -308
- package/cjs/check-box.d.ts +2 -2
- package/cjs/check-box.js +24 -29
- package/cjs/circular-gauge.d.ts +2 -2
- package/cjs/circular-gauge.js +103 -106
- package/cjs/color-box.d.ts +2 -2
- package/cjs/color-box.js +76 -79
- package/cjs/common/charts.d.ts +2 -2
- package/cjs/common/charts.js +2 -2
- package/cjs/common/data/custom-store.d.ts +2 -2
- package/cjs/common/data/custom-store.js +2 -2
- package/cjs/common/grids.d.ts +2 -2
- package/cjs/common/grids.js +2 -2
- package/cjs/common/index.d.ts +2 -2
- package/cjs/common/index.js +2 -2
- package/cjs/context-menu.d.ts +3 -3
- package/cjs/context-menu.js +76 -79
- package/cjs/core/component-base.d.ts +2 -2
- package/cjs/core/component-base.js +107 -141
- package/cjs/core/component.d.ts +2 -2
- package/cjs/core/component.js +29 -43
- package/cjs/core/config.d.ts +2 -2
- package/cjs/core/config.js +4 -15
- package/cjs/core/configuration/comparer.d.ts +2 -2
- package/cjs/core/configuration/comparer.js +27 -27
- package/cjs/core/configuration/config-node.d.ts +2 -2
- package/cjs/core/configuration/config-node.js +2 -2
- package/cjs/core/configuration/react/element.d.ts +2 -3
- package/cjs/core/configuration/react/element.js +10 -10
- package/cjs/core/configuration/react/templates.d.ts +2 -2
- package/cjs/core/configuration/react/templates.js +2 -2
- package/cjs/core/configuration/react/tree.d.ts +2 -2
- package/cjs/core/configuration/react/tree.js +33 -40
- package/cjs/core/configuration/tree.d.ts +2 -2
- package/cjs/core/configuration/tree.js +24 -24
- package/cjs/core/configuration/utils.d.ts +2 -2
- package/cjs/core/configuration/utils.js +12 -17
- package/cjs/core/extension-component.d.ts +2 -2
- package/cjs/core/extension-component.js +20 -35
- package/cjs/core/helpers.d.ts +2 -3
- package/cjs/core/helpers.js +30 -161
- package/cjs/core/nested-option.d.ts +2 -2
- package/cjs/core/nested-option.js +8 -8
- package/cjs/core/options-manager.d.ts +2 -2
- package/cjs/core/options-manager.js +85 -128
- package/cjs/core/template-manager.d.ts +2 -2
- package/cjs/core/template-manager.js +51 -82
- package/cjs/core/template-wrapper.d.ts +2 -2
- package/cjs/core/template-wrapper.js +32 -49
- package/cjs/core/template.d.ts +2 -2
- package/cjs/core/template.js +4 -4
- package/cjs/core/types.d.ts +2 -2
- package/cjs/core/types.js +2 -2
- package/cjs/core/widget-config.d.ts +2 -2
- package/cjs/core/widget-config.js +21 -22
- package/cjs/data-grid.d.ts +3 -3
- package/cjs/data-grid.js +290 -292
- package/cjs/date-box.d.ts +2 -2
- package/cjs/date-box.js +83 -85
- package/cjs/date-range-box.d.ts +2 -2
- package/cjs/date-range-box.js +82 -85
- package/cjs/defer-rendering.d.ts +2 -2
- package/cjs/defer-rendering.js +50 -56
- package/cjs/diagram.d.ts +16 -16
- package/cjs/diagram.js +109 -112
- package/cjs/draggable.d.ts +2 -2
- package/cjs/draggable.js +29 -34
- package/cjs/drawer.d.ts +2 -2
- package/cjs/drawer.js +27 -31
- package/cjs/drop-down-box.d.ts +2 -2
- package/cjs/drop-down-box.js +76 -79
- package/cjs/drop-down-button.d.ts +2 -2
- package/cjs/drop-down-button.js +68 -73
- package/cjs/file-manager.d.ts +2 -2
- package/cjs/file-manager.js +59 -65
- package/cjs/file-uploader.d.ts +2 -2
- package/cjs/file-uploader.js +24 -29
- package/cjs/filter-builder.d.ts +2 -2
- package/cjs/filter-builder.js +47 -50
- package/cjs/form.d.ts +2 -2
- package/cjs/form.js +94 -98
- package/cjs/funnel.d.ts +2 -2
- package/cjs/funnel.js +109 -113
- package/cjs/gallery.d.ts +3 -3
- package/cjs/gallery.js +34 -37
- package/cjs/gantt.d.ts +2 -2
- package/cjs/gantt.js +101 -106
- package/cjs/html-editor.d.ts +2 -2
- package/cjs/html-editor.js +64 -68
- package/cjs/index.d.ts +2 -2
- package/cjs/index.js +2 -2
- package/cjs/linear-gauge.d.ts +2 -2
- package/cjs/linear-gauge.js +103 -107
- package/cjs/list.d.ts +3 -3
- package/cjs/list.js +52 -55
- package/cjs/load-indicator.d.ts +2 -2
- package/cjs/load-indicator.js +19 -26
- package/cjs/load-panel.d.ts +2 -2
- package/cjs/load-panel.js +62 -65
- package/cjs/lookup.d.ts +2 -2
- package/cjs/lookup.js +79 -82
- package/cjs/map.d.ts +2 -2
- package/cjs/map.js +46 -50
- package/cjs/menu.d.ts +3 -3
- package/cjs/menu.js +76 -79
- package/cjs/multi-view.d.ts +3 -3
- package/cjs/multi-view.js +34 -37
- package/cjs/number-box.d.ts +2 -2
- package/cjs/number-box.js +37 -41
- package/cjs/pie-chart.d.ts +2 -2
- package/cjs/pie-chart.js +136 -139
- package/cjs/pivot-grid-field-chooser.d.ts +2 -2
- package/cjs/pivot-grid-field-chooser.js +38 -44
- package/cjs/pivot-grid.d.ts +2 -2
- package/cjs/pivot-grid.js +62 -68
- package/cjs/polar-chart.d.ts +2 -2
- package/cjs/polar-chart.js +238 -242
- package/cjs/popover.d.ts +2 -2
- package/cjs/popover.js +74 -76
- package/cjs/popup.d.ts +2 -2
- package/cjs/popup.js +68 -70
- package/cjs/progress-bar.d.ts +2 -2
- package/cjs/progress-bar.js +24 -29
- package/cjs/radio-group.d.ts +2 -2
- package/cjs/radio-group.js +34 -37
- package/cjs/range-selector.d.ts +2 -2
- package/cjs/range-selector.js +208 -212
- package/cjs/range-slider.d.ts +2 -2
- package/cjs/range-slider.js +37 -41
- package/cjs/recurrence-editor.d.ts +2 -2
- package/cjs/recurrence-editor.js +24 -29
- package/cjs/resizable.d.ts +2 -2
- package/cjs/resizable.js +24 -29
- package/cjs/responsive-box.d.ts +3 -3
- package/cjs/responsive-box.js +43 -46
- package/cjs/sankey.d.ts +2 -2
- package/cjs/sankey.js +85 -89
- package/cjs/scheduler.d.ts +2 -2
- package/cjs/scheduler.js +46 -49
- package/cjs/scroll-view.d.ts +2 -2
- package/cjs/scroll-view.js +19 -26
- package/cjs/select-box.d.ts +2 -2
- package/cjs/select-box.js +79 -82
- package/cjs/slider.d.ts +2 -2
- package/cjs/slider.js +37 -41
- package/cjs/sortable.d.ts +2 -2
- package/cjs/sortable.js +29 -34
- package/cjs/sparkline.d.ts +2 -2
- package/cjs/sparkline.js +44 -50
- package/cjs/speed-dial-action.d.ts +2 -2
- package/cjs/speed-dial-action.js +19 -26
- package/cjs/splitter.d.ts +6 -6
- package/cjs/splitter.js +34 -37
- package/cjs/switch.d.ts +2 -2
- package/cjs/switch.js +24 -29
- package/cjs/tab-panel.d.ts +3 -3
- package/cjs/tab-panel.js +34 -37
- package/cjs/tabs.d.ts +3 -3
- package/cjs/tabs.js +34 -37
- package/cjs/tag-box.d.ts +2 -2
- package/cjs/tag-box.js +79 -82
- package/cjs/text-area.d.ts +2 -2
- package/cjs/text-area.js +24 -29
- package/cjs/text-box.d.ts +2 -2
- package/cjs/text-box.js +34 -38
- package/cjs/tile-view.d.ts +3 -3
- package/cjs/tile-view.js +34 -37
- package/cjs/toast.d.ts +2 -2
- package/cjs/toast.js +65 -67
- package/cjs/toolbar.d.ts +3 -3
- package/cjs/toolbar.js +34 -37
- package/cjs/tooltip.d.ts +2 -2
- package/cjs/tooltip.js +71 -73
- package/cjs/tree-list.d.ts +3 -3
- package/cjs/tree-list.js +250 -254
- package/cjs/tree-map.d.ts +2 -2
- package/cjs/tree-map.js +91 -95
- package/cjs/tree-view.d.ts +3 -3
- package/cjs/tree-view.js +43 -46
- package/cjs/validation-group.d.ts +2 -2
- package/cjs/validation-group.js +19 -26
- package/cjs/validation-summary.d.ts +3 -3
- package/cjs/validation-summary.js +34 -37
- package/cjs/validator.d.ts +2 -2
- package/cjs/validator.js +57 -63
- package/cjs/vector-map.d.ts +2 -2
- package/cjs/vector-map.js +106 -110
- package/esm/accordion.js +29 -32
- package/esm/action-sheet.js +29 -32
- package/esm/autocomplete.js +74 -77
- package/esm/bar-gauge.js +92 -95
- package/esm/box.js +29 -32
- package/esm/bullet.js +39 -45
- package/esm/button-group.js +29 -32
- package/esm/button.js +18 -24
- package/esm/calendar.js +23 -27
- package/esm/chart.js +300 -303
- package/esm/check-box.js +20 -25
- package/esm/circular-gauge.js +98 -101
- package/esm/color-box.js +71 -74
- package/esm/common/charts.js +2 -2
- package/esm/common/data/custom-store.js +2 -2
- package/esm/common/grids.js +2 -2
- package/esm/common/index.js +2 -2
- package/esm/context-menu.js +71 -74
- package/esm/core/component-base.js +94 -131
- package/esm/core/component.js +25 -39
- package/esm/core/config.js +4 -15
- package/esm/core/configuration/comparer.js +25 -25
- package/esm/core/configuration/config-node.js +2 -2
- package/esm/core/configuration/react/element.js +9 -9
- package/esm/core/configuration/react/templates.js +2 -2
- package/esm/core/configuration/react/tree.js +28 -35
- package/esm/core/configuration/tree.js +23 -23
- package/esm/core/configuration/utils.js +12 -17
- package/esm/core/extension-component.js +17 -32
- package/esm/core/helpers.js +30 -163
- package/esm/core/nested-option.js +6 -6
- package/esm/core/options-manager.js +81 -124
- package/esm/core/template-manager.js +44 -75
- package/esm/core/template-wrapper.js +27 -44
- package/esm/core/template.js +3 -3
- package/esm/core/types.js +2 -2
- package/esm/core/widget-config.js +21 -22
- package/esm/data-grid.js +285 -287
- package/esm/date-box.js +78 -80
- package/esm/date-range-box.js +77 -80
- package/esm/defer-rendering.js +45 -51
- package/esm/diagram.js +104 -107
- package/esm/draggable.js +24 -29
- package/esm/drawer.js +23 -27
- package/esm/drop-down-box.js +71 -74
- package/esm/drop-down-button.js +63 -68
- package/esm/file-manager.js +54 -60
- package/esm/file-uploader.js +20 -25
- package/esm/filter-builder.js +42 -45
- package/esm/form.js +89 -93
- package/esm/funnel.js +104 -108
- package/esm/gallery.js +29 -32
- package/esm/gantt.js +96 -101
- package/esm/html-editor.js +59 -63
- package/esm/index.js +2 -2
- package/esm/linear-gauge.js +98 -102
- package/esm/list.js +47 -50
- package/esm/load-indicator.js +15 -22
- package/esm/load-panel.js +57 -60
- package/esm/lookup.js +74 -77
- package/esm/map.js +41 -45
- package/esm/menu.js +71 -74
- package/esm/multi-view.js +29 -32
- package/esm/number-box.js +32 -36
- package/esm/pie-chart.js +131 -134
- package/esm/pivot-grid-field-chooser.js +33 -39
- package/esm/pivot-grid.js +57 -63
- package/esm/polar-chart.js +233 -237
- package/esm/popover.js +69 -71
- package/esm/popup.js +63 -65
- package/esm/progress-bar.js +20 -25
- package/esm/radio-group.js +29 -32
- package/esm/range-selector.js +203 -207
- package/esm/range-slider.js +32 -36
- package/esm/recurrence-editor.js +20 -25
- package/esm/resizable.js +20 -25
- package/esm/responsive-box.js +38 -41
- package/esm/sankey.js +80 -84
- package/esm/scheduler.js +41 -44
- package/esm/scroll-view.js +15 -22
- package/esm/select-box.js +74 -77
- package/esm/slider.js +32 -36
- package/esm/sortable.js +24 -29
- package/esm/sparkline.js +39 -45
- package/esm/speed-dial-action.js +15 -22
- package/esm/splitter.js +29 -32
- package/esm/switch.js +20 -25
- package/esm/tab-panel.js +29 -32
- package/esm/tabs.js +29 -32
- package/esm/tag-box.js +74 -77
- package/esm/text-area.js +20 -25
- package/esm/text-box.js +29 -33
- package/esm/tile-view.js +29 -32
- package/esm/toast.js +60 -62
- package/esm/toolbar.js +29 -32
- package/esm/tooltip.js +66 -68
- package/esm/tree-list.js +245 -249
- package/esm/tree-map.js +86 -90
- package/esm/tree-view.js +38 -41
- package/esm/validation-group.js +15 -22
- package/esm/validation-summary.js +29 -32
- package/esm/validator.js +52 -58
- package/esm/vector-map.js +101 -105
- package/package.json +50 -51
package/esm/gantt.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,32 +12,20 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxGantt from "devextreme/ui/gantt";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const Gantt = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const independentEvents = useMemo(() => (["onContentReady", "onContextMenuPreparing", "onCustomCommand", "onDependencyDeleted", "onDependencyDeleting", "onDependencyInserted", "onDependencyInserting", "onDisposing", "onInitialized", "onResourceAssigned", "onResourceAssigning", "onResourceDeleted", "onResourceDeleting", "onResourceInserted", "onResourceInserting", "onResourceManagerDialogShowing", "onResourceUnassigned", "onResourceUnassigning", "onScaleCellPrepared", "onTaskClick", "onTaskDblClick", "onTaskDeleted", "onTaskDeleting", "onTaskEditDialogShowing", "onTaskInserted", "onTaskInserting", "onTaskMoving", "onTaskUpdated", "onTaskUpdating"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
column: { optionName: "columns", isCollectionItem: true },
|
|
42
30
|
contextMenu: { optionName: "contextMenu", isCollectionItem: false },
|
|
43
31
|
dependencies: { optionName: "dependencies", isCollectionItem: false },
|
|
@@ -53,8 +41,8 @@ var Gantt = memo(forwardRef(function (props, ref) {
|
|
|
53
41
|
tasks: { optionName: "tasks", isCollectionItem: false },
|
|
54
42
|
toolbar: { optionName: "toolbar", isCollectionItem: false },
|
|
55
43
|
validation: { optionName: "validation", isCollectionItem: false }
|
|
56
|
-
})
|
|
57
|
-
|
|
44
|
+
}), []);
|
|
45
|
+
const templateProps = useMemo(() => ([
|
|
58
46
|
{
|
|
59
47
|
tmplOption: "taskContentTemplate",
|
|
60
48
|
render: "taskContentRender",
|
|
@@ -75,13 +63,20 @@ var Gantt = memo(forwardRef(function (props, ref) {
|
|
|
75
63
|
render: "taskTooltipContentRender",
|
|
76
64
|
component: "taskTooltipContentComponent"
|
|
77
65
|
},
|
|
78
|
-
])
|
|
79
|
-
return (React.createElement((BaseComponent),
|
|
66
|
+
]), []);
|
|
67
|
+
return (React.createElement((BaseComponent), {
|
|
68
|
+
WidgetClass: dxGantt,
|
|
69
|
+
ref: baseRef,
|
|
70
|
+
independentEvents,
|
|
71
|
+
expectedChildren,
|
|
72
|
+
templateProps,
|
|
73
|
+
...props,
|
|
74
|
+
}));
|
|
80
75
|
}));
|
|
81
|
-
|
|
82
|
-
return React.createElement((NestedOption),
|
|
76
|
+
const _componentColumn = memo((props) => {
|
|
77
|
+
return React.createElement((NestedOption), { ...props });
|
|
83
78
|
});
|
|
84
|
-
|
|
79
|
+
const Column = Object.assign(_componentColumn, {
|
|
85
80
|
OptionName: "columns",
|
|
86
81
|
IsCollectionItem: true,
|
|
87
82
|
DefaultsProps: {
|
|
@@ -108,36 +103,36 @@ var Column = Object.assign(_componentColumn, {
|
|
|
108
103
|
component: "headerCellComponent"
|
|
109
104
|
}],
|
|
110
105
|
});
|
|
111
|
-
|
|
112
|
-
return React.createElement((NestedOption),
|
|
106
|
+
const _componentColumnHeaderFilter = memo((props) => {
|
|
107
|
+
return React.createElement((NestedOption), { ...props });
|
|
113
108
|
});
|
|
114
|
-
|
|
109
|
+
const ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
|
|
115
110
|
OptionName: "headerFilter",
|
|
116
111
|
ExpectedChildren: {
|
|
117
112
|
columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
|
|
118
113
|
search: { optionName: "search", isCollectionItem: false }
|
|
119
114
|
},
|
|
120
115
|
});
|
|
121
|
-
|
|
122
|
-
return React.createElement((NestedOption),
|
|
116
|
+
const _componentColumnHeaderFilterSearch = memo((props) => {
|
|
117
|
+
return React.createElement((NestedOption), { ...props });
|
|
123
118
|
});
|
|
124
|
-
|
|
119
|
+
const ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
|
|
125
120
|
OptionName: "search",
|
|
126
121
|
});
|
|
127
|
-
|
|
128
|
-
return React.createElement((NestedOption),
|
|
122
|
+
const _componentContextMenu = memo((props) => {
|
|
123
|
+
return React.createElement((NestedOption), { ...props });
|
|
129
124
|
});
|
|
130
|
-
|
|
125
|
+
const ContextMenu = Object.assign(_componentContextMenu, {
|
|
131
126
|
OptionName: "contextMenu",
|
|
132
127
|
ExpectedChildren: {
|
|
133
128
|
contextMenuItem: { optionName: "items", isCollectionItem: true },
|
|
134
129
|
item: { optionName: "items", isCollectionItem: true }
|
|
135
130
|
},
|
|
136
131
|
});
|
|
137
|
-
|
|
138
|
-
return React.createElement((NestedOption),
|
|
132
|
+
const _componentContextMenuItem = memo((props) => {
|
|
133
|
+
return React.createElement((NestedOption), { ...props });
|
|
139
134
|
});
|
|
140
|
-
|
|
135
|
+
const ContextMenuItem = Object.assign(_componentContextMenuItem, {
|
|
141
136
|
OptionName: "items",
|
|
142
137
|
IsCollectionItem: true,
|
|
143
138
|
TemplateProps: [{
|
|
@@ -146,37 +141,37 @@ var ContextMenuItem = Object.assign(_componentContextMenuItem, {
|
|
|
146
141
|
component: "component"
|
|
147
142
|
}],
|
|
148
143
|
});
|
|
149
|
-
|
|
150
|
-
return React.createElement((NestedOption),
|
|
144
|
+
const _componentDependencies = memo((props) => {
|
|
145
|
+
return React.createElement((NestedOption), { ...props });
|
|
151
146
|
});
|
|
152
|
-
|
|
147
|
+
const Dependencies = Object.assign(_componentDependencies, {
|
|
153
148
|
OptionName: "dependencies",
|
|
154
149
|
});
|
|
155
|
-
|
|
156
|
-
return React.createElement((NestedOption),
|
|
150
|
+
const _componentEditing = memo((props) => {
|
|
151
|
+
return React.createElement((NestedOption), { ...props });
|
|
157
152
|
});
|
|
158
|
-
|
|
153
|
+
const Editing = Object.assign(_componentEditing, {
|
|
159
154
|
OptionName: "editing",
|
|
160
155
|
});
|
|
161
|
-
|
|
162
|
-
return React.createElement((NestedOption),
|
|
156
|
+
const _componentFilterRow = memo((props) => {
|
|
157
|
+
return React.createElement((NestedOption), { ...props });
|
|
163
158
|
});
|
|
164
|
-
|
|
159
|
+
const FilterRow = Object.assign(_componentFilterRow, {
|
|
165
160
|
OptionName: "filterRow",
|
|
166
161
|
ExpectedChildren: {
|
|
167
162
|
operationDescriptions: { optionName: "operationDescriptions", isCollectionItem: false }
|
|
168
163
|
},
|
|
169
164
|
});
|
|
170
|
-
|
|
171
|
-
return React.createElement((NestedOption),
|
|
165
|
+
const _componentFormat = memo((props) => {
|
|
166
|
+
return React.createElement((NestedOption), { ...props });
|
|
172
167
|
});
|
|
173
|
-
|
|
168
|
+
const Format = Object.assign(_componentFormat, {
|
|
174
169
|
OptionName: "format",
|
|
175
170
|
});
|
|
176
|
-
|
|
177
|
-
return React.createElement((NestedOption),
|
|
171
|
+
const _componentGanttHeaderFilter = memo((props) => {
|
|
172
|
+
return React.createElement((NestedOption), { ...props });
|
|
178
173
|
});
|
|
179
|
-
|
|
174
|
+
const GanttHeaderFilter = Object.assign(_componentGanttHeaderFilter, {
|
|
180
175
|
OptionName: "headerFilter",
|
|
181
176
|
ExpectedChildren: {
|
|
182
177
|
ganttHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
|
|
@@ -184,22 +179,22 @@ var GanttHeaderFilter = Object.assign(_componentGanttHeaderFilter, {
|
|
|
184
179
|
texts: { optionName: "texts", isCollectionItem: false }
|
|
185
180
|
},
|
|
186
181
|
});
|
|
187
|
-
|
|
188
|
-
return React.createElement((NestedOption),
|
|
182
|
+
const _componentGanttHeaderFilterSearch = memo((props) => {
|
|
183
|
+
return React.createElement((NestedOption), { ...props });
|
|
189
184
|
});
|
|
190
|
-
|
|
185
|
+
const GanttHeaderFilterSearch = Object.assign(_componentGanttHeaderFilterSearch, {
|
|
191
186
|
OptionName: "search",
|
|
192
187
|
});
|
|
193
|
-
|
|
194
|
-
return React.createElement((NestedOption),
|
|
188
|
+
const _componentHeaderFilter = memo((props) => {
|
|
189
|
+
return React.createElement((NestedOption), { ...props });
|
|
195
190
|
});
|
|
196
|
-
|
|
191
|
+
const HeaderFilter = Object.assign(_componentHeaderFilter, {
|
|
197
192
|
OptionName: "headerFilter",
|
|
198
193
|
});
|
|
199
|
-
|
|
200
|
-
return React.createElement((NestedOption),
|
|
194
|
+
const _componentItem = memo((props) => {
|
|
195
|
+
return React.createElement((NestedOption), { ...props });
|
|
201
196
|
});
|
|
202
|
-
|
|
197
|
+
const Item = Object.assign(_componentItem, {
|
|
203
198
|
OptionName: "items",
|
|
204
199
|
IsCollectionItem: true,
|
|
205
200
|
TemplateProps: [{
|
|
@@ -212,75 +207,75 @@ var Item = Object.assign(_componentItem, {
|
|
|
212
207
|
component: "menuItemComponent"
|
|
213
208
|
}],
|
|
214
209
|
});
|
|
215
|
-
|
|
216
|
-
return React.createElement((NestedOption),
|
|
210
|
+
const _componentOperationDescriptions = memo((props) => {
|
|
211
|
+
return React.createElement((NestedOption), { ...props });
|
|
217
212
|
});
|
|
218
|
-
|
|
213
|
+
const OperationDescriptions = Object.assign(_componentOperationDescriptions, {
|
|
219
214
|
OptionName: "operationDescriptions",
|
|
220
215
|
});
|
|
221
|
-
|
|
222
|
-
return React.createElement((NestedOption),
|
|
216
|
+
const _componentResourceAssignments = memo((props) => {
|
|
217
|
+
return React.createElement((NestedOption), { ...props });
|
|
223
218
|
});
|
|
224
|
-
|
|
219
|
+
const ResourceAssignments = Object.assign(_componentResourceAssignments, {
|
|
225
220
|
OptionName: "resourceAssignments",
|
|
226
221
|
});
|
|
227
|
-
|
|
228
|
-
return React.createElement((NestedOption),
|
|
222
|
+
const _componentResources = memo((props) => {
|
|
223
|
+
return React.createElement((NestedOption), { ...props });
|
|
229
224
|
});
|
|
230
|
-
|
|
225
|
+
const Resources = Object.assign(_componentResources, {
|
|
231
226
|
OptionName: "resources",
|
|
232
227
|
});
|
|
233
|
-
|
|
234
|
-
return React.createElement((NestedOption),
|
|
228
|
+
const _componentScaleTypeRange = memo((props) => {
|
|
229
|
+
return React.createElement((NestedOption), { ...props });
|
|
235
230
|
});
|
|
236
|
-
|
|
231
|
+
const ScaleTypeRange = Object.assign(_componentScaleTypeRange, {
|
|
237
232
|
OptionName: "scaleTypeRange",
|
|
238
233
|
});
|
|
239
|
-
|
|
240
|
-
return React.createElement((NestedOption),
|
|
234
|
+
const _componentSearch = memo((props) => {
|
|
235
|
+
return React.createElement((NestedOption), { ...props });
|
|
241
236
|
});
|
|
242
|
-
|
|
237
|
+
const Search = Object.assign(_componentSearch, {
|
|
243
238
|
OptionName: "search",
|
|
244
239
|
});
|
|
245
|
-
|
|
246
|
-
return React.createElement((NestedOption),
|
|
240
|
+
const _componentSorting = memo((props) => {
|
|
241
|
+
return React.createElement((NestedOption), { ...props });
|
|
247
242
|
});
|
|
248
|
-
|
|
243
|
+
const Sorting = Object.assign(_componentSorting, {
|
|
249
244
|
OptionName: "sorting",
|
|
250
245
|
});
|
|
251
|
-
|
|
252
|
-
return React.createElement((NestedOption),
|
|
246
|
+
const _componentStripLine = memo((props) => {
|
|
247
|
+
return React.createElement((NestedOption), { ...props });
|
|
253
248
|
});
|
|
254
|
-
|
|
249
|
+
const StripLine = Object.assign(_componentStripLine, {
|
|
255
250
|
OptionName: "stripLines",
|
|
256
251
|
IsCollectionItem: true,
|
|
257
252
|
});
|
|
258
|
-
|
|
259
|
-
return React.createElement((NestedOption),
|
|
253
|
+
const _componentTasks = memo((props) => {
|
|
254
|
+
return React.createElement((NestedOption), { ...props });
|
|
260
255
|
});
|
|
261
|
-
|
|
256
|
+
const Tasks = Object.assign(_componentTasks, {
|
|
262
257
|
OptionName: "tasks",
|
|
263
258
|
});
|
|
264
|
-
|
|
265
|
-
return React.createElement((NestedOption),
|
|
259
|
+
const _componentTexts = memo((props) => {
|
|
260
|
+
return React.createElement((NestedOption), { ...props });
|
|
266
261
|
});
|
|
267
|
-
|
|
262
|
+
const Texts = Object.assign(_componentTexts, {
|
|
268
263
|
OptionName: "texts",
|
|
269
264
|
});
|
|
270
|
-
|
|
271
|
-
return React.createElement((NestedOption),
|
|
265
|
+
const _componentToolbar = memo((props) => {
|
|
266
|
+
return React.createElement((NestedOption), { ...props });
|
|
272
267
|
});
|
|
273
|
-
|
|
268
|
+
const Toolbar = Object.assign(_componentToolbar, {
|
|
274
269
|
OptionName: "toolbar",
|
|
275
270
|
ExpectedChildren: {
|
|
276
271
|
item: { optionName: "items", isCollectionItem: true },
|
|
277
272
|
toolbarItem: { optionName: "items", isCollectionItem: true }
|
|
278
273
|
},
|
|
279
274
|
});
|
|
280
|
-
|
|
281
|
-
return React.createElement((NestedOption),
|
|
275
|
+
const _componentToolbarItem = memo((props) => {
|
|
276
|
+
return React.createElement((NestedOption), { ...props });
|
|
282
277
|
});
|
|
283
|
-
|
|
278
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
284
279
|
OptionName: "items",
|
|
285
280
|
IsCollectionItem: true,
|
|
286
281
|
TemplateProps: [{
|
|
@@ -293,10 +288,10 @@ var ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
|
293
288
|
component: "component"
|
|
294
289
|
}],
|
|
295
290
|
});
|
|
296
|
-
|
|
297
|
-
return React.createElement((NestedOption),
|
|
291
|
+
const _componentValidation = memo((props) => {
|
|
292
|
+
return React.createElement((NestedOption), { ...props });
|
|
298
293
|
});
|
|
299
|
-
|
|
294
|
+
const Validation = Object.assign(_componentValidation, {
|
|
300
295
|
OptionName: "validation",
|
|
301
296
|
});
|
|
302
297
|
export default Gantt;
|
package/esm/html-editor.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* devextreme-react
|
|
3
|
-
* Version: 24.1.
|
|
4
|
-
* Build date:
|
|
3
|
+
* Version: 24.1.3
|
|
4
|
+
* Build date: Tue Jun 11 2024
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
|
|
7
7
|
*
|
|
@@ -12,36 +12,24 @@
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
"use client";
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
15
|
import * as React from "react";
|
|
27
16
|
import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
|
|
28
17
|
import dxHtmlEditor from "devextreme/ui/html_editor";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
19
|
import NestedOption from "./core/nested-option";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useImperativeHandle(ref,
|
|
34
|
-
instance
|
|
35
|
-
|
|
36
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
20
|
+
const HtmlEditor = memo(forwardRef((props, ref) => {
|
|
21
|
+
const baseRef = useRef(null);
|
|
22
|
+
useImperativeHandle(ref, () => ({
|
|
23
|
+
instance() {
|
|
24
|
+
return baseRef.current?.getInstance();
|
|
37
25
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
}), [baseRef.current]);
|
|
27
|
+
const subscribableOptions = useMemo(() => (["value"]), []);
|
|
28
|
+
const independentEvents = useMemo(() => (["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultValue: "value",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
imageUpload: { optionName: "imageUpload", isCollectionItem: false },
|
|
46
34
|
mediaResizing: { optionName: "mediaResizing", isCollectionItem: false },
|
|
47
35
|
mention: { optionName: "mentions", isCollectionItem: true },
|
|
@@ -49,32 +37,40 @@ var HtmlEditor = memo(forwardRef(function (props, ref) {
|
|
|
49
37
|
tableResizing: { optionName: "tableResizing", isCollectionItem: false },
|
|
50
38
|
toolbar: { optionName: "toolbar", isCollectionItem: false },
|
|
51
39
|
variables: { optionName: "variables", isCollectionItem: false }
|
|
52
|
-
})
|
|
53
|
-
return (React.createElement((BaseComponent),
|
|
40
|
+
}), []);
|
|
41
|
+
return (React.createElement((BaseComponent), {
|
|
42
|
+
WidgetClass: dxHtmlEditor,
|
|
43
|
+
ref: baseRef,
|
|
44
|
+
subscribableOptions,
|
|
45
|
+
independentEvents,
|
|
46
|
+
defaults,
|
|
47
|
+
expectedChildren,
|
|
48
|
+
...props,
|
|
49
|
+
}));
|
|
54
50
|
}));
|
|
55
|
-
|
|
56
|
-
return React.createElement((NestedOption),
|
|
51
|
+
const _componentFileUploaderOptions = memo((props) => {
|
|
52
|
+
return React.createElement((NestedOption), { ...props });
|
|
57
53
|
});
|
|
58
|
-
|
|
54
|
+
const FileUploaderOptions = Object.assign(_componentFileUploaderOptions, {
|
|
59
55
|
OptionName: "fileUploaderOptions",
|
|
60
56
|
DefaultsProps: {
|
|
61
57
|
defaultValue: "value"
|
|
62
58
|
},
|
|
63
59
|
});
|
|
64
|
-
|
|
65
|
-
return React.createElement((NestedOption),
|
|
60
|
+
const _componentImageUpload = memo((props) => {
|
|
61
|
+
return React.createElement((NestedOption), { ...props });
|
|
66
62
|
});
|
|
67
|
-
|
|
63
|
+
const ImageUpload = Object.assign(_componentImageUpload, {
|
|
68
64
|
OptionName: "imageUpload",
|
|
69
65
|
ExpectedChildren: {
|
|
70
66
|
fileUploaderOptions: { optionName: "fileUploaderOptions", isCollectionItem: false },
|
|
71
67
|
tab: { optionName: "tabs", isCollectionItem: true }
|
|
72
68
|
},
|
|
73
69
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
70
|
+
const _componentItem = memo((props) => {
|
|
71
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
72
|
});
|
|
77
|
-
|
|
73
|
+
const Item = Object.assign(_componentItem, {
|
|
78
74
|
OptionName: "items",
|
|
79
75
|
IsCollectionItem: true,
|
|
80
76
|
TemplateProps: [{
|
|
@@ -87,16 +83,16 @@ var Item = Object.assign(_componentItem, {
|
|
|
87
83
|
component: "menuItemComponent"
|
|
88
84
|
}],
|
|
89
85
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
86
|
+
const _componentMediaResizing = memo((props) => {
|
|
87
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
88
|
});
|
|
93
|
-
|
|
89
|
+
const MediaResizing = Object.assign(_componentMediaResizing, {
|
|
94
90
|
OptionName: "mediaResizing",
|
|
95
91
|
});
|
|
96
|
-
|
|
97
|
-
return React.createElement((NestedOption),
|
|
92
|
+
const _componentMention = memo((props) => {
|
|
93
|
+
return React.createElement((NestedOption), { ...props });
|
|
98
94
|
});
|
|
99
|
-
|
|
95
|
+
const Mention = Object.assign(_componentMention, {
|
|
100
96
|
OptionName: "mentions",
|
|
101
97
|
IsCollectionItem: true,
|
|
102
98
|
TemplateProps: [{
|
|
@@ -109,27 +105,27 @@ var Mention = Object.assign(_componentMention, {
|
|
|
109
105
|
component: "component"
|
|
110
106
|
}],
|
|
111
107
|
});
|
|
112
|
-
|
|
113
|
-
return React.createElement((NestedOption),
|
|
108
|
+
const _componentTab = memo((props) => {
|
|
109
|
+
return React.createElement((NestedOption), { ...props });
|
|
114
110
|
});
|
|
115
|
-
|
|
111
|
+
const Tab = Object.assign(_componentTab, {
|
|
116
112
|
OptionName: "tabs",
|
|
117
113
|
IsCollectionItem: true,
|
|
118
114
|
});
|
|
119
|
-
|
|
120
|
-
return React.createElement((NestedOption),
|
|
115
|
+
const _componentTableContextMenu = memo((props) => {
|
|
116
|
+
return React.createElement((NestedOption), { ...props });
|
|
121
117
|
});
|
|
122
|
-
|
|
118
|
+
const TableContextMenu = Object.assign(_componentTableContextMenu, {
|
|
123
119
|
OptionName: "tableContextMenu",
|
|
124
120
|
ExpectedChildren: {
|
|
125
121
|
item: { optionName: "items", isCollectionItem: true },
|
|
126
122
|
tableContextMenuItem: { optionName: "items", isCollectionItem: true }
|
|
127
123
|
},
|
|
128
124
|
});
|
|
129
|
-
|
|
130
|
-
return React.createElement((NestedOption),
|
|
125
|
+
const _componentTableContextMenuItem = memo((props) => {
|
|
126
|
+
return React.createElement((NestedOption), { ...props });
|
|
131
127
|
});
|
|
132
|
-
|
|
128
|
+
const TableContextMenuItem = Object.assign(_componentTableContextMenuItem, {
|
|
133
129
|
OptionName: "items",
|
|
134
130
|
IsCollectionItem: true,
|
|
135
131
|
TemplateProps: [{
|
|
@@ -138,26 +134,26 @@ var TableContextMenuItem = Object.assign(_componentTableContextMenuItem, {
|
|
|
138
134
|
component: "component"
|
|
139
135
|
}],
|
|
140
136
|
});
|
|
141
|
-
|
|
142
|
-
return React.createElement((NestedOption),
|
|
137
|
+
const _componentTableResizing = memo((props) => {
|
|
138
|
+
return React.createElement((NestedOption), { ...props });
|
|
143
139
|
});
|
|
144
|
-
|
|
140
|
+
const TableResizing = Object.assign(_componentTableResizing, {
|
|
145
141
|
OptionName: "tableResizing",
|
|
146
142
|
});
|
|
147
|
-
|
|
148
|
-
return React.createElement((NestedOption),
|
|
143
|
+
const _componentToolbar = memo((props) => {
|
|
144
|
+
return React.createElement((NestedOption), { ...props });
|
|
149
145
|
});
|
|
150
|
-
|
|
146
|
+
const Toolbar = Object.assign(_componentToolbar, {
|
|
151
147
|
OptionName: "toolbar",
|
|
152
148
|
ExpectedChildren: {
|
|
153
149
|
item: { optionName: "items", isCollectionItem: true },
|
|
154
150
|
toolbarItem: { optionName: "items", isCollectionItem: true }
|
|
155
151
|
},
|
|
156
152
|
});
|
|
157
|
-
|
|
158
|
-
return React.createElement((NestedOption),
|
|
153
|
+
const _componentToolbarItem = memo((props) => {
|
|
154
|
+
return React.createElement((NestedOption), { ...props });
|
|
159
155
|
});
|
|
160
|
-
|
|
156
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
161
157
|
OptionName: "items",
|
|
162
158
|
IsCollectionItem: true,
|
|
163
159
|
TemplateProps: [{
|
|
@@ -170,10 +166,10 @@ var ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
|
170
166
|
component: "component"
|
|
171
167
|
}],
|
|
172
168
|
});
|
|
173
|
-
|
|
174
|
-
return React.createElement((NestedOption),
|
|
169
|
+
const _componentVariables = memo((props) => {
|
|
170
|
+
return React.createElement((NestedOption), { ...props });
|
|
175
171
|
});
|
|
176
|
-
|
|
172
|
+
const Variables = Object.assign(_componentVariables, {
|
|
177
173
|
OptionName: "variables",
|
|
178
174
|
});
|
|
179
175
|
export default HtmlEditor;
|