@saas-ui/forms 0.7.6 → 0.8.0-next.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/array-field.d.ts +2 -0
  3. package/dist/array-field.d.ts.map +1 -1
  4. package/dist/auto-form.d.ts +1 -1
  5. package/dist/field.d.ts.map +1 -1
  6. package/dist/form.d.ts +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.modern.js +1 -1
  10. package/dist/index.modern.js.map +1 -1
  11. package/dist/layout.d.ts +0 -1
  12. package/dist/layout.d.ts.map +1 -1
  13. package/dist/step-form.d.ts +2 -2
  14. package/dist/step-form.d.ts.map +1 -1
  15. package/dist/use-array-field.d.ts +8 -8
  16. package/dist/use-step-form.d.ts +10 -21
  17. package/dist/use-step-form.d.ts.map +1 -1
  18. package/dist/utils.d.ts +1 -1
  19. package/dist/utils.d.ts.map +1 -1
  20. package/dist/zod/{zod/src/index.d.ts → index.d.ts} +0 -0
  21. package/dist/zod/index.d.ts.map +1 -0
  22. package/dist/zod/zod-resolver.d.ts.map +1 -1
  23. package/package.json +19 -19
  24. package/src/array-field.tsx +3 -0
  25. package/src/field.tsx +3 -0
  26. package/src/step-form.tsx +4 -4
  27. package/src/use-step-form.tsx +27 -16
  28. package/yup/package.json +0 -11
  29. package/zod/package.json +1 -12
  30. package/dist/zod/zod/src/index.d.ts.map +0 -1
package/dist/index.modern.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.modern.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n Text,\n FormControl,\n FormControlProps,\n FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n extends FormControlProps,\n Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n name,\n label,\n placeholder,\n ...props\n}) => {\n return (\n <FormControl {...props}>\n {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n <Text fontSize=\"md\">\n <FormValue name={name} />\n </Text>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n const { getValues } = useFormContext()\n return getValues(name) || null\n}\n\nif (__DEV__) {\n FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n useFormContext,\n FormState,\n Controller,\n get,\n RegisterOptions,\n FieldValues,\n FieldPath,\n} from 'react-hook-form'\n\nimport {\n forwardRef,\n Box,\n FormControl,\n FormControlProps,\n FormLabel,\n FormHelperText,\n FormErrorMessage,\n Input,\n Textarea,\n Checkbox,\n Switch,\n useMergeRefs,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { NumberInput } from '@saas-ui/number-input'\nimport { PasswordInput } from '@saas-ui/password-input'\nimport { RadioInput } from '@saas-ui/radio'\nimport { PinInput } from '@saas-ui/pin-input'\nimport { Select, NativeSelect } from '@saas-ui/select'\nimport { FocusableElement } from '@chakra-ui/utils'\n\nexport interface Option {\n value: string\n label?: string\n [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n RegisterOptions,\n 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport type FieldTypes =\n | 'text'\n | 'number'\n | 'password'\n | 'textarea'\n | 'select'\n | 'native-select'\n | 'checkbox'\n | 'radio'\n | 'switch'\n | 'pin'\n | string\n\nexport interface FieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n /**\n * The field name\n */\n name: TName\n /**\n * The field label\n */\n label?: string\n /**\n * Hide the field label\n */\n hideLabel?: boolean\n /**\n * Field help text\n */\n help?: string\n /**\n * React hook form rules\n */\n rules?: Omit<\n RegisterOptions<TFieldValues, TName>,\n 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n >\n /**\n * Options used for selects and radio fields\n */\n options?: Option[]\n /**\n * The field type\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n * @default 'text'\n */\n type?: FieldTypes\n /**\n * The input placeholder\n */\n placeholder?: string\n}\n\nconst inputTypes: Record<FieldTypes, any> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n return get(formState.errors, name)\n}\n\nconst isTouched = (\n name: string,\n formState: FormState<{ [x: string]: any }>\n) => {\n return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n const { name, label, help, variant, hideLabel, children, ...controlProps } =\n props\n\n const { formState } = useFormContext()\n\n const error = getError(name, formState)\n\n return (\n <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n {label && !hideLabel ? (\n <FormLabel variant={variant}>{label}</FormLabel>\n ) : null}\n <Box>\n {children}\n {help && !error?.message ? (\n <FormHelperText>{help}</FormHelperText>\n ) : null}\n {error?.message && (\n <FormErrorMessage>{error?.message}</FormErrorMessage>\n )}\n </Box>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n BaseField.displayName = 'BaseField'\n}\n\nexport const Field = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FieldProps<TFieldValues> & {\n [key: string]: unknown // Make sure attributes of custom components work. Need to change this to a global typedef at some point.\n },\n ref: React.ForwardedRef<FocusableElement>\n ) => {\n const { type = defaultInputType } = props\n const InputComponent = getInput(type)\n\n return <InputComponent ref={ref} {...props} />\n }\n) as <TFieldValues extends FieldValues>(\n props: FieldProps<TFieldValues> & {\n [key: string]: unknown\n } & {\n ref?: React.ForwardedRef<FocusableElement>\n }\n) => React.ReactElement\n\ninterface CreateFieldProps {\n displayName: string\n hideLabel?: boolean\n BaseField: React.FC<any>\n}\n\nconst createField = (\n InputComponent: React.FC<any>,\n { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n const Field = forwardRef<FieldProps, typeof FormControl>((props, ref) => {\n const {\n name,\n label,\n help,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n rules,\n variant,\n ...inputProps\n } = props\n\n const inputRules = {\n required: isRequired,\n ...rules,\n }\n\n return (\n <BaseField\n name={name}\n label={label}\n help={help}\n hideLabel={hideLabel}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n variant={variant}\n >\n <InputComponent\n ref={ref}\n name={name}\n label={label}\n rules={inputRules}\n {...inputProps}\n />\n </BaseField>\n )\n })\n Field.displayName = displayName\n\n return Field\n}\n\nexport const withControlledInput = (InputComponent: any) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { control } = useFormContext()\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref: _ref, ...field } }) => (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )}\n />\n )\n }\n )\n}\n\nexport const withUncontrolledInput = (InputComponent: any) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { register } = useFormContext()\n\n const { ref: _ref, ...field } = register(name, rules)\n\n return (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )\n }\n )\n}\n\nexport interface RegisterFieldTypeOptions {\n isControlled?: boolean\n hideLabel?: boolean\n BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for checkbox or switch field.\n */\nexport const registerFieldType = (\n type: string,\n component: React.FC<any>,\n options?: RegisterFieldTypeOptions\n) => {\n let InputComponent\n if (options?.isControlled) {\n InputComponent = withControlledInput(component)\n } else {\n InputComponent = withUncontrolledInput(component)\n }\n\n const Field = createField(InputComponent, {\n displayName: `${type\n .split('-')\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')}Field`,\n hideLabel: options?.hideLabel,\n BaseField: options?.BaseField || BaseField,\n })\n\n inputTypes[type] = Field\n\n return Field\n}\n\n// @todo Consider not registering all fields by default to lower the package size and computations.\n// Not all types may be required in a project.\nexport const InputField = registerFieldType('text', Input)\nexport const NumberInputField = registerFieldType('number', NumberInput, {\n isControlled: true,\n})\nexport const PasswordInputFIeld = registerFieldType('password', PasswordInput)\nexport const TextareaField = registerFieldType('textarea', Textarea)\nexport const SwitchField = registerFieldType(\n 'switch',\n forwardRef(({ label, ...props }: { label?: string }, ref) => {\n return (\n <Switch ref={ref} {...props}>\n {label}\n </Switch>\n )\n }),\n {\n isControlled: true,\n hideLabel: true,\n }\n)\nexport const SelectField = registerFieldType('select', Select, {\n isControlled: true,\n})\nexport const CheckboxField = registerFieldType(\n 'checkbox',\n forwardRef(({ label, ...props }: { label?: string }, ref) => {\n return (\n <Checkbox ref={ref} {...props}>\n {label}\n </Checkbox>\n )\n }),\n {\n hideLabel: true,\n }\n)\nexport const RadioField = registerFieldType('radio', RadioInput, {\n isControlled: true,\n})\nexport const PinField = registerFieldType('pin', PinInput, {\n isControlled: true,\n})\nexport const NativeSelectField = registerFieldType(\n 'native-select',\n NativeSelect,\n { isControlled: true }\n)\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n getFields(): FieldProps[]\n getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n items?: SchemaField[]\n properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema) =>\n schema &&\n Object.entries(schema).map(([name, field]) => {\n return {\n ...field,\n name,\n }\n })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n const getFields = () => {\n return mapFields(schema)\n }\n const getNestedFields = (name: string) => {\n const field = get(schema, name)\n\n if (!field) return []\n\n if (field.items?.type === 'object') {\n return mapFields(field.items.properties)\n } else if (field.type === 'object') {\n return mapFields(field.properties)\n }\n return [field.items]\n }\n\n return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n useForm,\n FormProvider,\n UseFormProps,\n UseFormReturn,\n FieldValues,\n SubmitHandler,\n SubmitErrorHandler,\n UnpackNestedValue,\n ResolverOptions,\n ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\nimport { css } from '@emotion/react'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n /**\n * The form schema, currently supports Yup schema only.\n */\n schema?: any\n /**\n * The submit handler.\n */\n onSubmit: SubmitHandler<TFieldValues>\n /**\n * Triggers when there are validation errors.\n */\n onError?: SubmitErrorHandler<TFieldValues>\n /**\n * Ref on the HTMLFormElement.\n */\n formRef?: React.MutableRefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseFormProps<TFieldValues>,\n Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n mode = 'all',\n resolver,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n schema,\n defaultValues,\n onSubmit,\n onError,\n formRef,\n children,\n ...rest\n } = props\n\n const form = {\n mode,\n resolver,\n defaultValues,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n }\n\n if (schema && !resolver) {\n form.resolver = Form.getResolver?.(schema)\n }\n\n const methods = useForm<TFieldValues>(form)\n const { handleSubmit } = methods\n\n // This exposes the useForm api through the forwarded ref\n React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n return (\n <FormProvider {...methods}>\n <chakra.form\n ref={formRef}\n onSubmit={handleSubmit(onSubmit, onError)}\n {...rest}\n className={cx('saas-form', props.className)}\n >\n {children}\n </chakra.form>\n </FormProvider>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getResolver?: GetResolver\n getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n values: UnpackNestedValue<TFieldValues>,\n context: TContext | undefined,\n options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n const theme = useTheme()\n\n const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n spacing: 4,\n }\n\n const gridProps = {\n ...defaultProps,\n ...props,\n }\n\n return (\n <SimpleGrid\n {...gridProps}\n className={cx('saas-form__layout', props.className)}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return <FormLayoutItem>{child}</FormLayoutItem>\n }\n return child\n })}\n </SimpleGrid>\n )\n}\n\nif (__DEV__) {\n FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.props.name) {\n return React.cloneElement(child, {\n ...child.props,\n name: `${name}.${child.props.name}`,\n })\n }\n return child\n })\n}\n","import * as React from 'react'\nimport {\n useFieldArray,\n useFormContext,\n UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n /**\n * The array field name\n */\n name: string\n /**\n * The default value for new items\n */\n defaultValue: Record<string, any>\n /**\n * Min amount of items\n */\n min?: number\n /**\n * Max amount of items\n */\n max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n createContext<UseArrayFieldReturn>({\n name: 'ArrayFieldContext',\n })\n\nexport interface UseArrayFieldRowReturn {\n /**\n * Name of the array field including the index, eg 'field.0'\n */\n name: string\n /**\n * The field index\n */\n index: number\n /**\n * Remove this array item\n */\n remove: () => void\n /**\n * True if this is the first item\n */\n isFirst: boolean\n /**\n * True if this is the last item\n */\n isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n createContext<UseArrayFieldRowReturn>({\n name: 'ArrayFieldRowContext',\n })\n\nexport interface ArrayFieldOptions {\n /**\n * The field name\n */\n name: string\n /**\n * Default value for new values in the array\n */\n defaultValue?: Record<string, any>\n /**\n * Default key name for rows, change this if your data uses a different 'id' field\n * @default \"id\"\n */\n keyName?: string\n min?: number\n max?: number\n}\n\nexport const useArrayField = ({\n name,\n defaultValue = {},\n keyName,\n min,\n max,\n}: ArrayFieldOptions) => {\n const { control } = useFormContext()\n const context = useFieldArray({\n control,\n name,\n keyName,\n })\n\n return {\n ...context,\n name,\n defaultValue,\n min,\n max,\n }\n}\n\nexport interface UseArrayFieldRowProps {\n index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n const { clearErrors } = useFormContext()\n const { name, remove, fields } = useArrayFieldContext()\n\n React.useEffect(() => {\n // reset errors, to make sure min/max errors reset correctly\n clearErrors(name)\n }, [])\n\n return {\n index,\n isFirst: index === 0,\n isLast: index === fields.length - 1,\n name: `${name}.${index}`,\n remove: React.useCallback(() => {\n clearErrors(name)\n remove(index)\n }, [index]),\n }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n const { isFirst, remove } = useArrayFieldRowContext()\n const { min, fields } = useArrayFieldContext()\n\n const isDisabled = isFirst && !!(min && fields.length <= min)\n\n return {\n onClick: () => remove(),\n isDisabled,\n }\n}\n\nexport const useArrayFieldAddButton = () => {\n const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n const isDisabled = !!(max && fields.length >= max)\n\n return {\n onClick: () =>\n append(defaultValue, {\n shouldFocus: false,\n }),\n isDisabled,\n }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n useArrayField,\n useArrayFieldRow,\n useArrayFieldContext,\n ArrayFieldProvider,\n ArrayFieldOptions,\n ArrayFieldRowProvider,\n useArrayFieldRowContext,\n useArrayFieldRemoveButton,\n useArrayFieldAddButton,\n UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n id: string\n [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The array index\n */\n index: number\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n children,\n columns,\n spacing,\n index,\n}) => {\n return (\n <ArrayFieldRowContainer index={index}>\n <ArrayFieldRowFields columns={columns} spacing={spacing}>\n {children}\n </ArrayFieldRowFields>\n <ArrayFieldRemoveButton />\n </ArrayFieldRowContainer>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n children,\n columns,\n spacing,\n ...layoutProps\n}) => {\n const { name } = useArrayFieldRowContext()\n return (\n <FormLayout\n flex=\"1\"\n columns={columns}\n gridGap={spacing}\n mr=\"2\"\n {...layoutProps}\n >\n {mapNestedFields(name, children)}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n}) => {\n const context = useArrayFieldRow({ index })\n\n const styles = {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-end',\n width: '100%',\n mb: 4,\n }\n\n return (\n <ArrayFieldRowProvider value={context}>\n <chakra.div __css={styles}>{children}</chakra.div>\n </ArrayFieldRowProvider>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<MinusIcon />}\n aria-label=\"Remove row\"\n {...useArrayFieldRemoveButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<AddIcon />}\n aria-label=\"Add row\"\n float=\"right\"\n {...useArrayFieldAddButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n extends ArrayFieldOptions,\n Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = React.forwardRef(\n (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n const { children, ...containerProps } = props\n\n return (\n <ArrayFieldContainer ref={ref} {...containerProps}>\n <ArrayFieldRows>\n {(fields: ArrayField[]) => (\n <>\n {fields.map(({ id }, index: number) => (\n <ArrayFieldRow key={id} index={index}>\n {children}\n </ArrayFieldRow>\n ))}\n </>\n )}\n </ArrayFieldRows>\n <ArrayFieldAddButton />\n </ArrayFieldContainer>\n )\n }\n)\n\nif (__DEV__) {\n ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n const { fields } = useArrayFieldContext()\n return children(fields)\n}\n\nif (__DEV__) {\n ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n (\n {\n name,\n defaultValue,\n keyName,\n min,\n max,\n children,\n ...fieldProps\n }: ArrayFieldProps,\n ref: React.ForwardedRef<UseArrayFieldReturn>\n ) => {\n const context = useArrayField({\n name,\n defaultValue,\n keyName,\n min,\n max,\n })\n\n // This exposes the useArrayField api through the forwarded ref\n React.useImperativeHandle(ref, () => context, [ref, context])\n\n return (\n <ArrayFieldProvider value={context}>\n <BaseField name={name} {...fieldProps}>\n {children}\n </BaseField>\n </ArrayFieldProvider>\n )\n }\n)\n\nif (__DEV__) {\n ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n FormControl,\n FormLabel,\n FormLabelProps,\n ResponsiveValue,\n useStyles,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n name: string\n children: React.ReactNode\n columns?: ResponsiveValue<number>\n spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n const styles = useStyles()\n return <FormLabel as=\"legend\" sx={styles.legend} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n props\n\n return (\n <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n <FormLayout columns={columns} gridGap={spacing}>\n {mapNestedFields(name, children)}\n </FormLayout>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\n\nexport interface FieldsProps {\n schema: any\n fieldResolver?: FieldResolver\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n return resolver\n .getNestedFields(name)\n ?.map(\n ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n )\n )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n schema,\n fieldResolver,\n ...props\n}) => {\n const resolver = React.useMemo(\n () => fieldResolver || Form.getFieldResolver(schema),\n [schema, fieldResolver]\n )\n\n return (\n <FormLayout {...props}>\n {resolver\n .getFields()\n .map(\n ({\n name,\n type,\n defaultValue,\n ...fieldProps\n }: FieldProps): React.ReactNode => {\n if (type === 'array') {\n return (\n <ArrayField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ArrayField>\n )\n } else if (type === 'object') {\n return (\n <ObjectField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ObjectField>\n )\n }\n\n return <Field key={name} name={name} type={type} {...fieldProps} />\n }\n )}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n /**\n * Disable the submit button if the form is untouched.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfUntouched`\n */\n disableIfUntouched?: boolean\n /**\n * Disable the submit button if the form is invalid.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfInvalid`\n */\n disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(\n (props, ref) => {\n const { children, disableIfUntouched, disableIfInvalid, ...rest } = props\n const { formState } = useFormContext()\n\n const isDisabled =\n (disableIfUntouched && !formState.isDirty) ||\n (disableIfInvalid && !formState.isValid)\n\n return (\n <Button\n type=\"submit\"\n isLoading={formState.isSubmitting}\n isPrimary\n ref={ref}\n isDisabled={isDisabled}\n {...rest}\n >\n {children}\n </Button>\n )\n }\n)\n\nSubmitButton.defaultProps = {\n label: 'Submit',\n disableIfUntouched: false,\n disableIfInvalid: false,\n}\n\nif (__DEV__) {\n SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n submitLabel?: false | string\n schema: any\n fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n extends Omit<FormProps<TFieldValues>, 'schema'>,\n AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: AutoFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { schema, submitLabel = 'Submit', fieldResolver, ...rest } = props\n\n return (\n <Form {...rest} schema={schema} ref={ref}>\n <FormLayout>\n {<Fields schema={schema} fieldResolver={fieldResolver} />}\n {submitLabel && <SubmitButton label={submitLabel} />}\n </FormLayout>\n </Form>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: AutoFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n useFormContext,\n useWatch,\n FieldValues,\n UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n children: React.ReactElement\n name: string\n defaultValue?: unknown\n isDisabled?: boolean\n isExact?: boolean\n condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n children,\n name,\n defaultValue,\n isDisabled,\n isExact,\n condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n const value = useWatch({\n name,\n defaultValue,\n disabled: isDisabled,\n exact: isExact,\n })\n const context = useFormContext<TFieldValues>()\n return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext } from '@chakra-ui/react-utils'\nimport {\n useStepper,\n useStep,\n UseStepperProps,\n UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n name: string\n schema?: any\n resolver?: any\n isActive?: boolean\n isCompleted?: boolean\n}\n\nexport interface StepFormContext extends UseStepperReturn {\n updateStep(state: StepState): void\n steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n createContext<StepFormContext>({\n name: 'StepFormContext',\n errorMessage:\n 'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n TFieldValues extends FieldValues = FieldValues\n> extends UseStepperProps,\n FormProps<TFieldValues> {}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n props: UseStepFormProps<TFieldValues>\n) {\n const stepper = useStepper(props)\n\n const { activeStep, isLastStep, nextStep } = stepper\n\n const [steps, updateSteps] = React.useState({})\n\n const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n async (data) => {\n if (isLastStep) {\n return props\n .onSubmit?.(data)\n .then(() => {\n const step = steps[activeStep]\n updateStep({\n ...step,\n isCompleted: true,\n })\n })\n .then(nextStep) // Show completed step\n }\n\n nextStep()\n },\n [activeStep, isLastStep]\n )\n\n const getFormProps = React.useCallback(\n (props) => {\n const step = steps[activeStep]\n return {\n onSubmit: onSubmitStep,\n schema: step?.schema,\n resolver: step?.resolver,\n }\n },\n [steps, onSubmitStep, activeStep]\n )\n\n const updateStep = React.useCallback(\n (step) => {\n updateSteps((steps) => {\n return {\n ...steps,\n [step.name]: step,\n }\n })\n },\n [steps]\n )\n\n return {\n getFormProps,\n updateStep,\n steps,\n ...stepper,\n }\n}\n\nexport type UseStepFormReturn = ReturnType<typeof useStepForm>\n\nexport interface UseFormStepProps {\n name: string\n schema?: any\n resolver?: any\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n const { name, schema, resolver } = props\n const step = useStep({ name })\n\n const { steps, updateStep } = useStepFormContext()\n\n React.useEffect(() => {\n updateStep({ name, schema, resolver })\n }, [name, schema])\n\n return {\n ...step,\n ...(steps[name] || { name, schema }),\n }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport {\n chakra,\n HTMLChakraProps,\n useMultiStyleConfig,\n StylesProvider,\n} from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n StepperProvider,\n StepperSteps,\n StepperStepsProps,\n StepperStep,\n useStepperContext,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form, FormProps } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n useStepForm,\n useFormStep,\n StepFormProvider,\n UseStepFormProps,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseStepFormProps<TFieldValues>,\n FormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: StepFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { children, onSubmit, ...rest } = props\n\n const stepper = useStepForm<TFieldValues>(props)\n\n const { getFormProps, ...ctx } = stepper\n\n const context = React.useMemo(() => ctx, [ctx])\n\n return (\n <StepperProvider value={context}>\n <StepFormProvider value={context}>\n <Form ref={ref} {...rest} {...getFormProps(props)}>\n {runIfFn(children, stepper)}\n </Form>\n </StepFormProvider>\n </StepperProvider>\n )\n }\n) as <TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n /**\n * The step name\n */\n name: string\n /**\n * Schema\n */\n schema?: any\n /**\n * Hook Form Resolver\n */\n resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n const styles = useMultiStyleConfig('Stepper', props)\n\n const { children } = props\n\n const elements = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child?.type === FormStep) {\n const { isCompleted } = useFormStep(child.props) // Register this step\n return (\n <StepperStep\n name={child.props.name}\n title={child.props.title}\n isCompleted={isCompleted}\n >\n {child.props.children}\n </StepperStep>\n )\n }\n return child\n })\n\n return (\n <StylesProvider value={styles}>\n <StepperSteps mb=\"4\" {...props}>\n {elements}\n </StepperSteps>\n </StylesProvider>\n )\n}\n\nexport interface FormStepProps\n extends FormStepOptions,\n HTMLChakraProps<'div'> {}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n const { name, schema, resolver, children, className, ...rest } = props\n const step = useFormStep({ name, schema, resolver })\n\n const { isActive } = step\n\n return isActive ? (\n <chakra.div {...rest} className={cx('saas-form__step', className)}>\n {children}\n </chakra.div>\n ) : null\n}\n\nif (__DEV__) {\n FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n return (\n <Button\n isDisabled={isFirstStep || isCompleted}\n label=\"Back\"\n {...props}\n className={cx('saas-form__prev-button', props.className)}\n onClick={callAllHandlers(props.onClick, prevStep)}\n />\n )\n}\n\nif (__DEV__) {\n PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n const { isLastStep, isCompleted } = useStepperContext()\n\n return (\n <SubmitButton\n isDisabled={isCompleted}\n label={isLastStep || isCompleted ? submitLabel : label}\n {...rest}\n className={cx('saas-form__next-button', props.className)}\n />\n )\n}\n\nif (__DEV__) {\n NextButton.displayName = 'NextButton'\n}\n"],"names":["DisplayField","_ref","name","label","props","React","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","inputTypes","defaultInputType","BaseField","help","variant","hideLabel","children","controlProps","formState","error","get","errors","getError","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","InputComponent","getInput","withControlledInput","rules","inputProps","control","Controller","render","_ref3","field","useMergeRefs","withUncontrolledInput","register","registerFieldType","component","options","isControlled","isDisabled","isReadOnly","isRequired","inputRules","required","createField","split","map","part","charAt","toUpperCase","slice","join","InputField","Input","NumberInputField","NumberInput","PasswordInputFIeld","PasswordInput","TextareaField","Textarea","SwitchField","Switch","SelectField","Select","CheckboxField","Checkbox","RadioField","RadioInput","PinField","PinInput","NativeSelectField","NativeSelect","mapFields","schema","Object","entries","objectFieldResolver","getFields","getNestedFields","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","rest","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","gridProps","useTheme","components","_theme$components","_theme$components$For2","defaultProps","spacing","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","ArrayFieldProvider","useArrayFieldContext","createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","columns","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","gridGap","mr","context","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","id","key","fieldProps","FormLegend","styles","useStyles","as","sx","legend","ObjectField","_resolver$getNestedFi","i","nestedFieldProps","Fields","_ref2","fieldResolver","useMemo","SubmitButton","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","isPrimary","isDirty","isValid","AutoForm","submitLabel","DisplayIf","isExact","condition","useWatch","disabled","exact","StepFormProvider","useStepFormContext","errorMessage","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","steps","updateSteps","useState","onSubmitStep","async","data","then","updateStep","isCompleted","getFormProps","step","useFormStep","useStep","StepForm","ctx","StepperProvider","runIfFn","FormStepper","useMultiStyleConfig","elements","FormStep","StepperStep","title","StylesProvider","StepperSteps","isActive","PrevButton","isFirstStep","prevStep","useStepperContext","callAllHandlers","NextButton"],"mappings":"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"}
1
+ {"version":3,"file":"index.modern.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n Text,\n FormControl,\n FormControlProps,\n FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n extends FormControlProps,\n Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n name,\n label,\n placeholder,\n ...props\n}) => {\n return (\n <FormControl {...props}>\n {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n <Text fontSize=\"md\">\n <FormValue name={name} />\n </Text>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n const { getValues } = useFormContext()\n return getValues(name) || null\n}\n\nif (__DEV__) {\n FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n useFormContext,\n FormState,\n Controller,\n get,\n RegisterOptions,\n FieldValues,\n FieldPath,\n} from 'react-hook-form'\n\nimport {\n forwardRef,\n Box,\n FormControl,\n FormControlProps,\n FormLabel,\n FormHelperText,\n FormErrorMessage,\n Input,\n Textarea,\n Checkbox,\n Switch,\n useMergeRefs,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { NumberInput } from '@saas-ui/number-input'\nimport { PasswordInput } from '@saas-ui/password-input'\nimport { RadioInput } from '@saas-ui/radio'\nimport { PinInput } from '@saas-ui/pin-input'\nimport { Select, NativeSelect } from '@saas-ui/select'\nimport { FocusableElement } from '@chakra-ui/utils'\n\nexport interface Option {\n value: string\n label?: string\n [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n RegisterOptions,\n 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport type FieldTypes =\n | 'text'\n | 'number'\n | 'password'\n | 'textarea'\n | 'select'\n | 'native-select'\n | 'checkbox'\n | 'radio'\n | 'switch'\n | 'pin'\n | string\n\nexport interface FieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n /**\n * The field name\n */\n name: TName\n /**\n * The field label\n */\n label?: string\n /**\n * Hide the field label\n */\n hideLabel?: boolean\n /**\n * Field help text\n */\n help?: string\n /**\n * React hook form rules\n */\n rules?: Omit<\n RegisterOptions<TFieldValues, TName>,\n 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n >\n /**\n * Options used for selects and radio fields\n */\n options?: Option[]\n /**\n * The field type\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n * @default 'text'\n */\n type?: FieldTypes\n /**\n * The input placeholder\n */\n placeholder?: string\n}\n\nconst inputTypes: Record<FieldTypes, any> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n return get(formState.errors, name)\n}\n\nconst isTouched = (\n name: string,\n formState: FormState<{ [x: string]: any }>\n) => {\n return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n const { name, label, help, variant, hideLabel, children, ...controlProps } =\n props\n\n const { formState } = useFormContext()\n\n const error = getError(name, formState)\n\n return (\n <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n {label && !hideLabel ? (\n <FormLabel variant={variant}>{label}</FormLabel>\n ) : null}\n <Box>\n {children}\n {help && !error?.message ? (\n <FormHelperText>{help}</FormHelperText>\n ) : null}\n {error?.message && (\n <FormErrorMessage>{error?.message}</FormErrorMessage>\n )}\n </Box>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n BaseField.displayName = 'BaseField'\n}\n\nexport const Field = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FieldProps<TFieldValues> & {\n [key: string]: unknown // Make sure attributes of custom components work. Need to change this to a global typedef at some point.\n },\n ref: React.ForwardedRef<FocusableElement>\n ) => {\n const { type = defaultInputType } = props\n const InputComponent = getInput(type)\n\n return <InputComponent ref={ref} {...props} />\n }\n) as <TFieldValues extends FieldValues>(\n props: FieldProps<TFieldValues> & {\n [key: string]: unknown\n } & {\n ref?: React.ForwardedRef<FocusableElement>\n }\n) => React.ReactElement\n\ninterface CreateFieldProps {\n displayName: string\n hideLabel?: boolean\n BaseField: React.FC<any>\n}\n\nconst createField = (\n InputComponent: React.FC<any>,\n { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n const Field = forwardRef<FieldProps, typeof FormControl>((props, ref) => {\n const {\n id,\n name,\n label,\n help,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n rules,\n variant,\n ...inputProps\n } = props\n\n const inputRules = {\n required: isRequired,\n ...rules,\n }\n\n return (\n <BaseField\n id={id}\n name={name}\n label={label}\n help={help}\n hideLabel={hideLabel}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n variant={variant}\n >\n <InputComponent\n ref={ref}\n id={id}\n name={name}\n label={label}\n rules={inputRules}\n {...inputProps}\n />\n </BaseField>\n )\n })\n Field.displayName = displayName\n\n return Field\n}\n\nexport const withControlledInput = (InputComponent: any) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { control } = useFormContext()\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref: _ref, ...field } }) => (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )}\n />\n )\n }\n )\n}\n\nexport const withUncontrolledInput = (InputComponent: any) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { register } = useFormContext()\n\n const { ref: _ref, ...field } = register(name, rules)\n\n return (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )\n }\n )\n}\n\nexport interface RegisterFieldTypeOptions {\n isControlled?: boolean\n hideLabel?: boolean\n BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for checkbox or switch field.\n */\nexport const registerFieldType = (\n type: string,\n component: React.FC<any>,\n options?: RegisterFieldTypeOptions\n) => {\n let InputComponent\n if (options?.isControlled) {\n InputComponent = withControlledInput(component)\n } else {\n InputComponent = withUncontrolledInput(component)\n }\n\n const Field = createField(InputComponent, {\n displayName: `${type\n .split('-')\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')}Field`,\n hideLabel: options?.hideLabel,\n BaseField: options?.BaseField || BaseField,\n })\n\n inputTypes[type] = Field\n\n return Field\n}\n\n// @todo Consider not registering all fields by default to lower the package size and computations.\n// Not all types may be required in a project.\nexport const InputField = registerFieldType('text', Input)\nexport const NumberInputField = registerFieldType('number', NumberInput, {\n isControlled: true,\n})\nexport const PasswordInputFIeld = registerFieldType('password', PasswordInput)\nexport const TextareaField = registerFieldType('textarea', Textarea)\nexport const SwitchField = registerFieldType(\n 'switch',\n forwardRef(({ label, ...props }: { label?: string }, ref) => {\n return (\n <Switch ref={ref} {...props}>\n {label}\n </Switch>\n )\n }),\n {\n isControlled: true,\n hideLabel: true,\n }\n)\nexport const SelectField = registerFieldType('select', Select, {\n isControlled: true,\n})\nexport const CheckboxField = registerFieldType(\n 'checkbox',\n forwardRef(({ label, ...props }: { label?: string }, ref) => {\n return (\n <Checkbox ref={ref} {...props}>\n {label}\n </Checkbox>\n )\n }),\n {\n hideLabel: true,\n }\n)\nexport const RadioField = registerFieldType('radio', RadioInput, {\n isControlled: true,\n})\nexport const PinField = registerFieldType('pin', PinInput, {\n isControlled: true,\n})\nexport const NativeSelectField = registerFieldType(\n 'native-select',\n NativeSelect,\n { isControlled: true }\n)\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n getFields(): FieldProps[]\n getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n items?: SchemaField[]\n properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema) =>\n schema &&\n Object.entries(schema).map(([name, field]) => {\n return {\n ...field,\n name,\n }\n })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n const getFields = () => {\n return mapFields(schema)\n }\n const getNestedFields = (name: string) => {\n const field = get(schema, name)\n\n if (!field) return []\n\n if (field.items?.type === 'object') {\n return mapFields(field.items.properties)\n } else if (field.type === 'object') {\n return mapFields(field.properties)\n }\n return [field.items]\n }\n\n return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n useForm,\n FormProvider,\n UseFormProps,\n UseFormReturn,\n FieldValues,\n SubmitHandler,\n SubmitErrorHandler,\n UnpackNestedValue,\n ResolverOptions,\n ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\nimport { css } from '@emotion/react'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n /**\n * The form schema, currently supports Yup schema only.\n */\n schema?: any\n /**\n * The submit handler.\n */\n onSubmit: SubmitHandler<TFieldValues>\n /**\n * Triggers when there are validation errors.\n */\n onError?: SubmitErrorHandler<TFieldValues>\n /**\n * Ref on the HTMLFormElement.\n */\n formRef?: React.MutableRefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseFormProps<TFieldValues>,\n Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n mode = 'all',\n resolver,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n schema,\n defaultValues,\n onSubmit,\n onError,\n formRef,\n children,\n ...rest\n } = props\n\n const form = {\n mode,\n resolver,\n defaultValues,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n }\n\n if (schema && !resolver) {\n form.resolver = Form.getResolver?.(schema)\n }\n\n const methods = useForm<TFieldValues>(form)\n const { handleSubmit } = methods\n\n // This exposes the useForm api through the forwarded ref\n React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n return (\n <FormProvider {...methods}>\n <chakra.form\n ref={formRef}\n onSubmit={handleSubmit(onSubmit, onError)}\n {...rest}\n className={cx('saas-form', props.className)}\n >\n {children}\n </chakra.form>\n </FormProvider>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getResolver?: GetResolver\n getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n values: UnpackNestedValue<TFieldValues>,\n context: TContext | undefined,\n options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n const theme = useTheme()\n\n const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n spacing: 4,\n }\n\n const gridProps = {\n ...defaultProps,\n ...props,\n }\n\n return (\n <SimpleGrid\n {...gridProps}\n className={cx('saas-form__layout', props.className)}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return <FormLayoutItem>{child}</FormLayoutItem>\n }\n return child\n })}\n </SimpleGrid>\n )\n}\n\nif (__DEV__) {\n FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.props.name) {\n return React.cloneElement(child, {\n ...child.props,\n name: `${name}.${child.props.name}`,\n })\n }\n return child\n })\n}\n","import * as React from 'react'\nimport {\n useFieldArray,\n useFormContext,\n UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n /**\n * The array field name\n */\n name: string\n /**\n * The default value for new items\n */\n defaultValue: Record<string, any>\n /**\n * Min amount of items\n */\n min?: number\n /**\n * Max amount of items\n */\n max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n createContext<UseArrayFieldReturn>({\n name: 'ArrayFieldContext',\n })\n\nexport interface UseArrayFieldRowReturn {\n /**\n * Name of the array field including the index, eg 'field.0'\n */\n name: string\n /**\n * The field index\n */\n index: number\n /**\n * Remove this array item\n */\n remove: () => void\n /**\n * True if this is the first item\n */\n isFirst: boolean\n /**\n * True if this is the last item\n */\n isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n createContext<UseArrayFieldRowReturn>({\n name: 'ArrayFieldRowContext',\n })\n\nexport interface ArrayFieldOptions {\n /**\n * The field name\n */\n name: string\n /**\n * Default value for new values in the array\n */\n defaultValue?: Record<string, any>\n /**\n * Default key name for rows, change this if your data uses a different 'id' field\n * @default \"id\"\n */\n keyName?: string\n min?: number\n max?: number\n}\n\nexport const useArrayField = ({\n name,\n defaultValue = {},\n keyName,\n min,\n max,\n}: ArrayFieldOptions) => {\n const { control } = useFormContext()\n const context = useFieldArray({\n control,\n name,\n keyName,\n })\n\n return {\n ...context,\n name,\n defaultValue,\n min,\n max,\n }\n}\n\nexport interface UseArrayFieldRowProps {\n index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n const { clearErrors } = useFormContext()\n const { name, remove, fields } = useArrayFieldContext()\n\n React.useEffect(() => {\n // reset errors, to make sure min/max errors reset correctly\n clearErrors(name)\n }, [])\n\n return {\n index,\n isFirst: index === 0,\n isLast: index === fields.length - 1,\n name: `${name}.${index}`,\n remove: React.useCallback(() => {\n clearErrors(name)\n remove(index)\n }, [index]),\n }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n const { isFirst, remove } = useArrayFieldRowContext()\n const { min, fields } = useArrayFieldContext()\n\n const isDisabled = isFirst && !!(min && fields.length <= min)\n\n return {\n onClick: () => remove(),\n isDisabled,\n }\n}\n\nexport const useArrayFieldAddButton = () => {\n const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n const isDisabled = !!(max && fields.length >= max)\n\n return {\n onClick: () =>\n append(defaultValue, {\n shouldFocus: false,\n }),\n isDisabled,\n }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n useArrayField,\n useArrayFieldRow,\n useArrayFieldContext,\n ArrayFieldProvider,\n ArrayFieldOptions,\n ArrayFieldRowProvider,\n useArrayFieldRowContext,\n useArrayFieldRemoveButton,\n useArrayFieldAddButton,\n UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n id: string\n [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The array index\n */\n index: number\n children?: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n children,\n columns,\n spacing,\n index,\n}) => {\n return (\n <ArrayFieldRowContainer index={index}>\n <ArrayFieldRowFields columns={columns} spacing={spacing}>\n {children}\n </ArrayFieldRowFields>\n <ArrayFieldRemoveButton />\n </ArrayFieldRowContainer>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n\n children?: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n children,\n columns,\n spacing,\n ...layoutProps\n}) => {\n const { name } = useArrayFieldRowContext()\n return (\n <FormLayout\n flex=\"1\"\n columns={columns}\n gridGap={spacing}\n mr=\"2\"\n {...layoutProps}\n >\n {mapNestedFields(name, children)}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n}) => {\n const context = useArrayFieldRow({ index })\n\n const styles = {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-end',\n width: '100%',\n mb: 4,\n }\n\n return (\n <ArrayFieldRowProvider value={context}>\n <chakra.div __css={styles}>{children}</chakra.div>\n </ArrayFieldRowProvider>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<MinusIcon />}\n aria-label=\"Remove row\"\n {...useArrayFieldRemoveButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<AddIcon />}\n aria-label=\"Add row\"\n float=\"right\"\n {...useArrayFieldAddButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n extends ArrayFieldOptions,\n Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = React.forwardRef(\n (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n const { children, ...containerProps } = props\n\n return (\n <ArrayFieldContainer ref={ref} {...containerProps}>\n <ArrayFieldRows>\n {(fields: ArrayField[]) => (\n <>\n {fields.map(({ id }, index: number) => (\n <ArrayFieldRow key={id} index={index}>\n {children}\n </ArrayFieldRow>\n ))}\n </>\n )}\n </ArrayFieldRows>\n <ArrayFieldAddButton />\n </ArrayFieldContainer>\n )\n }\n)\n\nif (__DEV__) {\n ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n const { fields } = useArrayFieldContext()\n return children(fields)\n}\n\nif (__DEV__) {\n ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n (\n {\n name,\n defaultValue,\n keyName,\n min,\n max,\n children,\n ...fieldProps\n }: ArrayFieldProps,\n ref: React.ForwardedRef<UseArrayFieldReturn>\n ) => {\n const context = useArrayField({\n name,\n defaultValue,\n keyName,\n min,\n max,\n })\n\n // This exposes the useArrayField api through the forwarded ref\n React.useImperativeHandle(ref, () => context, [ref, context])\n\n return (\n <ArrayFieldProvider value={context}>\n <BaseField name={name} {...fieldProps}>\n {children}\n </BaseField>\n </ArrayFieldProvider>\n )\n }\n)\n\nif (__DEV__) {\n ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n FormControl,\n FormLabel,\n FormLabelProps,\n ResponsiveValue,\n useStyles,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n name: string\n children: React.ReactNode\n columns?: ResponsiveValue<number>\n spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n const styles = useStyles()\n return <FormLabel as=\"legend\" sx={styles.legend} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n props\n\n return (\n <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n <FormLayout columns={columns} gridGap={spacing}>\n {mapNestedFields(name, children)}\n </FormLayout>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\n\nexport interface FieldsProps {\n schema: any\n fieldResolver?: FieldResolver\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n return resolver\n .getNestedFields(name)\n ?.map(\n ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n )\n )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n schema,\n fieldResolver,\n ...props\n}) => {\n const resolver = React.useMemo(\n () => fieldResolver || Form.getFieldResolver(schema),\n [schema, fieldResolver]\n )\n\n return (\n <FormLayout {...props}>\n {resolver\n .getFields()\n .map(\n ({\n name,\n type,\n defaultValue,\n ...fieldProps\n }: FieldProps): React.ReactNode => {\n if (type === 'array') {\n return (\n <ArrayField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ArrayField>\n )\n } else if (type === 'object') {\n return (\n <ObjectField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ObjectField>\n )\n }\n\n return <Field key={name} name={name} type={type} {...fieldProps} />\n }\n )}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n /**\n * Disable the submit button if the form is untouched.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfUntouched`\n */\n disableIfUntouched?: boolean\n /**\n * Disable the submit button if the form is invalid.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfInvalid`\n */\n disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(\n (props, ref) => {\n const { children, disableIfUntouched, disableIfInvalid, ...rest } = props\n const { formState } = useFormContext()\n\n const isDisabled =\n (disableIfUntouched && !formState.isDirty) ||\n (disableIfInvalid && !formState.isValid)\n\n return (\n <Button\n type=\"submit\"\n isLoading={formState.isSubmitting}\n isPrimary\n ref={ref}\n isDisabled={isDisabled}\n {...rest}\n >\n {children}\n </Button>\n )\n }\n)\n\nSubmitButton.defaultProps = {\n label: 'Submit',\n disableIfUntouched: false,\n disableIfInvalid: false,\n}\n\nif (__DEV__) {\n SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n submitLabel?: false | string\n schema: any\n fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n extends Omit<FormProps<TFieldValues>, 'schema'>,\n AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: AutoFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { schema, submitLabel = 'Submit', fieldResolver, ...rest } = props\n\n return (\n <Form {...rest} schema={schema} ref={ref}>\n <FormLayout>\n {<Fields schema={schema} fieldResolver={fieldResolver} />}\n {submitLabel && <SubmitButton label={submitLabel} />}\n </FormLayout>\n </Form>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: AutoFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n useFormContext,\n useWatch,\n FieldValues,\n UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n children: React.ReactElement\n name: string\n defaultValue?: unknown\n isDisabled?: boolean\n isExact?: boolean\n condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n children,\n name,\n defaultValue,\n isDisabled,\n isExact,\n condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n const value = useWatch({\n name,\n defaultValue,\n disabled: isDisabled,\n exact: isExact,\n })\n const context = useFormContext<TFieldValues>()\n return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext } from '@chakra-ui/react-utils'\nimport {\n useStepper,\n useStep,\n UseStepperProps,\n UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n name: string\n schema?: any\n resolver?: any\n isActive?: boolean\n isCompleted?: boolean\n}\n\nexport interface StepFormContext extends UseStepperReturn {\n updateStep(state: StepState): void\n steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n createContext<StepFormContext>({\n name: 'StepFormContext',\n errorMessage:\n 'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n TFieldValues extends FieldValues = FieldValues\n> extends UseStepperProps,\n Omit<FormProps<TFieldValues>, 'children'> {\n children:\n | React.ReactNode\n | ((stepper: UseStepFormReturn<TFieldValues>) => React.ReactElement)\n}\n\nexport interface UseStepFormReturn<\n TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n getFormProps(): {\n onSubmit: SubmitHandler<TFieldValues>\n schema?: any\n resolver?: any\n }\n updateStep(step: any): void\n steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n const stepper = useStepper(props)\n\n const { activeStep, isLastStep, nextStep } = stepper\n\n const [steps, updateSteps] = React.useState({})\n\n const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n async (data) => {\n if (isLastStep) {\n return props\n .onSubmit?.(data)\n .then(() => {\n const step = steps[activeStep]\n updateStep({\n ...step,\n isCompleted: true,\n })\n })\n .then(nextStep) // Show completed step\n }\n\n nextStep()\n },\n [activeStep, isLastStep]\n )\n\n const getFormProps = React.useCallback(() => {\n const step = steps[activeStep]\n return {\n onSubmit: onSubmitStep,\n schema: step?.schema,\n resolver: step?.resolver,\n }\n }, [steps, onSubmitStep, activeStep])\n\n const updateStep = React.useCallback(\n (step: StepState) => {\n updateSteps((steps) => {\n return {\n ...steps,\n [step.name]: step,\n }\n })\n },\n [steps]\n )\n\n return {\n getFormProps,\n updateStep,\n steps,\n ...stepper,\n }\n}\n\nexport interface UseFormStepProps {\n name: string\n schema?: any\n resolver?: any\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n const { name, schema, resolver } = props\n const step = useStep({ name })\n\n const { steps, updateStep } = useStepFormContext()\n\n React.useEffect(() => {\n updateStep({ name, schema, resolver })\n }, [name, schema])\n\n return {\n ...step,\n ...(steps[name] || { name, schema }),\n }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport {\n chakra,\n HTMLChakraProps,\n useMultiStyleConfig,\n StylesProvider,\n} from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n StepperProvider,\n StepperSteps,\n StepperStepsProps,\n StepperStep,\n useStepperContext,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form, FormProps } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n useStepForm,\n useFormStep,\n StepFormProvider,\n UseStepFormProps,\n UseStepFormReturn,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: StepFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { children, ...rest } = props\n\n const stepper = useStepForm<TFieldValues>(props)\n\n const { getFormProps, ...ctx } = stepper\n\n const context = React.useMemo(() => ctx, [ctx])\n\n return (\n <StepperProvider value={context}>\n <StepFormProvider value={context}>\n <Form ref={ref} {...rest} {...getFormProps()}>\n {runIfFn(children, stepper)}\n </Form>\n </StepFormProvider>\n </StepperProvider>\n )\n }\n) as <TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n /**\n * The step name\n */\n name: string\n /**\n * Schema\n */\n schema?: any\n /**\n * Hook Form Resolver\n */\n resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n const styles = useMultiStyleConfig('Stepper', props)\n\n const { children } = props\n\n const elements = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child?.type === FormStep) {\n const { isCompleted } = useFormStep(child.props) // Register this step\n return (\n <StepperStep\n name={child.props.name}\n title={child.props.title}\n isCompleted={isCompleted}\n >\n {child.props.children}\n </StepperStep>\n )\n }\n return child\n })\n\n return (\n <StylesProvider value={styles}>\n <StepperSteps mb=\"4\" {...props}>\n {elements}\n </StepperSteps>\n </StylesProvider>\n )\n}\n\nexport interface FormStepProps\n extends FormStepOptions,\n HTMLChakraProps<'div'> {}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n const { name, schema, resolver, children, className, ...rest } = props\n const step = useFormStep({ name, schema, resolver })\n\n const { isActive } = step\n\n return isActive ? (\n <chakra.div {...rest} className={cx('saas-form__step', className)}>\n {children}\n </chakra.div>\n ) : null\n}\n\nif (__DEV__) {\n FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n return (\n <Button\n isDisabled={isFirstStep || isCompleted}\n label=\"Back\"\n {...props}\n className={cx('saas-form__prev-button', props.className)}\n onClick={callAllHandlers(props.onClick, prevStep)}\n />\n )\n}\n\nif (__DEV__) {\n PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n const { isLastStep, isCompleted } = useStepperContext()\n\n return (\n <SubmitButton\n isDisabled={isCompleted}\n label={isLastStep || isCompleted ? submitLabel : label}\n {...rest}\n className={cx('saas-form__next-button', props.className)}\n />\n )\n}\n\nif (__DEV__) {\n NextButton.displayName = 'NextButton'\n}\n"],"names":["DisplayField","_ref","name","label","props","React","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","inputTypes","defaultInputType","BaseField","help","variant","hideLabel","children","controlProps","formState","error","get","errors","getError","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","InputComponent","getInput","withControlledInput","rules","inputProps","control","Controller","render","_ref3","field","useMergeRefs","withUncontrolledInput","register","registerFieldType","component","options","isControlled","id","isDisabled","isReadOnly","isRequired","inputRules","required","createField","split","map","part","charAt","toUpperCase","slice","join","InputField","Input","NumberInputField","NumberInput","PasswordInputFIeld","PasswordInput","TextareaField","Textarea","SwitchField","Switch","SelectField","Select","CheckboxField","Checkbox","RadioField","RadioInput","PinField","PinInput","NativeSelectField","NativeSelect","mapFields","schema","Object","entries","objectFieldResolver","getFields","getNestedFields","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","rest","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","gridProps","useTheme","components","_theme$components","_theme$components$For2","defaultProps","spacing","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","ArrayFieldProvider","useArrayFieldContext","createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","columns","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","gridGap","mr","context","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","key","fieldProps","FormLegend","styles","useStyles","as","sx","legend","ObjectField","_resolver$getNestedFi","i","nestedFieldProps","Fields","_ref2","fieldResolver","useMemo","SubmitButton","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","isPrimary","isDirty","isValid","AutoForm","submitLabel","DisplayIf","isExact","condition","useWatch","disabled","exact","StepFormProvider","useStepFormContext","errorMessage","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","steps","updateSteps","useState","onSubmitStep","async","data","then","updateStep","isCompleted","getFormProps","step","useFormStep","useStep","StepForm","ctx","StepperProvider","runIfFn","FormStepper","useMultiStyleConfig","elements","FormStep","StepperStep","title","StylesProvider","StepperSteps","isActive","PrevButton","isFirstStep","prevStep","useStepperContext","callAllHandlers","NextButton"],"mappings":"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"}
package/dist/layout.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SimpleGridProps } from '@chakra-ui/react';
3
2
  export declare type FormLayoutProps = SimpleGridProps;
4
3
  /**
package/dist/layout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAsB,eAAe,EAAY,MAAM,kBAAkB,CAAA;AAGhF,oBAAY,eAAe,GAAG,eAAe,CAAA;AAc7C;;;;;GAKG;AACH,eAAO,MAAM,UAAU;6BAA4B,eAAe;;CAyBjE,CAAA"}
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,eAAe,EAAY,MAAM,kBAAkB,CAAA;AAGhF,oBAAY,eAAe,GAAG,eAAe,CAAA;AAc7C;;;;;GAKG;AACH,eAAO,MAAM,UAAU;6BAA4B,eAAe;;CAyBjE,CAAA"}
package/dist/step-form.d.ts CHANGED
@@ -5,10 +5,10 @@ import { StepperStepsProps } from '@saas-ui/stepper';
5
5
  import { ButtonProps } from '@saas-ui/button';
6
6
  import { FormProps } from './form';
7
7
  import { UseStepFormProps } from './use-step-form';
8
- export interface StepFormProps<TFieldValues extends FieldValues = FieldValues> extends UseStepFormProps<TFieldValues>, FormProps<TFieldValues> {
8
+ export interface StepFormProps<TFieldValues extends FieldValues = FieldValues> extends UseStepFormProps<TFieldValues> {
9
9
  }
10
10
  export declare const StepForm: <TFieldValues extends FieldValues>(props: FormProps<TFieldValues> & {
11
- ref?: React.ForwardedRef<UseFormReturn<TFieldValues, object>> | undefined;
11
+ ref?: React.ForwardedRef<UseFormReturn<TFieldValues, any>> | undefined;
12
12
  }) => React.ReactElement;
13
13
  export interface FormStepOptions {
14
14
  /**
package/dist/step-form.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step-form.d.ts","sourceRoot":"","sources":["../src/step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAEL,eAAe,EAGhB,MAAM,mBAAmB,CAAA;AAI1B,OAAO,EAGL,iBAAiB,EAGlB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAIL,gBAAgB,EACjB,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC3E,SAAQ,gBAAgB,CAAC,YAAY,CAAC,EACpC,SAAS,CAAC,YAAY,CAAC;CAAG;AAE9B,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY,CAAA;AAEvB,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BnD,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,eAAe,CAAC,KAAK,CAAC;CAAG;AAE7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAW5C,CAAA;AAMD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAY5C,CAAA;AAMD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYhD,CAAA"}
1
+ {"version":3,"file":"step-form.d.ts","sourceRoot":"","sources":["../src/step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAEL,eAAe,EAGhB,MAAM,mBAAmB,CAAA;AAI1B,OAAO,EAGL,iBAAiB,EAGlB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAIL,gBAAgB,EAEjB,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC3E,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAE3C,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY,CAAA;AAEvB,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BnD,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,eAAe,CAAC,KAAK,CAAC;CAAG;AAE7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAW5C,CAAA;AAMD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAY5C,CAAA;AAMD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYhD,CAAA"}
package/dist/use-array-field.d.ts CHANGED
@@ -64,14 +64,14 @@ export declare const useArrayField: ({ name, defaultValue, keyName, min, max, }:
64
64
  defaultValue: Record<string, any>;
65
65
  min: number | undefined;
66
66
  max: number | undefined;
67
- swap: (indexA: number, indexB: number) => void;
68
- move: (indexA: number, indexB: number) => void;
69
- prepend: (value: Partial<unknown> | Partial<unknown>[], options?: import("react-hook-form").FieldArrayMethodProps | undefined) => void;
70
- append: (value: Partial<unknown> | Partial<unknown>[], options?: import("react-hook-form").FieldArrayMethodProps | undefined) => void;
71
- remove: (index?: number | number[] | undefined) => void;
72
- insert: (index: number, value: Partial<unknown> | Partial<unknown>[], options?: import("react-hook-form").FieldArrayMethodProps | undefined) => void;
73
- update: (index: number, value: Partial<unknown>) => void;
74
- replace: (value: Partial<unknown> | Partial<unknown>[]) => void;
67
+ swap: import("react-hook-form").UseFieldArraySwap;
68
+ move: import("react-hook-form").UseFieldArrayMove;
69
+ prepend: import("react-hook-form").UseFieldArrayPrepend<import("react-hook-form").FieldValues, string>;
70
+ append: import("react-hook-form").UseFieldArrayAppend<import("react-hook-form").FieldValues, string>;
71
+ remove: import("react-hook-form").UseFieldArrayRemove;
72
+ insert: import("react-hook-form").UseFieldArrayInsert<import("react-hook-form").FieldValues, string>;
73
+ update: import("react-hook-form").UseFieldArrayUpdate<import("react-hook-form").FieldValues, string>;
74
+ replace: import("react-hook-form").UseFieldArrayReplace<import("react-hook-form").FieldValues, string>;
75
75
  fields: Record<string, string>[];
76
76
  };
77
77
  export interface UseArrayFieldRowProps {
package/dist/use-step-form.d.ts CHANGED
@@ -14,30 +14,19 @@ export interface StepFormContext extends UseStepperReturn {
14
14
  }
15
15
  export declare const StepFormProvider: React.Provider<StepFormContext>, useStepFormContext: () => StepFormContext;
16
16
  import { FormProps } from './form';
17
- export interface UseStepFormProps<TFieldValues extends FieldValues = FieldValues> extends UseStepperProps, FormProps<TFieldValues> {
17
+ export interface UseStepFormProps<TFieldValues extends FieldValues = FieldValues> extends UseStepperProps, Omit<FormProps<TFieldValues>, 'children'> {
18
+ children: React.ReactNode | ((stepper: UseStepFormReturn<TFieldValues>) => React.ReactElement);
18
19
  }
19
- export declare function useStepForm<TFieldValues extends FieldValues = FieldValues>(props: UseStepFormProps<TFieldValues>): {
20
- stepsRef: React.MutableRefObject<string[]>;
21
- activeStep: string;
22
- activeIndex: number;
23
- isFirstStep: boolean;
24
- isLastStep: boolean;
25
- isCompleted: boolean;
26
- setIndex: React.Dispatch<React.SetStateAction<number>>;
27
- setStep: (name: string) => void;
28
- nextStep: () => void;
29
- prevStep: () => void;
30
- registerStep: (name: string) => void;
31
- unregisterStep: (name: string) => void;
32
- getFormProps: (props: any) => {
20
+ export interface UseStepFormReturn<TFieldValues extends FieldValues = FieldValues> extends UseStepperReturn {
21
+ getFormProps(): {
33
22
  onSubmit: SubmitHandler<TFieldValues>;
34
- schema: any;
35
- resolver: any;
23
+ schema?: any;
24
+ resolver?: any;
36
25
  };
37
- updateStep: (step: any) => void;
38
- steps: {};
39
- };
40
- export declare type UseStepFormReturn = ReturnType<typeof useStepForm>;
26
+ updateStep(step: any): void;
27
+ steps: Record<string, any>;
28
+ }
29
+ export declare function useStepForm<TFieldValues extends FieldValues = FieldValues>(props: UseStepFormProps<TFieldValues>): UseStepFormReturn<TFieldValues>;
41
30
  export interface UseFormStepProps {
42
31
  name: string;
43
32
  schema?: any;
package/dist/use-step-form.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-step-form.d.ts","sourceRoot":"","sources":["../src/use-step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAGL,eAAe,EACf,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACjC;AAED,eAAO,MAAO,gBAAgB,mCAAE,kBAAkB,uBAK9C,CAAA;AAEJ,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,gBAAgB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,eAAe,EACrB,SAAS,CAAC,YAAY,CAAC;CAAG;AAE9B,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;EA0DtC;AAED,oBAAY,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAc9D"}
1
+ {"version":3,"file":"use-step-form.d.ts","sourceRoot":"","sources":["../src/use-step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAGL,eAAe,EACf,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACjC;AAED,eAAO,MAAO,gBAAgB,mCAAE,kBAAkB,uBAK9C,CAAA;AAEJ,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,gBAAgB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,eAAe,EACrB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC3C,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;CACvE;AAED,MAAM,WAAW,iBAAiB,CAChC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB;IACxB,YAAY,IAAI;QACd,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,CAAA;IACD,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC3B;AAED,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,GACpC,iBAAiB,CAAC,YAAY,CAAC,CAsDjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAc9D"}
package/dist/utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import * as React from 'react';
2
- export declare const mapNestedFields: (name: string, children: React.ReactNode) => {}[] | null | undefined;
2
+ export declare const mapNestedFields: (name: string, children: React.ReactNode) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[] | null | undefined;
3
3
  //# sourceMappingURL=utils.d.ts.map
package/dist/utils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,eAAe,SAAU,MAAM,YAAY,MAAM,SAAS,4BAUtE,CAAA"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,eAAe,SAAU,MAAM,YAAY,MAAM,SAAS,0JAUtE,CAAA"}
package/dist/zod/{zod/src/index.d.ts → index.d.ts} RENAMED
File without changes
package/dist/zod/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../zod/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
package/dist/zod/zod-resolver.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"zod-resolver.d.ts","sourceRoot":"","sources":["../../zod/src/zod-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB,oBAAY,OAAO,GAAG;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAsBD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,4BAA2B,UAAU,EA+BpE,CAAA;AAED,eAAO,MAAM,eAAe,+BAAgC,MAAM,QAEjE,CAAA;AAED,eAAO,MAAM,gBAAgB;;0BAKH,MAAM;CAI/B,CAAA;AAED,eAAO,MAAM,OAAO;;;;;8BANM,MAAM;;CAgB/B,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,OAAO,SAAU,OAAO,WAEpC,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,MAAM,QAMxC,CAAA"}
1
+ {"version":3,"file":"zod-resolver.d.ts","sourceRoot":"","sources":["../../zod/src/zod-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB,oBAAY,OAAO,GAAG;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAsBD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,WAAY,EAAE,UAAU,KAAG,UAAU,EA+BpE,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,EAAE,UAAU,QAAQ,MAAM,QAEjE,CAAA;AAED,eAAO,MAAM,gBAAgB;;0BAKH,MAAM;CAI/B,CAAA;AAED,eAAO,MAAM,OAAO;;;;;8BANM,MAAM;;CAgB/B,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,OAAO,SAAU,OAAO,WAEpC,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,MAAM,QAMxC,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saas-ui/forms",
3
- "version": "0.7.6",
4
- "description": "Theme and components agnostic SaasProvider",
3
+ "version": "0.8.0-next.0",
4
+ "description": "Fully functional forms for Chakra UI.",
5
5
  "source": "src/index.ts",
6
6
  "exports": {
7
7
  ".": {
@@ -79,24 +79,24 @@
79
79
  "url": "https://storybook.saas-ui.dev"
80
80
  },
81
81
  "dependencies": {
82
- "@chakra-ui/icons": "^1.1.1",
83
- "@chakra-ui/react-utils": "^1.2.1",
84
- "@chakra-ui/utils": "^1.10.4",
85
- "@hookform/resolvers": "^2.8.3",
86
- "@saas-ui/button": "0.4.0",
87
- "@saas-ui/input-right-button": "0.3.1",
88
- "@saas-ui/number-input": "0.3.0",
89
- "@saas-ui/password-input": "0.3.2",
90
- "@saas-ui/pin-input": "0.3.0",
91
- "@saas-ui/radio": "0.3.0",
92
- "@saas-ui/react-utils": "0.1.0",
93
- "@saas-ui/select": "0.4.0",
94
- "@saas-ui/stepper": "0.2.2",
95
- "react-hook-form": "^7.22.0"
82
+ "@chakra-ui/icons": "^2.0.0-next.1",
83
+ "@chakra-ui/react-utils": "^2.0.0-next.1",
84
+ "@chakra-ui/utils": "^2.0.0-next.1",
85
+ "@hookform/resolvers": "^2.8.8",
86
+ "@saas-ui/button": "0.5.0-next.0",
87
+ "@saas-ui/input-right-button": "0.4.0-next.0",
88
+ "@saas-ui/number-input": "0.4.0-next.0",
89
+ "@saas-ui/password-input": "0.4.0-next.0",
90
+ "@saas-ui/pin-input": "0.4.0-next.0",
91
+ "@saas-ui/radio": "0.4.0-next.0",
92
+ "@saas-ui/react-utils": "0.2.0-next.0",
93
+ "@saas-ui/select": "0.5.0-next.0",
94
+ "@saas-ui/stepper": "0.3.0-next.0",
95
+ "react-hook-form": "^7.30.0"
96
96
  },
97
97
  "peerDependencies": {
98
- "@chakra-ui/react": ">=1.8.0",
99
- "@chakra-ui/system": ">=1.0.0",
100
- "react": ">=16.8.6"
98
+ "@chakra-ui/react": ">=2.0.0-next.3",
99
+ "@chakra-ui/system": ">=2.0.0-next.1",
100
+ "react": ">=18.0.0"
101
101
  }
102
102
  }
package/src/array-field.tsx CHANGED
@@ -41,6 +41,7 @@ interface ArrayFieldRowProps {
41
41
  * The array index
42
42
  */
43
43
  index: number
44
+ children?: React.ReactNode
44
45
  }
45
46
 
46
47
  export const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({
@@ -72,6 +73,8 @@ export interface ArrayFieldRowFieldsProps {
72
73
  * Spacing between fields
73
74
  */
74
75
  spacing?: ResponsiveValue<string | number>
76
+
77
+ children?: React.ReactNode
75
78
  }
76
79
 
77
80
  export const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({
package/src/field.tsx CHANGED
@@ -192,6 +192,7 @@ const createField = (
192
192
  ) => {
193
193
  const Field = forwardRef<FieldProps, typeof FormControl>((props, ref) => {
194
194
  const {
195
+ id,
195
196
  name,
196
197
  label,
197
198
  help,
@@ -211,6 +212,7 @@ const createField = (
211
212
 
212
213
  return (
213
214
  <BaseField
215
+ id={id}
214
216
  name={name}
215
217
  label={label}
216
218
  help={help}
@@ -223,6 +225,7 @@ const createField = (
223
225
  >
224
226
  <InputComponent
225
227
  ref={ref}
228
+ id={id}
226
229
  name={name}
227
230
  label={label}
228
231
  rules={inputRules}
package/src/step-form.tsx CHANGED
@@ -28,18 +28,18 @@ import {
28
28
  useFormStep,
29
29
  StepFormProvider,
30
30
  UseStepFormProps,
31
+ UseStepFormReturn,
31
32
  } from './use-step-form'
32
33
 
33
34
  export interface StepFormProps<TFieldValues extends FieldValues = FieldValues>
34
- extends UseStepFormProps<TFieldValues>,
35
- FormProps<TFieldValues> {}
35
+ extends UseStepFormProps<TFieldValues> {}
36
36
 
37
37
  export const StepForm = React.forwardRef(
38
38
  <TFieldValues extends FieldValues = FieldValues>(
39
39
  props: StepFormProps<TFieldValues>,
40
40
  ref: React.ForwardedRef<UseFormReturn<TFieldValues>>
41
41
  ) => {
42
- const { children, onSubmit, ...rest } = props
42
+ const { children, ...rest } = props
43
43
 
44
44
  const stepper = useStepForm<TFieldValues>(props)
45
45
 
@@ -50,7 +50,7 @@ export const StepForm = React.forwardRef(
50
50
  return (
51
51
  <StepperProvider value={context}>
52
52
  <StepFormProvider value={context}>
53
- <Form ref={ref} {...rest} {...getFormProps(props)}>
53
+ <Form ref={ref} {...rest} {...getFormProps()}>
54
54
  {runIfFn(children, stepper)}
55
55
  </Form>
56
56
  </StepFormProvider>