@saas-ui/forms 1.5.2 → 2.0.0-next.0

package/src/select/select.stories.tsx

@@ -0,0 +1,144 @@
+import {
+  Container,
+  Icon,
+  MenuItemOption,
+  Tag,
+  Wrap,
+  WrapItem,
+} from '@chakra-ui/react'
+import * as React from 'react'
+
+import { ComponentStory } from '@storybook/react'
+
+import { Select } from '../src/select'
+import { NativeSelect } from '../src/native-select'
+
+import { FiSmile } from 'react-icons/fi'
+
+export default {
+  title: 'Components/Forms/Select',
+  decorators: [
+    (Story: any) => (
+      <Container mt="40px" maxW="320px">
+        <Story />
+      </Container>
+    ),
+  ],
+}
+
+const getOptions = (length = 6) =>
+  Array.from({ length }).map((_node, index) => ({
+    value: String(index),
+    label: `Option ${index + 1}`,
+  }))
+
+const options = getOptions()
+
+const Template: ComponentStory<typeof Select> = (args) => (
+  <Select placeholder="Select an option..." {...args} />
+)
+
+export const Basic = Template.bind({})
+Basic.args = {
+  name: 'select',
+  options,
+}
+
+export const DefaultValue = Template.bind({})
+DefaultValue.args = {
+  name: 'select',
+  options,
+  defaultValue: 1,
+}
+
+export const Placeholder = Template.bind({})
+Placeholder.args = {
+  name: 'select',
+  options,
+  placeholder: 'Select an option...',
+}
+
+export const Disabled = Template.bind({})
+Disabled.args = {
+  name: 'select',
+  options,
+  placeholder: 'Disabled.',
+  isDisabled: true,
+}
+
+export const Multi = Template.bind({})
+Multi.args = {
+  name: 'select',
+  options,
+  placeholder: 'Multiple.',
+  multiple: true,
+}
+
+export const MultiWithDefaultValue = Template.bind({})
+MultiWithDefaultValue.args = {
+  name: 'select',
+  options,
+  placeholder: 'Select an option...',
+  multiple: true,
+  defaultValue: ['1'],
+}
+
+export const MultiWithTags = Template.bind({})
+MultiWithTags.args = {
+  name: 'select',
+  options,
+  placeholder: 'Select options...',
+  multiple: true,
+  renderValue: (selected) => {
+    if (selected?.length) {
+      return (
+        <Wrap py="1">
+          {selected.map((value) => (
+            <WrapItem>
+              <Tag>{value}</Tag>
+            </WrapItem>
+          ))}
+        </Wrap>
+      )
+    }
+  },
+}
+
+export const WithIcons = Template.bind({})
+WithIcons.args = {
+  name: 'select',
+  options,
+  value: 1,
+  leftIcon: <Icon as={FiSmile} />,
+}
+
+export const MaxHeight = Template.bind({})
+MaxHeight.args = {
+  name: 'select',
+  options: getOptions(100),
+}
+
+export const WithChildren = () => {
+  return (
+    <Select name="select" value="1">
+      <MenuItemOption value="1">Option 1</MenuItemOption>
+      <MenuItemOption value="2">Option 1</MenuItemOption>
+    </Select>
+  )
+}
+
+export const WithEmptyOption = () => {
+  return (
+    <Select name="select" value="1">
+      <MenuItemOption value="">None</MenuItemOption>
+      <MenuItemOption value="1">Option 1</MenuItemOption>
+      <MenuItemOption value="2">Option 1</MenuItemOption>
+    </Select>
+  )
+}
+
+export const WithNativeSelect = () => (
+  <>
+    <NativeSelect name="select" options={options} aria-label="Select" />
+  </>
+)

package/src/select/select.test.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+
+import { render, testStories } from '@saas-ui/test-utils'
+import * as stories from '../stories/select.stories'
+
+const { MaxHeight, ...rest } = stories
+
+testStories<typeof rest>(rest)

package/src/select/select.tsx

@@ -0,0 +1,185 @@
+import * as React from 'react'
+
+import {
+  chakra,
+  forwardRef,
+  Menu,
+  MenuProps,
+  MenuButton,
+  MenuList,
+  MenuListProps,
+  MenuItemOption,
+  MenuOptionGroup,
+  MenuOptionGroupProps,
+  Button,
+  ButtonProps,
+  omitThemingProps,
+  useMultiStyleConfig,
+  SystemStyleObject,
+  useFormControl,
+  HTMLChakraProps,
+} from '@chakra-ui/react'
+import { ChevronDownIcon } from '@chakra-ui/icons'
+import { cx, __DEV__ } from '@chakra-ui/utils'
+
+interface Option {
+  value: string
+  label?: string
+}
+
+interface SelectOptions {
+  /**
+   * An array of options
+   * If you leave this empty the children prop will be rendered.
+   */
+  options?: Option[]
+  /**
+   * Props passed to the MenuList.
+   */
+  menuListProps?: MenuListProps
+  /**
+   * Customize how the value is rendered.
+   * @type (value?: string[]) => React.ReactElement
+   */
+  renderValue?: (value?: string[]) => React.ReactElement | undefined
+  /**
+   * Enable multiple select.
+   */
+  multiple?: boolean
+}
+
+export interface SelectProps
+  extends Omit<MenuProps, 'children'>,
+    Pick<ButtonProps, 'isDisabled' | 'leftIcon' | 'rightIcon'>,
+    Pick<MenuOptionGroupProps, 'onChange'>,
+    SelectOptions {}
+
+const SelectButton = forwardRef((props, ref) => {
+  const styles = useMultiStyleConfig('Input', props)
+
+  /* @ts-ignore */
+  const focusStyles = styles.field._focusVisible
+
+  const height = styles.field.h || styles.field.height
+
+  const buttonStyles: SystemStyleObject = {
+    fontWeight: 'normal',
+    textAlign: 'left',
+    color: 'inherit',
+    _active: {
+      bg: 'transparent',
+    },
+    minH: height,
+    _focus: focusStyles,
+    _expanded: focusStyles,
+    ...styles.field,
+    h: 'auto',
+  }
+
+  // Using a Button, so we can simply use leftIcon and rightIcon
+  return <MenuButton as={Button} {...props} ref={ref} sx={buttonStyles} />
+})
+
+if (__DEV__) {
+  SelectButton.displayName = 'SelectButton'
+}
+
+export const Select = forwardRef<SelectProps, 'select'>((props, ref) => {
+  const {
+    name,
+    options,
+    children,
+    onChange,
+    defaultValue,
+    value,
+    placeholder,
+    isDisabled,
+    leftIcon,
+    rightIcon = <ChevronDownIcon />,
+    multiple,
+    size,
+    variant,
+    menuListProps,
+    renderValue = (value) => value?.join(', '),
+    ...rest
+  } = props
+  const menuProps = omitThemingProps(rest)
+
+  const [currentValue, setCurrentValue] = React.useState(value || defaultValue)
+
+  const controlProps = useFormControl({ name } as HTMLChakraProps<'input'>)
+
+  const handleChange = (value: string | string[]) => {
+    setCurrentValue(value)
+    onChange?.(value)
+  }
+
+  const buttonProps = {
+    isDisabled,
+    leftIcon,
+    rightIcon,
+    size,
+    variant,
+  }
+
+  const getDisplayValue = React.useCallback(
+    (value: string) => {
+      if (!options) {
+        return value
+      }
+
+      for (const option of options) {
+        if (option.label && option.value === value) {
+          return option.label
+        }
+      }
+
+      return value
+    },
+    [options]
+  )
+
+  const displayValue = currentValue
+    ? (Array.isArray(currentValue) ? currentValue : [currentValue]).map(
+        getDisplayValue
+      )
+    : []
+
+  return (
+    <Menu {...menuProps} closeOnSelect={!multiple}>
+      <chakra.div className={cx('sui-select')}>
+        <SelectButton ref={ref} {...buttonProps}>
+          {renderValue(displayValue) || placeholder}
+        </SelectButton>
+        <MenuList maxH="60vh" overflowY="auto" {...menuListProps}>
+          <MenuOptionGroup
+            defaultValue={
+              (defaultValue || value) as string | string[] | undefined
+            }
+            onChange={handleChange}
+            type={multiple ? 'checkbox' : 'radio'}
+          >
+            {options
+              ? options.map(({ value, label, ...rest }, i) => (
+                  <MenuItemOption key={i} value={value} {...rest}>
+                    {label || value}
+                  </MenuItemOption>
+                ))
+              : children}
+          </MenuOptionGroup>
+        </MenuList>
+        <chakra.input
+          {...controlProps}
+          name={name}
+          type="hidden"
+          value={currentValue}
+          className="saas-select__input"
+        />
+      </chakra.div>
+    </Menu>
+  )
+})
+
+if (__DEV__) {
+  Select.displayName = 'Select'
+}

package/src/step-form.tsx

@@ -2,7 +2,13 @@ import * as React from 'react'
 
 import { FieldValues, UseFormReturn } from 'react-hook-form'
 
-import { chakra, HTMLChakraProps, ThemingProps } from '@chakra-ui/system'
+import {
+  chakra,
+  Button,
+  ButtonProps,
+  HTMLChakraProps,
+  ThemingProps,
+} from '@chakra-ui/react'
 
 import { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'
 
@@ -14,8 +20,7 @@ import {
   useStepperContext,
   StepperContainer,
   StepperProps,
-} from '@saas-ui/stepper'
-import { Button, ButtonProps } from '@saas-ui/button'
+} from '@saas-ui/core'
 
 import { Form } from './form'
 import { SubmitButton } from './submit-button'
@@ -28,13 +33,18 @@ import {
   FormStepSubmitHandler,
 } from './use-step-form'
 
-export interface StepFormProps<TFieldValues extends FieldValues = FieldValues>
-  extends UseStepFormProps<TFieldValues> {}
+export interface StepFormProps<
+  TFieldValues extends FieldValues = FieldValues,
+  TContext extends object = object
+> extends UseStepFormProps<TFieldValues> {}
 
 export const StepForm = React.forwardRef(
-  <TFieldValues extends FieldValues = FieldValues>(
-    props: StepFormProps<TFieldValues>,
-    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>
+  <
+    TFieldValues extends FieldValues = FieldValues,
+    TContext extends object = object
+  >(
+    props: StepFormProps<TFieldValues, TContext>,
+    ref: React.ForwardedRef<HTMLFormElement>
   ) => {
     const { children, ...rest } = props
 
@@ -56,7 +66,7 @@ export const StepForm = React.forwardRef(
   }
 ) as <TFieldValues extends FieldValues>(
   props: StepFormProps<TFieldValues> & {
-    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>
+    ref?: React.ForwardedRef<HTMLFormElement>
   }
 ) => React.ReactElement
 
@@ -138,7 +148,7 @@ export const FormStep: React.FC<FormStepProps> = (props) => {
   const { isActive } = step
 
   return isActive ? (
-    <chakra.div {...rest} className={cx('saas-form__step', className)}>
+    <chakra.div {...rest} className={cx('sui-form__step', className)}>
       {children}
     </chakra.div>
   ) : null
@@ -156,7 +166,7 @@ export const PrevButton: React.FC<ButtonProps> = (props) => {
       isDisabled={isFirstStep || isCompleted}
       label="Back"
       {...props}
-      className={cx('saas-form__prev-button', props.className)}
+      className={cx('sui-form__prev-button', props.className)}
       onClick={callAllHandlers(props.onClick, prevStep)}
     />
   )
@@ -166,8 +176,9 @@ if (__DEV__) {
   PrevButton.displayName = 'PrevButton'
 }
 
-export interface NextButtonProps extends ButtonProps {
+export interface NextButtonProps extends Omit<ButtonProps, 'children'> {
   submitLabel?: string
+  label?: string
 }
 
 export const NextButton: React.FC<NextButtonProps> = (props) => {
@@ -178,7 +189,7 @@ export const NextButton: React.FC<NextButtonProps> = (props) => {
     <SubmitButton
       {...rest}
       isDisabled={isCompleted}
-      className={cx('saas-form__next-button', props.className)}
+      className={cx('sui-form__next-button', props.className)}
     >
       {isLastStep || isCompleted ? submitLabel : label}
     </SubmitButton>

package/src/submit-button.tsx

@@ -2,9 +2,7 @@ import * as React from 'react'
 
 import { useFormContext } from 'react-hook-form'
 
-import { Button, ButtonProps } from '@saas-ui/button'
-
-import { __DEV__ } from '@chakra-ui/utils'
+import { Button, ButtonProps, forwardRef } from '@chakra-ui/react'
 
 export interface SubmitButtonProps extends ButtonProps {
   /**
@@ -23,45 +21,41 @@ export interface SubmitButtonProps extends ButtonProps {
   disableIfInvalid?: boolean
 }
 
-export const SubmitButton = React.forwardRef<
-  HTMLButtonElement,
-  SubmitButtonProps
->((props, ref) => {
-  const {
-    children,
-    disableIfUntouched,
-    disableIfInvalid,
-    isDisabled: isDisabledProp,
-    isLoading,
-    ...rest
-  } = props
-  const { formState } = useFormContext()
-
-  const isDisabled =
-    (disableIfUntouched && !formState.isDirty) ||
-    (disableIfInvalid && !formState.isValid) ||
-    isDisabledProp
-
-  return (
-    <Button
-      {...rest}
-      ref={ref}
-      type="submit"
-      isLoading={formState.isSubmitting || isLoading}
-      isDisabled={isDisabled}
-    >
-      {children}
-    </Button>
-  )
-})
+export const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(
+  (props, ref) => {
+    const {
+      children = 'Submit',
+      disableIfUntouched,
+      disableIfInvalid,
+      isDisabled: isDisabledProp,
+      isLoading,
+      ...rest
+    } = props
+    const { formState } = useFormContext()
+
+    const isDisabled =
+      (disableIfUntouched && !formState.isDirty) ||
+      (disableIfInvalid && !formState.isValid) ||
+      isDisabledProp
+
+    return (
+      <Button
+        {...rest}
+        ref={ref}
+        type="submit"
+        isLoading={formState.isSubmitting || isLoading}
+        isDisabled={isDisabled}
+      >
+        {children}
+      </Button>
+    )
+  }
+)
 
 SubmitButton.defaultProps = {
   variant: 'primary',
-  children: 'Submit',
   disableIfUntouched: false,
   disableIfInvalid: false,
 }
 
-if (__DEV__) {
-  SubmitButton.displayName = 'SubmitButton'
-}
+SubmitButton.displayName = 'SubmitButton'

package/src/use-step-form.tsx

@@ -6,7 +6,7 @@ import {
   useStep,
   UseStepperProps,
   UseStepperReturn,
-} from '@saas-ui/stepper'
+} from '@saas-ui/core'
 
 export interface StepState {
   name: string

package/ajv/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "ajv-resolver",
-  "description": "Saas UI Forms field resolver: ajv",
-  "version": "1.0.0",
-  "private": true,
-  "exports": {
-    ".": {
-      "require": "./../dist/ajv/index.js",
-      "import": "./../dist/ajv/index.modern.mjs"
-    },
-    "./src": {
-      "default": "./src/index.ts"
-    }
-  },
-  "source": "./src/index.ts",
-  "main": "../dist/ajv/index.js",
-  "module": "../dist/ajv/index.modern.mjs",
-  "types": "../dist/ajv/index.d.ts",
-  "author": "Eelco Wiersma <eelco@appulse.nl>",
-  "license": "MIT",
-  "peerDependencies": {
-    "@chakra-ui/utils": "^2.0.2",
-    "@saas-ui/forms": "^1.4.2",
-    "@hookform/resolvers": "^2.9.3",
-    "react-hook-form": "^7.33.1",
-    "ajv": "^8.11.0"
-  }
-}

package/dist/ajv/ajv-resolver.d.ts

@@ -1,11 +0,0 @@
-import { ajvResolver } from '@hookform/resolvers/ajv';
-import { FieldResolver } from '@saas-ui/forms';
-import { JSONSchemaType } from 'ajv';
-interface JsonSchemaFormReturn {
-    schema: JSONSchemaType<unknown>;
-    fieldResolver: FieldResolver;
-    resolver: ReturnType<typeof ajvResolver>;
-}
-export declare const jsonSchemaForm: (schema: JSONSchemaType<unknown>) => JsonSchemaFormReturn;
-export {};
-//# sourceMappingURL=ajv-resolver.d.ts.map

package/dist/ajv/ajv-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ajv-resolver.d.ts","sourceRoot":"","sources":["../../ajv/src/ajv-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAuB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAMpC,UAAU,oBAAoB;IAC5B,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,aAAa,EAAE,aAAa,CAAA;IAC5B,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,cAAc,WACjB,eAAe,OAAO,CAAC,KAC9B,oBAMF,CAAA"}

package/dist/ajv/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ajv/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/ajv/index.modern.mjs

@@ -1,2 +0,0 @@
-import{ajvResolver as o}from"@hookform/resolvers/ajv";import{objectFieldResolver as r}from"@saas-ui/forms";const e=o=>r(o.properties),s=r=>({schema:r,fieldResolver:e(r),resolver:o(r)});export{s as jsonSchemaForm};
-//# sourceMappingURL=index.modern.mjs.map

package/dist/ajv/index.modern.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.mjs","sources":["../../ajv/src/ajv-resolver.ts"],"sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nconst jsonSchemaFieldResolver = (schema: JSONSchemaType<unknown>) => {\n  return objectFieldResolver(schema.properties)\n}\n\ninterface JsonSchemaFormReturn {\n  schema: JSONSchemaType<unknown>\n  fieldResolver: FieldResolver\n  resolver: ReturnType<typeof ajvResolver>\n}\n\nexport const jsonSchemaForm = (\n  schema: JSONSchemaType<unknown>\n): JsonSchemaFormReturn => {\n  return {\n    schema,\n    fieldResolver: jsonSchemaFieldResolver(schema),\n    resolver: ajvResolver(schema),\n  }\n}\n"],"names":["jsonSchemaFieldResolver","schema","objectFieldResolver","properties","jsonSchemaForm","fieldResolver","resolver","ajvResolver"],"mappings":"2GAKA,MAAMA,EAA2BC,GACxBC,EAAoBD,EAAOE,YASvBC,EACXH,IAEO,CACLA,SACAI,cAAeL,EAAwBC,GACvCK,SAAUC,EAAYN"}

package/dist/array-field.d.ts

@@ -1,64 +0,0 @@
-import * as React from 'react';
-import { ResponsiveValue } from '@chakra-ui/system';
-import { ButtonProps } from '@saas-ui/button';
-import { FormLayoutProps } from './layout';
-import { FieldProps } from './field';
-import { ArrayFieldOptions, UseArrayFieldReturn } from './use-array-field';
-interface ArrayField {
-    id: string;
-    [key: string]: unknown;
-}
-interface ArrayFieldRowProps extends FormLayoutProps {
-    /**
-     * Amount of field columns
-     */
-    columns?: ResponsiveValue<number>;
-    /**
-     * Spacing between fields
-     */
-    spacing?: ResponsiveValue<string | number>;
-    /**
-     * The array index
-     */
-    index: number;
-    /**
-     * The fields
-     */
-    children: React.ReactNode;
-}
-export declare const ArrayFieldRow: React.FC<ArrayFieldRowProps>;
-export interface ArrayFieldRowFieldsProps extends FormLayoutProps {
-    /**
-     * Amount of field columns
-     */
-    columns?: ResponsiveValue<number>;
-    /**
-     * Spacing between fields
-     */
-    spacing?: ResponsiveValue<string | number>;
-    /**
-     * The fields
-     */
-    children: React.ReactNode;
-}
-export declare const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps>;
-export declare const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps>;
-export declare const ArrayFieldRemoveButton: React.FC<ButtonProps>;
-export declare const ArrayFieldAddButton: React.FC<ButtonProps>;
-export interface ArrayFieldProps extends ArrayFieldOptions, Omit<FieldProps, 'defaultValue'> {
-}
-export declare const ArrayField: ((props: ArrayFieldProps & {
-    ref?: React.ForwardedRef<UseArrayFieldReturn>;
-}) => React.ReactElement) & {
-    displayName: string;
-};
-export interface ArrayFieldRowsProps {
-    children: (fields: ArrayField[]) => React.ReactElement | null;
-}
-export declare const ArrayFieldRows: {
-    ({ children, }: ArrayFieldRowsProps): React.ReactElement | null;
-    displayName: string;
-};
-export declare const ArrayFieldContainer: React.ForwardRefExoticComponent<ArrayFieldProps & React.RefAttributes<UseArrayFieldReturn>>;
-export {};
-//# sourceMappingURL=array-field.d.ts.map

package/dist/array-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"array-field.d.ts","sourceRoot":"","sources":["../src/array-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,mBAAmB,CAAA;AAGvE,OAAO,EAAc,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAc,eAAe,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAa,UAAU,EAAE,MAAM,SAAS,CAAA;AAI/C,OAAO,EAKL,iBAAiB,EAKjB,mBAAmB,EACpB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,UAAU,kBAAmB,SAAQ,eAAe;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC1C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWtD,CAAA;AAMD,MAAM,WAAW,wBAAyB,SAAQ,eAAe;IAC/D;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC1C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAUlE,CAAA;AAMD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmB/D,CAAA;AAMD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxD,CAAA;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAUrD,CAAA;AAMD,MAAM,WAAW,eACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC;CAAG;AAEvC,eAAO,MAAM,UAAU,WAsBd,eAAe,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAC9C,KACE,MAAM,YAAY;iBACR,MAAM;CACpB,CAAA;AAMD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC9D;AAED,eAAO,MAAM,cAAc;oBAExB,mBAAmB,GAAG,MAAM,YAAY,GAAG,IAAI;;CAGjD,CAAA;AAMD,eAAO,MAAM,mBAAmB,6FAgC/B,CAAA"}

package/dist/auto-form.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { FormProps } from './form';
-import { FieldResolver } from '.';
-interface AutoFormOptions {
-    /**
-     * The submit button label.
-     * Pass `null` to render no submit button.
-     */
-    submitLabel?: React.ReactNode;
-    /**
-     * The schema.
-     * Supports object schema, Zod, Yup or Ajv (JSON Schema).
-     * @see https://www.saas-ui.dev/docs/forms/auto-form
-     */
-    schema: any;
-    /**
-     * The field resolver.
-     */
-    fieldResolver?: any;
-}
-export interface AutoFormProps<TFieldValues extends FieldValues> extends Omit<FormProps<TFieldValues>, 'schema' | 'children'>, AutoFormOptions {
-    children?: React.ReactNode;
-}
-export declare const AutoForm: (<TFieldValues extends FieldValues>(props: AutoFormProps<TFieldValues> & {
-    ref?: React.ForwardedRef<UseFormReturn<TFieldValues, any>> | undefined;
-}) => React.ReactElement) & {
-    displayName?: string | undefined;
-    getFieldResolver?: ((schema: any) => FieldResolver) | undefined;
-};
-export {};
-//# sourceMappingURL=auto-form.d.ts.map