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/file-manager.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,113 +12,107 @@
|
|
|
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 dxFileManager from "devextreme/ui/file_manager";
|
|
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 FileManager = 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", "onContextMenuItemClick", "onContextMenuShowing", "onDirectoryCreated", "onDirectoryCreating", "onDisposing", "onErrorOccurred", "onFileUploaded", "onFileUploading", "onInitialized", "onItemCopied", "onItemCopying", "onItemDeleted", "onItemDeleting", "onItemDownloading", "onItemMoved", "onItemMoving", "onItemRenamed", "onItemRenaming", "onSelectedFileOpened", "onToolbarItemClick"]), []);
|
|
28
|
+
const expectedChildren = useMemo(() => ({
|
|
41
29
|
contextMenu: { optionName: "contextMenu", isCollectionItem: false },
|
|
42
30
|
itemView: { optionName: "itemView", isCollectionItem: false },
|
|
43
31
|
notifications: { optionName: "notifications", isCollectionItem: false },
|
|
44
32
|
permissions: { optionName: "permissions", isCollectionItem: false },
|
|
45
33
|
toolbar: { optionName: "toolbar", isCollectionItem: false },
|
|
46
34
|
upload: { optionName: "upload", isCollectionItem: false }
|
|
47
|
-
})
|
|
48
|
-
return (React.createElement((BaseComponent),
|
|
35
|
+
}), []);
|
|
36
|
+
return (React.createElement((BaseComponent), {
|
|
37
|
+
WidgetClass: dxFileManager,
|
|
38
|
+
ref: baseRef,
|
|
39
|
+
independentEvents,
|
|
40
|
+
expectedChildren,
|
|
41
|
+
...props,
|
|
42
|
+
}));
|
|
49
43
|
}));
|
|
50
|
-
|
|
51
|
-
return React.createElement((NestedOption),
|
|
44
|
+
const _componentColumn = memo((props) => {
|
|
45
|
+
return React.createElement((NestedOption), { ...props });
|
|
52
46
|
});
|
|
53
|
-
|
|
47
|
+
const Column = Object.assign(_componentColumn, {
|
|
54
48
|
OptionName: "columns",
|
|
55
49
|
IsCollectionItem: true,
|
|
56
50
|
});
|
|
57
|
-
|
|
58
|
-
return React.createElement((NestedOption),
|
|
51
|
+
const _componentContextMenu = memo((props) => {
|
|
52
|
+
return React.createElement((NestedOption), { ...props });
|
|
59
53
|
});
|
|
60
|
-
|
|
54
|
+
const ContextMenu = Object.assign(_componentContextMenu, {
|
|
61
55
|
OptionName: "contextMenu",
|
|
62
56
|
ExpectedChildren: {
|
|
63
57
|
contextMenuItem: { optionName: "items", isCollectionItem: true },
|
|
64
58
|
item: { optionName: "items", isCollectionItem: true }
|
|
65
59
|
},
|
|
66
60
|
});
|
|
67
|
-
|
|
68
|
-
return React.createElement((NestedOption),
|
|
61
|
+
const _componentContextMenuItem = memo((props) => {
|
|
62
|
+
return React.createElement((NestedOption), { ...props });
|
|
69
63
|
});
|
|
70
|
-
|
|
64
|
+
const ContextMenuItem = Object.assign(_componentContextMenuItem, {
|
|
71
65
|
OptionName: "items",
|
|
72
66
|
IsCollectionItem: true,
|
|
73
67
|
});
|
|
74
|
-
|
|
75
|
-
return React.createElement((NestedOption),
|
|
68
|
+
const _componentDetails = memo((props) => {
|
|
69
|
+
return React.createElement((NestedOption), { ...props });
|
|
76
70
|
});
|
|
77
|
-
|
|
71
|
+
const Details = Object.assign(_componentDetails, {
|
|
78
72
|
OptionName: "details",
|
|
79
73
|
ExpectedChildren: {
|
|
80
74
|
column: { optionName: "columns", isCollectionItem: true }
|
|
81
75
|
},
|
|
82
76
|
});
|
|
83
|
-
|
|
84
|
-
return React.createElement((NestedOption),
|
|
77
|
+
const _componentFileSelectionItem = memo((props) => {
|
|
78
|
+
return React.createElement((NestedOption), { ...props });
|
|
85
79
|
});
|
|
86
|
-
|
|
80
|
+
const FileSelectionItem = Object.assign(_componentFileSelectionItem, {
|
|
87
81
|
OptionName: "fileSelectionItems",
|
|
88
82
|
IsCollectionItem: true,
|
|
89
83
|
});
|
|
90
|
-
|
|
91
|
-
return React.createElement((NestedOption),
|
|
84
|
+
const _componentItem = memo((props) => {
|
|
85
|
+
return React.createElement((NestedOption), { ...props });
|
|
92
86
|
});
|
|
93
|
-
|
|
87
|
+
const Item = Object.assign(_componentItem, {
|
|
94
88
|
OptionName: "items",
|
|
95
89
|
IsCollectionItem: true,
|
|
96
90
|
});
|
|
97
|
-
|
|
98
|
-
return React.createElement((NestedOption),
|
|
91
|
+
const _componentItemView = memo((props) => {
|
|
92
|
+
return React.createElement((NestedOption), { ...props });
|
|
99
93
|
});
|
|
100
|
-
|
|
94
|
+
const ItemView = Object.assign(_componentItemView, {
|
|
101
95
|
OptionName: "itemView",
|
|
102
96
|
ExpectedChildren: {
|
|
103
97
|
details: { optionName: "details", isCollectionItem: false }
|
|
104
98
|
},
|
|
105
99
|
});
|
|
106
|
-
|
|
107
|
-
return React.createElement((NestedOption),
|
|
100
|
+
const _componentNotifications = memo((props) => {
|
|
101
|
+
return React.createElement((NestedOption), { ...props });
|
|
108
102
|
});
|
|
109
|
-
|
|
103
|
+
const Notifications = Object.assign(_componentNotifications, {
|
|
110
104
|
OptionName: "notifications",
|
|
111
105
|
});
|
|
112
|
-
|
|
113
|
-
return React.createElement((NestedOption),
|
|
106
|
+
const _componentPermissions = memo((props) => {
|
|
107
|
+
return React.createElement((NestedOption), { ...props });
|
|
114
108
|
});
|
|
115
|
-
|
|
109
|
+
const Permissions = Object.assign(_componentPermissions, {
|
|
116
110
|
OptionName: "permissions",
|
|
117
111
|
});
|
|
118
|
-
|
|
119
|
-
return React.createElement((NestedOption),
|
|
112
|
+
const _componentToolbar = memo((props) => {
|
|
113
|
+
return React.createElement((NestedOption), { ...props });
|
|
120
114
|
});
|
|
121
|
-
|
|
115
|
+
const Toolbar = Object.assign(_componentToolbar, {
|
|
122
116
|
OptionName: "toolbar",
|
|
123
117
|
ExpectedChildren: {
|
|
124
118
|
fileSelectionItem: { optionName: "fileSelectionItems", isCollectionItem: true },
|
|
@@ -126,17 +120,17 @@ var Toolbar = Object.assign(_componentToolbar, {
|
|
|
126
120
|
toolbarItem: { optionName: "items", isCollectionItem: true }
|
|
127
121
|
},
|
|
128
122
|
});
|
|
129
|
-
|
|
130
|
-
return React.createElement((NestedOption),
|
|
123
|
+
const _componentToolbarItem = memo((props) => {
|
|
124
|
+
return React.createElement((NestedOption), { ...props });
|
|
131
125
|
});
|
|
132
|
-
|
|
126
|
+
const ToolbarItem = Object.assign(_componentToolbarItem, {
|
|
133
127
|
OptionName: "items",
|
|
134
128
|
IsCollectionItem: true,
|
|
135
129
|
});
|
|
136
|
-
|
|
137
|
-
return React.createElement((NestedOption),
|
|
130
|
+
const _componentUpload = memo((props) => {
|
|
131
|
+
return React.createElement((NestedOption), { ...props });
|
|
138
132
|
});
|
|
139
|
-
|
|
133
|
+
const Upload = Object.assign(_componentUpload, {
|
|
140
134
|
OptionName: "upload",
|
|
141
135
|
});
|
|
142
136
|
export default FileManager;
|
package/esm/file-uploader.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,35 +12,30 @@
|
|
|
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 dxFileUploader from "devextreme/ui/file_uploader";
|
|
29
18
|
import { Component as BaseComponent } from "./core/component";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
useImperativeHandle(ref,
|
|
33
|
-
instance
|
|
34
|
-
|
|
35
|
-
return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
19
|
+
const FileUploader = memo(forwardRef((props, ref) => {
|
|
20
|
+
const baseRef = useRef(null);
|
|
21
|
+
useImperativeHandle(ref, () => ({
|
|
22
|
+
instance() {
|
|
23
|
+
return baseRef.current?.getInstance();
|
|
36
24
|
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
}), [baseRef.current]);
|
|
26
|
+
const subscribableOptions = useMemo(() => (["value"]), []);
|
|
27
|
+
const independentEvents = useMemo(() => (["onBeforeSend", "onContentReady", "onDisposing", "onDropZoneEnter", "onDropZoneLeave", "onFilesUploaded", "onInitialized", "onProgress", "onUploadAborted", "onUploaded", "onUploadError", "onUploadStarted", "onValueChanged"]), []);
|
|
28
|
+
const defaults = useMemo(() => ({
|
|
41
29
|
defaultValue: "value",
|
|
42
|
-
})
|
|
43
|
-
return (React.createElement((BaseComponent),
|
|
30
|
+
}), []);
|
|
31
|
+
return (React.createElement((BaseComponent), {
|
|
32
|
+
WidgetClass: dxFileUploader,
|
|
33
|
+
ref: baseRef,
|
|
34
|
+
subscribableOptions,
|
|
35
|
+
independentEvents,
|
|
36
|
+
defaults,
|
|
37
|
+
...props,
|
|
38
|
+
}));
|
|
44
39
|
}));
|
|
45
40
|
export default FileUploader;
|
|
46
41
|
export { FileUploader };
|
package/esm/filter-builder.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,47 +12,44 @@
|
|
|
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 dxFilterBuilder from "devextreme/ui/filter_builder";
|
|
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 FilterBuilder = 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", "onEditorPrepared", "onEditorPreparing", "onInitialized", "onValueChanged"]), []);
|
|
29
|
+
const defaults = useMemo(() => ({
|
|
42
30
|
defaultValue: "value",
|
|
43
|
-
})
|
|
44
|
-
|
|
31
|
+
}), []);
|
|
32
|
+
const expectedChildren = useMemo(() => ({
|
|
45
33
|
customOperation: { optionName: "customOperations", isCollectionItem: true },
|
|
46
34
|
field: { optionName: "fields", isCollectionItem: true },
|
|
47
35
|
filterOperationDescriptions: { optionName: "filterOperationDescriptions", isCollectionItem: false },
|
|
48
36
|
groupOperationDescriptions: { optionName: "groupOperationDescriptions", isCollectionItem: false }
|
|
49
|
-
})
|
|
50
|
-
return (React.createElement((BaseComponent),
|
|
37
|
+
}), []);
|
|
38
|
+
return (React.createElement((BaseComponent), {
|
|
39
|
+
WidgetClass: dxFilterBuilder,
|
|
40
|
+
ref: baseRef,
|
|
41
|
+
useRequestAnimationFrameFlag: true,
|
|
42
|
+
subscribableOptions,
|
|
43
|
+
independentEvents,
|
|
44
|
+
defaults,
|
|
45
|
+
expectedChildren,
|
|
46
|
+
...props,
|
|
47
|
+
}));
|
|
51
48
|
}));
|
|
52
|
-
|
|
53
|
-
return React.createElement((NestedOption),
|
|
49
|
+
const _componentCustomOperation = memo((props) => {
|
|
50
|
+
return React.createElement((NestedOption), { ...props });
|
|
54
51
|
});
|
|
55
|
-
|
|
52
|
+
const CustomOperation = Object.assign(_componentCustomOperation, {
|
|
56
53
|
OptionName: "customOperations",
|
|
57
54
|
IsCollectionItem: true,
|
|
58
55
|
TemplateProps: [{
|
|
@@ -61,10 +58,10 @@ var CustomOperation = Object.assign(_componentCustomOperation, {
|
|
|
61
58
|
component: "editorComponent"
|
|
62
59
|
}],
|
|
63
60
|
});
|
|
64
|
-
|
|
65
|
-
return React.createElement((NestedOption),
|
|
61
|
+
const _componentField = memo((props) => {
|
|
62
|
+
return React.createElement((NestedOption), { ...props });
|
|
66
63
|
});
|
|
67
|
-
|
|
64
|
+
const Field = Object.assign(_componentField, {
|
|
68
65
|
OptionName: "fields",
|
|
69
66
|
IsCollectionItem: true,
|
|
70
67
|
ExpectedChildren: {
|
|
@@ -77,28 +74,28 @@ var Field = Object.assign(_componentField, {
|
|
|
77
74
|
component: "editorComponent"
|
|
78
75
|
}],
|
|
79
76
|
});
|
|
80
|
-
|
|
81
|
-
return React.createElement((NestedOption),
|
|
77
|
+
const _componentFilterOperationDescriptions = memo((props) => {
|
|
78
|
+
return React.createElement((NestedOption), { ...props });
|
|
82
79
|
});
|
|
83
|
-
|
|
80
|
+
const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
|
|
84
81
|
OptionName: "filterOperationDescriptions",
|
|
85
82
|
});
|
|
86
|
-
|
|
87
|
-
return React.createElement((NestedOption),
|
|
83
|
+
const _componentFormat = memo((props) => {
|
|
84
|
+
return React.createElement((NestedOption), { ...props });
|
|
88
85
|
});
|
|
89
|
-
|
|
86
|
+
const Format = Object.assign(_componentFormat, {
|
|
90
87
|
OptionName: "format",
|
|
91
88
|
});
|
|
92
|
-
|
|
93
|
-
return React.createElement((NestedOption),
|
|
89
|
+
const _componentGroupOperationDescriptions = memo((props) => {
|
|
90
|
+
return React.createElement((NestedOption), { ...props });
|
|
94
91
|
});
|
|
95
|
-
|
|
92
|
+
const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
|
|
96
93
|
OptionName: "groupOperationDescriptions",
|
|
97
94
|
});
|
|
98
|
-
|
|
99
|
-
return React.createElement((NestedOption),
|
|
95
|
+
const _componentLookup = memo((props) => {
|
|
96
|
+
return React.createElement((NestedOption), { ...props });
|
|
100
97
|
});
|
|
101
|
-
|
|
98
|
+
const Lookup = Object.assign(_componentLookup, {
|
|
102
99
|
OptionName: "lookup",
|
|
103
100
|
});
|
|
104
101
|
export default FilterBuilder;
|