devexpress-reporting-react 24.2.7 → 24.2.9

package/dx-report-viewer/components/analytics/Properties/CollectionEditor/CollectionEditor.js

@@ -53,7 +53,7 @@ const CollectionEditor = ({ viewModel, contentTemplate }) => {
         React.createElement("div", { ref: ref },
             React.createElement("div", { className: "dx-collectioneditor-header dx-accordion-header" },
                 React.createElement("div", { className: "dx-editor-header" },
-                    React.createElement("div", { role: "treeitem", className: "dx-field dx-accessibility-focus-border-accented dxrd-accessibility-accordion-trigger", "aria-expanded": viewModel.alwaysShow || !viewModel.collapsed ? 'true' : 'false', "aria-owns": viewModel.contentId, id: viewModel.headerId },
+                    React.createElement("div", { role: "treeitem", className: "dx-field dxrd-complex-editor dx-accessibility-focus-border-accented dxrd-accessibility-accordion-trigger", "aria-expanded": viewModel.alwaysShow || !viewModel.collapsed ? 'true' : 'false', "aria-owns": viewModel.contentId, id: viewModel.headerId },
                         React.createElement(CollectionEditorActions, { data: viewModel }),
                         !!viewModel.displayName && React.createElement("div", { className: "dx-collectioneditor-header-text dxd-text-primary", style: { paddingLeft: viewModel.padding + 'px' } },
                             React.createElement(Template, { className: `dx-collapsing-image dxrd-display-inline-block ${!viewModel.collapsed ? 'dx-image-expanded' : ''}`, template: "dxrd-svg-collapsed" }),

package/dx-report-viewer/components/analytics/Properties/Editors/EditorBase/EditorBase.js

@@ -22,7 +22,7 @@ const EditorBase = ({ data }) => {
     return (React.createElement("div", { className: "dx-editor", hidden: !data.visible },
         React.createElement("div", { className: "dx-group", ref: accordionRef },
             React.createElement("div", { className: "dx-editor-header" },
-                React.createElement("div", { className: `dx-field ${data.isComplexEditor ? 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented' : ''}`, role: "treeitem", id: data.isComplexEditor ? data.headerId : undefined, "aria-owns": data.isComplexEditor ? data.contentId : undefined, "aria-expanded": data.isComplexEditor ? (data.alwaysShow || !data.collapsed ? 'true' : 'false') : undefined },
+                React.createElement("div", { className: `dx-field ${data.isComplexEditor ? 'dxrd-complex-editor dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented' : ''}`, role: "treeitem", id: data.isComplexEditor ? data.headerId : undefined, "aria-owns": data.isComplexEditor ? data.contentId : undefined, "aria-expanded": data.isComplexEditor ? (data.alwaysShow || !data.collapsed ? 'true' : 'false') : undefined },
                     React.createElement("div", { className: `dx-field-label dx-accordion-header dxd-text-primary ${data.templateName === 'dx-emptyHeader' ? 'dx-accordion-empty' : ''}`, style: { paddingLeft: data.padding['padding-left'] + 'px' } }, data.isComplexEditor ? React.createElement(GroupHeader, { data: data }) : React.createElement(EditorLabel, { data: data })),
                     React.createElement("div", { className: `dx-field-value ${data.isPropertyHighlighted ? 'dxd-border-accented' : ''}` }, data.templateName !== 'dx-emptyHeader' && React.createElement(LazyTemplate, { isResolved: isResolved, template: data.templateName, data: data })))),
             data.isComplexEditor && (React.createElement("div", { className: "dx-editor-content dx-accordion-content", role: "group", "aria-labelledby": data.headerId, id: data.contentId, "aria-hidden": !data.alwaysShow && data.collapsed ? 'true' : 'false' }, data.editorCreated && React.createElement(Template, { template: data.contentTemplateName, data: data }))))));

package/dx-report-viewer/components/reporting/AIPanel/AIPanel.js

@@ -1,5 +1,10 @@
 import React, { useMemo } from 'react';
-import { Button, CheckBox, LoadIndicator, SelectBox, TextArea, Popup } from 'devextreme-react';
+import Button from 'devextreme-react/button';
+import CheckBox from 'devextreme-react/check-box';
+import LoadIndicator from 'devextreme-react/load-indicator';
+import SelectBox from 'devextreme-react/select-box';
+import TextArea from 'devextreme-react/text-area';
+import Popup from 'devextreme-react/popup';
 import Template from '../../core/Template';
 import { Position } from 'devextreme-react/cjs/popup';
 import { ViewModelChangedEvent } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';

package/dx-report-viewer/components/reporting/Editing/CharacterComb/CharacterComb.js

@@ -13,6 +13,6 @@ const CharacterComb = ({ data }) => {
         (!data.active || data.field.readOnly) &&
             data.cells.map((cell, index) => (React.createElement("div", { key: index, className: "dxrp-editing-field-charactercomb-cell", style: processStyles(cell.style) }, cell.text))),
         data.active && !data.field.readOnly &&
-            React.createElement("textarea", { className: "dxrp-editing-field-text dxrd-background-white", value: value, onChange: handleValueChanged, style: processStyles(data.textStyle), onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent) })));
+            React.createElement("textarea", { className: "dxrp-editing-field-text dxrd-background-white", value: value, onChange: handleValueChanged, style: processStyles(data.textStyle), onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent), onInput: event => data.onInput(data, event.nativeEvent) })));
 };
 export default CharacterComb;

package/dx-report-viewer/components/reporting/Editing/ExportTool/ExportTool.js

@@ -14,7 +14,7 @@ const ExportTool = ({ data }) => {
     }, [data]);
     return (React.createElement("div", { ref: elementRef },
         React.createElement("div", { className: "dxrd-visually-hidden" },
-            React.createElement("form", { action: "data.exportActionUri", method: "post" }, data.exportFormData.map(item => (React.createElement("input", { key: item.name, name: item.name, value: item.value }))))),
+            React.createElement("form", { method: "post" })),
         React.createElement(Popup, { width: data.popupOptions.width, height: data.popupOptions.height, title: data.popupOptions.title, visible: data.popupOptions.visible, showCloseButton: true, onHidden: () => data.popupOptions.onHidden(), toolbarItems: data.popupOptions.toolbarItems, wrapperAttr: data.popupOptions.wrapperAttr, container: popupOptions?.container, position: popupOptions?.position },
             React.createElement("div", { className: "dxrd-print-dialog-content" },
                 React.createElement("div", null, data.printingTexts.caption),

package/dx-report-viewer/components/reporting/Editing/TextField/Text/EditingFieldText.js

@@ -5,6 +5,6 @@ const TextEditingField = ({ data }) => {
         setValue(value);
         data.value = value;
     };
-    return (React.createElement("textarea", { className: "dxrp-editing-field-text", value: value, onChange: e => handleValueChanged(e.target.value), style: data.textStyle, onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent) }));
+    return (React.createElement("textarea", { className: "dxrp-editing-field-text", value: value, onChange: e => handleValueChanged(e.target.value), style: data.textStyle, onBlur: () => data.hideEditor(true), onKeyUp: event => data.keypressAction(data, event.nativeEvent), onInput: event => data.onInput(data, event.nativeEvent) }));
 };
 export default TextEditingField;

package/dx-report-viewer/components/reporting/ParametersPanel/DateRange/DateRange/DateRange.js

@@ -32,6 +32,8 @@ const DateRange = ({ viewModel }) => {
         buttonAction: processClickEvent,
         value: viewModel.displayValue,
         readOnly: true,
+        disabled: viewModel.disabled,
+        visible: viewModel.visible,
         openOnFieldClick: true,
         inputAttr: { 'aria-label': viewModel._displayName, id: viewModel._editorInputId }
     });

package/dx-report-viewer/components/reporting/ParametersPanel/Editor/Editor/Editor.js

@@ -21,6 +21,7 @@ const PropertyEditor = ({ data }) => {
     const treeItemCssClasses = ['dx-field'];
     data.isComplexEditor && treeItemCssClasses.push('dxrd-accessibility-accordion-trigger');
     data.isComplexEditor && treeItemCssClasses.push('dx-accessibility-focus-border-accented');
+    data.isComplexEditor && treeItemCssClasses.push('dxrd-complex-editor');
     data.editorOptions?.hasVerticalLabel && treeItemCssClasses.push('dxrd-vertical-label');
     const isResolved = (newVal) => data.setIsRendered(newVal);
     return (React.createElement("div", { className: "dx-editor", hidden: !data.visible },

package/dx-report-viewer/components/reporting/ReportPreview/Surface/Surface.js

@@ -5,6 +5,7 @@ import useDxMutationObserver from '../../../../hooks/dxMutationObserver';
 import useDxAutoFit from '../../../../hooks/dxAutoFit';
 import useDxLazyImages from '../../../../hooks/dxLazyImages';
 import useDxToView from '../../../../hooks/dxToView';
+import useDxTextCopier from '../../../../hooks/dxTextCopier';
 const MultiPageHolder = ({ lazyImagesOptions, pages }) => {
     const lazyImagesRef = React.useRef();
     useDxLazyImages(lazyImagesRef, lazyImagesOptions);
@@ -23,10 +24,12 @@ const Surface = ({ data }) => {
     const clipboardMessage = getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
     const autoFitRef = React.useRef();
     useDxAutoFit(autoFitRef, data.currentPage?.autoFitOptions);
+    const textCopier = React.useRef();
+    useDxTextCopier(textCopier, { viewModel: data });
     const dxMutationObserverRef = React.useRef();
     useDxMutationObserver(dxMutationObserverRef, data.previewBrickKeyboardHelper);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `dxrd-preview-wrapper ${data.rtlReport ? 'dx-rtl' : ''} ${data.editingFieldsHighlighted ? 'dxrp-editing-fields-hightlighted' : ''}`, "data-bind": "textCopier" },
+        React.createElement("div", { ref: textCopier, className: `dxrd-preview-wrapper ${data.rtlReport ? 'dx-rtl' : ''} ${data.editingFieldsHighlighted ? 'dxrp-editing-fields-hightlighted' : ''}`, "data-bind": "textCopier" },
             React.createElement(Template, { template: "dxrd-preview-progress-bar", data: data.progressBar }),
             React.createElement("div", { className: "dxrd-preview-surface", ref: dxMutationObserverRef },
                 !data.showMultipagePreview && (React.createElement("div", { className: "dxrd-report-preview-holder", role: "list" }, (!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))) && (React.createElement("div", { role: "listitem", className: "dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented", ref: autoFitRef, style: { width: data.currentPage.width + 'px', height: data.currentPage.height + 'px' } },

package/dx-report-viewer/components/reporting/Search/Search.js

@@ -1,6 +1,10 @@
 import React from 'react';
 import useDxAction from '../../../hooks/dxAction';
-import { TextBox, Button, CheckBox, LoadIndicator, List } from 'devextreme-react';
+import TextBox from 'devextreme-react/text-box';
+import Button from 'devextreme-react/button';
+import CheckBox from 'devextreme-react/check-box';
+import LoadIndicator from 'devextreme-react/load-indicator';
+import List from 'devextreme-react/list';
 import useDxMutationObserver from '../../../hooks/dxMutationObserver';
 import { ViewModelChangedEvent } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
 const SearchResultItem = ({ item }) => {

package/dx-report-viewer/hooks/dxEllipsisEditor.js

@@ -12,9 +12,7 @@ const useDxEllipsisEditor = (options) => {
         };
     }, []);
     React.useEffect(() => {
-        if (editor && editor.option('value') != options.value) {
-            editor.option('value', options.value);
-        }
+        editor?._updateOptions(options);
     });
     return ref;
 };

package/dx-report-viewer/hooks/dxTextCopier.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITextCopierOptions } from 'devexpress-reporting/viewer/internal/_bindings';
+declare const useDxTextCopier: (ref: React.MutableRefObject<HTMLElement>, options: ITextCopierOptions) => void;
+export default useDxTextCopier;

package/dx-report-viewer/hooks/dxTextCopier.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { initializeTextCopierBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+const useDxTextCopier = (ref, options) => {
+    React.useEffect(() => options && ref.current && initializeTextCopierBinding(ref.current, options), []);
+};
+export default useDxTextCopier;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devexpress-reporting-react",
-  "version": "24.2.7",
+  "version": "24.2.9",
   "homepage": "https://www.devexpress.com/",
   "bugs": "https://www.devexpress.com/support/",
   "author": "Developer Express Inc.",
@@ -15,16 +15,16 @@
   "license": "SEE LICENSE IN README.md",
   "main": "./index.js",
   "dependencies": {
-    "devexpress-reporting": "24.2.7",
+    "devexpress-reporting": "24.2.9",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {
-    "devextreme-react": "24.2.7",
+    "devextreme-react": "24.2.9",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@devexpress/analytics-core": "24.2.7",
+    "@devexpress/analytics-core": "24.2.9",
     "@types/prop-types": "15.7.13",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.28",
@@ -35,5 +35,5 @@
     "prebuild": "npx shx rm -rf dist && npx shx mkdir dist && npx shx cp README.md dist/ && npx shx cp package.json dist/",
     "build": "npx tsc --project tsconfig.lib.json"
   },
-  "commitSHA": "7177001bda75ba8df025b355d4ed681719ac7f77"
+  "commitSHA": "bd83b4568ea0fa4733768902415e873d18e708af"
 }