@progress/telerik-react-report-viewer 21.24.305 → 22.24.709
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +29 -29
- package/dist/cjs/index.js +10 -0
- package/dist/cjs/reportViewer.js +39 -0
- package/dist/dependencies/initExtDeps.js +4 -4
- package/dist/dependencies/telerikReportViewer.js +8346 -8506
- package/dist/dependencies/telerikReportViewerTemplate.html +6 -6
- package/dist/es/index.js +7 -0
- package/dist/es/reportViewer.js +32 -0
- package/package.json +4 -1
|
@@ -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.
|
|
8
|
-
<link href="{service}resources/styles/telerikReportViewer-18.
|
|
7
|
+
<link href="{service}resources/font/fonticons-18.1.24.709.css/" rel="stylesheet" />
|
|
8
|
+
<link href="{service}resources/styles/telerikReportViewer-18.1.24.709.css/" rel="stylesheet" />
|
|
9
9
|
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
<li aria-label="ariaLabelMenuPreviousPage"><a data-command="telerik_ReportViewer_goToPrevPage" title="menuPreviousPageTitle" href="#"><i class="k-icon k-i-seek-w"></i></a></li>
|
|
119
119
|
|
|
120
120
|
<li aria-label="ariaLabelMenuPageNumber" title="menuPageNumberTitle" class="trv-report-pager">
|
|
121
|
-
<input
|
|
121
|
+
<input data-role="telerik_ReportViewer_PageNumberInput" type="number" />
|
|
122
122
|
<span> / </span>
|
|
123
123
|
<span data-role="telerik_ReportViewer_PageCountLabel"></span>
|
|
124
124
|
</li>
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
|
|
152
152
|
<li aria-label="ariaLabelMenuPreviousPage"><a data-command="telerik_ReportViewer_goToPrevPage" title="menuPreviousPageTitle" href="#"><i class="k-icon k-i-seek-w"></i></a></li>
|
|
153
153
|
<li aria-label="ariaLabelMenuPageNumber" title="menuPageNumberTitle" class="trv-report-pager">
|
|
154
|
-
<input
|
|
154
|
+
<input data-role="telerik_ReportViewer_PageNumberInput" type="number" />
|
|
155
155
|
<span> / </span>
|
|
156
156
|
<span data-role="telerik_ReportViewer_PageCountLabel"></span>
|
|
157
157
|
</li>
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
<div data-id="trv-parameters-area" class="trv-parameters-area k-widget" data-role="telerik_ReportViewer_ParametersArea">
|
|
186
186
|
<div tabindex="300" class='trv-parameters-area-content' role="complementary"></div>
|
|
187
187
|
<div class='trv-parameters-area-footer'>
|
|
188
|
-
<button tabindex="399" aria-label="ariaLabelParametersAreaPreviewButton" class='k-button k-primary trv-parameters-area-preview-button'>parametersAreaPreviewButton</button>
|
|
188
|
+
<button tabindex="399" aria-label="ariaLabelParametersAreaPreviewButton" class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary trv-parameters-area-preview-button'>parametersAreaPreviewButton</button>
|
|
189
189
|
</div>
|
|
190
190
|
<div class='trv-error-pane k-tooltip-validation k-widget'>
|
|
191
191
|
<div class='trv-error-message'></div>
|
|
@@ -329,4 +329,4 @@
|
|
|
329
329
|
|
|
330
330
|
</body>
|
|
331
331
|
</html>
|
|
332
|
-
<!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM
|
|
332
|
+
<!-- DO NOT MODIFY OR DELETE THIS LINE! UPGRADE WIZARD CHECKSUM 2f81815c2304858bc70205911ab3f1f9 -->
|
package/dist/es/index.js
ADDED
|
@@ -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": "
|
|
4
|
+
"version": "22.24.709",
|
|
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.709"
|
|
67
70
|
}
|
|
68
71
|
}
|