@jspreadsheet/react 9.4.1

package/dist/index.js

@@ -0,0 +1,62 @@
+// @ts-nocheck
+import React, { useRef, useEffect  } from "react";
+import jspreadsheet from 'jspreadsheet';
+
+import "/node_modules/jspreadsheet/dist/jspreadsheet.css";
+import "/node_modules/jsuites/dist/jsuites.css";
+
+window.jspreadsheet = jspreadsheet;
+
+const extractWorksheetProperties = function(props) {
+    this.worksheets.push({
+        minDimensions: [10, 10],
+        ...props
+    });
+}
+
+export const Spreadsheet = React.forwardRef((props, mainReference) => {
+    // Set the license
+    if (props.license) {
+        jspreadsheet.setLicense(props.license);
+    }
+    // Set the extensions
+    if (props.extensions) {
+        jspreadsheet.setExtensions(props.extensions);
+    }
+    // Dom element
+    const jssDom = useRef(null);
+
+    // Get the properties for the spreadsheet
+    let options = { ...props, worksheets: [] };
+
+    // Get all the properties from the worksheets
+    if (Array.isArray(props.children)) {
+        // Multiple worksheets
+        props.children.map(function (v) {
+            // Extract worksheet options
+            extractWorksheetProperties.call(options, v.props);
+        });
+    } else {
+        // Extract worksheet options
+        extractWorksheetProperties.call(options, props.children.props);
+    }
+
+    /*useEffect(() => {
+        if (jssDom.current.innerText) {
+            mainReference.current[0].setData(JSON.parse(JSON.stringify(options.worksheets[1].data)))
+        }
+    }, [options.worksheets[0].data]);*/
+
+    useEffect(() => {
+        if (! jssDom.current.innerText) {
+            mainReference.current = jspreadsheet(jssDom.current, options);
+        }
+    }, []);
+
+    return (<div ref={jssDom}></div>);
+
+})
+
+export function Worksheet () {
+    return (null);
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "@jspreadsheet/react",
+    "title": "Jspreadsheet Pro React Wrapper",
+    "description": "Jspreadsheet is a lightweight, vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.",
+    "author": {
+        "name": "Contact <contact@jspreadsheet.com>",
+        "url": "https://jspreadsheet.com/v9"
+    },
+    "keywords": [
+        "spreadsheet",
+        "spreadsheets",
+        "tables",
+        "table",
+        "excel",
+        "grid",
+        "grid-editor",
+        "data-table",
+        "data-grid",
+        "data-spreadsheet",
+        "react"
+    ],
+    "dependencies": {
+        "jspreadsheet": "^9.4.1"
+    },
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "version": "9.4.1"
+}