stimulsoft-reports-js-react 2025.2.1

package/designer.js

@@ -0,0 +1,75 @@
+import React from "react";
+import { } from "./stimulsoft.reports.engine.mjs";
+import { } from "./stimulsoft.reports.chart.mjs";
+import { } from "./stimulsoft.reports.export.mjs";
+import { } from "./stimulsoft.reports.import.xlsx.mjs";
+import { } from "./stimulsoft.reports.maps.mjs";
+import { } from "./stimulsoft.viewer.mjs";
+import { } from "./stimulsoft.designer.mjs";
+import { Stimulsoft } from "./stimulsoft.blockly.editor.mjs";
+
+export class Designer extends React.Component {
+    #designer;
+    #parentRef = React.createRef();
+
+    #createDesigner() {
+        this.#designer = new Stimulsoft.Designer.StiDesigner(this.props.options, this.props.id, false);
+        this.#designer.renderHtml(this.#parentRef.current);
+        this.#bindEvents();
+
+        this.#designer.visible = this.props.visible ?? true;
+    }
+
+    #bindEvents() {
+        if (typeof this.props.onPrepareVariables == "function") this.#designer.onPrepareVariables = this.props.onPrepareVariables?.bind(this);
+        if (typeof this.props.onBeginProcessData == "function") this.#designer.onBeginProcessData = this.props.onBeginProcessData?.bind(this);
+        if (typeof this.props.onEndProcessData == "function") this.#designer.onEndProcessData = this.props.onEndProcessData?.bind(this);
+        if (typeof this.props.onCreateReport == "function") this.#designer.onCreateReport = this.props.onCreateReport?.bind(this);
+        if (typeof this.props.onCloseReport == "function") this.#designer.onCloseReport = this.props.onCloseReport?.bind(this);
+        if (typeof this.props.onOpenReport == "function") this.#designer.onOpenReport = (args, callback) => {
+            args.preventDefault = false;
+            this.props.onOpenReport?.bind(this)(args, callback);
+        }
+        if (typeof this.props.onOpenedReport == "function") this.#designer.onOpenedReport = this.props.onOpenedReport.bind(this);
+        if (typeof this.props.onSaveReport == "function") this.#designer.onSaveReport = (args, callback) => {
+            args.preventDefault = false;
+            this.props.onSaveReport?.bind(this)(args, callback);
+        }
+        if (typeof this.props.onSaveAsReport == "function") this.#designer.onSaveAsReport = this.props.onSaveAsReport?.bind(this);
+        if (typeof this.props.onPreviewReport == "function") this.#designer.onPreviewReport = this.props.onPreviewReport?.bind(this);
+        if (typeof this.props.onExit == "function") this.#designer.onExit = this.props.onExit?.bind(this);
+
+        if (typeof this.props.onAssignedReport == "function") this.#designer.onAssignedReport = this.props.onAssignedReport?.bind(this);
+    }
+
+    componentDidMount() {
+        this.#createDesigner();
+        this.#designer.report = this.props.report;
+    }
+
+    componentWillUnmount() {
+        if (this.#designer != null)
+            this.#designer.dispose();
+    }
+
+    componentDidUpdate(prevProps) {
+        if (this.props.options !== prevProps.options) {
+            this.#createDesigner();
+            this.#designer.report = this.props.report;
+        }
+        if (this.props.report !== prevProps.report)
+            this.#designer.report = this.props.report;
+        if (this.props.visible !== prevProps.visible)
+            this.#designer.visible = this.props.visible;
+        if (this.props.id !== prevProps.id) {
+            this.#createDesigner();
+            this.#designer.report = this.props.report;
+        }
+    }
+
+    render() {
+        return React.createElement('div', { ref: this.#parentRef });
+    }
+}
+
+export { Stimulsoft };

package/index.d.ts

@@ -0,0 +1,2 @@
+import { Stimulsoft } from "./stimulsoft.reports"
+export { Stimulsoft }

package/index.js

@@ -0,0 +1,6 @@
+import { } from "./stimulsoft.reports.engine.mjs";
+import { } from "./stimulsoft.reports.chart.mjs";
+import { } from "./stimulsoft.reports.export.mjs";
+import { } from "./stimulsoft.reports.import.xlsx.mjs";
+import { Stimulsoft } from "./stimulsoft.reports.maps.mjs";
+export { Stimulsoft };

package/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "stimulsoft-reports-js-react",
+    "version": "2025.2.1",
+    "description": "Stimulsoft Reports.JS is a reporting tool for React",
+    "main": "index.js",
+    "types": "index.d.ts",
+    "type": "module",
+    "keywords": [
+        "Stimulsoft",
+        "Reports",
+        "Stimulsoft.Reports.JS",
+        "Reporting tool",
+        "Report builder",
+        "Report generator",
+        "Data visualization",
+        "Data analytics",
+        "Create reports",
+        "Business intelligence",
+        "Reporting software",
+        "JavaScript Report Designer",
+        "JavaScript Report Viewer",
+        "React reporting tool"
+    ],
+    "files": [
+        "THIRD-PARTY.md",
+        "LICENSE.md",
+        "package.json",
+        "README.md",
+        "*.d.ts",
+        "*.mjs",
+        "*.js"
+    ],
+    "author": {
+        "name": "Stimulsoft",
+        "url": "http://www.stimulsoft.com"
+    },
+    "homepage": "http://www.stimulsoft.com",
+    "license": "Closed Source",
+    "dependencies": {
+        "react": "^19.0.0"
+    }
+}