@jspreadsheet/react 11.0.0-beta.8 → 11.0.3

package/dist/index.d.ts

@@ -14,9 +14,15 @@ interface Worksheet {
     [key: string]: any
 }
 
+interface Picker {
+    (): any
+    [key: string]: any
+}
+
 declare function Spreadsheet<Spreadsheet>(props: Spreadsheet): any;
 declare function Worksheet<Worksheet>(props: Worksheet): any;
+declare function Picker<Picker>(props: Picker): any;
 
 import jspreadsheet from "jspreadsheet";
 
-export { Spreadsheet, Worksheet, jspreadsheet };
+export { Spreadsheet, Worksheet, Picker, jspreadsheet };

package/dist/index.js

@@ -39,7 +39,7 @@ const Spreadsheet = React.forwardRef((props, mainReference) => {
                 // Extract worksheet options
                 extractWorksheetProperties.call(options, v.props);
             });
-        } else {
+        } else if (props.children) {
             // Extract worksheet options
             extractWorksheetProperties.call(options, props.children.props);
         }
@@ -55,7 +55,7 @@ const Spreadsheet = React.forwardRef((props, mainReference) => {
 
     useEffect(() => {
         // @ts-ignore
-        if (! jssDom.current.innerText && ! mainReference.current) {
+        if (! jssDom.current.textContent && ! mainReference.current) {
             mainReference.current = jspreadsheet(jssDom.current, options);
         }
     }, []);
@@ -75,4 +75,33 @@ function Worksheet () {
     return (null);
 }
 
-export { Spreadsheet, Worksheet, jspreadsheet };
+// @ts-ignore
+const Picker = React.forwardRef((props, mainReference) => {
+
+    // Dom element
+    const jssDom = useRef(null);
+
+    // Get the properties for the spreadsheet
+    let options = { ...props };
+
+    useEffect(() => {
+        if (! jssDom.current.textContent) {
+            let ret = jspreadsheet.picker(jssDom.current, options);
+            if (mainReference && ! mainReference.current) {
+                mainReference.current = ret;
+            }
+        }
+    }, []);
+
+    let prop = {
+        ref: jssDom
+    };
+
+    if (typeof(options.id) !== 'undefined') {
+        prop.id = options.id;
+    }
+
+    return React.createElement("div", prop);
+});
+
+export { Spreadsheet, Worksheet, Picker, jspreadsheet };

package/package.json

@@ -20,9 +20,9 @@
         "react"
     ],
     "dependencies": {
-        "jspreadsheet": "^11.0.0-beta.8"
+        "jspreadsheet": "^11.0.3"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "11.0.0-beta.8"
+    "version": "11.0.3"
 }