@kaspernj/api-maker 1.0.406 → 1.0.408

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.406",
+  "version": "1.0.408",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/form.jsx

@@ -2,14 +2,15 @@ import {createContext, memo, useContext, useMemo} from "react"
 import BaseComponent from "./base-component"
 import FormDataObjectizer from "form-data-objectizer"
 import {Platform} from "react-native"
+import PropTypes from "prop-types"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 
 const FormContext = createContext(null)
 
 class FormInputs {
-  constructor({onSubmit}) {
+  constructor(props) {
     this.inputs = {}
-    this.onSubmit = onSubmit
+    this.onSubmit = props?.onSubmit
   }
 
   asObject() {
@@ -47,8 +48,15 @@ class FormInputs {
 }
 
 const Form = memo(shapeComponent(class Form extends BaseComponent {
+  static propTypes = {
+    children: PropTypes.node,
+    formRef: PropTypes.object,
+    onSubmit: PropTypes.func,
+    setForm: PropTypes.func
+  }
+
   render() {
-    const {children, onSubmit, setForm, ...restProps} = this.props
+    const {children, formRef, onSubmit, setForm, ...restProps} = this.props
     const form = useMemo(() => new FormInputs({onSubmit}), [])
 
     useMemo(() => {
@@ -60,7 +68,7 @@ const Form = memo(shapeComponent(class Form extends BaseComponent {
     return (
       <FormContext.Provider value={form}>
         {Platform.OS == "web" &&
-          <form onSubmit={this.tt.onFormSubmit} {...restProps}>
+          <form ref={formRef} onSubmit={this.tt.onFormSubmit} {...restProps}>
             {children}
           </form>
         }