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

Sign up to get free protection for your applications and to get access to all the features.
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.0.24.130
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
+ }