@tanstack/react-form 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+<img src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />
+
+![TanStack Form Header](https://github.com/TanStack/form/raw/beta/media/repo-header.png)
+
+Hooks for managing form state in React
+
+<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
+  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
+</a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent">
+  <img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" />
+</a><a href="https://github.com/TanStack/form/actions?query=workflow%3A%22react-form+tests%22">
+<img src="https://github.com/TanStack/form/workflows/react-form%20tests/badge.svg" />
+</a><a href="https://www.npmjs.com/package/@tanstack/form-core" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/form-core.svg" />
+</a><a href="https://bundlephobia.com/package/@tanstack/react-form@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-form" />
+</a><a href="#badge">
+    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
+  </a><a href="https://github.com/TanStack/form/discussions">
+  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
+</a><a href="https://bestofjs.org/projects/tanstack-form"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%form%26since=daily" /></a><a href="https://github.com/TanStack/form/" target="\_parent">
+  <img alt="" src="https://img.shields.io/github/stars/TanStack/form.svg?style=social&label=Star" />
+</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
+  <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
+</a> <a href="https://gitpod.io/from-referrer/">
+  <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready-to-Code"/>
+</a>
+
+Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [TanStack Table](https://github.com/TanStack/table), [TanStack Router](https://github.com/tanstack/router), [TanStack Virtual](https://github.com/tanstack/virtual), [React Charts](https://github.com/TanStack/react-charts), [React Ranger](https://github.com/TanStack/ranger)
+
+## Visit [tanstack.com/form](https://tanstack.com/form) for docs, guides, API and more!
+
+### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)
+
+<!-- Use the force, Luke -->

package/build/cjs/Field.js

@@ -0,0 +1,57 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var formCore = require('@tanstack/form-core');
+var useField = require('./useField.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function createFieldComponent(formApi) {
+  const ConnectedField = props => /*#__PURE__*/React__namespace.createElement(Field, _rollupPluginBabelHelpers["extends"]({}, props, {
+    form: formApi
+  }));
+
+  return ConnectedField;
+}
+function Field({
+  children,
+  ...fieldOptions
+}) {
+  const fieldApi = useField.useField(fieldOptions);
+  return formCore.functionalUpdate(children, fieldApi);
+}
+
+exports.Field = Field;
+exports.createFieldComponent = createFieldComponent;
+//# sourceMappingURL=Field.js.map

package/build/cjs/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../src/Field.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  functionalUpdate,\n  type DeepKeys,\n  type DeepValue,\n  type FieldApi,\n  type FieldOptions,\n  type FormApi,\n} from '@tanstack/form-core'\nimport { useField } from './useField'\n\n//\n\nexport type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any\n  name: TField\n} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any\n\nexport function createFieldComponent<TFormData>(formApi: FormApi<TFormData>) {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} form={formApi} />\n  )\n  return ConnectedField\n}\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & FieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return functionalUpdate(children, fieldApi as any)\n}\n"],"names":["createFieldComponent","formApi","ConnectedField","props","React","Field","children","fieldOptions","fieldApi","useField","functionalUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,SAASA,oBAAT,CAAyCC,OAAzC,EAAsE;AAC3E,EAAA,MAAMC,cAAyC,GAAIC,KAAD,iBAChDC,gBAAC,CAAA,aAAA,CAAA,KAAD,2CAAYD,KAAZ,EAAA;AAA2B,IAAA,IAAI,EAAEF,OAAAA;GADnC,CAAA,CAAA,CAAA;;AAGA,EAAA,OAAOC,cAAP,CAAA;AACD,CAAA;AAEM,SAASG,KAAT,CAAiC;EACtCC,QADsC;EAEtC,GAAGC,YAAAA;AAFmC,CAAjC,EAK6B;AAClC,EAAA,MAAMC,QAAQ,GAAGC,iBAAQ,CAACF,YAAD,CAAzB,CAAA;AACA,EAAA,OAAOG,yBAAgB,CAACJ,QAAD,EAAWE,QAAX,CAAvB,CAAA;AACD;;;;;"}

package/build/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,33 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+exports["extends"] = _extends;
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/formContext.js

@@ -0,0 +1,54 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const formContext = /*#__PURE__*/React__namespace.createContext(null);
+function useFormContext(customFormApi) {
+  const formApi = React__namespace.useContext(formContext);
+
+  if (customFormApi) {
+    return customFormApi;
+  }
+
+  if (!formApi) {
+    throw new Error("You are trying to use the form API outside of a form!");
+  }
+
+  return formApi;
+}
+
+exports.formContext = formContext;
+exports.useFormContext = useFormContext;
+//# sourceMappingURL=formContext.js.map

package/build/cjs/formContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.js","sources":["../../src/formContext.ts"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any>>(null!)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,WAAW,gBAAGC,gBAAK,CAACC,aAAN,CAAkC,IAAlC,EAApB;AAEA,SAASC,cAAT,CAAwBC,aAAxB,EAAsD;AAC3D,EAAA,MAAMC,OAAO,GAAGJ,gBAAK,CAACK,UAAN,CAAiBN,WAAjB,CAAhB,CAAA;;AAEA,EAAA,IAAII,aAAJ,EAAmB;AACjB,IAAA,OAAOA,aAAP,CAAA;AACD,GAAA;;EAED,IAAI,CAACC,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAN,uDAAA,CAAA,CAAA;AACD,GAAA;;AAED,EAAA,OAAOF,OAAP,CAAA;AACD;;;;;"}

package/build/cjs/index.js

@@ -0,0 +1,27 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useForm = require('./useForm.js');
+var Field = require('./Field.js');
+var useField = require('./useField.js');
+
+
+
+exports.createFormComponent = useForm.createFormComponent;
+exports.useForm = useForm.useForm;
+exports.Field = Field.Field;
+exports.createFieldComponent = Field.createFieldComponent;
+exports.createUseField = useField.createUseField;
+exports.useField = useField.useField;
+//# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/useField.js

@@ -0,0 +1,71 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactStore = require('@tanstack/react-store');
+var formCore = require('@tanstack/form-core');
+var formContext = require('./formContext.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function createUseField(formApi) {
+  const useFormField = opts => {
+    return useField({ ...opts,
+      form: formApi
+    });
+  };
+
+  return useFormField;
+}
+function useField(opts) {
+  // invariant( // TODO:
+  //   opts.name,
+  //   `useField: A field is required to use this hook. eg, useField('myField', options)`
+  // )
+  // Get the form API either manually or from context
+  const formApi = formContext.useFormContext(opts.form);
+  const [fieldApi] = React__namespace.useState(() => new formCore.FieldApi({ ...opts,
+    form: formApi
+  })); // Keep options up to date as they are rendered
+
+  fieldApi.update({ ...opts,
+    form: formApi
+  });
+  reactStore.useStore(fieldApi.store); // Instantiates field meta and removes it when unrendered
+
+  React__namespace.useEffect(() => fieldApi.mount(), [fieldApi]);
+  return fieldApi;
+}
+
+exports.createUseField = createUseField;
+exports.useField = useField;
+//# sourceMappingURL=useField.js.map

package/build/cjs/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../src/useField.ts"],"sourcesContent":["import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  FormApi,\n} from '@tanstack/form-core'\nimport { FieldApi } from '@tanstack/form-core'\nimport { useFormContext } from './formContext'\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: TField } & FieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function createUseField<TFormData>(formApi: FormApi<TFormData>) {\n  const useFormField: UseField<TFormData> = (opts) => {\n    return useField({ ...opts, form: formApi } as any)\n  }\n\n  return useFormField\n}\n\nexport function useField<TData, TFormData>(\n  opts: FieldOptions<TData, TFormData> & {\n    // selector: (state: FieldApi<TData, TFormData>) => TSelected\n  },\n): FieldApi<TData, TFormData> {\n  // invariant( // TODO:\n  //   opts.name,\n  //   `useField: A field is required to use this hook. eg, useField('myField', options)`\n  // )\n\n  // Get the form API either manually or from context\n  const formApi = useFormContext(opts.form)\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(\n    () => new FieldApi({ ...opts, form: formApi }),\n  )\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(fieldApi.store)\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n"],"names":["createUseField","formApi","useFormField","opts","useField","form","useFormContext","fieldApi","React","useState","FieldApi","update","useStore","store","useEffect","mount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,SAASA,cAAT,CAAmCC,OAAnC,EAAgE;EACrE,MAAMC,YAAiC,GAAIC,IAAD,IAAU;AAClD,IAAA,OAAOC,QAAQ,CAAC,EAAE,GAAGD,IAAL;AAAWE,MAAAA,IAAI,EAAEJ,OAAAA;AAAjB,KAAD,CAAf,CAAA;GADF,CAAA;;AAIA,EAAA,OAAOC,YAAP,CAAA;AACD,CAAA;AAEM,SAASE,QAAT,CACLD,IADK,EAIuB;AAC5B;AACA;AACA;AACA;AAEA;AACA,EAAA,MAAMF,OAAO,GAAGK,0BAAc,CAACH,IAAI,CAACE,IAAN,CAA9B,CAAA;AAEA,EAAA,MAAM,CAACE,QAAD,CAAaC,GAAAA,gBAAK,CAACC,QAAN,CACjB,MAAM,IAAIC,iBAAJ,CAAa,EAAE,GAAGP,IAAL;AAAWE,IAAAA,IAAI,EAAEJ,OAAAA;GAA9B,CADW,CAAnB,CAT4B;;AAc5BM,EAAAA,QAAQ,CAACI,MAAT,CAAgB,EAAE,GAAGR,IAAL;AAAWE,IAAAA,IAAI,EAAEJ,OAAAA;GAAjC,CAAA,CAAA;AAEAW,EAAAA,mBAAQ,CAACL,QAAQ,CAACM,KAAV,CAAR,CAhB4B;;EAmB5BL,gBAAK,CAACM,SAAN,CAAgB,MAAMP,QAAQ,CAACQ,KAAT,EAAtB,EAAwC,CAACR,QAAD,CAAxC,CAAA,CAAA;AAEA,EAAA,OAAOA,QAAP,CAAA;AACD;;;;;"}

package/build/cjs/useForm.js

@@ -0,0 +1,96 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var formCore = require('@tanstack/form-core');
+var reactStore = require('@tanstack/react-store');
+var React = require('react');
+var Field = require('./Field.js');
+var useField = require('./useField.js');
+var formContext = require('./formContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+//
+function useForm(opts) {
+  const [formApi] = React__default["default"].useState(() => {
+    // @ts-ignore
+    const api = new formCore.FormApi(opts || {});
+    api.Form = createFormComponent(api);
+    api.Field = Field.createFieldComponent(api);
+    api.useField = useField.createUseField(api);
+
+    api.useStore = ( // @ts-ignore
+    selector) => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      return reactStore.useStore(api.store, selector);
+    };
+
+    api.Subscribe = ( // @ts-ignore
+    props) => {
+      return formCore.functionalUpdate(props.children, // eslint-disable-next-line react-hooks/rules-of-hooks
+      reactStore.useStore(api.store, props.selector));
+    };
+
+    return api;
+  }); // React.useEffect(() => formApi.mount(), [])
+
+  return formApi;
+}
+function createFormComponent(formApi) {
+  const Form = ({
+    children,
+    noFormElement,
+    ...rest
+  }) => {
+    const isSubmitting = formApi.useStore(state => state.isSubmitting);
+    return /*#__PURE__*/React__default["default"].createElement(formContext.formContext.Provider, {
+      value: formApi
+    }, noFormElement ? children : /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({
+      onSubmit: formApi.handleSubmit,
+      disabled: isSubmitting
+    }, rest), formApi.options.debugForm ? /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        margin: '2rem 0'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        fontWeight: 'bolder'
+      }
+    }, "Form State"), /*#__PURE__*/React__default["default"].createElement("pre", null, /*#__PURE__*/React__default["default"].createElement("code", null, JSON.stringify(formApi, safeStringifyReplace(), 2)))) : null, children));
+  };
+
+  return Form;
+}
+
+function safeStringifyReplace() {
+  const set = new Set();
+  return (_key, value) => {
+    if (typeof value === 'object' || Array.isArray(value)) {
+      if (set.has(value)) {
+        return '(circular value)';
+      }
+
+      set.add(value);
+    }
+
+    return typeof value === 'function' ? undefined : value;
+  };
+}
+
+exports.createFormComponent = createFormComponent;
+exports.useForm = useForm;
+//# sourceMappingURL=useForm.js.map

package/build/cjs/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sources":["../../src/useForm.tsx"],"sourcesContent":["import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { createFieldComponent, type FieldComponent } from './Field'\nimport { createUseField, type UseField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n//\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts || {})\n\n    api.Form = createFormComponent(api)\n    api.Field = createFieldComponent(api)\n    api.useField = createUseField(api)\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector),\n      ) as any\n    }\n\n    return api\n  })\n\n  // React.useEffect(() => formApi.mount(), [])\n\n  return formApi\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nexport function createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={formApi}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {formApi.options.debugForm ? (\n              <div\n                style={{\n                  margin: '2rem 0',\n                }}\n              >\n                <div\n                  style={{\n                    fontWeight: 'bolder',\n                  }}\n                >\n                  Form State\n                </div>\n                <pre>\n                  <code>\n                    {JSON.stringify(formApi, safeStringifyReplace(), 2)}\n                  </code>\n                </pre>\n              </div>\n            ) : null}\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n\nfunction safeStringifyReplace() {\n  const set = new Set()\n  return (_key: string, value: any) => {\n    if (typeof value === 'object' || Array.isArray(value)) {\n      if (set.has(value)) {\n        return '(circular value)'\n      }\n      set.add(value)\n    }\n    return typeof value === 'function' ? undefined : value\n  }\n}\n"],"names":["useForm","opts","formApi","React","useState","api","FormApi","Form","createFormComponent","Field","createFieldComponent","useField","createUseField","useStore","selector","store","Subscribe","props","functionalUpdate","children","noFormElement","rest","isSubmitting","state","formContext","_extends","handleSubmit","options","debugForm","margin","fontWeight","JSON","stringify","safeStringifyReplace","set","Set","_key","value","Array","isArray","has","add","undefined"],"mappings":"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"}

package/build/esm/index.js

@@ -0,0 +1,160 @@
+/**
+ * react-form
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+import { FieldApi, functionalUpdate, FormApi } from '@tanstack/form-core';
+import { useStore } from '@tanstack/react-store';
+import * as React from 'react';
+import React__default from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+const formContext = /*#__PURE__*/React.createContext(null);
+function useFormContext(customFormApi) {
+  const formApi = React.useContext(formContext);
+
+  if (customFormApi) {
+    return customFormApi;
+  }
+
+  if (!formApi) {
+    throw new Error("You are trying to use the form API outside of a form!");
+  }
+
+  return formApi;
+}
+
+function createUseField(formApi) {
+  const useFormField = opts => {
+    return useField({ ...opts,
+      form: formApi
+    });
+  };
+
+  return useFormField;
+}
+function useField(opts) {
+  // invariant( // TODO:
+  //   opts.name,
+  //   `useField: A field is required to use this hook. eg, useField('myField', options)`
+  // )
+  // Get the form API either manually or from context
+  const formApi = useFormContext(opts.form);
+  const [fieldApi] = React.useState(() => new FieldApi({ ...opts,
+    form: formApi
+  })); // Keep options up to date as they are rendered
+
+  fieldApi.update({ ...opts,
+    form: formApi
+  });
+  useStore(fieldApi.store); // Instantiates field meta and removes it when unrendered
+
+  React.useEffect(() => fieldApi.mount(), [fieldApi]);
+  return fieldApi;
+}
+
+function createFieldComponent(formApi) {
+  const ConnectedField = props => /*#__PURE__*/React.createElement(Field, _extends({}, props, {
+    form: formApi
+  }));
+
+  return ConnectedField;
+}
+function Field({
+  children,
+  ...fieldOptions
+}) {
+  const fieldApi = useField(fieldOptions);
+  return functionalUpdate(children, fieldApi);
+}
+
+//
+function useForm(opts) {
+  const [formApi] = React__default.useState(() => {
+    // @ts-ignore
+    const api = new FormApi(opts || {});
+    api.Form = createFormComponent(api);
+    api.Field = createFieldComponent(api);
+    api.useField = createUseField(api);
+
+    api.useStore = ( // @ts-ignore
+    selector) => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      return useStore(api.store, selector);
+    };
+
+    api.Subscribe = ( // @ts-ignore
+    props) => {
+      return functionalUpdate(props.children, // eslint-disable-next-line react-hooks/rules-of-hooks
+      useStore(api.store, props.selector));
+    };
+
+    return api;
+  }); // React.useEffect(() => formApi.mount(), [])
+
+  return formApi;
+}
+function createFormComponent(formApi) {
+  const Form = ({
+    children,
+    noFormElement,
+    ...rest
+  }) => {
+    const isSubmitting = formApi.useStore(state => state.isSubmitting);
+    return /*#__PURE__*/React__default.createElement(formContext.Provider, {
+      value: formApi
+    }, noFormElement ? children : /*#__PURE__*/React__default.createElement("form", _extends({
+      onSubmit: formApi.handleSubmit,
+      disabled: isSubmitting
+    }, rest), formApi.options.debugForm ? /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        margin: '2rem 0'
+      }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        fontWeight: 'bolder'
+      }
+    }, "Form State"), /*#__PURE__*/React__default.createElement("pre", null, /*#__PURE__*/React__default.createElement("code", null, JSON.stringify(formApi, safeStringifyReplace(), 2)))) : null, children));
+  };
+
+  return Form;
+}
+
+function safeStringifyReplace() {
+  const set = new Set();
+  return (_key, value) => {
+    if (typeof value === 'object' || Array.isArray(value)) {
+      if (set.has(value)) {
+        return '(circular value)';
+      }
+
+      set.add(value);
+    }
+
+    return typeof value === 'function' ? undefined : value;
+  };
+}
+
+export { Field, createFieldComponent, createFormComponent, createUseField, useField, useForm };
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/formContext.ts","../../src/useField.ts","../../src/Field.tsx","../../src/useForm.tsx"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<FormApi<any>>(null!)\n\nexport function useFormContext(customFormApi?: FormApi<any>) {\n  const formApi = React.useContext(formContext)\n\n  if (customFormApi) {\n    return customFormApi\n  }\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n","import * as React from 'react'\n//\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  FormApi,\n} from '@tanstack/form-core'\nimport { FieldApi } from '@tanstack/form-core'\nimport { useFormContext } from './formContext'\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: TField } & FieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function createUseField<TFormData>(formApi: FormApi<TFormData>) {\n  const useFormField: UseField<TFormData> = (opts) => {\n    return useField({ ...opts, form: formApi } as any)\n  }\n\n  return useFormField\n}\n\nexport function useField<TData, TFormData>(\n  opts: FieldOptions<TData, TFormData> & {\n    // selector: (state: FieldApi<TData, TFormData>) => TSelected\n  },\n): FieldApi<TData, TFormData> {\n  // invariant( // TODO:\n  //   opts.name,\n  //   `useField: A field is required to use this hook. eg, useField('myField', options)`\n  // )\n\n  // Get the form API either manually or from context\n  const formApi = useFormContext(opts.form)\n\n  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(\n    () => new FieldApi({ ...opts, form: formApi }),\n  )\n\n  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(fieldApi.store)\n\n  // Instantiates field meta and removes it when unrendered\n  React.useEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\n}\n","import * as React from 'react'\nimport {\n  functionalUpdate,\n  type DeepKeys,\n  type DeepValue,\n  type FieldApi,\n  type FieldOptions,\n  type FormApi,\n} from '@tanstack/form-core'\nimport { useField } from './useField'\n\n//\n\nexport type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any\n  name: TField\n} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any\n\nexport function createFieldComponent<TFormData>(formApi: FormApi<TFormData>) {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} form={formApi} />\n  )\n  return ConnectedField\n}\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & FieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n  return functionalUpdate(children, fieldApi as any)\n}\n","import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React from 'react'\nimport { createFieldComponent, type FieldComponent } from './Field'\nimport { createUseField, type UseField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\n    Field: FieldComponent<TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n//\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts || {})\n\n    api.Form = createFormComponent(api)\n    api.Field = createFieldComponent(api)\n    api.useField = createUseField(api)\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store, selector) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store, props.selector),\n      ) as any\n    }\n\n    return api\n  })\n\n  // React.useEffect(() => formApi.mount(), [])\n\n  return formApi\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nexport function createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={formApi}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {formApi.options.debugForm ? (\n              <div\n                style={{\n                  margin: '2rem 0',\n                }}\n              >\n                <div\n                  style={{\n                    fontWeight: 'bolder',\n                  }}\n                >\n                  Form State\n                </div>\n                <pre>\n                  <code>\n                    {JSON.stringify(formApi, safeStringifyReplace(), 2)}\n                  </code>\n                </pre>\n              </div>\n            ) : null}\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n\nfunction safeStringifyReplace() {\n  const set = new Set()\n  return (_key: string, value: any) => {\n    if (typeof value === 'object' || Array.isArray(value)) {\n      if (set.has(value)) {\n        return '(circular value)'\n      }\n      set.add(value)\n    }\n    return typeof value === 'function' ? undefined : value\n  }\n}\n"],"names":["formContext","React","createContext","useFormContext","customFormApi","formApi","useContext","Error","createUseField","useFormField","opts","useField","form","fieldApi","useState","FieldApi","update","useStore","store","useEffect","mount","createFieldComponent","ConnectedField","props","Field","children","fieldOptions","functionalUpdate","useForm","api","FormApi","Form","createFormComponent","selector","Subscribe","noFormElement","rest","isSubmitting","state","handleSubmit","options","debugForm","margin","fontWeight","JSON","stringify","safeStringifyReplace","set","Set","_key","value","Array","isArray","has","add","undefined"],"mappings":"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"}