devexpress-reporting-react 24.2.6 → 25.1.1-alpha

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.
Files changed (7) hide show
  1. package/dx-report-viewer/DxReportViewer.d.ts +2 -2
  2. package/dx-report-viewer/DxReportViewer.js +2 -2
  3. package/dx-report-viewer/components/reporting/ReportPreview/Page/Page.js +13 -7
  4. package/dx-report-viewer/components/reporting/ReportPreview/Surface/Surface.js +9 -1
  5. package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.d.ts +2 -2
  6. package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.js +2 -2
  7. package/package.json +10 -15
package/dx-report-viewer/DxReportViewer.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { JSReportViewer } from 'devexpress-reporting/viewer/binding/jsReportViewer';
3
3
  import { TemplateEngine } from './core/template-engine';
4
- import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
5
- import 'devexpress-reporting/dx-reporting-svg-templates';
4
+ import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
5
+ import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
6
6
  export type DxReportViewerProps = {
7
7
  height?: string;
8
8
  width?: string;
package/dx-report-viewer/DxReportViewer.js CHANGED
@@ -15,8 +15,8 @@ import AccessibilitySettingsProvider from './components/core/AccessibilitySettin
15
15
  import TemplateEngineProvider from './components/core/TemplateEngineProvider';
16
16
  import Template from './components/core/Template';
17
17
  import { ViewModelChangedEvent, viewModelGeneratorSettings } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
18
- import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
19
- import 'devexpress-reporting/dx-reporting-svg-templates';
18
+ import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
19
+ import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
20
20
  const validChildComponents = {
21
21
  'callbacks': { component: Callbacks },
22
22
  'exportSettings': { component: ExportSettings },
package/dx-report-viewer/components/reporting/ReportPreview/Page/Page.js CHANGED
@@ -4,6 +4,7 @@ import useDxMutationObserver from '../../../../hooks/dxMutationObserver';
4
4
  import useDxBrickSelection from '../../../../hooks/dxBrickSelection';
5
5
  import useDxPreviewPageRenderer from '../../../../hooks/dxPreviewPageRenderer';
6
6
  import Menu from 'devextreme-react/menu';
7
+ import { LoadPanel } from 'devextreme-react';
7
8
  const EditingFieldsHolder = ({ editingFields, editingFieldsKeyboardHelper }) => {
8
9
  const mutationObserverRef = React.useRef();
9
10
  useDxMutationObserver(mutationObserverRef, editingFieldsKeyboardHelper);
@@ -23,6 +24,7 @@ const Page = ({ data }) => {
23
24
  const brickSelectionRef = React.useRef();
24
25
  useDxBrickSelection(brickSelectionRef, data.brickSelectionProg);
25
26
  useDxPreviewPageRenderer(brickSelectionRef, data.imageOptions);
27
+ const position = { of: '#' + data.page_id };
26
28
  const renderMenuItemTemplate = (item) => {
27
29
  return (React.createElement("div", { className: "dxrd-ai-floating-smart-tag-container" },
28
30
  item.text && (React.createElement("div", { className: "dxrd-ai-floating-smart-tag-text" }, item.text)),
@@ -33,12 +35,16 @@ const Page = ({ data }) => {
33
35
  const menuAttributes = {
34
36
  class: 'dxrd-control-ai-smart-tag dxd-icon-accented'
35
37
  };
36
- 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 },
37
- 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 },
38
- React.createElement("div", { className: "dxrd-report-preview-content-loading-panel dxrd-text-align-center", style: { paddingTop: data.height / 2.3 + 'px' } },
39
- React.createElement("div", { className: "dxrd-report-preview-content-loading-panel-text" }, data.loadingText))),
40
- React.createElement(Image, { data: data }),
41
- 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 } },
42
- 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) })))));
38
+ return (React.createElement("div", null,
39
+ React.createElement(LoadPanel, { position: position, visible: data.loading }),
40
+ 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 },
41
+ 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 },
42
+ React.createElement("div", { className: "dxrd-report-preview-content-loading-panel dxrd-text-align-center", style: { paddingTop: data.height / 2.3 + 'px' } },
43
+ React.createElement("div", { className: "dxrd-report-preview-content-loading-panel-text" }, data.loadingText))),
44
+ React.createElement(Image, { data: data }),
45
+ 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 } },
46
+ 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) }))),
47
+ data.aiServicesEnabled && data.aiCustomDocumentStorageId && (React.createElement("div", { className: "dxrd-report-preview-page-modified" },
48
+ React.createElement("span", { className: "dxrd-report-preview-page-modified-text" }, data.translatedPageBadgeText))))));
43
49
  };
44
50
  export default Page;
package/dx-report-viewer/components/reporting/ReportPreview/Surface/Surface.js CHANGED
@@ -5,6 +5,8 @@ import useDxMutationObserver from '../../../../hooks/dxMutationObserver';
5
5
  import useDxAutoFit from '../../../../hooks/dxAutoFit';
6
6
  import useDxLazyImages from '../../../../hooks/dxLazyImages';
7
7
  import useDxToView from '../../../../hooks/dxToView';
8
+ import { Button, Popup } from 'devextreme-react';
9
+ import { Position } from 'devextreme-react/cjs/popup';
8
10
  const MultiPageHolder = ({ lazyImagesOptions, pages }) => {
9
11
  const lazyImagesRef = React.useRef();
10
12
  useDxLazyImages(lazyImagesRef, lazyImagesOptions);
@@ -33,7 +35,13 @@ const Surface = ({ data }) => {
33
35
  React.createElement(Template, { template: "dxrd-preview-page", data: data.currentPage }))))),
34
36
  data.showMultipagePreview && !!data.currentPage && React.createElement(MultiPageHolder, { pages: data.pages, lazyImagesOptions: data.lazyImagesOptions }),
35
37
  React.createElement("div", { className: `dxrd-report-preview-placeholder ${!!data.currentPage ? 'dxrd-visually-hidden' : ''}` },
36
- React.createElement("div", { "aria-live": "assertive", "aria-atomic": "true", className: "dxd-empty-area-placeholder-text-color dxd-text-info" }, data.emptyDocumentCaption)))),
38
+ React.createElement("div", { "aria-live": "assertive", "aria-atomic": "true", className: "dxd-empty-area-placeholder-text-color dxd-text-info" }, data.emptyDocumentCaption))),
39
+ 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() },
40
+ React.createElement(Position, { at: "top", my: "top", of: "#dxrd-preview-ai-panel-id", collision: "fit" }),
41
+ React.createElement("span", { "data-bind": "text: exportTranslatedCodumentWarningMsg", className: "dxrd-preview-export-warning-popup-text" }, data.exportTranslatedCodumentWarningMsg),
42
+ React.createElement("div", { className: "dxrd-preview-export-warning-popup-button-group" },
43
+ React.createElement(Button, { text: data.exportTranslatedDocumentButtonText, onClick: () => data.exportTranslatedHandler(), className: "dxrd-preview-export-warning-popup-button dx-button-default" }),
44
+ React.createElement(Button, { text: data.exportOriginalDocumentButtonText, onClick: () => data.exportTranslatedCancel(), className: "dxrd-preview-export-warning-popup-button" })))),
37
45
  React.createElement("div", { id: "dxrd-preview-bricks-live-region", className: "dxrd-visually-hidden", "aria-live": "polite", "aria-atomic": "true" }),
38
46
  React.createElement("div", { id: "clipboard-container", className: "dxrd-position-absolute dxrd-top--100px" },
39
47
  React.createElement("textarea", { disabled: true, "aria-label": clipboardMessage, id: "clipboard" }))));
package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { JSReportParametersPanel } from 'devexpress-reporting/viewer/binding/jsReportParametersPanel';
3
3
  import { TemplateEngine } from '../core/template-engine';
4
- import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
5
- import 'devexpress-reporting/dx-reporting-svg-templates';
4
+ import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
5
+ import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
6
6
  export type DxParametersPanelProps = {
7
7
  height?: string;
8
8
  width?: string;
package/dx-report-viewer/dx-parameters-panel/DxParametersPanel.js CHANGED
@@ -9,8 +9,8 @@ import AccessibilitySettingsProvider from '../components/core/AccessibilitySetti
9
9
  import TemplateEngineProvider from '../components/core/TemplateEngineProvider';
10
10
  import Template from '../components/core/Template';
11
11
  import { ViewModelChangedEvent, viewModelGeneratorSettings } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
12
- import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
13
- import 'devexpress-reporting/dx-reporting-svg-templates';
12
+ import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
13
+ import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
14
14
  const validChildComponents = {
15
15
  'callbacks': { component: Callbacks },
16
16
  'requestOptions': { component: RequestOptions },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "devexpress-reporting-react",
3
- "version": "24.2.6",
3
+ "version": "25.1.1-alpha",
4
4
  "homepage": "https://www.devexpress.com/",
5
5
  "bugs": "https://www.devexpress.com/support/",
6
6
  "author": "Developer Express Inc.",
@@ -15,25 +15,20 @@
15
15
  "license": "SEE LICENSE IN README.md",
16
16
  "main": "./index.js",
17
17
  "dependencies": {
18
- "devexpress-reporting": "24.2.6",
19
18
  "prop-types": "^15.8.1"
20
19
  },
21
20
  "peerDependencies": {
22
- "devextreme-react": "24.2.6",
23
- "react": "^18.0.0 || ^19.0.0",
24
- "react-dom": "^18.0.0 || ^19.0.0"
25
- },
26
- "devDependencies": {
27
- "@devexpress/analytics-core": "24.2.6",
28
21
  "@types/prop-types": "15.7.13",
29
22
  "@types/react": "^18.0.28",
30
23
  "@types/react-dom": "^18.0.28",
31
- "shx": "^0.3.4",
32
- "typescript": "<5.3.0"
24
+ "devextreme-react": "25.1.1-alpha",
25
+ "react": "^18.0.0 || ^19.0.0",
26
+ "react-dom": "^18.0.0 || ^19.0.0",
27
+ "@devexpress/analytics-core": "25.1.1-alpha",
28
+ "devexpress-reporting": "25.1.1-alpha"
33
29
  },
30
+ "commitSHA": "6f72d986b42388ed6820228494e81485fc1304e0",
34
31
  "scripts": {
35
- "prebuild": "npx shx rm -rf dist && npx shx mkdir dist && npx shx cp README.md dist/ && npx shx cp package.json dist/",
36
- "build": "npx tsc --project tsconfig.lib.json"
37
- },
38
- "commitSHA": "edf23af9db6d66cd63e7dbb5eb65bc65486e1142"
39
- }
32
+ "build": "echo done"
33
+ }
34
+ }