@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.
- package/README.md +29 -29
- package/dist/cjs/index.js +10 -0
- package/dist/cjs/reportViewer.js +39 -0
- package/dist/dependencies/telerikReportViewer.js +8562 -8605
- package/dist/dependencies/telerikReportViewerTemplate.html +3 -3
- package/dist/es/index.js +7 -0
- package/dist/es/reportViewer.js +32 -0
- package/package.json +4 -1
package/README.md
CHANGED
@@ -1,29 +1,29 @@
|
|
1
|
-
# Progress Telerik Report Viewer component for React
|
2
|
-
|
3
|
-
This package is part of [Telerik Reporting](https://www.telerik.com/reporting).
|
4
|
-
|
5
|
-
This React component is a report viewer that will ensure straightforward embedding of reports for preview.
|
6
|
-
The viewer is built as a wrapper of the Telerik Reporting HTML5 Report Viewer widget,
|
7
|
-
inheriting all its strengths, including:
|
8
|
-
|
9
|
-
* Navigate the report pages for preview on the screen
|
10
|
-
|
11
|
-
* Exercise the defined interactivities like navigate to another report or to a bookmark in the same one,
|
12
|
-
drill-down or sort on a column, etc.
|
13
|
-
|
14
|
-
* Print or export the report to all the formats we support, including PDF and Excel
|
15
|
-
|
16
|
-
While the component is not native (the theming mechanism uses Kendo UI for jQuery
|
17
|
-
and has a dependency to jQuery itself), it brings reporting value to your React applications
|
18
|
-
in no time.
|
19
|
-
|
20
|
-
This version of the React Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 18.
|
21
|
-
|
22
|
-
## License
|
23
|
-
|
24
|
-
**IMPORTANT** This is commercial software. You must agree to the
|
25
|
-
[Telerik End User License Agreement for Telerik Reporting](https://www.telerik.com/purchase/license-agreement/reporting-dlw-s) to use it.
|
26
|
-
|
27
|
-
If you do not own a commercial license, the use of this product shall be governed by the trial license terms.
|
28
|
-
|
29
|
-
Telerik Reporting licenses may be obtained through the [Telerik Reporting page](https://www.telerik.com/purchase/individual/reporting).
|
1
|
+
# Progress Telerik Report Viewer component for React
|
2
|
+
|
3
|
+
This package is part of [Telerik Reporting](https://www.telerik.com/reporting).
|
4
|
+
|
5
|
+
This React component is a report viewer that will ensure straightforward embedding of reports for preview.
|
6
|
+
The viewer is built as a wrapper of the Telerik Reporting HTML5 Report Viewer widget,
|
7
|
+
inheriting all its strengths, including:
|
8
|
+
|
9
|
+
* Navigate the report pages for preview on the screen
|
10
|
+
|
11
|
+
* Exercise the defined interactivities like navigate to another report or to a bookmark in the same one,
|
12
|
+
drill-down or sort on a column, etc.
|
13
|
+
|
14
|
+
* Print or export the report to all the formats we support, including PDF and Excel
|
15
|
+
|
16
|
+
While the component is not native (the theming mechanism uses Kendo UI for jQuery
|
17
|
+
and has a dependency to jQuery itself), it brings reporting value to your React applications
|
18
|
+
in no time.
|
19
|
+
|
20
|
+
This version of the React Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 18.1.24.514
|
21
|
+
|
22
|
+
## License
|
23
|
+
|
24
|
+
**IMPORTANT** This is commercial software. You must agree to the
|
25
|
+
[Telerik End User License Agreement for Telerik Reporting](https://www.telerik.com/purchase/license-agreement/reporting-dlw-s) to use it.
|
26
|
+
|
27
|
+
If you do not own a commercial license, the use of this product shall be governed by the trial license terms.
|
28
|
+
|
29
|
+
Telerik Reporting licenses may be obtained through the [Telerik Reporting page](https://www.telerik.com/purchase/individual/reporting).
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
4
|
+
require("./index.css");
|
5
|
+
var _reportViewer = require("./reportViewer");
|
6
|
+
var _client = require("react-dom/client");
|
7
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8
|
+
const container = document.getElementById('root');
|
9
|
+
const root = (0, _client.createRoot)(container);
|
10
|
+
root.render( /*#__PURE__*/_react.default.createElement(_reportViewer.ReportViewer, null));
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.ReportViewer = ReportViewer;
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
8
|
+
var _main = require("@progress/telerik-react-report-viewer/dist/cjs/main");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10
|
+
function ReportViewer() {
|
11
|
+
let viewer;
|
12
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_main.TelerikReportViewer, {
|
13
|
+
ref: el => viewer = el,
|
14
|
+
serviceUrl: "http://localhost:59657/api/reports/",
|
15
|
+
reportSource: {
|
16
|
+
report: 'Report Catalog.trdp',
|
17
|
+
parameters: {}
|
18
|
+
},
|
19
|
+
viewerContainerStyle: {
|
20
|
+
position: 'absolute',
|
21
|
+
left: '5px',
|
22
|
+
right: '5px',
|
23
|
+
top: '40px',
|
24
|
+
bottom: '5px',
|
25
|
+
overflow: 'hidden',
|
26
|
+
clear: 'both',
|
27
|
+
fontFamily: 'ms sans serif'
|
28
|
+
},
|
29
|
+
viewMode: "INTERACTIVE",
|
30
|
+
scaleMode: "SPECIFIC",
|
31
|
+
scale: 1.0,
|
32
|
+
enableAccessibility: false
|
33
|
+
}), /*#__PURE__*/_react.default.createElement("button", {
|
34
|
+
id: "refresh-button",
|
35
|
+
onClick: () => viewer.refreshReport()
|
36
|
+
}, "Refresh"), /*#__PURE__*/_react.default.createElement("button", {
|
37
|
+
onClick: () => viewer.commands.print.exec()
|
38
|
+
}, "Print"));
|
39
|
+
}
|