@tanstack/react-form 0.0.7 → 0.0.8

package/build/cjs/Field.js

@@ -1,54 +0,0 @@
-/**
- * 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 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() {
-  const ConnectedField = props => /*#__PURE__*/React__namespace.createElement(Field, props);
-
-  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

@@ -1 +0,0 @@
-{"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} 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>() {\n  const ConnectedField: FieldComponent<TFormData> = (props) => (\n    <Field {...(props as any)} />\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","ConnectedField","props","React","Field","children","fieldOptions","fieldApi","useField","functionalUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,SAASA,oBAAT,GAA2C;EAChD,MAAMC,cAAyC,GAAIC,KAAD,iBAChDC,+BAAC,KAAD,EAAYD,KAAZ,CADF,CAAA;;AAGA,EAAA,OAAOD,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/types/react-form/src/Field.d.ts

@@ -1,9 +0,0 @@
-import { type DeepKeys, type DeepValue, type FieldApi, type FieldOptions } from '@tanstack/form-core';
-export type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({ children, ...fieldOptions }: {
-    children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any;
-    name: TField;
-} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any;
-export declare function createFieldComponent<TFormData>(): FieldComponent<TFormData>;
-export declare function Field<TData, TFormData>({ children, ...fieldOptions }: {
-    children: (fieldApi: FieldApi<TData, TFormData>) => any;
-} & FieldOptions<TData, TFormData>): any;

package/src/Field.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react'
-import {
-  functionalUpdate,
-  type DeepKeys,
-  type DeepValue,
-  type FieldApi,
-  type FieldOptions,
-} from '@tanstack/form-core'
-import { useField } from './useField'
-
-//
-
-export type FieldComponent<TFormData> = <TField extends DeepKeys<TFormData>>({
-  children,
-  ...fieldOptions
-}: {
-  children: (fieldApi: FieldApi<DeepValue<TFormData, TField>, TFormData>) => any
-  name: TField
-} & Omit<FieldOptions<DeepValue<TFormData, TField>, TFormData>, 'name'>) => any
-
-export function createFieldComponent<TFormData>() {
-  const ConnectedField: FieldComponent<TFormData> = (props) => (
-    <Field {...(props as any)} />
-  )
-  return ConnectedField
-}
-
-export function Field<TData, TFormData>({
-  children,
-  ...fieldOptions
-}: {
-  children: (fieldApi: FieldApi<TData, TFormData>) => any
-} & FieldOptions<TData, TFormData>) {
-  const fieldApi = useField(fieldOptions as any)
-  return functionalUpdate(children, fieldApi as any)
-}

package/src/useField.ts

@@ -1,50 +0,0 @@
-import * as React from 'react'
-//
-import { useStore } from '@tanstack/react-store'
-import type { DeepKeys, DeepValue, FieldOptions } from '@tanstack/form-core'
-import { FieldApi } from '@tanstack/form-core'
-import { useFormContext } from './formContext'
-import type { FormFactory } from './createFormFactory'
-
-declare module '@tanstack/form-core' {
-  // eslint-disable-next-line no-shadow
-  interface FieldOptions<TData, TFormData> {
-    formFactory?: FormFactory<TFormData>
-  }
-}
-
-export type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(
-  opts?: { name: TField } & FieldOptions<
-    DeepValue<TFormData, TField>,
-    TFormData
-  >,
-) => FieldApi<DeepValue<TFormData, TField>, TFormData>
-
-export function createUseField<TFormData>(): UseField<TFormData> {
-  return (opts) => {
-    return useField(opts as any)
-  }
-}
-
-export function useField<TData, TFormData>(
-  opts: FieldOptions<TData, TFormData> & {
-    // selector: (state: FieldApi<TData, TFormData>) => TSelected
-  },
-): FieldApi<TData, TFormData> {
-  // Get the form API either manually or from context
-  const formApi = useFormContext()
-
-  const [fieldApi] = React.useState<FieldApi<TData, TFormData>>(
-    () => 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
-}