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
|
@@ -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
|
*
|
|
@@ -19,7 +19,7 @@ var ElementType;
|
|
|
19
19
|
ElementType[ElementType["Unknown"] = 2] = "Unknown";
|
|
20
20
|
})(ElementType || (ElementType = {}));
|
|
21
21
|
function getElementInfo(element, parentExpectedChildren) {
|
|
22
|
-
|
|
22
|
+
const reactElement = element;
|
|
23
23
|
if (!reactElement || !reactElement.type) {
|
|
24
24
|
return {
|
|
25
25
|
type: ElementType.Unknown,
|
|
@@ -31,21 +31,21 @@ function getElementInfo(element, parentExpectedChildren) {
|
|
|
31
31
|
props: reactElement.props,
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
|
-
|
|
34
|
+
const elementDescriptor = reactElement.type;
|
|
35
35
|
if (elementDescriptor.OptionName) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
let name = elementDescriptor.OptionName;
|
|
37
|
+
let isCollectionItem = elementDescriptor.IsCollectionItem;
|
|
38
|
+
const expectation = parentExpectedChildren && parentExpectedChildren[name];
|
|
39
39
|
if (expectation) {
|
|
40
40
|
isCollectionItem = expectation.isCollectionItem;
|
|
41
41
|
if (expectation.optionName) {
|
|
42
|
-
|
|
42
|
+
name = expectation.optionName;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
return {
|
|
46
46
|
type: ElementType.Option,
|
|
47
47
|
descriptor: {
|
|
48
|
-
name
|
|
48
|
+
name,
|
|
49
49
|
isCollection: !!isCollectionItem,
|
|
50
50
|
templates: elementDescriptor.TemplateProps || [],
|
|
51
51
|
initialValuesProps: elementDescriptor.DefaultsProps || {},
|
|
@@ -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
|
*
|
|
@@ -11,29 +11,18 @@
|
|
|
11
11
|
* https://github.com/DevExpress/devextreme-react
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
|
15
|
-
__assign = Object.assign || function(t) {
|
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
17
|
-
s = arguments[i];
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
return __assign.apply(this, arguments);
|
|
24
|
-
};
|
|
25
14
|
import * as React from 'react';
|
|
26
15
|
import { separateProps } from '../../widget-config';
|
|
27
16
|
import { ElementType, getElementInfo, } from './element';
|
|
28
17
|
import { mergeNameParts } from '../utils';
|
|
29
18
|
import { getAnonymousTemplate, getNamedTemplate } from './templates';
|
|
30
19
|
export function processChildren(parentElement, parentFullName) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
React.Children.map(parentElement.props.children,
|
|
36
|
-
|
|
20
|
+
const templates = [];
|
|
21
|
+
const configCollections = {};
|
|
22
|
+
const configs = {};
|
|
23
|
+
let hasTranscludedContent = false;
|
|
24
|
+
React.Children.map(parentElement.props.children, (child) => {
|
|
25
|
+
const element = getElementInfo(child, parentElement.descriptor.expectedChildren);
|
|
37
26
|
if (element.type === ElementType.Unknown) {
|
|
38
27
|
if (child !== null && child !== undefined && child !== false) {
|
|
39
28
|
hasTranscludedContent = true;
|
|
@@ -41,48 +30,48 @@ export function processChildren(parentElement, parentFullName) {
|
|
|
41
30
|
return;
|
|
42
31
|
}
|
|
43
32
|
if (element.type === ElementType.Template) {
|
|
44
|
-
|
|
33
|
+
const template = getNamedTemplate(element.props);
|
|
45
34
|
if (template) {
|
|
46
35
|
templates.push(template);
|
|
47
36
|
}
|
|
48
37
|
return;
|
|
49
38
|
}
|
|
50
39
|
if (element.descriptor.isCollection) {
|
|
51
|
-
|
|
40
|
+
let collection = configCollections[element.descriptor.name];
|
|
52
41
|
if (!collection) {
|
|
53
42
|
collection = [];
|
|
54
43
|
configCollections[element.descriptor.name] = collection;
|
|
55
44
|
}
|
|
56
45
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|
57
|
-
|
|
46
|
+
const collectionItem = createConfigNode(element, `${mergeNameParts(parentFullName, element.descriptor.name)}[${collection.length}]`);
|
|
58
47
|
collection.push(collectionItem);
|
|
59
48
|
return;
|
|
60
49
|
}
|
|
61
50
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|
62
|
-
|
|
51
|
+
const configNode = createConfigNode(element, parentFullName);
|
|
63
52
|
configs[element.descriptor.name] = configNode;
|
|
64
53
|
});
|
|
65
54
|
return {
|
|
66
|
-
configs
|
|
67
|
-
configCollections
|
|
68
|
-
templates
|
|
69
|
-
hasTranscludedContent
|
|
55
|
+
configs,
|
|
56
|
+
configCollections,
|
|
57
|
+
templates,
|
|
58
|
+
hasTranscludedContent,
|
|
70
59
|
};
|
|
71
60
|
}
|
|
72
61
|
function createConfigNode(element, path) {
|
|
73
|
-
|
|
62
|
+
const fullName = element.descriptor.isCollection
|
|
74
63
|
? path
|
|
75
64
|
: mergeNameParts(path, element.descriptor.name);
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
element.descriptor.templates.forEach(
|
|
79
|
-
|
|
65
|
+
const separatedValues = separateProps(element.props, element.descriptor.initialValuesProps, element.descriptor.templates);
|
|
66
|
+
const childrenData = processChildren(element, fullName);
|
|
67
|
+
element.descriptor.templates.forEach((templateMeta) => {
|
|
68
|
+
const template = getAnonymousTemplate(element.props, templateMeta, path.length > 0 ? childrenData.hasTranscludedContent : false);
|
|
80
69
|
if (template) {
|
|
81
70
|
childrenData.templates.push(template);
|
|
82
71
|
}
|
|
83
72
|
});
|
|
84
73
|
return {
|
|
85
|
-
fullName
|
|
74
|
+
fullName,
|
|
86
75
|
predefinedOptions: element.descriptor.predefinedValuesProps,
|
|
87
76
|
initialOptions: separatedValues.defaults,
|
|
88
77
|
options: separatedValues.options,
|
|
@@ -94,8 +83,12 @@ function createConfigNode(element, path) {
|
|
|
94
83
|
function buildConfigTree(widgetDescriptor, props) {
|
|
95
84
|
return createConfigNode({
|
|
96
85
|
type: ElementType.Option,
|
|
97
|
-
descriptor:
|
|
98
|
-
|
|
86
|
+
descriptor: {
|
|
87
|
+
name: '',
|
|
88
|
+
isCollection: false,
|
|
89
|
+
...widgetDescriptor,
|
|
90
|
+
},
|
|
91
|
+
props,
|
|
99
92
|
}, '');
|
|
100
93
|
}
|
|
101
94
|
export { buildConfigTree, };
|
|
@@ -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,9 +13,9 @@
|
|
|
13
13
|
|
|
14
14
|
import { mergeNameParts, parseOptionName } from './utils';
|
|
15
15
|
function buildTemplates(node, optionsAccum, templatesAccum) {
|
|
16
|
-
node.templates.forEach(
|
|
16
|
+
node.templates.forEach((template) => {
|
|
17
17
|
if (template.isAnonymous) {
|
|
18
|
-
|
|
18
|
+
const templateName = mergeNameParts(node.fullName, template.optionName);
|
|
19
19
|
optionsAccum[template.optionName] = templateName;
|
|
20
20
|
templatesAccum[templateName] = template;
|
|
21
21
|
}
|
|
@@ -25,33 +25,33 @@ function buildTemplates(node, optionsAccum, templatesAccum) {
|
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
27
|
function buildNode(node, templatesAccum, ignoreInitialValues) {
|
|
28
|
-
|
|
29
|
-
Object.keys(node.predefinedOptions).forEach(
|
|
28
|
+
const result = {};
|
|
29
|
+
Object.keys(node.predefinedOptions).forEach((key) => {
|
|
30
30
|
result[key] = node.predefinedOptions[key];
|
|
31
31
|
});
|
|
32
|
-
Object.keys(node.configs).forEach(
|
|
32
|
+
Object.keys(node.configs).forEach((key) => {
|
|
33
33
|
result[key] = buildNode(node.configs[key], templatesAccum, ignoreInitialValues);
|
|
34
34
|
});
|
|
35
|
-
Object.keys(node.configCollections).forEach(
|
|
36
|
-
result[key] = node.configCollections[key].map(
|
|
35
|
+
Object.keys(node.configCollections).forEach((key) => {
|
|
36
|
+
result[key] = node.configCollections[key].map((item) => buildNode(item, templatesAccum, ignoreInitialValues));
|
|
37
37
|
});
|
|
38
38
|
if (!ignoreInitialValues) {
|
|
39
|
-
Object.keys(node.initialOptions).forEach(
|
|
39
|
+
Object.keys(node.initialOptions).forEach((key) => {
|
|
40
40
|
result[key] = node.initialOptions[key];
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
|
-
Object.keys(node.options).forEach(
|
|
43
|
+
Object.keys(node.options).forEach((key) => {
|
|
44
44
|
result[key] = node.options[key];
|
|
45
45
|
});
|
|
46
46
|
buildTemplates(node, result, templatesAccum);
|
|
47
47
|
return result;
|
|
48
48
|
}
|
|
49
49
|
function buildConfig(root, ignoreInitialValues) {
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
const templatesAccum = {};
|
|
51
|
+
const options = buildNode(root, templatesAccum, ignoreInitialValues);
|
|
52
52
|
return {
|
|
53
53
|
templates: templatesAccum,
|
|
54
|
-
options
|
|
54
|
+
options,
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
var ValueType;
|
|
@@ -61,7 +61,7 @@ var ValueType;
|
|
|
61
61
|
ValueType[ValueType["Array"] = 2] = "Array";
|
|
62
62
|
})(ValueType || (ValueType = {}));
|
|
63
63
|
function findValueInObject(obj, path) {
|
|
64
|
-
|
|
64
|
+
const key = path.shift();
|
|
65
65
|
if (!key) {
|
|
66
66
|
return {
|
|
67
67
|
value: obj,
|
|
@@ -74,42 +74,42 @@ function findValueInObject(obj, path) {
|
|
|
74
74
|
return undefined;
|
|
75
75
|
}
|
|
76
76
|
function findValue(node, path) {
|
|
77
|
-
|
|
77
|
+
const name = path.shift();
|
|
78
78
|
if (!name) {
|
|
79
79
|
return {
|
|
80
80
|
value: buildConfig(node, true).options,
|
|
81
81
|
type: ValueType.Complex,
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
|
-
|
|
84
|
+
const optionInfo = parseOptionName(name);
|
|
85
85
|
if (optionInfo.name in node.options) {
|
|
86
|
-
|
|
86
|
+
const options = optionInfo.isCollectionItem
|
|
87
87
|
? node.options[optionInfo.name][optionInfo.index]
|
|
88
88
|
: node.options[optionInfo.name];
|
|
89
89
|
return findValueInObject(options, path);
|
|
90
90
|
}
|
|
91
91
|
if (optionInfo.isCollectionItem) {
|
|
92
|
-
|
|
92
|
+
const collection = node.configCollections[optionInfo.name];
|
|
93
93
|
if (!collection) {
|
|
94
94
|
return undefined;
|
|
95
95
|
}
|
|
96
|
-
|
|
96
|
+
const item = collection[optionInfo.index];
|
|
97
97
|
if (!item) {
|
|
98
98
|
return undefined;
|
|
99
99
|
}
|
|
100
100
|
return findValue(item, path);
|
|
101
101
|
}
|
|
102
|
-
|
|
102
|
+
const child = node.configs[optionInfo.name];
|
|
103
103
|
if (child) {
|
|
104
104
|
return findValue(child, path);
|
|
105
105
|
}
|
|
106
|
-
|
|
106
|
+
const childCollection = node.configCollections[optionInfo.name];
|
|
107
107
|
if (childCollection) {
|
|
108
108
|
if (path.length !== 0) {
|
|
109
109
|
return undefined;
|
|
110
110
|
}
|
|
111
111
|
return {
|
|
112
|
-
value: childCollection.map(
|
|
112
|
+
value: childCollection.map((item) => buildNode(item, {}, true)),
|
|
113
113
|
type: ValueType.Array,
|
|
114
114
|
};
|
|
115
115
|
}
|
|
@@ -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
|
*
|
|
@@ -11,19 +11,15 @@
|
|
|
11
11
|
* https://github.com/DevExpress/devextreme-react
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
export function mergeNameParts() {
|
|
15
|
-
|
|
16
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
17
|
-
args[_i] = arguments[_i];
|
|
18
|
-
}
|
|
19
|
-
return args.filter(function (value) { return value; }).join('.');
|
|
14
|
+
export function mergeNameParts(...args) {
|
|
15
|
+
return args.filter((value) => value).join('.');
|
|
20
16
|
}
|
|
21
17
|
export function parseOptionName(name) {
|
|
22
|
-
|
|
18
|
+
const parts = name.split('[');
|
|
23
19
|
if (parts.length === 1) {
|
|
24
20
|
return {
|
|
25
21
|
isCollectionItem: false,
|
|
26
|
-
name
|
|
22
|
+
name,
|
|
27
23
|
};
|
|
28
24
|
}
|
|
29
25
|
return {
|
|
@@ -32,16 +28,15 @@ export function parseOptionName(name) {
|
|
|
32
28
|
index: Number(parts[1].slice(0, -1)),
|
|
33
29
|
};
|
|
34
30
|
}
|
|
35
|
-
export
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var trident = ua.indexOf('Trident/'); // IE 11
|
|
31
|
+
export const isIE = () => {
|
|
32
|
+
const ua = window?.navigator?.userAgent ?? ''; // Check the userAgent property of the window.navigator object
|
|
33
|
+
const msie = ua.indexOf('MSIE'); // IE 10 or older
|
|
34
|
+
const trident = ua.indexOf('Trident/'); // IE 11
|
|
40
35
|
return msie > 0 || trident > 0;
|
|
41
36
|
};
|
|
42
|
-
export
|
|
37
|
+
export const shallowEquals = (first, second) => {
|
|
43
38
|
if (Object.keys(first).length !== Object.keys(second).length) {
|
|
44
39
|
return false;
|
|
45
40
|
}
|
|
46
|
-
return Object.keys(first).every(
|
|
41
|
+
return Object.keys(first).every((key) => first[key] === second[key]);
|
|
47
42
|
};
|
|
@@ -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
|
*
|
|
@@ -11,32 +11,19 @@
|
|
|
11
11
|
* https://github.com/DevExpress/devextreme-react
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
|
15
|
-
__assign = Object.assign || function(t) {
|
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
17
|
-
s = arguments[i];
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
return __assign.apply(this, arguments);
|
|
24
|
-
};
|
|
25
14
|
import * as React from 'react';
|
|
26
15
|
import { useImperativeHandle, forwardRef, useRef, useLayoutEffect, useCallback, } from 'react';
|
|
27
16
|
import { ComponentBase } from './component-base';
|
|
28
17
|
function elementIsExtension(el) {
|
|
29
|
-
|
|
30
|
-
return !!((_a = el.type) === null || _a === void 0 ? void 0 : _a.isExtensionComponent);
|
|
18
|
+
return !!el.type?.isExtensionComponent;
|
|
31
19
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
(_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
|
|
20
|
+
const ExtensionComponent = forwardRef((props, ref) => {
|
|
21
|
+
const componentBaseRef = useRef(null);
|
|
22
|
+
const createWidget = useCallback((el) => {
|
|
23
|
+
componentBaseRef.current?.createWidget(el);
|
|
37
24
|
}, [componentBaseRef.current]);
|
|
38
|
-
useLayoutEffect(
|
|
39
|
-
|
|
25
|
+
useLayoutEffect(() => {
|
|
26
|
+
const { onMounted } = props;
|
|
40
27
|
if (onMounted) {
|
|
41
28
|
onMounted(createWidget);
|
|
42
29
|
}
|
|
@@ -44,19 +31,17 @@ var ExtensionComponent = forwardRef(function (props, ref) {
|
|
|
44
31
|
createWidget();
|
|
45
32
|
}
|
|
46
33
|
}, []);
|
|
47
|
-
useImperativeHandle(ref,
|
|
48
|
-
getInstance
|
|
49
|
-
|
|
50
|
-
return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
|
|
34
|
+
useImperativeHandle(ref, () => ({
|
|
35
|
+
getInstance() {
|
|
36
|
+
return componentBaseRef.current?.getInstance();
|
|
51
37
|
},
|
|
52
|
-
getElement
|
|
53
|
-
|
|
54
|
-
return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement();
|
|
38
|
+
getElement() {
|
|
39
|
+
return componentBaseRef.current?.getElement();
|
|
55
40
|
},
|
|
56
|
-
createWidget
|
|
41
|
+
createWidget(el) {
|
|
57
42
|
createWidget(el);
|
|
58
43
|
},
|
|
59
|
-
})
|
|
60
|
-
return (React.createElement(ComponentBase,
|
|
44
|
+
}), [componentBaseRef.current, createWidget]);
|
|
45
|
+
return (React.createElement(ComponentBase, { ref: componentBaseRef, ...props }));
|
|
61
46
|
});
|
|
62
47
|
export { ExtensionComponent, elementIsExtension, };
|