@saas-ui/forms 2.7.1 → 2.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/forms",
-  "version": "2.7.1",
+  "version": "2.8.1",
   "description": "Fully functional forms for Chakra UI.",
   "source": "src/index.ts",
   "exports": {
@@ -101,10 +101,9 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@chakra-ui/react-utils": "^2.0.12",
     "@chakra-ui/utils": "^2.2.1",
     "@hookform/resolvers": "^3.9.0",
-    "@saas-ui/core": "2.6.1",
+    "@saas-ui/core": "2.7.1",
     "react-hook-form": "^7.53.0"
   },
   "peerDependencies": {

package/src/array-field.tsx

@@ -28,8 +28,7 @@ import {
   UseArrayFieldReturn,
 } from './use-array-field'
 import { FieldPath, FieldValues } from 'react-hook-form'
-import { isFunction } from '@chakra-ui/utils'
-import { MaybeRenderProp } from '@chakra-ui/react-utils'
+import { isFunction, MaybeRenderProp } from '@chakra-ui/utils'
 import { useFieldProps } from './form-context'
 
 export interface ArrayFieldButtonProps extends ButtonProps {}
@@ -180,7 +179,7 @@ ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'
 
 export interface ArrayFieldProps<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > extends ArrayFieldOptions<TFieldValues, TName>,
     Omit<
       BaseFieldProps<TFieldValues, TName>,

package/src/form.tsx

@@ -1,7 +1,12 @@
 import * as React from 'react'
 
 import { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'
-import { FocusableElement, cx, runIfFn } from '@chakra-ui/utils'
+import {
+  FocusableElement,
+  cx,
+  runIfFn,
+  MaybeRenderProp,
+} from '@chakra-ui/utils'
 
 import {
   useForm,
@@ -16,7 +21,6 @@ import {
 } from 'react-hook-form'
 import { FormProvider } from './form-context'
 import { FieldResolver } from './field-resolver'
-import { MaybeRenderProp } from '@chakra-ui/react-utils'
 
 export type { UseFormReturn, FieldValues, SubmitHandler }
 

package/src/select/select-context.tsx

@@ -4,7 +4,7 @@ import {
   useControllableState,
   useFormControl,
 } from '@chakra-ui/react'
-import { createContext } from '@chakra-ui/react-utils'
+import { createContext } from '@chakra-ui/utils'
 import React from 'react'
 import { FieldOptions } from '../types'
 import { mapOptions } from '../utils'

package/src/types.ts

@@ -1,5 +1,5 @@
 import type { FormControlProps } from '@chakra-ui/react'
-import type { MaybeRenderProp } from '@chakra-ui/react-utils'
+import type { MaybeRenderProp } from '@chakra-ui/utils'
 import type { FieldPath, FieldValues, RegisterOptions } from 'react-hook-form'
 import type { DefaultFields } from './default-fields'
 import type { FormProps, FormRenderContext } from './form'

package/src/use-array-field.tsx

@@ -8,7 +8,7 @@ import {
 
 import { useFormContext } from './form-context'
 
-import { createContext } from '@chakra-ui/react-utils'
+import { createContext } from '@chakra-ui/utils'
 
 export interface UseArrayFieldReturn extends UseFieldArrayReturn {
   /**

package/src/use-step-form.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { FieldValues, SubmitHandler } from 'react-hook-form'
-import { createContext } from '@chakra-ui/react-utils'
+import { createContext } from '@chakra-ui/utils'
 import {
   useStepper,
   useStep,
@@ -18,7 +18,7 @@ export interface StepState {
 }
 
 export type FormStepSubmitHandler<
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 > = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>
 
 export interface StepFormContext extends UseStepperReturn {
@@ -49,7 +49,7 @@ export interface StepFormRenderContext<
   TSteps extends StepsOptions<any> = StepsOptions<any>,
   TFieldValues extends FieldValues = FieldValues,
   TContext extends object = object,
-  TFieldTypes = FieldProps<TFieldValues>
+  TFieldTypes = FieldProps<TFieldValues>,
 > extends UseStepFormReturn<TFieldValues> {
   Field: React.FC<TFieldTypes & React.RefAttributes<FocusableElement>>
   FormStep: React.FC<FormStepProps<StepName<TSteps>>>
@@ -63,7 +63,7 @@ export interface StepFormRenderContext<
 export interface UseStepFormProps<
   TSteps extends StepsOptions<any> = StepsOptions<any>,
   TFieldValues extends FieldValues = FieldValues,
-  TContext extends object = object
+  TContext extends object = object,
 > extends Omit<UseStepperProps, 'onChange'>,
     Omit<FormProps<any, TFieldValues, TContext>, 'children'> {
   steps?: TSteps
@@ -71,7 +71,7 @@ export interface UseStepFormProps<
 }
 
 export interface UseStepFormReturn<
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 > extends UseStepperReturn {
   getFormProps(): {
     onSubmit: SubmitHandler<TFieldValues>
@@ -85,7 +85,7 @@ export interface UseStepFormReturn<
 export function useStepForm<
   TSteps extends StepsOptions<any> = StepsOptions<any>,
   TFieldValues extends FieldValues = FieldValues,
-  TContext extends object = object
+  TContext extends object = object,
 >(
   props: UseStepFormProps<TSteps, TFieldValues, TContext>
 ): UseStepFormReturn<TFieldValues> {