autoforma 1.0.38 → 1.0.41

package/README.md

@@ -1,157 +1,237 @@
-
-# AutoForm
-
-AutoForm is a dynamic form builder component for React applications, using **Mantine**. It generates forms dynamically based on a schema definition. This allows for faster form creation and less repetitive code when working with forms in your React applications.
-
-## Features
-
-- **Dynamic Form Rendering**: AutoForm renders fields based on the provided schema, making form generation easy.
-- **Field Types Support**: Supports various input types like `text`, `number`, `password`, `select`, `checkbox`, etc.
-- **Validation Support**: Integrates with form validation mechanisms.
-- **Custom Layout**: Supports custom layout rendering via the `container` and `fieldContainer` props.
-- **Read-Only Mode**: Option to set the form in read-only mode.
-- **Field Customization**: Easily customize field rendering for different input types.
-- **Conditional Rendering**: Hide fields or conditionally render based on certain conditions.
-
-## Installation
-
-To install `AutoForm`, you can use npm or yarn:
-
-```bash
-npm install @mantine/core react
-```
-
-## Usage
-
-### Example Usage
-
-```tsx
-import React from 'react';
-import AutoForm from './AutoForm';  // Path to your AutoForm component
-import { Button, Grid, Group } from '@mantine/core';
-
-const schema = [
-  { name: 'firstName', label: 'First Name', type: 'text' },
-  { name: 'age', label: 'Age', type: 'number' },
-  { name: 'subscribe', label: 'Subscribe?', type: 'checkbox' },
-  { name: 'role', label: 'Role', type: 'select', options: ['User', 'Admin'] },
-];
-
-const MyForm = () => {
-  const onSubmit = (values) => {
-    alert(JSON.stringify(values, null, 2));
-  };
-
-  return (
-    <AutoForm
-      schema={schema}
-      onSubmit={onSubmit}
-      container={(form, onSubmit, readOnly) => (
-        <>
-          <Grid>{form}</Grid>
-          {!readOnly && (
-            <Group justify="flex-end">
-              <Button onClick={onSubmit}>Submit</Button>
-            </Group>
-          )}
-        </>
-      )}
-    />
-  );
-};
-```
-
-### Props
-
-| Prop             | Type                                                                           | Description                                                                 |
-|------------------|--------------------------------------------------------------------------------|-----------------------------------------------------------------------------|
-| `schema`         | `FieldSchema[]`                                                                | List of field definitions to render. Each field specifies `name`, `type`, etc. |
-| `values`         | `Record<string, any>`                                                          | Initial values for the form fields. Optional.                              |
-| `onSubmit`       | `(values: Record<string, any>) => void`                                        | Callback triggered on form submission with current form values.            |
-| `container`      | `(form: ReactNode, onSubmit: () => void, readOnly?: true) => ReactNode`        | Custom render wrapper around the form and submit button.                   |
-| `fieldContainer` | `(field: ReactNode, fieldSchema: FieldSchema) => ReactNode`                    | Optional. Custom layout for each field (e.g., grid wrappers).              |
-| `customRender`   | `FieldRenderCustomRender`                                                      | Optional. Override how specific field types are rendered.                  |
-| `validate`       | `FormValidateInput<Record<string, any>>`                                       | Optional validation logic. Uses Mantine-compatible validation.             |
-| `readOnly`       | `true`                                                                         | Optional. When true, disables all inputs (read-only mode).                 |
-| `onFieldChange`  | `(name: string, value: any, values: Record<string, any>) => Record<string, any>` | Optional. Modify or transform values when a field changes.                 |
-
-### Custom Layout
-
-You can customize the layout of the entire form or specific fields by using the `container` and `fieldContainer` props.
-
-#### Example: Customizing the Form Layout
-
-```tsx
-const customLayout = (form, onSubmit, readOnly) => (
-  <>
-    <div className="form-container">{form}</div>
-    {!readOnly && <button onClick={onSubmit}>Submit</button>}
-  </>
-);
-```
-
-#### Example: Customizing Field Layout
-
-```tsx
-const customFieldLayout = (field, fieldSchema) => (
-  <div className="custom-field">{field}</div>
-);
-```
-
-### Validation
-
-AutoForm supports validation through the `validate` prop. You can pass a validation function that returns an object of validation errors.
-
-Example:
-
-```tsx
-const validateForm = (values) => {
-  const errors = {};
-  if (!values.firstName) errors.firstName = 'First name is required';
-  if (!values.age) errors.age = 'Age is required';
-  return errors;
-};
-
-<AutoForm
-  schema={schema}
-  validate={validateForm}
-  onSubmit={(values) => console.log(values)}
-  container={(form, onSubmit) => (
-    <>
-      <Grid>{form}</Grid>
-      <Button onClick={onSubmit}>Submit</Button>
-    </>
-  )}
-/>
-```
-
-### Hide Fields
-
-To hide a field from rendering, you can set the `hidden` property in the schema.
-
-Example:
-
-```tsx
-const schema = [
-  { name: 'firstName', label: 'First Name', type: 'text' },
-  { name: 'internalCode', label: 'Internal Code', type: 'text', hidden: true },
-];
-```
-
-This will ensure the "Internal Code" field is not rendered.
-
----
-
-## Contributing
-
-1. Fork the repository
-2. Create a new branch (`git checkout -b feature-branch`)
-3. Commit your changes (`git commit -am 'Add feature'`)
-4. Push to the branch (`git push origin feature-branch`)
-5. Create a new Pull Request
-
----
-
-## License
-
-Distributed under the MIT License. See `LICENSE` for more information.
+# 🚀 AutoForma
+
+**AutoForma** is a powerful and flexible **dynamic form builder** for React. It allows developers to build complex forms from simple schema definitions without writing repetitive boilerplate code. With AutoForma, you can focus on the logic and behavior of your forms — not the UI details.
+
+---
+
+## ✨ Features
+
+- ⚡ **Fast form building:** Generate forms instantly from JSON schema.
+- 🧩 **Rich field types:** Text, Select, Checkbox, Date, Time, Switch, Tags, Array, Object, and more.
+- 🎨 **Full UI control:** Customize how each field looks and behaves.
+- 🔄 **Dynamic behavior:** Show/hide fields, enable/disable them, or update their properties based on form values.
+- 🪄 **Custom renderers:** Replace any field’s renderer with your own component.
+- 🧠 **Validation support:** Built-in and custom validation supported out of the box.
+- 📐 **Multiple layouts:** Vertical, horizontal, or grid layouts with column configuration.
+- 🧪 **Extendable:** Easily integrate with any backend and add your own field types.
+
+---
+
+## 📦 Installation
+
+```bash
+npm install autoforma
+# or
+yarn add autoforma
+```
+
+> ✅ AutoForma includes everything you need — no need to manually install Mantine or other dependencies.
+
+---
+
+## 🛠️ Usage
+
+Here's a simple example of how to use **AutoForma** in your React project:
+
+```tsx
+import { MantineProvider } from "@mantine/core";
+import ReactDOM from "react-dom/client";
+import AutoForm from "autoforma";
+import { FieldSchema } from "autoforma/fields/types";
+import "@mantine/core/styles.css";
+import "@mantine/dates/styles.css";
+import "@mantine/tiptap/styles.css";
+
+interface DemoFormValues {
+  fullName: string;
+  email: string;
+  age: number;
+  subscribe: boolean;
+  birthDate: string | null;
+  appointment: string | null;
+  contacts: { type: string; value: string }[];
+  gender: string;
+  bio: string;
+}
+
+const schema: FieldSchema[] = [
+  {
+    name: "fullName",
+    label: "Full Name",
+    type: "text",
+    placeholder: "Enter your full name",
+    required: true,
+  },
+  {
+    name: "age",
+    label: "Age",
+    type: "number",
+    placeholder: "Enter your age",
+  },
+  {
+    name: "gender",
+    label: "Gender",
+    type: "select",
+    placeholder: "Select your gender",
+    data: [
+      { label: "Male", value: "M" },
+      { label: "Female", value: "F" },
+      { label: "Prefer not to say", value: "N" },
+    ],
+  },
+  {
+    name: "subscribe",
+    label: "Subscribe to newsletter",
+    type: "checkbox",
+    description: "Receive updates by email",
+  },
+  {
+    name: "birthDate",
+    label: "Birth Date",
+    type: "date",
+  },
+  {
+    name: "appointment",
+    label: "Appointment",
+    type: "datetime",
+  },
+  {
+    name: "contacts",
+    label: "Contacts",
+    type: "array",
+    fields: [
+      {
+        name: "type",
+        label: "Contact Type",
+        type: "select",
+        data: [
+          { label: "Email", value: "email" },
+          { label: "Phone", value: "phone" },
+        ],
+      },
+      {
+        name: "value",
+        label: "Contact Value",
+        type: "text",
+      },
+    ],
+  },
+  {
+    name: "bio",
+    label: "Bio",
+    type: "text",
+  },
+];
+
+const App = () => {
+  return (
+    <AutoForm<DemoFormValues>
+      layout="grid"
+      schema={schema}
+      onSubmit={(values) => alert(JSON.stringify(values))}
+    />
+  );
+};
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <MantineProvider>
+    <App />
+  </MantineProvider>
+);
+```
+
+---
+
+## 🔧 Props / API Reference
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `schema` | `FieldSchema[]` | The form schema definition. |
+| `values` | `TValues` | Initial form values. |
+| `onSubmit` | `(values: TValues) => void` | Callback triggered when the form is submitted. |
+| `validate` | `FormValidateInput<TValues>` | Validation configuration. |
+| `mode` | `"create" \| "edit" \| "view"` | Controls form mode (read-only, editable, etc.). |
+| `layout` | `"vertical" \| "horizontal" \| "grid"` | Form layout type. |
+| `columns` | `number` | Number of columns (for grid layout). |
+| `updateFieldSchema` | `UpdateFieldSchemaMap` | Dynamically update field definitions based on values. |
+| `onFieldChange` | `OnFieldChangeMap` | Trigger callbacks when specific fields change. |
+| `customRenderers` | `CustomRenderersMap` | Override default field renderers. |
+| `submitButton` | `boolean \| ReactNode` | Show or customize the submit button. |
+| `actions` | `ReactNode` | Custom actions area under the form. |
+
+---
+
+## 🧩 Field Types
+
+AutoForma supports a variety of field types:
+
+- `text`
+- `number`
+- `select`
+- `checkbox`
+- `date`
+- `datetime`
+- `time`
+- `object`
+- `array`
+- `switch`
+- `texteditor`
+- `tags`
+
+---
+
+## ⚙️ Advanced Usage
+
+You can control the behavior of fields dynamically based on form values:
+
+```ts
+updateFieldSchema={{
+  gender: (field, values) => {
+    if (values.age && values.age < 18) {
+      return { ...field, data: [{ label: "Prefer not to say", value: "N" }] };
+    }
+    return field;
+  },
+  appointment: (field, values) => ({
+    ...field,
+    disabled: !values.birthDate,
+  }),
+}}
+```
+
+---
+
+## 🧪 Development
+
+If you want to contribute or run AutoForma locally:
+
+```bash
+git clone https://github.com/your-username/AutoForma.git
+cd AutoForma
+npm install
+npm run dev
+```
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome! 🎉  
+If you'd like to help improve AutoForma:
+
+1. Fork the repository  
+2. Create a new feature branch  
+3. Commit your changes  
+4. Submit a pull request 🚀
+
+---
+
+## 📜 License
+
+This project is licensed under the **MIT License**.
+
+---
+
+## ⭐ Support
+
+If you find AutoForma helpful, please consider giving it a ⭐ on [GitHub](https://github.com/your-username/AutoForma) — it helps the project grow!

package/dist/components/AutoForm/AutoForm.d.ts

@@ -0,0 +1,3 @@
+import { AutoFormProps } from './AutoForm.types';
+export declare function AutoForm<TValues extends Record<string, any> = Record<string, any>>({ schema, values, layout, readOnly, validate, onSubmit, onFieldChange, customRenderers, updateFieldSchema, transformBeforeSubmit, transformAfterSubmit, submitButton, }: AutoFormProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default AutoForm;

package/dist/components/AutoForm/AutoForm.types.d.ts

@@ -0,0 +1,23 @@
+import { CustomRenderersMap } from '../../fields/renderer.types';
+import { FieldSchema } from '../../fields/types';
+import { FormValidateInput, UseFormReturnType } from '@mantine/form';
+export interface AutoFormProps<TValues extends Record<string, any> = Record<string, any>> {
+    schema: FieldSchema<TValues>[];
+    values?: TValues;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    transformBeforeSubmit?: (values: TValues) => TValues;
+    transformAfterSubmit?: (values: TValues) => void | Promise<void>;
+    validate?: FormValidateInput<TValues>;
+    readOnly?: boolean;
+    onFieldChange?: OnFieldChangeMap<TValues>;
+    layout?: "vertical" | "horizontal" | "grid";
+    customRenderers?: CustomRenderersMap<TValues>;
+    updateFieldSchema?: UpdateFieldSchemaMap<TValues>;
+    submitButton?: boolean | React.ReactNode;
+}
+export type UpdateFieldSchemaMap<TValues extends Record<string, any> = Record<string, any>> = {
+    [K in keyof TValues]?: (schema: FieldSchema<TValues>, values: TValues) => FieldSchema<TValues>;
+};
+export type OnFieldChangeMap<TValues extends Record<string, any> = Record<string, any>> = {
+    [K in keyof TValues]?: (value: TValues[K], form: UseFormReturnType<TValues>) => void | Promise<void>;
+};

package/dist/fields/FieldRenderer/DefaultFieldRender.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { UseFormReturnType } from '@mantine/form';
+import { FieldSchema } from '../types';
+type DefaultFieldRenderProps<TValues extends Record<string, any>> = {
+    field: FieldSchema<TValues>;
+    form: UseFormReturnType<TValues>;
+    children: React.ReactNode;
+};
+export declare function DefaultFieldRender<TValues extends Record<string, any>>({ field, form, children, }: DefaultFieldRenderProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default DefaultFieldRender;

package/dist/fields/FieldRenderer/FieldLayoutWrapper.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FieldSchema } from '../types';
+type FieldLayoutWrapperProps = {
+    field: FieldSchema;
+    layout: "vertical" | "horizontal" | "grid";
+    children: React.ReactNode;
+};
+export declare function FieldLayoutWrapper({ field, layout, children, }: FieldLayoutWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default FieldLayoutWrapper;

package/dist/fields/FieldRenderer/FieldRenderer.d.ts

@@ -0,0 +1,3 @@
+import { FieldRendererProps } from './FieldRenderer.types';
+export declare function FieldRenderer<TValues extends Record<string, any> = Record<string, any>>(props: FieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default FieldRenderer;

package/dist/fields/FieldRenderer/FieldRenderer.types.d.ts

@@ -0,0 +1,10 @@
+import { UseFormReturnType } from '@mantine/form';
+import { FieldSchema } from '../types';
+import { FieldRendererProps as RendererProps } from '../renderer.types';
+export interface FieldRendererProps<TValues extends Record<string, any> = Record<string, any>> {
+    field: FieldSchema<TValues>;
+    form: UseFormReturnType<TValues>;
+    layout: "vertical" | "horizontal" | "grid";
+    readOnly?: boolean;
+    customRenderers?: RendererProps<TValues>;
+}

package/dist/fields/renderer.types.d.ts

@@ -0,0 +1,9 @@
+import { UseFormReturnType } from '@mantine/form';
+import { FieldSchema } from './types';
+export type FieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = {
+    field: FieldSchema<TValues>;
+    form: UseFormReturnType<TValues>;
+};
+export type CustomRenderersMap<TValues extends Record<string, any>> = {
+    [K in keyof TValues]?: (form: UseFormReturnType<TValues>, field: FieldSchema<TValues>) => React.ReactNode;
+};

package/dist/fields/renderers/ArrayFieldRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FieldRendererProps } from '../renderer.types';
+type ArrayFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues> & {
+    layout: "vertical" | "horizontal" | "grid";
+};
+export declare function ArrayFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form, layout }: ArrayFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default ArrayFieldRenderer;

package/dist/fields/renderers/CheckBoxFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type CheckBoxFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function CheckBoxFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: CheckBoxFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default CheckBoxFieldRenderer;

package/dist/fields/renderers/DateFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type DateFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function DateFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: DateFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default DateFieldRenderer;

package/dist/fields/renderers/DateTimeFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type DateTimeFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function DateTimeFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: DateTimeFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default DateTimeFieldRenderer;

package/dist/fields/renderers/NumberFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type NumberFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function NumberFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: NumberFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default NumberFieldRenderer;

package/dist/fields/renderers/ObjectFieldRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FieldRendererProps } from '../renderer.types';
+type ObjectFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues> & {
+    layout: "vertical" | "horizontal" | "grid";
+};
+export declare function ObjectFieldRenderer<TValues extends Record<string, any>>({ field, form, layout, }: ObjectFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default ObjectFieldRenderer;

package/dist/fields/renderers/RichTextEditorFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type RichTextEditorFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function RichTextEditorFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: RichTextEditorFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default RichTextEditorFieldRenderer;

package/dist/fields/renderers/SelectFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type SelectFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function SelectFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: SelectFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default SelectFieldRenderer;

package/dist/fields/renderers/SwitchFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type SwitchFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function SwitchFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: SwitchFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default SwitchFieldRenderer;

package/dist/fields/renderers/TagsFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type TagsInputFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function TagsInputFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: TagsInputFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default TagsInputFieldRenderer;

package/dist/fields/renderers/TextFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type TextFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function TextFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: TextFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default TextFieldRenderer;

package/dist/fields/renderers/TimeFieldRenderer.d.ts

@@ -0,0 +1,4 @@
+import { FieldRendererProps } from '../renderer.types';
+type TimeFieldRendererProps<TValues extends Record<string, any> = Record<string, any>> = FieldRendererProps<TValues>;
+export declare function TimeFieldRenderer<TValues extends Record<string, any> = Record<string, any>>({ field, form }: TimeFieldRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export default TimeFieldRenderer;

package/dist/fields/types.d.ts

@@ -0,0 +1,61 @@
+export type FieldType = "text" | "number" | "select" | "checkbox" | "date" | "datetime" | "time" | "object" | "array" | "switch" | "texteditor" | "tags";
+export interface BaseFieldSchema<TValues extends Record<string, any> = Record<string, any>> {
+    name: keyof TValues & string;
+    label: string;
+    type: FieldType;
+    description?: string;
+    placeholder?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    visible?: boolean;
+    meta?: Record<string, any>;
+    initialValue?: any;
+    column?: number;
+}
+export interface TextFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "text";
+}
+export interface SelectFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "select";
+    data: {
+        label: string;
+        value: string;
+    }[];
+}
+export interface CheckboxFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "checkbox";
+}
+export interface DateFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "date";
+}
+export interface ObjectFieldSchema<TValues extends Record<string, any> = Record<string, any>, TInner extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "object";
+    fields: FieldSchema<TInner>[];
+}
+export interface ArrayFieldSchema<TValues extends Record<string, any> = Record<string, any>, TInner extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "array";
+    fields: FieldSchema<TInner>[];
+}
+export interface SwitchFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "switch";
+}
+export interface RichTextEditorFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "texteditor";
+}
+export interface RichTextEditorFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "texteditor";
+}
+export interface TimeFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "time";
+}
+export interface NumberFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "number";
+}
+export interface DateTimeFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "datetime";
+}
+export interface TagsFieldSchema<TValues extends Record<string, any> = Record<string, any>> extends BaseFieldSchema<TValues> {
+    type: "tags";
+}
+export type FieldSchema<TValues extends Record<string, any> = Record<string, any>> = TextFieldSchema<TValues> | SelectFieldSchema<TValues> | CheckboxFieldSchema<TValues> | DateFieldSchema<TValues> | ObjectFieldSchema<TValues> | ArrayFieldSchema<TValues> | SwitchFieldSchema<TValues> | RichTextEditorFieldSchema | TimeFieldSchema | NumberFieldSchema | DateTimeFieldSchema | TagsFieldSchema;

package/dist/fields/utils/layout.utils.d.ts

@@ -0,0 +1,5 @@
+export declare const layoutStrategies: {
+    vertical: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+    horizontal: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+    grid: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/fields/utils/values.utils.d.ts

@@ -0,0 +1,3 @@
+import { FieldSchema, FieldType } from '../types';
+export declare const getDefaultValueForField: (type: FieldType) => any;
+export declare function generateInitialValues<TValues extends Record<string, any> = Record<string, any>>(schema: FieldSchema<TValues>[]): TValues;