@vritti/quantum-ui 0.3.12 → 0.3.15

package/dist/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../lib/utils/formHelpers.ts","../lib/components/Form/Form.tsx"],"sourcesContent":["import type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';\n\n/**\n * Field mapping configuration for API error to form field mapping\n */\nexport interface FieldMapping {\n  [apiField: string]: string; // Maps API field names to form field names\n}\n\n/**\n * Axios error structure (or similar HTTP client error structure)\n */\ninterface AxiosLikeError {\n  response?: {\n    data?: unknown;\n  };\n}\n\n/**\n * RFC 9457 field error structure\n */\nexport interface FieldError {\n  field: string;\n  message: string;\n}\n\n/**\n * API error structure with field-specific errors\n * Supports RFC 9457 Problem Details format\n */\nexport interface ApiErrorResponse {\n  type?: string; // RFC 9457: URI reference identifying the problem type\n  title?: string; // RFC 9457: Short human-readable summary\n  status?: number; // RFC 9457: HTTP status code\n  label?: string; // Root error heading displayed to the user\n  detail?: string; // RFC 9457: Human-readable explanation\n  instance?: string; // RFC 9457: URI reference for the specific occurrence\n  errors?: FieldError[];\n}\n\n/**\n * Options for mapping API errors to form\n */\nexport interface MapApiErrorsOptions {\n  /**\n   * Field name mapping from API to form fields\n   */\n  fieldMapping?: FieldMapping;\n\n  /**\n   * Whether to set root error for general messages\n   */\n  setRootError?: boolean;\n}\n\n/**\n * Maps an RFC 9457 Problem Details API error response to react-hook-form errors.\n *\n * Root errors (`label`/`title` + `detail`) and field errors (`errors[]`) are\n * handled independently -- a single response can populate both the root error\n * alert and inline field errors at the same time.\n *\n * @param error - The error object from API response\n * @param form - The react-hook-form instance\n * @param options - Mapping options\n *\n * @example\n * ```tsx\n * try {\n *   await api.post('/login', data);\n * } catch (error) {\n *   mapApiErrorsToForm(error.response?.data, form, {\n *     fieldMapping: {\n *       'email_address': 'email',\n *       'password_hash': 'password'\n *     }\n *   });\n * }\n * ```\n */\nexport function mapApiErrorsToForm<TFieldValues extends FieldValues = FieldValues>(\n  error: unknown,\n  form: UseFormReturn<TFieldValues>,\n  options: MapApiErrorsOptions = {},\n): void {\n  const { fieldMapping = {}, setRootError = true } = options;\n\n  if (!error || typeof error !== 'object') {\n    if (setRootError) {\n      form.setError('root', {\n        type: 'Error',\n        message: 'An error occurred',\n      });\n    }\n    return;\n  }\n\n  // Extract error data from axios response structure\n  const axiosError = error as AxiosLikeError;\n  const errorData = axiosError.response?.data || error;\n  const apiError = errorData as ApiErrorResponse;\n\n  // Extract title/label for error heading (RFC 9457)\n  const errorTitle = apiError.label || apiError.title || 'Error';\n  const generalMessage = apiError.detail;\n\n  // Map field-specific errors (field is always present in RFC 9457)\n  let mappedFieldErrorsCount = 0;\n  if (apiError.errors && Array.isArray(apiError.errors)) {\n    for (const errorItem of apiError.errors) {\n      const formField = fieldMapping[errorItem.field] || errorItem.field;\n\n      form.setError(formField as FieldPath<TFieldValues>, {\n        type: 'manual',\n        message: errorItem.message,\n      });\n      mappedFieldErrorsCount += 1;\n    }\n  }\n\n  // Root error is shown only when no field errors are present\n  if (generalMessage && setRootError && mappedFieldErrorsCount === 0) {\n    form.setError('root', {\n      type: errorTitle,\n      message: generalMessage,\n    });\n  }\n}\n","import type { UseMutationResult } from '@tanstack/react-query';\nimport type React from 'react';\nimport { Children, cloneElement, Fragment, isValidElement, useCallback } from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport type { Country } from 'react-phone-number-input';\nimport { cn } from '../../../shadcn/utils';\nimport { axios } from '../../utils/axios';\nimport { type FieldMapping, mapApiErrorsToForm } from '../../utils/formHelpers';\nimport { Alert } from '../Alert';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { CheckboxGroup } from '../CheckboxGroup';\nimport { DatePicker } from '../DatePicker';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { PhoneField } from '../PhoneField';\nimport { RadioGroup } from '../RadioGroup';\nimport { Switch } from '../Switch';\nimport { UploadFile } from '../UploadFile';\n\n// Re-export Controller for explicit usage\nexport { Controller } from 'react-hook-form';\n\n/**\n * Recursively process children to wrap form fields with Controller\n * and inject loading state into submit buttons\n */\nfunction processChildren<\n  TFieldValues extends FieldValues = FieldValues,\n  _TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n>(\n  children: React.ReactNode,\n  control: ControllerProps<TFieldValues, FieldPath<TFieldValues>, TTransformedValues>['control'],\n  isSubmitting: boolean,\n  setValue: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['setValue'],\n  onCancel?: () => void,\n  reset?: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['reset'],\n): React.ReactNode {\n  return Children.map(children, (child) => {\n    // Handle non-element children (strings, numbers, null, etc.)\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const childProps = child.props as any;\n    const isFragment = child.type === Fragment;\n\n    // Handle form fields with name prop (but not Fragments)\n    if (!isFragment && childProps.name && typeof childProps.name === 'string') {\n      const name = childProps.name as FieldPath<TFieldValues>;\n\n      return (\n        <Controller\n          key={name}\n          control={control}\n          name={name}\n          render={({ field, fieldState }) => {\n            // Check if this is a Checkbox, Switch, RadioGroup, or CheckboxGroup component\n            const isCheckbox = child.type === Checkbox;\n            const isSwitch = child.type === Switch;\n            const isRadioGroup = child.type === RadioGroup;\n            const isCheckboxGroup = child.type === CheckboxGroup;\n            const isPhone = child.type === PhoneField;\n            const isDatePicker = child.type === DatePicker;\n            const isDateTimePicker = child.type === DateTimePicker;\n\n            const fieldProps =\n              isCheckbox || isSwitch\n                ? {\n                    checked: field.value,\n                    onCheckedChange: field.onChange,\n                    onBlur: field.onBlur,\n                    ref: field.ref,\n                  }\n                : isRadioGroup || isCheckboxGroup\n                  ? {\n                      value: field.value,\n                      onValueChange: field.onChange,\n                      onBlur: field.onBlur,\n                    }\n                  : isDatePicker\n                    ? {\n                        value: field.value,\n                        onValueChange: field.onChange,\n                        onBlur: field.onBlur,\n                        ref: field.ref,\n                      }\n                    : isDateTimePicker\n                      ? {\n                          value: field.value,\n                          onValueChange: field.onChange,\n                          onBlur: field.onBlur,\n                          ref: field.ref,\n                        }\n                      : isPhone\n                        ? {\n                            ...field,\n                            onCountryChange: (country: Country | undefined) => {\n                              setValue(`${name}Country` as FieldPath<TFieldValues>, country as any);\n                            },\n                          }\n                        : field;\n\n            const isUploadFile = child.type === UploadFile;\n\n            return cloneElement(child, {\n              ...childProps,\n              ...fieldProps,\n              error: fieldState.error?.message || (fieldState.error ? 'Invalid' : undefined),\n              name: undefined, // Remove name to avoid passing it to the underlying input\n              ...(isUploadFile ? { isLoading: isSubmitting } : {}),\n            });\n          }}\n        />\n      );\n    }\n\n    // Handle cancel buttons - wire up form.reset() + onCancel callback\n    if (childProps['data-cancel'] && onCancel && reset) {\n      return cloneElement(child, {\n        ...childProps,\n        onClick: () => {\n          reset();\n          onCancel();\n        },\n      });\n    }\n\n    // Handle submit buttons - inject loading state via isLoading prop\n    if (childProps.type === 'submit') {\n      const isButtonElement =\n        child.type === Button || (typeof child.type === 'function' && (child.type as any).displayName === 'Button');\n\n      if (isButtonElement) {\n        return cloneElement(child, {\n          ...childProps,\n          isLoading: isSubmitting,\n        });\n      }\n    }\n\n    // Handle React Fragments - process their children directly\n    if (isFragment) {\n      return processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset);\n    }\n\n    // Recurse into children for container elements (divs, FieldGroups, etc.)\n    if (childProps.children != null) {\n      return cloneElement(child, {\n        ...childProps,\n        children: processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset),\n      });\n    }\n\n    // Return unchanged if no name prop and no children\n    return child;\n  });\n}\n\nexport interface FormProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  /**\n   * The react-hook-form form instance\n   */\n  form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;\n\n  /**\n   * Form submit handler - receives the transformed values if transformation is applied.\n   * Optional when using `mutation` prop.\n   */\n  onSubmit?: Parameters<UseFormReturn<TFieldValues, TContext, TTransformedValues>['handleSubmit']>[0];\n\n  /**\n   * Children elements - automatically wrapped with Controller if they have a name prop\n   */\n  children: React.ReactNode;\n\n  /**\n   * Position of the root error display\n   * @default 'bottom'\n   */\n  rootErrorPosition?: 'top' | 'bottom';\n\n  /**\n   * Additional classes for the root error display\n   */\n  rootErrorClassName?: string;\n\n  /**\n   * Action element rendered in the root error Alert (e.g. button or link)\n   * Positioned in the top-right corner using AlertAction\n   */\n  rootErrorAction?: React.ReactNode;\n\n  /**\n   * Field mapping for automatic API error mapping\n   * Maps API field names to form field names\n   */\n  fieldMapping?: FieldMapping;\n\n  /**\n   * TanStack Query mutation for automatic handling.\n   * When provided, the form will use `mutateAsync` to submit data and handle errors automatically.\n   * The mutation's own callbacks (onSuccess, onError, etc.) will fire automatically.\n   * Form only adds `mapApiErrorsToForm` as an extra error handling layer.\n   * Optional - you can use `onSubmit` instead for forms that don't use mutations.\n   */\n  mutation?: UseMutationResult<TMutationData, TMutationError, TMutationVariables, unknown>;\n\n  /**\n   * Transform form data to mutation variables before submission.\n   * Only used when `mutation` prop is provided.\n   */\n  transformSubmit?: (\n    data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues,\n  ) => TMutationVariables;\n\n  /**\n   * Automatically calls form.reset() after a successful mutation.\n   * Set to false for \"edit\" forms where resetting clears pre-populated values.\n   * @default true\n   */\n  resetOnSuccess?: boolean;\n\n  /**\n   * Called when a cancel button (marked with data-cancel) is clicked.\n   * Form.reset() is called automatically before invoking this callback.\n   */\n  onCancel?: () => void;\n}\n\n/**\n * Smart Form component that automatically wraps children with Controller\n *\n * Usage with onSubmit:\n * ```tsx\n * <Form form={form} onSubmit={handleSubmit}>\n *   <TextField name=\"email\" label=\"Email\" description=\"Your email address\" />\n *   <PasswordField name=\"password\" label=\"Password\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n *\n * Usage with TanStack Query mutation:\n * ```tsx\n * const mutation = useMutation({\n *   mutationFn: (data) => api.post('/login', data),\n *   onSuccess: (data) => console.log('Success!', data),\n *   onError: (error) => console.error('Error!', error),\n * });\n *\n * <Form\n *   form={form}\n *   mutation={mutation}\n *   transformSubmit={(data) => ({ ...data, timestamp: Date.now() })}\n * >\n *   <TextField name=\"email\" label=\"Email\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nexport function Form<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n>({\n  form,\n  onSubmit,\n  children,\n  rootErrorPosition = 'bottom',\n  rootErrorClassName,\n  rootErrorAction,\n  fieldMapping,\n  mutation,\n  transformSubmit,\n  resetOnSuccess,\n  onCancel,\n  className,\n  ...props\n}: FormProps<TFieldValues, TContext, TTransformedValues, TMutationData, TMutationError, TMutationVariables>) {\n  // Compute isSubmitting from both form state and mutation state\n  const isSubmitting = form.formState.isSubmitting || (mutation?.isPending ?? false);\n\n  // Wrap the submit handler with automatic error mapping (always enabled)\n  // Form only adds mapApiErrorsToForm - the mutation's own callbacks fire automatically\n  const wrappedOnSubmit = useCallback(\n    async (data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues) => {\n      // Suppress error toasts during form submission — Form handles errors inline\n      const interceptorId = axios.interceptors.request.use((config) => ({\n        ...config,\n        showErrorToast: false,\n      }));\n\n      try {\n        if (mutation) {\n          const variables = transformSubmit ? transformSubmit(data) : data;\n          // mutateAsync will trigger the mutation's onSuccess/onError callbacks\n          await mutation.mutateAsync(variables as TMutationVariables);\n        } else if (onSubmit) {\n          await onSubmit(data as any);\n        }\n\n        // Reset form after successful submission (default: true)\n        if (resetOnSuccess !== false) form.reset();\n      } catch (error) {\n        // Form's only job: map API errors to form fields\n        // mapApiErrorsToForm handles axios error structure extraction internally\n        mapApiErrorsToForm(error, form as any, {\n          fieldMapping,\n        });\n        // Log error for debugging\n        console.error('[Form Submission Error]', error);\n        // Error is swallowed, not re-thrown (mutation's onError already fired)\n      } finally {\n        axios.interceptors.request.eject(interceptorId);\n      }\n    },\n    [onSubmit, mutation, transformSubmit, fieldMapping, form, resetOnSuccess],\n  );\n\n  const handleSubmit = form.handleSubmit(wrappedOnSubmit as any);\n\n  // Process children recursively to automatically wrap with Controller\n  const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue, onCancel, form.reset);\n\n  const childArray = Children.toArray(processedChildren);\n  const actionsIndex = childArray.findIndex(\n    (child) => isValidElement(child) && (child.type as { displayName?: string })?.displayName === 'DialogActions',\n  );\n  const hasActions = actionsIndex !== -1;\n  const bodyChildren = hasActions ? childArray.filter((_, index) => index !== actionsIndex) : processedChildren;\n  const actions = hasActions ? childArray[actionsIndex] : null;\n\n  const topError =\n    rootErrorPosition === 'top' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mb-4', rootErrorClassName)}\n      />\n    ) : null;\n  const bottomError =\n    rootErrorPosition === 'bottom' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mt-4', rootErrorClassName)}\n      />\n    ) : null;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit}\n        className={cn(hasActions ? 'flex min-h-0 flex-1 flex-col' : 'space-y-4', className)}\n        {...props}\n      >\n        {hasActions ? (\n          <>\n            <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4 [scrollbar-gutter:stable]\">\n              {topError}\n              {bodyChildren}\n              {bottomError}\n            </div>\n            {actions}\n          </>\n        ) : (\n          <>\n            {topError}\n            {processedChildren}\n            {bottomError}\n          </>\n        )}\n      </form>\n    </FormProvider>\n  );\n}\n\nForm.displayName = 'Form';\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../lib/utils/formHelpers.ts","../lib/components/Form/Form.tsx"],"sourcesContent":["import type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';\n\nexport interface FieldMapping {\n  [apiField: string]: string;\n}\n\ninterface AxiosLikeError {\n  response?: {\n    data?: unknown;\n  };\n}\n\nexport interface FieldError {\n  field: string;\n  message: string;\n}\n\nexport interface ApiErrorResponse {\n  type?: string;\n  title?: string;\n  status?: number;\n  label?: string;\n  detail?: string;\n  instance?: string;\n  errors?: FieldError[];\n}\n\nexport interface MapApiErrorsOptions {\n  fieldMapping?: FieldMapping;\n  setRootError?: boolean;\n}\n\n// Maps an RFC 9457 Problem Details API error response to react-hook-form root + field errors.\nexport function mapApiErrorsToForm<TFieldValues extends FieldValues = FieldValues>(\n  error: unknown,\n  form: UseFormReturn<TFieldValues>,\n  options: MapApiErrorsOptions = {},\n): void {\n  const { fieldMapping = {}, setRootError = true } = options;\n\n  if (!error || typeof error !== 'object') {\n    if (setRootError) {\n      form.setError('root', {\n        type: 'Error',\n        message: 'An error occurred',\n      });\n    }\n    return;\n  }\n\n  // Extract error data from axios response structure\n  const axiosError = error as AxiosLikeError;\n  const errorData = axiosError.response?.data || error;\n  const apiError = errorData as ApiErrorResponse;\n\n  // Extract title/label for error heading (RFC 9457)\n  const errorTitle = apiError.label || apiError.title || 'Error';\n  const generalMessage = apiError.detail;\n\n  // Map field-specific errors (field is always present in RFC 9457)\n  let mappedFieldErrorsCount = 0;\n  if (apiError.errors && Array.isArray(apiError.errors)) {\n    for (const errorItem of apiError.errors) {\n      const formField = fieldMapping[errorItem.field] || errorItem.field;\n\n      form.setError(formField as FieldPath<TFieldValues>, {\n        type: 'manual',\n        message: errorItem.message,\n      });\n      mappedFieldErrorsCount += 1;\n    }\n  }\n\n  // Root error is shown only when no field errors are present\n  if (generalMessage && setRootError && mappedFieldErrorsCount === 0) {\n    form.setError('root', {\n      type: errorTitle,\n      message: generalMessage,\n    });\n  }\n}\n","import type { UseMutationResult } from '@tanstack/react-query';\nimport type React from 'react';\nimport { Children, cloneElement, Fragment, isValidElement, useCallback } from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport type { Country } from 'react-phone-number-input';\nimport { cn } from '../../../shadcn/utils';\nimport { axios } from '../../utils/axios';\nimport { type FieldMapping, mapApiErrorsToForm } from '../../utils/formHelpers';\nimport { Alert } from '../Alert';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { CheckboxGroup } from '../CheckboxGroup';\nimport { DatePicker } from '../DatePicker';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { PhoneField } from '../PhoneField';\nimport { RadioGroup } from '../RadioGroup';\nimport { Switch } from '../Switch';\nimport { UploadFile } from '../UploadFile';\n\n// Re-export Controller for explicit usage\nexport { Controller } from 'react-hook-form';\n\n// Recursively process children to wrap form fields with Controller and inject loading state into submit buttons\nfunction processChildren<\n  TFieldValues extends FieldValues = FieldValues,\n  _TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n>(\n  children: React.ReactNode,\n  control: ControllerProps<TFieldValues, FieldPath<TFieldValues>, TTransformedValues>['control'],\n  isSubmitting: boolean,\n  setValue: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['setValue'],\n  onCancel?: () => void,\n  reset?: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['reset'],\n): React.ReactNode {\n  return Children.map(children, (child) => {\n    // Handle non-element children (strings, numbers, null, etc.)\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const childProps = child.props as any;\n    const isFragment = child.type === Fragment;\n\n    // Handle form fields with name prop (but not Fragments)\n    if (!isFragment && childProps.name && typeof childProps.name === 'string') {\n      const name = childProps.name as FieldPath<TFieldValues>;\n\n      return (\n        <Controller\n          key={name}\n          control={control}\n          name={name}\n          render={({ field, fieldState }) => {\n            // Check if this is a Checkbox, Switch, RadioGroup, or CheckboxGroup component\n            const isCheckbox = child.type === Checkbox;\n            const isSwitch = child.type === Switch;\n            const isRadioGroup = child.type === RadioGroup;\n            const isCheckboxGroup = child.type === CheckboxGroup;\n            const isPhone = child.type === PhoneField;\n            const isDatePicker = child.type === DatePicker;\n            const isDateTimePicker = child.type === DateTimePicker;\n\n            const fieldProps =\n              isCheckbox || isSwitch\n                ? {\n                    checked: field.value,\n                    onCheckedChange: field.onChange,\n                    onBlur: field.onBlur,\n                    ref: field.ref,\n                  }\n                : isRadioGroup || isCheckboxGroup\n                  ? {\n                      value: field.value,\n                      onValueChange: field.onChange,\n                      onBlur: field.onBlur,\n                    }\n                  : isDatePicker\n                    ? {\n                        value: field.value,\n                        onValueChange: field.onChange,\n                        onBlur: field.onBlur,\n                        ref: field.ref,\n                      }\n                    : isDateTimePicker\n                      ? {\n                          value: field.value,\n                          onValueChange: field.onChange,\n                          onBlur: field.onBlur,\n                          ref: field.ref,\n                        }\n                      : isPhone\n                        ? {\n                            ...field,\n                            onCountryChange: (country: Country | undefined) => {\n                              setValue(`${name}Country` as FieldPath<TFieldValues>, country as any);\n                            },\n                          }\n                        : field;\n\n            const isUploadFile = child.type === UploadFile;\n\n            return cloneElement(child, {\n              ...childProps,\n              ...fieldProps,\n              error: fieldState.error?.message || (fieldState.error ? 'Invalid' : undefined),\n              name: undefined, // Remove name to avoid passing it to the underlying input\n              ...(isUploadFile ? { isLoading: isSubmitting } : {}),\n            });\n          }}\n        />\n      );\n    }\n\n    // Handle cancel buttons - wire up form.reset() + onCancel callback\n    if (childProps['data-cancel'] && onCancel && reset) {\n      return cloneElement(child, {\n        ...childProps,\n        onClick: () => {\n          reset();\n          onCancel();\n        },\n      });\n    }\n\n    // Handle submit buttons - inject loading state via isLoading prop\n    if (childProps.type === 'submit') {\n      const isButtonElement =\n        child.type === Button || (typeof child.type === 'function' && (child.type as any).displayName === 'Button');\n\n      if (isButtonElement) {\n        return cloneElement(child, {\n          ...childProps,\n          isLoading: isSubmitting,\n        });\n      }\n    }\n\n    // Handle React Fragments - process their children directly\n    if (isFragment) {\n      return processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset);\n    }\n\n    // Recurse into children for container elements (divs, FieldGroups, etc.)\n    if (childProps.children != null) {\n      return cloneElement(child, {\n        ...childProps,\n        children: processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset),\n      });\n    }\n\n    // Return unchanged if no name prop and no children\n    return child;\n  });\n}\n\nexport interface FormProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;\n\n  onSubmit?: Parameters<UseFormReturn<TFieldValues, TContext, TTransformedValues>['handleSubmit']>[0];\n\n  children: React.ReactNode;\n\n  rootErrorPosition?: 'top' | 'bottom';\n\n  rootErrorClassName?: string;\n\n  rootErrorAction?: React.ReactNode;\n\n  fieldMapping?: FieldMapping;\n\n  mutation?: UseMutationResult<TMutationData, TMutationError, TMutationVariables, unknown>;\n\n  transformSubmit?: (\n    data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues,\n  ) => TMutationVariables;\n\n  resetOnSuccess?: boolean;\n\n  onCancel?: () => void;\n}\n\n// Smart Form component that automatically wraps children with Controller\nexport function Form<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n>({\n  form,\n  onSubmit,\n  children,\n  rootErrorPosition = 'bottom',\n  rootErrorClassName,\n  rootErrorAction,\n  fieldMapping,\n  mutation,\n  transformSubmit,\n  resetOnSuccess,\n  onCancel,\n  className,\n  ...props\n}: FormProps<TFieldValues, TContext, TTransformedValues, TMutationData, TMutationError, TMutationVariables>) {\n  // Compute isSubmitting from both form state and mutation state\n  const isSubmitting = form.formState.isSubmitting || (mutation?.isPending ?? false);\n\n  // Wrap the submit handler with automatic error mapping; the mutation's own callbacks fire automatically\n  const wrappedOnSubmit = useCallback(\n    async (data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues) => {\n      // Suppress error toasts during form submission — Form handles errors inline\n      const interceptorId = axios.interceptors.request.use((config) => ({\n        ...config,\n        showErrorToast: false,\n      }));\n\n      try {\n        if (mutation) {\n          const variables = transformSubmit ? transformSubmit(data) : data;\n          // mutateAsync will trigger the mutation's onSuccess/onError callbacks\n          await mutation.mutateAsync(variables as TMutationVariables);\n        } else if (onSubmit) {\n          await onSubmit(data as any);\n        }\n\n        // Reset form after successful submission (default: true)\n        if (resetOnSuccess !== false) form.reset();\n      } catch (error) {\n        // Map API errors to form fields — mapApiErrorsToForm extracts the axios error structure internally\n        mapApiErrorsToForm(error, form as any, {\n          fieldMapping,\n        });\n        // Log error for debugging\n        console.error('[Form Submission Error]', error);\n        // Error is swallowed, not re-thrown (mutation's onError already fired)\n      } finally {\n        axios.interceptors.request.eject(interceptorId);\n      }\n    },\n    [onSubmit, mutation, transformSubmit, fieldMapping, form, resetOnSuccess],\n  );\n\n  const handleSubmit = form.handleSubmit(wrappedOnSubmit as any);\n\n  // Process children recursively to automatically wrap with Controller\n  const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue, onCancel, form.reset);\n\n  const childArray = Children.toArray(processedChildren);\n  const actionsIndex = childArray.findIndex(\n    (child) => isValidElement(child) && (child.type as { displayName?: string })?.displayName === 'DialogActions',\n  );\n  const hasActions = actionsIndex !== -1;\n  const bodyChildren = hasActions ? childArray.filter((_, index) => index !== actionsIndex) : processedChildren;\n  const actions = hasActions ? childArray[actionsIndex] : null;\n\n  const topError =\n    rootErrorPosition === 'top' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mb-4', rootErrorClassName)}\n      />\n    ) : null;\n  const bottomError =\n    rootErrorPosition === 'bottom' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mt-4', rootErrorClassName)}\n      />\n    ) : null;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit}\n        className={cn(hasActions ? 'flex min-h-0 flex-1 flex-col' : 'space-y-4', className)}\n        {...props}\n      >\n        {hasActions ? (\n          <>\n            <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4 [scrollbar-gutter:stable]\">\n              {topError}\n              {bodyChildren}\n              {bottomError}\n            </div>\n            {actions}\n          </>\n        ) : (\n          <>\n            {topError}\n            {processedChildren}\n            {bottomError}\n          </>\n        )}\n      </form>\n    </FormProvider>\n  );\n}\n\nForm.displayName = 'Form';\n"],"names":["Fragment"],"mappings":"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"}

package/dist/FormSection.js

@@ -10,11 +10,11 @@ function FormSection({
   contentClassName
 }) {
   return /* @__PURE__ */ jsxs("section", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", headerClassName), children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }),
-      description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+    /* @__PURE__ */ jsxs("div", { className: cn("border-b pb-2", headerClassName), children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: title }),
+      description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children })
+    /* @__PURE__ */ jsx("div", { className: cn(contentClassName ?? "grid grid-cols-2 gap-4"), children })
   ] });
 }
 FormSection.displayName = "FormSection";

package/dist/FormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.js","sources":["../lib/components/Form/FormSection.tsx"],"sourcesContent":["import type React from 'react';\nimport { cn } from '../../../shadcn/utils';\n\nexport interface FormSectionProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n}\n\nexport function FormSection({\n  title,\n  description,\n  children,\n  className,\n  headerClassName,\n  contentClassName,\n}: FormSectionProps) {\n  return (\n    <section className={cn('space-y-3', className)}>\n      <div className={cn('space-y-1', headerClassName)}>\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n        {description ? <p className=\"text-sm text-muted-foreground\">{description}</p> : null}\n      </div>\n      <div className={cn(contentClassName)}>{children}</div>\n    </section>\n  );\n}\n\nFormSection.displayName = 'FormSection';\n"],"names":[],"mappings":";;;AAYO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,4BACG,SAAA,EAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,eAAe,CAAA,EAC7C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC5D,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAiC,uBAAY,CAAA,GAAO;AAAA,KAAA,EAClF,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,gBAAgB,GAAI,QAAA,EAAS;AAAA,GAAA,EAClD,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}
+{"version":3,"file":"FormSection.js","sources":["../lib/components/Form/FormSection.tsx"],"sourcesContent":["import type React from 'react';\nimport { cn } from '../../../shadcn/utils';\n\nexport interface FormSectionProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n}\n\nexport function FormSection({\n  title,\n  description,\n  children,\n  className,\n  headerClassName,\n  contentClassName,\n}: FormSectionProps) {\n  return (\n    <section className={cn('space-y-3', className)}>\n      <div className={cn('border-b pb-2', headerClassName)}>\n        <div className=\"text-xs font-semibold uppercase tracking-widest text-muted-foreground\">{title}</div>\n        {description ? <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p> : null}\n      </div>\n      <div className={cn(contentClassName ?? 'grid grid-cols-2 gap-4')}>{children}</div>\n    </section>\n  );\n}\n\nFormSection.displayName = 'FormSection';\n"],"names":[],"mappings":";;;AAYO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,4BACG,SAAA,EAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,eAAe,CAAA,EACjD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EAAyE,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7F,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,uBAAY,CAAA,GAAO;AAAA,KAAA,EACvF,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,gBAAA,IAAoB,wBAAwB,GAAI,QAAA,EAAS;AAAA,GAAA,EAC9E,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}