@progress/telerik-react-report-viewer 21.24.305 → 22.24.514

Sign up to get free protection for your applications and to get access to all the features.
@@ -4,8 +4,8 @@
4
4
  <title>Telerik HTML5 Report Viewer Templates</title>
5
5
 
6
6
  <!--Telerik served resources. For more information see: http://docs.telerik.com/reporting/html5-report-viewer-styling-and-appearance -->
7
- <link href="{service}resources/font/fonticons-18.0.24.305.css/" rel="stylesheet" />
8
- <link href="{service}resources/styles/telerikReportViewer-18.0.24.305.css/" rel="stylesheet" />
7
+ <link href="{service}resources/font/fonticons-18.1.24.514.css/" rel="stylesheet" />
8
+ <link href="{service}resources/styles/telerikReportViewer-18.1.24.514.css/" rel="stylesheet" />
9
9
 
10
10
  </head>
11
11
  <body>
@@ -329,4 +329,4 @@
329
329
 
330
330
  </body>
331
331
  </html>
332
- <!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM c1fbd8211a806a65df0cf9af455454e6 -->
332
+ <!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM bd39a398fdca7a3b406b86297d82bac0 -->
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import './index.css';
3
+ import { ReportViewer } from './reportViewer';
4
+ import { createRoot } from 'react-dom/client';
5
+ const container = document.getElementById('root');
6
+ const root = createRoot(container);
7
+ root.render( /*#__PURE__*/React.createElement(ReportViewer, null));
@@ -0,0 +1,32 @@
1
+ import React from 'react';
2
+ import { TelerikReportViewer } from '@progress/telerik-react-report-viewer/dist/cjs/main';
3
+ export function ReportViewer() {
4
+ let viewer;
5
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TelerikReportViewer, {
6
+ ref: el => viewer = el,
7
+ serviceUrl: "http://localhost:59657/api/reports/",
8
+ reportSource: {
9
+ report: 'Report Catalog.trdp',
10
+ parameters: {}
11
+ },
12
+ viewerContainerStyle: {
13
+ position: 'absolute',
14
+ left: '5px',
15
+ right: '5px',
16
+ top: '40px',
17
+ bottom: '5px',
18
+ overflow: 'hidden',
19
+ clear: 'both',
20
+ fontFamily: 'ms sans serif'
21
+ },
22
+ viewMode: "INTERACTIVE",
23
+ scaleMode: "SPECIFIC",
24
+ scale: 1.0,
25
+ enableAccessibility: false
26
+ }), /*#__PURE__*/React.createElement("button", {
27
+ id: "refresh-button",
28
+ onClick: () => viewer.refreshReport()
29
+ }, "Refresh"), /*#__PURE__*/React.createElement("button", {
30
+ onClick: () => viewer.commands.print.exec()
31
+ }, "Print"));
32
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/telerik-react-report-viewer",
3
3
  "description": "Progress® Telerik® Report Viewer for React",
4
- "version": "21.24.305",
4
+ "version": "22.24.514",
5
5
  "author": "Progress",
6
6
  "license": "See LICENSE.md",
7
7
  "homepage": "https://www.telerik.com/reporting",
@@ -64,5 +64,8 @@
64
64
  "jquery": "^1.10.0 || ^2.2.0 || ^3.7.0",
65
65
  "react": ">=16.8.6",
66
66
  "react-dom": ">=16.8.6"
67
+ },
68
+ "dependencies": {
69
+ "@progress/telerik-jquery-report-viewer": "22.24.514"
67
70
  }
68
71
  }