separate provider from AutoForm

Author: sheppard

packages/form-native/src/AutoForm.js

@@ -1,17 +1,11 @@
 import React from "react";
-import { withWQ } from "@wq/react";
-import { AutoFormBase, AutoInput, Form, CancelButton } from "@wq/form-common";
-import * as components from "./components/index.js";
+import { AutoFormBase } from "@wq/form-common";
+import FormProvider from "./FormProvider.js";
 
-const AutoFormDefaults = {
-    components: { ...components, AutoForm, AutoInput, Form, CancelButton },
-};
-
-function AutoForm(props) {
-    if (!props.action && !props.onSubmit && !props.form) {
-        return props.children || null;
-    }
-    return <AutoFormBase {...props} />;
+export default function AutoForm(props) {
+    return (
+        <FormProvider>
+            <AutoFormBase {...props} />
+        </FormProvider>
+    );
 }
-
-export default withWQ(AutoForm, { defaults: AutoFormDefaults });

packages/form-native/src/FormProvider.js

@@ -0,0 +1,19 @@
+import { Fragment } from "react";
+import { withWQ } from "@wq/react";
+import {
+    AutoFormBase as AutoForm,
+    AutoInput,
+    Form,
+    CancelButton,
+} from "@wq/form-common";
+import * as components from "./components/index.js";
+
+const FormProviderDefaults = {
+    components: { ...components, AutoForm, AutoInput, Form, CancelButton },
+};
+
+export default withWQ(
+    Fragment,
+    { defaults: FormProviderDefaults },
+    "FormProvider",
+);

packages/form-native/src/index.js

@@ -1,3 +1,4 @@
 import AutoForm from "./AutoForm.js";
-export { AutoForm };
+import FormProvider from "./FormProvider.js";
+export { AutoForm, FormProvider };
 export * from "./components/index.js";

packages/form-web/src/AutoForm.js

@@ -1,17 +1,11 @@
 import React from "react";
-import { withWQ } from "@wq/react";
-import { AutoFormBase, AutoInput, Form, CancelButton } from "@wq/form-common";
-import * as components from "./components/index.js";
+import { AutoFormBase } from "@wq/form-common";
+import FormProvider from "./FormProvider.js";
 
-const AutoFormDefaults = {
-    components: { ...components, AutoForm, AutoInput, Form, CancelButton },
-};
-
-function AutoForm(props) {
-    if (!props.action && !props.onSubmit && !props.form) {
-        return props.children || null;
-    }
-    return <AutoFormBase {...props} />;
+export default function AutoForm(props) {
+    return (
+        <FormProvider>
+            <AutoFormBase {...props} />
+        </FormProvider>
+    );
 }
-
-export default withWQ(AutoForm, { defaults: AutoFormDefaults });

packages/form-web/src/FormProvider.js

@@ -0,0 +1,19 @@
+import { Fragment } from "react";
+import { withWQ } from "@wq/react";
+import {
+    AutoFormBase as AutoForm,
+    AutoInput,
+    Form,
+    CancelButton,
+} from "@wq/form-common";
+import * as components from "./components/index.js";
+
+const FormProviderDefaults = {
+    components: { ...components, AutoForm, AutoInput, Form, CancelButton },
+};
+
+export default withWQ(
+    Fragment,
+    { defaults: FormProviderDefaults },
+    "FormProvider",
+);

packages/form-web/src/index.js

@@ -1,3 +1,4 @@
 import AutoForm from "./AutoForm.js";
-export { AutoForm };
+import FormProvider from "./FormProvider.js";
+export { AutoForm, FormProvider };
 export * from "./components/index.js";