@jspreadsheet/react 9.4.1 → 9.4.3

package/dist/index.js

@@ -5,8 +5,6 @@ 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],
@@ -14,7 +12,10 @@ const extractWorksheetProperties = function(props) {
     });
 }
 
-export const Spreadsheet = React.forwardRef((props, mainReference) => {
+window.jspreadsheet = jspreadsheet;
+
+// @ts-ignore
+const Spreadsheet = React.forwardRef((props, mainReference) => {
     // Set the license
     if (props.license) {
         jspreadsheet.setLicense(props.license);
@@ -27,36 +28,44 @@ export const Spreadsheet = React.forwardRef((props, mainReference) => {
     const jssDom = useRef(null);
 
     // Get the properties for the spreadsheet
-    let options = { ...props, worksheets: [] };
+    let options = { ...props };
 
-    // Get all the properties from the worksheets
-    if (Array.isArray(props.children)) {
-        // Multiple worksheets
-        props.children.map(function (v) {
+    if (! options.worksheets) {
+        // Create the worksheets
+        options.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, v.props);
-        });
-    } else {
-        // Extract worksheet options
-        extractWorksheetProperties.call(options, props.children.props);
+            extractWorksheetProperties.call(options, props.children.props);
+        }
     }
 
-    /*useEffect(() => {
+    /*useEffect(function() {
+        // Track changes in the data
         if (jssDom.current.innerText) {
-            mainReference.current[0].setData(JSON.parse(JSON.stringify(options.worksheets[1].data)))
+            mainReference.current[0].setData(JSON.parse(JSON.stringify(options.worksheets[0].data)))
         }
     }, [options.worksheets[0].data]);*/
 
+
     useEffect(() => {
+        // @ts-ignore
         if (! jssDom.current.innerText) {
             mainReference.current = jspreadsheet(jssDom.current, options);
         }
     }, []);
 
-    return (<div ref={jssDom}></div>);
-
+    return React.createElement("div", { ref: jssDom });
 })
 
-export function Worksheet () {
+function Worksheet () {
     return (null);
 }
+
+export { Spreadsheet, Worksheet, jspreadsheet };

package/package.json

@@ -24,5 +24,5 @@
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "9.4.1"
+    "version": "9.4.3"
 }