export useField

sheppard · sheppard · commit 143ef07a6dbd · 2026-01-27T20:11:30.000Z
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/form-common/package.json b/packages/form-common/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@wq/form-common",
-    "version": "3.0.0-alpha.3",
+    "version": "3.0.0-alpha.4",
     "description": "Schema-based form generation and validation",
     "type": "module",
     "main": "index.js",
diff --git a/packages/form-common/src/components/AutoFormBase.js b/packages/form-common/src/components/AutoFormBase.js
@@ -13,6 +13,7 @@ const AutoFormBaseDefaults = {
             AutoInput,
             Form,
             CancelButton,
+            useField,
         },
     },
     AutoFormBaseFallback = {
diff --git a/packages/form-common/src/hooks.js b/packages/form-common/src/hooks.js
@@ -1,3 +1,5 @@
+export { useField } from "formik";
+
 const HTML5_INPUT_TYPES = {
     // Map XForm field types to <input type>
     barcode: false,
diff --git a/packages/form-native/jest.config.js b/packages/form-native/jest.config.js
@@ -2,4 +2,7 @@ export default {
     preset: "jest-expo",
     testMatch: ["**/__tests__/**/*.js?(x)"],
     transformIgnorePatterns: [],
+    moduleNameMapper: {
+        "@wq/form-native": "<rootDir>/src/index.js",
+    },
 };
diff --git a/packages/form-native/package-lock.json b/packages/form-native/package-lock.json
diff --git a/packages/form-native/package.json b/packages/form-native/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@wq/form-native",
-    "version": "3.0.0-alpha.2",
+    "version": "3.0.0-alpha.3",
     "description": "React Native and Expo bindings for @wq/material",
     "type": "module",
     "main": "src/index.js",
@@ -28,7 +28,7 @@
     },
     "homepage": "https://form.wq.io/@wq/form-native",
     "dependencies": {
-        "@wq/form-common": "^3.0.0-alpha.3",
+        "@wq/form-common": "^3.0.0-alpha.4",
         "@wq/react": "^3.0.0-alpha.0"
     },
     "peerDependencies": {
diff --git a/packages/form-native/src/__tests__/form.js b/packages/form-native/src/__tests__/form.js
@@ -0,0 +1,7 @@
+import * as form from "@wq/form/src/index.native.js";
+
+test("it loads", () => {
+    for (const key in form) {
+        expect(form).toHaveProperty(key, expect.anything());
+    }
+});
diff --git a/packages/form-web/package.json b/packages/form-web/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@wq/form-web",
-    "version": "3.0.0-alpha.2",
+    "version": "3.0.0-alpha.3",
     "description": "Web bindings for @wq/form",
     "type": "module",
     "main": "index.js",
@@ -29,7 +29,7 @@
     },
     "homepage": "https://form.wq.io/@wq/form-web",
     "dependencies": {
-        "@wq/form-common": "^3.0.0-alpha.3",
+        "@wq/form-common": "^3.0.0-alpha.4",
         "@wq/react": "^3.0.0-alpha.0"
     },
     "peerDependencies": {
diff --git a/packages/form/.npmignore b/packages/form/.npmignore
@@ -1,2 +1,4 @@
 __tests__
 *.tgz
+build.js
+resolve.js
diff --git a/packages/form/build.js b/packages/form/build.js
@@ -0,0 +1,28 @@
+import * as formCommon from "@wq/form-common";
+import * as formWeb from "@wq/form-web";
+import fs from "fs";
+
+const index = [];
+index.push("export {");
+for (const key in formCommon) {
+    index.push(`    ${key},`);
+}
+index.push('} from "@wq/form-common";');
+index.push("");
+
+index.push("export {");
+for (const key in formWeb) {
+    index.push(`    ${key},`);
+}
+index.push('} from "@wq/form-web";');
+
+const src = index.join("\n") + "\n";
+
+console.log("src/index.js");
+fs.writeFileSync("src/index.js", src);
+
+console.log("src/index.native.js");
+fs.writeFileSync(
+    "src/index.native.js",
+    src.replace(/@wq\/form-web/g, "@wq/form-native"),
+);
diff --git a/packages/form/package.json b/packages/form/package.json
@@ -1,12 +1,13 @@
 {
     "name": "@wq/form",
-    "version": "3.0.0-alpha.0",
+    "version": "3.0.0-alpha.1",
     "description": "Schema-driven Material UI + MapLibre forms for use with @wq/app",
     "type": "module",
     "main": "src/index.js",
     "react-native": "src/index.native.js",
     "scripts": {
         "test": "cd ../../ && npm run jest packages/form/",
+        "build": "node --import ./resolve.js build.js",
         "prettier": "cd ../../ && npm run prettier -- --write packages/form/",
         "lint": "cd ../../ && npm run eslint packages/form/{,src/,src/*/}*.js"
     },
diff --git a/packages/form/resolve.js b/packages/form/resolve.js
@@ -0,0 +1,32 @@
+import { register } from "node:module";
+
+register("./resolve.js", import.meta.url);
+
+export function resolve(specifier, context, nextResolve) {
+    if (specifier.endsWith(".js")) {
+        return nextResolve(specifier, context);
+    }
+    if (
+        context?.parentURL?.match(/mui2-file-dropzone\/dist\//) &&
+        specifier.startsWith(".")
+    ) {
+        if (specifier.endsWith("types")) {
+            specifier += "/index.js";
+        } else {
+            specifier += ".js";
+        }
+    }
+    if (specifier.match("@mui/material")) {
+        specifier += "/index.js";
+    }
+    if (specifier.match("@mui/utils") || specifier.match("@mui/system")) {
+        specifier = specifier.replace(
+            /@mui\/([^/]+)\/(.+)$/,
+            "@mui/$1/esm/$2/index.js",
+        );
+    }
+    if (specifier.endsWith("@mui/styled-engine")) {
+        specifier += "/index.js";
+    }
+    return nextResolve(specifier, context);
+}
diff --git a/packages/form/src/index.js b/packages/form/src/index.js
@@ -1,2 +1,55 @@
-export * from "@wq/form-common";
-export * from "@wq/form-web";
+export {
+    AutoFormBase,
+    AutoInput,
+    AutoSubform,
+    AutoSubformArray,
+    CancelButton,
+    ForeignKey,
+    Form,
+    GeoAccuracy,
+    GeoCode,
+    GeoCoords,
+    GeoHelp,
+    GeoInput,
+    GeoLocate,
+    GeoTools,
+    format,
+    initFormData,
+    parse,
+    useChoices,
+    useField,
+    useFilteredChoices,
+    useHtmlInput,
+    useSelectInput,
+    validate,
+} from "@wq/form-common";
+
+export {
+    AutoForm,
+    Checkbox,
+    Date,
+    DateTime,
+    DeleteForm,
+    Draw,
+    Fieldset,
+    FieldsetArray,
+    File,
+    FileArray,
+    FlatFieldset,
+    FormContainer,
+    FormError,
+    FormProvider,
+    FormRoot,
+    GeoHelpIcon,
+    HelperText,
+    Hidden,
+    IconSubmitButton,
+    Image,
+    Input,
+    Radio,
+    Select,
+    SubmitButton,
+    Time,
+    Toggle,
+    dateTime,
+} from "@wq/form-web";
diff --git a/packages/form/src/index.native.js b/packages/form/src/index.native.js
@@ -1,2 +1,55 @@
-export * from "@wq/form-common";
-export * from "@wq/form-native";
+export {
+    AutoFormBase,
+    AutoInput,
+    AutoSubform,
+    AutoSubformArray,
+    CancelButton,
+    ForeignKey,
+    Form,
+    GeoAccuracy,
+    GeoCode,
+    GeoCoords,
+    GeoHelp,
+    GeoInput,
+    GeoLocate,
+    GeoTools,
+    format,
+    initFormData,
+    parse,
+    useChoices,
+    useField,
+    useFilteredChoices,
+    useHtmlInput,
+    useSelectInput,
+    validate,
+} from "@wq/form-common";
+
+export {
+    AutoForm,
+    Checkbox,
+    Date,
+    DateTime,
+    DeleteForm,
+    Draw,
+    Fieldset,
+    FieldsetArray,
+    File,
+    FileArray,
+    FlatFieldset,
+    FormContainer,
+    FormError,
+    FormProvider,
+    FormRoot,
+    GeoHelpIcon,
+    HelperText,
+    Hidden,
+    IconSubmitButton,
+    Image,
+    Input,
+    Radio,
+    Select,
+    SubmitButton,
+    Time,
+    Toggle,
+    dateTime,
+} from "@wq/form-native";

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@wq/form-common",`
`3`		`- "version": "3.0.0-alpha.3",`
	`3`	`+ "version": "3.0.0-alpha.4",`
`4`	`4`	`"description": "Schema-based form generation and validation",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "index.js",`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+export { useField } from "formik";`
	`2`	`+`
`1`	`3`	`const HTML5_INPUT_TYPES = {`
`2`	`4`	`// Map XForm field types to <input type>`
`3`	`5`	`barcode: false,`