@saas-ui/forms 2.0.0-next.3 → 2.0.0-next.5

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @saas-ui/forms
 
+## 2.0.0-next.5
+
+### Minor Changes
+
+- a8ea24da: PasswordInput now accepts leftAddon property.
+
+### Patch Changes
+
+- Updated dependencies [61b27fa6]
+  - @saas-ui/core@2.0.0-next.5
+
+## 2.0.0-next.4
+
+### Patch Changes
+
+- Updated dependencies [83f54180]
+- Updated dependencies [ba61612f]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [27a68bca]
+  - @saas-ui/core@2.0.0-next.4
+
 ## 2.0.0-next.3
 
 ### Patch Changes
@@ -39,6 +63,12 @@
 - Updated dependencies [3a15e8c8]
   - @saas-ui/core@2.0.0-next.0
 
+## 1.5.3
+
+### Patch Changes
+
+- 382e095: InputRightButton no longer exported from forms package to prevent conflicts.
+
 ## 1.5.2
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,11 @@
-# @saas-ui/forms
+# Forms Manager
 
-Chakra UI Forms.
+Powerfull forms library for Chakra UI.
+Create typesafe React forms with speed.
 
-Create fully functional React forms with just a few lines of code.
+Supports Zod, Yup and AJV for validation and form generation.
 
-Uses React Hook Form under the hood.
+- [Docs](https://www.saas-ui.dev/docs/forms/form)
 
 ## Installation
 
@@ -16,9 +17,55 @@ $ yarn add @saas-ui/forms
 $ npm i @saas-ui/forms  --save
 ```
 
-## Docs
+## Usage with Zod
 
-https://www.saas-ui.dev/docs/forms/form
+### AutoForm
+
+Generate forms from schema.
+
+```tsx
+import { createZodForm } from '@saas-ui/forms/zod'
+
+const { AutoForm } = createZodForm()
+
+const schema = z.object({
+  name: z.string(),
+})
+
+function App() {
+  const onSubmit = (data: z.infer<typeof schema>) => {}
+  return <AutoForm schema={schema} onSubmit={onSubmit} />
+}
+```
+
+### Form
+
+Create custom typesafe forms.
+
+```tsx
+import { FormLayout, createZodForm } from '@saas-ui/forms/zod'
+
+const { Form, SubmitButton } = createZodForm()
+
+const schema = z.object({
+  name: z.string()
+})
+
+function App() {
+  const onSubmit = (data: z.infer<typeof schema>) => {}
+
+  return (
+    <Form schema={schema} onSubmit={onSubmit}>
+        {({ Field }) => (
+            <FormLayout>
+                <Field name="name" type="text" />
+                <SubmitButton>Save</SubmitButton>
+            </FormLayotu>
+        )}
+    </Form>
+  )
+}
+```
 
 ## Source
 

package/dist/ajv/index.d.ts

@@ -12,7 +12,7 @@ interface JsonSchemaFormReturn {
 declare const jsonSchemaForm: (schema: JSONSchemaType<unknown>) => JsonSchemaFormReturn;
 
 type ResolverArgs = Parameters<typeof ajvResolver>;
-interface CreateAjvFormProps extends CreateFormProps {
+interface CreateAjvFormProps extends CreateFormProps<any> {
     schemaOptions?: ResolverArgs[1];
     resolverOptions?: ResolverArgs[2];
 }

package/dist/ajv/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\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","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}
+{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\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","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps<any> {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}

package/dist/ajv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\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","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}
+{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\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","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps<any> {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}