devexpress-reporting-react 24.2.7 → 25.1.2-beta

package/dx-report-viewer/DxReportViewer.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { JSReportViewer } from 'devexpress-reporting/viewer/binding/jsReportViewer';
 import { TemplateEngine } from './core/template-engine';
-import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
-import 'devexpress-reporting/dx-reporting-svg-templates';
+import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
+import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
 export type DxReportViewerProps = {
     height?: string;
     width?: string;

package/dx-report-viewer/DxReportViewer.js

@@ -15,8 +15,9 @@ import AccessibilitySettingsProvider from './components/core/AccessibilitySettin
 import TemplateEngineProvider from './components/core/TemplateEngineProvider';
 import Template from './components/core/Template';
 import { ViewModelChangedEvent, viewModelGeneratorSettings } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
-import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
-import 'devexpress-reporting/dx-reporting-svg-templates';
+import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
+import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
+import AISettings, { validChildComponents as aiValidChildComponents } from './options/aiSettings/AISettings';
 const validChildComponents = {
     'callbacks': { component: Callbacks },
     'exportSettings': { component: ExportSettings },
@@ -26,6 +27,7 @@ const validChildComponents = {
     'requestOptions': { component: RequestOptions },
     'searchSettings': { component: SearchSettings },
     'tabPanelSettings': { component: TabPanelSettings },
+    'aiSettings': { component: AISettings, children: aiValidChildComponents }
 };
 const DxReportViewer = React.forwardRef(({ reportUrl, ...props }, ref) => {
     const viewerRef = React.useRef(null);
@@ -52,8 +54,7 @@ const DxReportViewer = React.forwardRef(({ reportUrl, ...props }, ref) => {
             disposeViewModelSubscription = viewModel?._viewModelEvents?.on(ViewModelChangedEvent, () => setViewModel({ ...viewModel }));
         };
         const controlOptions = OptionsManager.getControlOptions({ ...props, reportUrl }, DxReportViewer.propTypes, DxReportViewerDefaultProps, validChildComponents);
-        let binding;
-        binding = new JSReportViewerBinding({ ...controlOptions, callbacks: {} }, OptionsManager.getEventRaiser(controlOptions.callbacks, () => binding?.sender), false);
+        const binding = new JSReportViewerBinding({ ...controlOptions, callbacks: {} }, OptionsManager.getEventRaiser(controlOptions.callbacks, () => binding?.sender), false);
         binding.applyBindings(viewerRef.current);
         setViewerBinding(binding);
         const model = binding.sender;

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

@@ -28,12 +28,12 @@ const AIPanel = ({ data }) => {
                             " ",
                             viewModel.targetContentText),
                         React.createElement(SelectBox, { id: "dxrv-ai-target-select", className: "dxrd-preview-ai-form-input", dataSource: viewModel.targetSelectBoxOptions.dataSource, onValueChanged: viewModel.targetSelectBoxOptions.onValueChanged, value: viewModel.targetSelectBoxOptions.value, displayExpr: viewModel.targetSelectBoxOptions.displayExpr, valueExpr: viewModel.targetSelectBoxOptions.valueExpr, inputAttr: viewModel.targetSelectBoxOptions.inputAttr })),
-                    React.createElement("div", { className: "dx-field dxrd-preview-ai-select-box" },
+                    viewModel.languageSelectBoxOptions.visible && (React.createElement("div", { className: "dx-field dxrd-preview-ai-select-box" },
                         React.createElement("label", { className: "dxrd-preview-ai-form-label", htmlFor: "dxrv-ai-language-select" },
                             " ",
                             viewModel.targetLanguageText,
                             " "),
-                        React.createElement(SelectBox, { id: "dxrv-ai-language-select", className: "dxrd-preview-ai-form-input", dataSource: viewModel.languageSelectBoxOptions.dataSource, onValueChanged: viewModel.languageSelectBoxOptions.onValueChanged, value: viewModel.languageSelectBoxOptions.value, displayExpr: viewModel.languageSelectBoxOptions.displayExpr, valueExpr: viewModel.languageSelectBoxOptions.valueExpr, showClearButton: viewModel.languageSelectBoxOptions.showClearButton, inputAttr: viewModel.languageSelectBoxOptions.inputAttr })),
+                        React.createElement(SelectBox, { id: "dxrv-ai-language-select", className: "dxrd-preview-ai-form-input", dataSource: viewModel.languageSelectBoxOptions.dataSource, onValueChanged: viewModel.languageSelectBoxOptions.onValueChanged, value: viewModel.languageSelectBoxOptions.value, displayExpr: viewModel.languageSelectBoxOptions.displayExpr, valueExpr: viewModel.languageSelectBoxOptions.valueExpr, showClearButton: viewModel.languageSelectBoxOptions.showClearButton, inputAttr: viewModel.languageSelectBoxOptions.inputAttr }))),
                     viewModel.pageSelectBoxVisible && (React.createElement("div", { className: "dx-field dxrd-preview-ai-select-box" },
                         React.createElement("label", { className: "dxrd-preview-ai-form-label", htmlFor: "dxrv-ai-page-select" },
                             " ",
@@ -42,8 +42,8 @@ const AIPanel = ({ data }) => {
                     React.createElement("div", { className: "dx-field" },
                         React.createElement("div", { className: "dxrd-preview-ai-buttons-wrapper" },
                             React.createElement(LoadIndicator, { className: "dxrd-preview-ai-buttons", visible: data.model.loading, height: 24, width: 24 }),
-                            React.createElement(Button, { className: "dxrd-preview-ai-buttons dx-accessibility-focus-border-accented", text: viewModel.buttons.translateTextButton.text, disabled: viewModel.buttons.translateTextButton.disabled, onClick: viewModel.buttons.translateTextButton.onClick, width: viewModel.buttons.translateTextButton.width }),
-                            React.createElement(Button, { className: "dxrd-preview-ai-buttons dx-accessibility-focus-border-accented", text: viewModel.buttons.summarizeTextButton.text, disabled: viewModel.buttons.summarizeTextButton.disabled, onClick: viewModel.buttons.summarizeTextButton.onClick, width: viewModel.buttons.summarizeTextButton.width })))),
+                            React.createElement(Button, { className: "dxrd-preview-ai-buttons dx-accessibility-focus-border-accented", text: viewModel.buttons.translateTextButton.text, disabled: viewModel.buttons.translateTextButton.disabled, onClick: viewModel.buttons.translateTextButton.onClick, width: viewModel.buttons.translateTextButton.width, visible: viewModel.buttons.translateTextButton.visible }),
+                            React.createElement(Button, { className: "dxrd-preview-ai-buttons dx-accessibility-focus-border-accented", text: viewModel.buttons.summarizeTextButton.text, disabled: viewModel.buttons.summarizeTextButton.disabled, onClick: viewModel.buttons.summarizeTextButton.onClick, width: viewModel.buttons.summarizeTextButton.width, visible: viewModel.buttons.summarizeTextButton.visible })))),
                 viewModel.resultVisible && (React.createElement("div", { className: "dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text" },
                     React.createElement("span", { className: "dxrd-right-panel-result-text" },
                         " ",

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Template from '../../../core/Template';
-import Painter from '../../Widgets/PictureEditor/Painter';
+import Painter from '../../Widgets/Painter';
 import { Popup } from 'devextreme-react/popup';
 const PopupImageEditingField = ({ data }) => {
     const elementRef = React.useRef();

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

@@ -4,6 +4,7 @@ import useDxMutationObserver from '../../../../hooks/dxMutationObserver';
 import useDxBrickSelection from '../../../../hooks/dxBrickSelection';
 import useDxPreviewPageRenderer from '../../../../hooks/dxPreviewPageRenderer';
 import Menu from 'devextreme-react/menu';
+import { LoadPanel } from 'devextreme-react';
 const EditingFieldsHolder = ({ editingFields, editingFieldsKeyboardHelper }) => {
     const mutationObserverRef = React.useRef();
     useDxMutationObserver(mutationObserverRef, editingFieldsKeyboardHelper);
@@ -23,6 +24,7 @@ const Page = ({ data }) => {
     const brickSelectionRef = React.useRef();
     useDxBrickSelection(brickSelectionRef, data.brickSelectionProg);
     useDxPreviewPageRenderer(brickSelectionRef, data.imageOptions);
+    const position = { of: '#' + data.page_id };
     const renderMenuItemTemplate = (item) => {
         return (React.createElement("div", { className: "dxrd-ai-floating-smart-tag-container" },
             item.text && (React.createElement("div", { className: "dxrd-ai-floating-smart-tag-text" }, item.text)),
@@ -33,12 +35,16 @@ const Page = ({ data }) => {
     const menuAttributes = {
         class: 'dxrd-control-ai-smart-tag dxd-icon-accented'
     };
-    return (React.createElement("div", { role: "img", className: "dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100", "aria-label": data.currentPageAriaLabelImgAlt, onClick: e => data.clickToBrick(data, e), ref: brickSelectionRef },
-        React.createElement("div", { className: "dxrd-report-preview-content-loading-wrapper dxrd-background-white", style: { width: data.width + 2 + 'px', height: data.height + 2 + 'px' }, hidden: !data.pageLoading },
-            React.createElement("div", { className: "dxrd-report-preview-content-loading-panel dxrd-text-align-center", style: { paddingTop: data.height / 2.3 + 'px' } },
-                React.createElement("div", { className: "dxrd-report-preview-content-loading-panel-text" }, data.loadingText))),
-        React.createElement(Image, { data: data }),
-        data.aiServicesEnabled && data.activeBricks.length > 0 && (React.createElement("div", { style: { position: 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP } },
-            React.createElement(Menu, { dataSource: data.smartTagAIMenu.dataSource, hideSubmenuOnMouseLeave: data.smartTagAIMenu.hideSubmenuOnMouseLeave, elementAttr: menuAttributes, visible: data.smartTagAIMenu.visible, itemRender: renderMenuItemTemplate, showFirstSubmenuMode: 'onHover', onItemClick: (e) => typeof data.smartTagAIMenu.onItemClick === 'function' && data.smartTagAIMenu.onItemClick(e) })))));
+    return (React.createElement("div", null,
+        React.createElement(LoadPanel, { position: position, visible: data.loading }),
+        React.createElement("div", { role: "img", id: data.page_id, className: "dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100", "aria-label": data.currentPageAriaLabelImgAlt, onClick: e => data.clickToBrick(data, e), ref: brickSelectionRef },
+            React.createElement("div", { className: "dxrd-report-preview-content-loading-wrapper dxrd-background-white", style: { width: data.width + 2 + 'px', height: data.height + 2 + 'px' }, hidden: !data.pageLoading },
+                React.createElement("div", { className: "dxrd-report-preview-content-loading-panel dxrd-text-align-center", style: { paddingTop: data.height / 2.3 + 'px' } },
+                    React.createElement("div", { className: "dxrd-report-preview-content-loading-panel-text" }, data.loadingText))),
+            React.createElement(Image, { data: data }),
+            data.aiServicesEnabled && data.active && (React.createElement("div", { style: { position: 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP } },
+                React.createElement(Menu, { dataSource: data.smartTagAIMenu.dataSource, hideSubmenuOnMouseLeave: data.smartTagAIMenu.hideSubmenuOnMouseLeave, elementAttr: menuAttributes, visible: data.smartTagAIMenu.visible, itemRender: renderMenuItemTemplate, showFirstSubmenuMode: 'onHover', onItemClick: (e) => typeof data.smartTagAIMenu.onItemClick === 'function' && data.smartTagAIMenu.onItemClick(e), onSubmenuShowing: (e) => typeof data.smartTagAIMenu.onSubmenuShowing === 'function' && data.smartTagAIMenu.onSubmenuShowing(e) }))),
+            data.aiServicesEnabled && data.aiCustomDocumentStorageId && (React.createElement("div", { className: "dxrd-report-preview-page-modified" },
+                React.createElement("span", { className: "dxrd-report-preview-page-modified-text" }, data.translatedPageBadgeText))))));
 };
 export default Page;

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

@@ -5,6 +5,8 @@ import useDxMutationObserver from '../../../../hooks/dxMutationObserver';
 import useDxAutoFit from '../../../../hooks/dxAutoFit';
 import useDxLazyImages from '../../../../hooks/dxLazyImages';
 import useDxToView from '../../../../hooks/dxToView';
+import { Button, Popup } from 'devextreme-react';
+import { Position } from 'devextreme-react/cjs/popup';
 const MultiPageHolder = ({ lazyImagesOptions, pages }) => {
     const lazyImagesRef = React.useRef();
     useDxLazyImages(lazyImagesRef, lazyImagesOptions);
@@ -33,7 +35,13 @@ const Surface = ({ data }) => {
                     React.createElement(Template, { template: "dxrd-preview-page", data: data.currentPage }))))),
                 data.showMultipagePreview && !!data.currentPage && React.createElement(MultiPageHolder, { pages: data.pages, lazyImagesOptions: data.lazyImagesOptions }),
                 React.createElement("div", { className: `dxrd-report-preview-placeholder ${!!data.currentPage ? 'dxrd-visually-hidden' : ''}` },
-                    React.createElement("div", { "aria-live": "assertive", "aria-atomic": "true", className: "dxd-empty-area-placeholder-text-color dxd-text-info" }, data.emptyDocumentCaption)))),
+                    React.createElement("div", { "aria-live": "assertive", "aria-atomic": "true", className: "dxd-empty-area-placeholder-text-color dxd-text-info" }, data.emptyDocumentCaption))),
+            React.createElement(Popup, { width: 450, height: 150, visible: data.exportTranslatedDocPopupVisible, container: '.dxrd-preview-surface', dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHidden: () => data.onExportPopupHiding() },
+                React.createElement(Position, { at: "top", my: "top", of: "#dxrd-preview-ai-panel-id", collision: "fit" }),
+                React.createElement("span", { "data-bind": "text: exportTranslatedDodumentWarningMsg", className: "dxrd-preview-export-warning-popup-text" }, data.exportTranslatedDodumentWarningMsg),
+                React.createElement("div", { className: "dxrd-preview-export-warning-popup-button-group" },
+                    React.createElement(Button, { text: data.exportTranslatedDocumentButtonText, onClick: () => data.exportTranslatedHandler(), className: "dxrd-preview-export-warning-popup-button dx-button-default" }),
+                    React.createElement(Button, { text: data.exportOriginalDocumentButtonText, onClick: () => data.exportTranslatedCancel(), className: "dxrd-preview-export-warning-popup-button" })))),
         React.createElement("div", { id: "dxrd-preview-bricks-live-region", className: "dxrd-visually-hidden", "aria-live": "polite", "aria-atomic": "true" }),
         React.createElement("div", { id: "clipboard-container", className: "dxrd-position-absolute dxrd-top--100px" },
             React.createElement("textarea", { disabled: true, "aria-label": clipboardMessage, id: "clipboard" }))));

package/dx-report-viewer/components/reporting/Widgets/{PictureEditor/Painter → Painter}/Painter.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import dxZoom from '../../../../../hooks/dxZoom';
+import dxZoom from '../../../../hooks/dxZoom';
 import { Painter } from 'devexpress-reporting/viewer/widgets/pictureEditor/_painter';
 const PainterComponent = ({ options, className, ...delegatedProps }) => {
     const ref = React.useRef();

package/dx-report-viewer/components/reporting/Widgets/{PictureEditor/SizeOptions → SizeOptions}/PictureEditingSizeOptions.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Template from '../../../../core/Template';
+import Template from '../../../core/Template';
 const PictureEditingSizeOptions = ({ data }) => {
     return (React.createElement("div", { className: "dx-picture-editing-sizemode-alignment" },
         React.createElement("div", { className: "dx-picture-editing-sizemode" },

package/dx-report-viewer/components/reporting/Widgets/{PictureEditor/ToolbarPopup → ToolbarPopup}/PictureEditorToolbarPopup.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Template from '../../../../core/Template';
+import Template from '../../../core/Template';
 import { Popover } from 'devextreme-react/popover';
 import { getParentContainer } from '@devexpress/analytics-core/widgets/_utils';
 const PictureEditingToolbarOptions = ({ data }) => {

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

@@ -37,11 +37,11 @@ import DateRangeMobile from './ParametersPanel/DateRange/Mobile';
 import SignatureEditor from './Widgets/SignatureEditor';
 import MultiValue from './ParametersPanel/MultiValue/MultiValue';
 import MultiValueEditable from './ParametersPanel/MultiValue/MultiValueEditable';
-import PictureEditingToolbarOptions from './Widgets/PictureEditor/ToolbarPopup/PictureEditorToolbarPopup';
-import PictureEditingBrushOptions from './Widgets/PictureEditor/BrushOptions/PictureEditingBrushOptions';
-import PictureEditingImagePicker from './Widgets/PictureEditor/ImagesPicker/PictureEditingImagesPicker';
-import PictureEditingSizeOptions from './Widgets/PictureEditor/SizeOptions/PictureEditingSizeOptions';
-import PictureEditingImagePickerWithFilter from './Widgets/PictureEditor/ImagesPickerWithFilter/PictureEditingImagesPickerWithFilter';
+import PictureEditingToolbarOptions from './Widgets/ToolbarPopup/PictureEditorToolbarPopup';
+import PictureEditingBrushOptions from './Widgets/BrushOptions/PictureEditingBrushOptions';
+import PictureEditingImagePicker from './Widgets/ImagesPicker/PictureEditingImagesPicker';
+import PictureEditingSizeOptions from './Widgets/SizeOptions/PictureEditingSizeOptions';
+import PictureEditingImagePickerWithFilter from './Widgets/ImagesPickerWithFilter/PictureEditingImagesPickerWithFilter';
 import MobileSearch from './Mobile/Search';
 import MobileSurface from './Mobile/Surface';
 import MobilePaginator from './Mobile/Pages';

package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { JSReportParametersPanel } from 'devexpress-reporting/viewer/binding/jsReportParametersPanel';
 import { TemplateEngine } from '../core/template-engine';
-import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
-import 'devexpress-reporting/dx-reporting-svg-templates';
+import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
+import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
 export type DxParametersPanelProps = {
     height?: string;
     width?: string;

package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.js

@@ -9,8 +9,8 @@ import AccessibilitySettingsProvider from '../components/core/AccessibilitySetti
 import TemplateEngineProvider from '../components/core/TemplateEngineProvider';
 import Template from '../components/core/Template';
 import { ViewModelChangedEvent, viewModelGeneratorSettings } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
-import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
-import 'devexpress-reporting/dx-reporting-svg-templates';
+import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
+import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
 const validChildComponents = {
     'callbacks': { component: Callbacks },
     'requestOptions': { component: RequestOptions },

package/dx-report-viewer/index.d.ts

@@ -8,6 +8,9 @@ import RequestOptions from './options/RequestOptions';
 import SearchSettings from './options/SearchSettings';
 import TabPanelSettings from './options/TabPanelSettings';
 import { TemplateEngine } from './core/template-engine';
-export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestOptions, SearchSettings, TabPanelSettings, DxReportViewer, TemplateEngine };
+import AISettings from './options/aiSettings/AISettings';
+import SummarizationSettings from './options/aiSettings/SummarizationSettings';
+import TranslationSettings from './options/aiSettings/TranslationSettings';
+export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestOptions, SearchSettings, TabPanelSettings, DxReportViewer, AISettings, SummarizationSettings, TranslationSettings, TemplateEngine };
 export type { DxReportViewerProps, DxReportViewerRef };
 export default DxReportViewer;

package/dx-report-viewer/index.js

@@ -8,5 +8,8 @@ import RequestOptions from './options/RequestOptions';
 import SearchSettings from './options/SearchSettings';
 import TabPanelSettings from './options/TabPanelSettings';
 import { TemplateEngine } from './core/template-engine';
-export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestOptions, SearchSettings, TabPanelSettings, DxReportViewer, TemplateEngine };
+import AISettings from './options/aiSettings/AISettings';
+import SummarizationSettings from './options/aiSettings/SummarizationSettings';
+import TranslationSettings from './options/aiSettings/TranslationSettings';
+export { Callbacks, ExportSettings, MobileModeSettings, ProgressBarSettings, RemoteSettings, RequestOptions, SearchSettings, TabPanelSettings, DxReportViewer, AISettings, SummarizationSettings, TranslationSettings, TemplateEngine };
 export default DxReportViewer;

package/dx-report-viewer/options/aiSettings/AISettings.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+export declare const validChildComponents: {
+    translationSettings: {
+        component: FunctionComponent<{
+            translationEnabled?: boolean;
+            inlineTranslationEnabled?: boolean;
+            languages?: import("devexpress-reporting/dx-webdocumentviewer").AILanguageInfo[];
+        }>;
+    };
+    summarizationSettings: {
+        component: FunctionComponent<{
+            summarizationEnabled?: boolean;
+        }>;
+    };
+};
+type AISettingsPropsType = {
+    children: React.ReactNode | React.ReactNode[];
+};
+declare const AISettings: FunctionComponent<AISettingsPropsType>;
+export default AISettings;

package/dx-report-viewer/options/aiSettings/AISettings.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import TranslationSettings from './TranslationSettings';
+import SummarizationSettings from './SummarizationSettings';
+export const validChildComponents = {
+    'translationSettings': { component: TranslationSettings },
+    'summarizationSettings': { component: SummarizationSettings }
+};
+const AISettings = () => null;
+AISettings.displayName = 'DxReportViewerAISettings';
+AISettings.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+};
+export default AISettings;

package/dx-report-viewer/options/aiSettings/SummarizationSettings.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+type SummarizationSettingsPropsType = {
+    summarizationEnabled?: boolean;
+};
+declare const SummarizationSettings: FunctionComponent<SummarizationSettingsPropsType>;
+export default SummarizationSettings;

package/dx-report-viewer/options/aiSettings/SummarizationSettings.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+const SummarizationSettings = () => null;
+SummarizationSettings.displayName = 'DxReportViewerAISummarizationSettings';
+SummarizationSettings.propTypes = {
+    summarizationEnabled: PropTypes.bool,
+};
+export default SummarizationSettings;

package/dx-report-viewer/options/aiSettings/TranslationSettings.d.ts

@@ -0,0 +1,9 @@
+import { AILanguageInfo } from 'devexpress-reporting/dx-webdocumentviewer';
+import { FunctionComponent } from 'react';
+type TranslationSettingsPropsType = {
+    translationEnabled?: boolean;
+    inlineTranslationEnabled?: boolean;
+    languages?: AILanguageInfo[];
+};
+declare const TranslationSettings: FunctionComponent<TranslationSettingsPropsType>;
+export default TranslationSettings;

package/dx-report-viewer/options/aiSettings/TranslationSettings.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+const TranslationSettings = () => null;
+TranslationSettings.displayName = 'DxReportViewerAITranslationSettings';
+TranslationSettings.propTypes = {
+    translationEnabled: PropTypes.bool,
+    inlineTranslationEnabled: PropTypes.bool,
+    languages: PropTypes.array,
+};
+export default TranslationSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devexpress-reporting-react",
-  "version": "24.2.7",
+  "version": "25.1.2-beta",
   "homepage": "https://www.devexpress.com/",
   "bugs": "https://www.devexpress.com/support/",
   "author": "Developer Express Inc.",
@@ -15,25 +15,20 @@
   "license": "SEE LICENSE IN README.md",
   "main": "./index.js",
   "dependencies": {
-    "devexpress-reporting": "24.2.7",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {
-    "devextreme-react": "24.2.7",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "devDependencies": {
-    "@devexpress/analytics-core": "24.2.7",
     "@types/prop-types": "15.7.13",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.28",
-    "shx": "^0.3.4",
-    "typescript": "<5.3.0"
+    "devextreme-react": "25.1.2-beta",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@devexpress/analytics-core": "25.1.2-beta",
+    "devexpress-reporting": "25.1.2-beta"
   },
+  "commitSHA": "f353221847f38d0e899a6ae012045638c3e0346e",
   "scripts": {
-    "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"
-}
+    "build": "echo done"
+  }
+}