@tamagui/form 2.7.7 → 3.0.0-beta.643.1

package/src/Form.tsx

@@ -1,48 +1,80 @@
-import type { ViewProps } from '@tamagui/core'
-import { View, createStyledContext, styled } from '@tamagui/core'
+import type { TamaguiEventDetails, ViewProps } from '@tamagui/core'
+import { createStyledContext, createStyledHOC, isWeb, styled, View } from '@tamagui/core'
+import { focusFocusable } from '@tamagui/focusable'
 import { composeEventHandlers, withStaticProperties } from '@tamagui/helpers'
+import * as React from 'react'
 
 const FORM_NAME = 'Form'
+const EMPTY_ERRORS: FormErrors = {}
 
-export const FormFrame = styled(View, {
-  name: FORM_NAME,
-  render: 'form',
+export type FormValidationMode = 'onSubmit' | 'onBlur' | 'onChange'
+export type FormErrors = Record<string, string | string[]>
+export type FormValues = Record<string, any>
+
+export type FormFieldRegistration = {
+  name?: string
+  controlId?: string
+  controlRef: React.MutableRefObject<any>
+  getValue: () => unknown
+  validate: () => void
+  validityData: {
+    state: {
+      valid: boolean | null
+    }
+  }
+}
+
+type FormRegistryContextValue = {
+  validationMode: FormValidationMode
+  errors: FormErrors
+  formElementRef: React.MutableRefObject<HTMLFormElement | null>
+  submitAttemptedRef: React.MutableRefObject<boolean>
+  clearErrors: (name?: string) => void
+  getValues: () => FormValues
+  registerField: (id: string, registration: FormFieldRegistration) => () => void
+}
+
+const defaultSubmitAttemptedRef = { current: false }
+const defaultFormElementRef = { current: null }
+
+export const FormRegistryContext = React.createContext<FormRegistryContextValue>({
+  validationMode: 'onSubmit',
+  errors: EMPTY_ERRORS,
+  formElementRef: defaultFormElementRef,
+  submitAttemptedRef: defaultSubmitAttemptedRef,
+  clearErrors: () => {},
+  getValues: () => ({}),
+  registerField: () => () => {},
 })
 
-/* -------------------------------------------------------------------------------------------------
- * Context
- * -----------------------------------------------------------------------------------------------*/
+export const useFormRegistryContext = () => React.useContext(FormRegistryContext)
 
-type FormContextValue = {
-  onSubmit?: () => unknown
+type FormTriggerContextValue = {
+  onSubmit?: (event?: unknown) => unknown
 }
 
-export const FormContext = createStyledContext<FormContextValue>({
+export const FormContext = createStyledContext<FormTriggerContextValue>({
   onSubmit: undefined,
-} as FormContextValue)
+})
 
 export const { useStyledContext: useFormContext, Provider: FormProvider } = FormContext
 
-type FormExtraProps = {
-  scope?: string
-  onSubmit?: () => void
-}
-export type FormProps = ViewProps & FormExtraProps
-
-/* -------------------------------------------------------------------------------------------------
- * FormTrigger
- * -----------------------------------------------------------------------------------------------*/
+export const FormFrame = styled(View, {
+  displayName: FORM_NAME,
+  render: 'form',
+})
 
 const FormTriggerFrame = styled(View, {
-  name: 'FormTrigger',
+  displayName: 'FormTrigger',
 })
 
 export interface FormTriggerProps extends ViewProps {
   scope?: string
 }
 
-export const FormTrigger = FormTriggerFrame.styleable<FormTriggerProps>(
-  (props, forwardedRef) => {
+export const FormTrigger = createStyledHOC(
+  FormTriggerFrame,
+  (props: FormTriggerProps, forwardedRef) => {
     const { scope, children, onPress, ...triggerProps } = props
     const context = useFormContext(scope)
 
@@ -51,7 +83,7 @@ export const FormTrigger = FormTriggerFrame.styleable<FormTriggerProps>(
         role="button"
         {...triggerProps}
         ref={forwardedRef}
-        onPress={composeEventHandlers(onPress, context.onSubmit)}
+        onPress={composeEventHandlers(onPress, context.onSubmit as any)}
       >
         {children}
       </FormTriggerFrame>
@@ -59,28 +91,267 @@ export const FormTrigger = FormTriggerFrame.styleable<FormTriggerProps>(
   }
 )
 
-/* -------------------------------------------------------------------------------------------------
- * Form
- * -----------------------------------------------------------------------------------------------*/
-
-const FormComponent = FormFrame.styleable<FormExtraProps>(function Form(
-  { scope, onSubmit, ...props },
-  ref
-) {
-  return (
-    <FormProvider scope={scope} onSubmit={onSubmit}>
-      <FormFrame
-        ref={ref}
-        {...(props as any)}
-        onSubmit={(e: any) => {
-          e.preventDefault()
-          onSubmit?.()
-        }}
-      />
-    </FormProvider>
-  )
-})
+export type FormSubmitEventDetails = TamaguiEventDetails<
+  'submit' | 'trigger-press',
+  unknown
+>
+
+export interface FormActions {
+  validate: (fieldName?: string) => void
+}
+
+type FormExtraProps<FormValue extends FormValues = FormValues> = {
+  scope?: string
+  validationMode?: FormValidationMode
+  errors?: FormErrors
+  actionsRef?: React.RefObject<FormActions | null>
+  onSubmit?: (values: FormValue, details: FormSubmitEventDetails) => void | Promise<void>
+}
+
+export type FormProps<FormValue extends FormValues = FormValues> = Omit<
+  ViewProps,
+  'onSubmit'
+> &
+  FormExtraProps<FormValue>
+
+function hasError(errors: FormErrors, name?: string) {
+  if (!name || !Object.hasOwn(errors, name)) {
+    return false
+  }
+  const error = errors[name]
+  return Array.isArray(error) ? error.length > 0 : Boolean(error)
+}
+
+const FormComponent = createStyledHOC(
+  FormFrame,
+  function Form(
+    {
+      scope,
+      validationMode = 'onSubmit',
+      errors: externalErrors,
+      actionsRef,
+      onSubmit,
+      ...props
+    }: FormExtraProps,
+    forwardedRef
+  ) {
+    const registryRef = React.useRef(new Map<string, FormFieldRegistration>())
+    const formElementRef = React.useRef<HTMLFormElement | null>(null)
+    const submittedRef = React.useRef(false)
+    const submitAttemptedRef = React.useRef(false)
+    const pendingSubmitDetailsRef = React.useRef<FormSubmitEventDetails | null>(null)
+    const onSubmitRef = React.useRef(onSubmit)
+    onSubmitRef.current = onSubmit
+
+    const [errors, setErrors] = React.useState<FormErrors>(externalErrors ?? EMPTY_ERRORS)
+    const errorsRef = React.useRef(errors)
+    errorsRef.current = errors
+
+    React.useEffect(() => {
+      const next = externalErrors ?? EMPTY_ERRORS
+      errorsRef.current = next
+      setErrors(next)
+    }, [externalErrors])
+
+    const registerField = React.useCallback(
+      (id: string, registration: FormFieldRegistration) => {
+        registryRef.current.set(id, registration)
+        return () => {
+          if (registryRef.current.get(id) === registration) {
+            registryRef.current.delete(id)
+          }
+        }
+      },
+      []
+    )
+
+    const getValues = React.useCallback(() => {
+      const values: FormValues = {}
+      for (const field of registryRef.current.values()) {
+        if (field.name) {
+          values[field.name] = field.getValue()
+        }
+      }
+      return values
+    }, [])
 
-export const Form = withStaticProperties(FormComponent, {
+    const clearErrors = React.useCallback((name?: string) => {
+      if (!name || !hasError(errorsRef.current, name)) {
+        return
+      }
+      const next = { ...errorsRef.current }
+      delete next[name]
+      errorsRef.current = next
+      setErrors(next)
+    }, [])
+
+    const focusFirstInvalid = React.useCallback(() => {
+      let hasInvalid = false
+
+      for (const field of registryRef.current.values()) {
+        if (
+          !hasError(errorsRef.current, field.name) &&
+          field.validityData.state.valid !== false
+        ) {
+          continue
+        }
+
+        hasInvalid = true
+        const control = field.controlRef.current as {
+          focus?: () => void
+          select?: () => void
+          tagName?: string
+        } | null
+
+        if (isWeb && control?.focus) {
+          control.focus()
+          if (control.tagName === 'INPUT' || control.tagName === 'TEXTAREA') {
+            control.select?.()
+          }
+          return true
+        }
+
+        if (!isWeb && field.controlId) {
+          focusFocusable(field.controlId)
+          return true
+        }
+
+        if (control?.focus) {
+          control.focus()
+          return true
+        }
+      }
+
+      return hasInvalid
+    }, [])
+
+    const performSubmit = React.useCallback(
+      (details: FormSubmitEventDetails) => {
+        submitAttemptedRef.current = true
+
+        for (const field of registryRef.current.values()) {
+          field.validate()
+        }
+
+        if (focusFirstInvalid()) {
+          return
+        }
+
+        submittedRef.current = true
+        void onSubmitRef.current?.(getValues(), details)
+      },
+      [focusFirstInvalid, getValues]
+    )
+
+    const requestSubmit = React.useCallback(
+      (event?: any) => {
+        event?.preventDefault?.()
+        const details: FormSubmitEventDetails = {
+          reason: 'trigger-press',
+          event: event?.nativeEvent ?? event,
+          trigger: event?.currentTarget,
+        }
+
+        if (isWeb && formElementRef.current?.requestSubmit) {
+          pendingSubmitDetailsRef.current = details
+          formElementRef.current.requestSubmit()
+          return
+        }
+
+        performSubmit(details)
+      },
+      [performSubmit]
+    )
+
+    React.useEffect(() => {
+      if (!submittedRef.current) {
+        return
+      }
+      submittedRef.current = false
+      focusFirstInvalid()
+    }, [errors, focusFirstInvalid])
+
+    React.useImperativeHandle(
+      actionsRef,
+      () => ({
+        validate(fieldName?: string) {
+          if (fieldName) {
+            for (const field of registryRef.current.values()) {
+              if (field.name === fieldName) {
+                field.validate()
+                return
+              }
+            }
+            return
+          }
+
+          for (const field of registryRef.current.values()) {
+            field.validate()
+          }
+        },
+      }),
+      []
+    )
+
+    const registryContext = React.useMemo<FormRegistryContextValue>(
+      () => ({
+        validationMode,
+        errors,
+        formElementRef,
+        submitAttemptedRef,
+        clearErrors,
+        getValues,
+        registerField,
+      }),
+      [clearErrors, errors, getValues, registerField, validationMode]
+    )
+
+    return (
+      <FormRegistryContext.Provider value={registryContext}>
+        <FormProvider scope={scope} onSubmit={requestSubmit}>
+          <FormFrame
+            {...(props as any)}
+            ref={(element: any) => {
+              formElementRef.current = element
+              if (typeof forwardedRef === 'function') {
+                forwardedRef(element)
+              } else if (forwardedRef) {
+                forwardedRef.current = element
+              }
+            }}
+            noValidate
+            onSubmit={(event: any) => {
+              event.preventDefault()
+              const pendingDetails = pendingSubmitDetailsRef.current
+              pendingSubmitDetailsRef.current = null
+              performSubmit(
+                pendingDetails ?? {
+                  reason: 'submit',
+                  event: event.nativeEvent ?? event,
+                  trigger: event.nativeEvent?.submitter,
+                }
+              )
+            }}
+          />
+        </FormProvider>
+      </FormRegistryContext.Provider>
+    )
+  }
+)
+
+type FormComponentType = <FormValue extends FormValues = FormValues>(
+  props: FormProps<FormValue> & { ref?: React.Ref<any> }
+) => React.ReactElement
+
+export const Form = withStaticProperties(FormComponent as FormComponentType, {
   Trigger: FormTrigger,
 })
+
+export namespace Form {
+  export type Actions = FormActions
+  export type Errors = FormErrors
+  export type Props<FormValue extends FormValues = FormValues> = FormProps<FormValue>
+  export type SubmitEventDetails = FormSubmitEventDetails
+  export type ValidationMode = FormValidationMode
+  export type Values<FormValue extends FormValues = FormValues> = FormValue
+}

package/types/Form.d.ts

@@ -1,26 +1,73 @@
-import type { ViewProps } from '@tamagui/core';
-export declare const FormFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
-type FormContextValue = {
-    onSubmit?: () => unknown;
+import type { TamaguiEventDetails, ViewProps } from '@tamagui/core';
+import * as React from 'react';
+export type FormValidationMode = 'onSubmit' | 'onBlur' | 'onChange';
+export type FormErrors = Record<string, string | string[]>;
+export type FormValues = Record<string, any>;
+export type FormFieldRegistration = {
+    name?: string;
+    controlId?: string;
+    controlRef: React.MutableRefObject<any>;
+    getValue: () => unknown;
+    validate: () => void;
+    validityData: {
+        state: {
+            valid: boolean | null;
+        };
+    };
 };
-export declare const FormContext: import("@tamagui/core").StyledContext<FormContextValue>;
-export declare const useFormContext: (scope?: string) => FormContextValue, FormProvider: import("react").Provider<FormContextValue> & import("react").ProviderExoticComponent<Partial<FormContextValue> & {
-    children?: import("react").ReactNode;
+type FormRegistryContextValue = {
+    validationMode: FormValidationMode;
+    errors: FormErrors;
+    formElementRef: React.MutableRefObject<HTMLFormElement | null>;
+    submitAttemptedRef: React.MutableRefObject<boolean>;
+    clearErrors: (name?: string) => void;
+    getValues: () => FormValues;
+    registerField: (id: string, registration: FormFieldRegistration) => () => void;
+};
+export declare const FormRegistryContext: React.Context<FormRegistryContextValue>;
+export declare const useFormRegistryContext: () => FormRegistryContextValue;
+type FormTriggerContextValue = {
+    onSubmit?: (event?: unknown) => unknown;
+};
+export declare const FormContext: import("@tamagui/core").StyledContext<FormTriggerContextValue, "onSubmit">;
+export declare const useFormContext: (scope?: string) => FormTriggerContextValue, FormProvider: React.Provider<FormTriggerContextValue> & React.ProviderExoticComponent<Partial<FormTriggerContextValue> & {
+    children?: React.ReactNode;
     scope?: string;
 }>;
-type FormExtraProps = {
-    scope?: string;
-    onSubmit?: () => void;
+export declare const FormFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
 };
-export type FormProps = ViewProps & FormExtraProps;
 export interface FormTriggerProps extends ViewProps {
     scope?: string;
 }
-export declare const FormTrigger: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormTriggerProps> & FormTriggerProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & FormTriggerProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
-export declare const Form: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormExtraProps> & FormExtraProps & import("react").RefAttributes<import("@tamagui/core").TamaguiElement>> & import("@tamagui/core").StaticComponentObject<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormExtraProps> & FormExtraProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & FormExtraProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
-    __tama: [Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormExtraProps> & FormExtraProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & FormExtraProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
-} & {
-    Trigger: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormTriggerProps> & FormTriggerProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & FormTriggerProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
+export declare const FormTrigger: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormTriggerProps> & FormTriggerProps, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & FormTriggerProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
+export type FormSubmitEventDetails = TamaguiEventDetails<'submit' | 'trigger-press', unknown>;
+export interface FormActions {
+    validate: (fieldName?: string) => void;
+}
+type FormExtraProps<FormValue extends FormValues = FormValues> = {
+    scope?: string;
+    validationMode?: FormValidationMode;
+    errors?: FormErrors;
+    actionsRef?: React.RefObject<FormActions | null>;
+    onSubmit?: (values: FormValue, details: FormSubmitEventDetails) => void | Promise<void>;
+};
+export type FormProps<FormValue extends FormValues = FormValues> = Omit<ViewProps, 'onSubmit'> & FormExtraProps<FormValue>;
+type FormComponentType = <FormValue extends FormValues = FormValues>(props: FormProps<FormValue> & {
+    ref?: React.Ref<any>;
+}) => React.ReactElement;
+export declare const Form: FormComponentType & {
+    Trigger: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof FormTriggerProps> & FormTriggerProps, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & FormTriggerProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
 };
+export declare namespace Form {
+    type Actions = FormActions;
+    type Errors = FormErrors;
+    type Props<FormValue extends FormValues = FormValues> = FormProps<FormValue>;
+    type SubmitEventDetails = FormSubmitEventDetails;
+    type ValidationMode = FormValidationMode;
+    type Values<FormValue extends FormValues = FormValues> = FormValue;
+}
 export {};
 //# sourceMappingURL=Form.d.ts.map

package/types/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,eAAO,MAAM,SAAS,iQAGpB,CAAA;AAMF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,WAAW,yDAEF,CAAA;AAEtB,eAAO,MAA0B,cAAc,wCAAY,YAAY;;;EAAgB,CAAA;AAEvF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AACD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,cAAc,CAAA;AAUlD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,WAAW,yaAgBvB,CAAA;AAwBD,eAAO,MAAM,IAAI;;;;CAEf,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}