@progress/telerik-react-report-viewer
Version:
Progress® Telerik® Report Viewer for React
43 lines • 1.34 kB
JavaScript
import { TelerikReportViewer } from '@progress/telerik-react-report-viewer/dist/cjs/main';
import { StringResources } from './stringResources.ts';
export function ReportViewer() {
let viewer = null;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TelerikReportViewer, {
ref: el => viewer = el,
serviceUrl: "http://localhost:59657/api/reports/",
reportSource: {
report: 'Report Catalog.trdp',
parameters: {}
},
viewerContainerStyle: {
position: 'absolute',
left: '5px',
right: '5px',
top: '40px',
bottom: '5px',
overflow: 'hidden',
clear: 'both',
fontFamily: 'ms sans serif'
},
viewMode: "INTERACTIVE",
scaleMode: "SPECIFIC",
scale: 1.0,
enableAccessibility: false,
localizationResources: getLocalizationResources()
}), /*#__PURE__*/React.createElement("button", {
id: "refresh-button",
onClick: () => viewer.refreshReport()
}, "Refresh"), /*#__PURE__*/React.createElement("button", {
onClick: () => viewer.commands.print.exec()
}, "Print"));
}
export function getLocalizationResources() {
switch (navigator.language) {
case "ja":
return StringResources.japanese;
case "bg":
return StringResources.bulgarian;
default:
return null;
}
}