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

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

package/dist/auto-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-form.d.ts","sourceRoot":"","sources":["../src/auto-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIxC,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,UAAU,eAAe;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAA;IACX;;OAEG;IACH,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,CAC7D,SAAQ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,EAC1D,eAAe;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY;;iCAEO,GAAG,KAAK,aAAa;CAClD,CAAA"}

package/dist/display-field.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { FormControlProps } from '@chakra-ui/react';
-import { FieldProps } from './field';
-export interface DisplayFieldProps extends FormControlProps, Omit<FieldProps, 'type' | 'label'> {
-}
-export declare const DisplayField: React.FC<DisplayFieldProps>;
-export declare const FormValue: React.FC<{
-    name: string;
-}>;
-//# sourceMappingURL=display-field.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"display-field.d.ts","sourceRoot":"","sources":["../src/display-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAGL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAAG;AAEzC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAcpD,CAAA;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAGhD,CAAA"}

package/dist/display-if.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export interface DisplayIfProps<TFieldValues extends FieldValues = FieldValues> {
-    children: React.ReactElement;
-    name: string;
-    defaultValue?: unknown;
-    isDisabled?: boolean;
-    isExact?: boolean;
-    condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean;
-}
-export declare const DisplayIf: {
-    <TFieldValues extends FieldValues = FieldValues>({ children, name, defaultValue, isDisabled, isExact, condition, }: DisplayIfProps<TFieldValues>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-    displayName: string;
-};
-//# sourceMappingURL=display-if.d.ts.map

package/dist/display-if.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"display-if.d.ts","sourceRoot":"","sources":["../src/display-if.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,WAAW,EACX,aAAa,EACd,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc,CAC7B,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,OAAO,CAAA;CAC9E;AAED,eAAO,MAAM,SAAS;;;CAgBrB,CAAA"}

package/dist/field-resolver.d.ts

@@ -1,13 +0,0 @@
-import { FieldProps } from './field';
-export type FieldResolver = {
-    getFields(): FieldProps[];
-    getNestedFields(name: string): FieldProps[];
-};
-interface SchemaField extends FieldProps {
-    items?: SchemaField[];
-    properties?: Record<string, SchemaField>;
-}
-export type ObjectSchema = Record<string, SchemaField>;
-export declare const objectFieldResolver: (schema: ObjectSchema) => FieldResolver;
-export {};
-//# sourceMappingURL=field-resolver.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAYtD,eAAO,MAAM,mBAAmB,WAAY,YAAY,KAAG,aAkB1D,CAAA"}