ActiveReportsJS: Breaking Changes

ActiveReportsJS version 2.0 brings several breaking changes.

Report Viewer Component packaging

In ActiveReportsJs v1.2, you could initialize the Report Viewer component instance by using the following code.

import { Viewer } from "@grapecity/activereports/viewer"

const viewer = new Viewer("#viewer-host");

or

const viewer = new GC.ActiveReports.Viewer.Viewer("#viewer-host");

or

const viewer = ActiveReports.Viewer("#viewer-host");

In v2.0 we altered the packaging, and the same code should be written like this:

import { Viewer } from '@grapecity/activereports/reportviewer';
const viewer = new Viewer("#viewer-host");

or

const viewer = new GC.ActiveReports.ReportViewer.Viewer("#viewer-host");

or

const viewer = new ActiveReports.Viewer("#viewer-host"); 

Report Viewer component stylesheet

Report Viewer component stylesheet now includes two files instead of one file. Visit Report Viewer Themes page for more information.

Deprecated methods

The following API has been deprecated, and we will remove it in the next version.

• Core.PageReport.LicenseKey. You can use Core.setLicenseKey method instead. Visit the Licensing page for more information.
• Core.registerFont, Viewer.registerFont, registerPdfFont. You can use Core.FontStore.registerFonts method instead.