@akinon/akiform-builder 1.2.1 → 1.3.0

package/dist/cjs/i18n/translations/en.d.ts

@@ -1,7 +0,0 @@
-declare const translations: {
-    readonly reset: "Reset";
-    readonly submit: "Submit";
-    readonly formLabel: "Form";
-};
-export default translations;
-//# sourceMappingURL=en.d.ts.map

package/dist/cjs/i18n/translations/en.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/en.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const translations = {
-    reset: 'Reset',
-    submit: 'Submit',
-    formLabel: 'Form'
-};
-exports.default = translations;

package/dist/cjs/i18n/translations/tr.d.ts

@@ -1,7 +0,0 @@
-declare const translations: {
-    readonly reset: "Temizle";
-    readonly submit: "Gönder";
-    readonly formLabel: "Form";
-};
-export default translations;
-//# sourceMappingURL=tr.d.ts.map

package/dist/cjs/i18n/translations/tr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/tr.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const translations = {
-    reset: 'Temizle',
-    submit: 'Gönder',
-    formLabel: 'Form'
-};
-exports.default = translations;

package/dist/cjs/index.d.ts

@@ -1,4 +0,0 @@
-export * from './akiform-builder';
-export { field } from './field-builder';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.field = void 0;
-__exportStar(require("./akiform-builder"), exports);
-var field_builder_1 = require("./field-builder");
-Object.defineProperty(exports, "field", { enumerable: true, get: function () { return field_builder_1.field; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/types.d.ts

@@ -1,82 +0,0 @@
-import { AkiformProps, Control, FieldPath, FieldValues } from '@akinon/akiform';
-import { AnySchema } from '@akinon/akival';
-import { FormEventHandler, ReactElement } from 'react';
-export type FieldType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'fieldArray' | 'textarea' | 'custom' | 'section';
-export interface BaseField<TFieldValues extends FieldValues = FieldValues> {
-    key: FieldPath<TFieldValues>;
-    label: string;
-    type: FieldType;
-    placeholder?: string;
-    defaultValue?: unknown;
-    validation?: AnySchema;
-    config?: FieldConfig;
-}
-export interface TextField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'text';
-}
-export interface NumberField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'number';
-}
-export interface SelectField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'select';
-    options: Array<{
-        value: string | number;
-        label: string;
-    }>;
-}
-export interface CheckboxField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'checkbox';
-}
-export interface DateField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'date';
-}
-export interface FieldArrayField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'fieldArray';
-    fields: FormField<TFieldValues>[];
-}
-export interface TextareaField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'textarea';
-}
-export interface CustomField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'custom';
-    render: (props: {
-        field: BaseField<TFieldValues>;
-        formValues: TFieldValues;
-        control: Control<TFieldValues>;
-        formState: any;
-    }) => ReactElement;
-}
-export interface SectionField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
-    type: 'section';
-    fields: FormField<TFieldValues>[];
-    defaultExpanded?: boolean;
-}
-export type FormField<TFieldValues extends FieldValues = FieldValues> = TextField<TFieldValues> | NumberField<TFieldValues> | SelectField<TFieldValues> | CheckboxField<TFieldValues> | DateField<TFieldValues> | FieldArrayField<TFieldValues> | TextareaField<TFieldValues> | CustomField<TFieldValues> | SectionField<TFieldValues>;
-export type FormLayout = 'vertical' | 'horizontal' | 'inline';
-export interface LayoutOptions {
-    labelCol?: {
-        span: number;
-    };
-    wrapperCol?: {
-        span: number;
-    };
-}
-export interface AkiformBuilderProps<TFieldValues extends FieldValues = FieldValues> extends Omit<AkiformProps, 'fields' | 'onReset' | 'onChange'> {
-    fields: FormField<TFieldValues>[];
-    onSubmit: (values: TFieldValues) => void;
-    layout?: FormLayout;
-    layoutOptions?: LayoutOptions;
-    showResetButton?: boolean;
-    onReset?: FormEventHandler<HTMLFormElement>;
-    controlled?: boolean;
-    values?: TFieldValues;
-    onValueChange?: (values: TFieldValues) => void;
-}
-export interface AkiformBuilderRef<TFieldValues extends FieldValues = FieldValues> {
-    reset: (values?: Partial<TFieldValues>) => void;
-}
-export interface FieldConfig<T = unknown> {
-    disabled?: boolean | ((values: T) => boolean);
-    visible?: boolean | ((values: T) => boolean);
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/dist/cjs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/akiform-builder.d.ts

@@ -1,6 +0,0 @@
-import { FieldValues } from '@akinon/akiform';
-import React from 'react';
-import { AkiformBuilderProps, AkiformBuilderRef } from './types';
-export declare const THROTTLE_DELAY = 300;
-export declare const AkiformBuilder: React.ForwardRefExoticComponent<AkiformBuilderProps<FieldValues> & React.RefAttributes<AkiformBuilderRef<FieldValues>>>;
-//# sourceMappingURL=akiform-builder.d.ts.map

package/dist/esm/akiform-builder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"akiform-builder.d.ts","sourceRoot":"","sources":["../../src/akiform-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAMZ,MAAM,iBAAiB,CAAC;AAUzB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAMlB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,cAAc,MAAM,CAAC;AAkIlC,eAAO,MAAM,cAAc,yHA8Q1B,CAAC"}

package/dist/esm/akiform-builder.js

@@ -1,280 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Akiform, akivalResolver, FormItem, useFieldArray, useForm, useWatch } from '@akinon/akiform';
-import { akival } from '@akinon/akival';
-import { Button } from '@akinon/ui-button';
-import { Checkbox } from '@akinon/ui-checkbox';
-import { Collapse } from '@akinon/ui-collapse';
-import { DatePicker } from '@akinon/ui-date-picker';
-import { Input, InputTextArea } from '@akinon/ui-input';
-import { InputNumber } from '@akinon/ui-input-number';
-import { Select } from '@akinon/ui-select';
-import { Space } from '@akinon/ui-space';
-import React, { forwardRef, Fragment, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
-import { i18n } from './i18n';
-export const THROTTLE_DELAY = 300; // ms
-const SectionComponent = ({ field, control, formValues, formState, layout, layoutOptions }) => {
-    return (React.createElement(Collapse, { defaultActiveKey: field.defaultExpanded ? [field.key] : [], items: [
-            {
-                label: field.label,
-                key: field.key,
-                children: field.fields.map(nestedField => {
-                    var _a, _b;
-                    const isVisible = typeof ((_a = nestedField.config) === null || _a === void 0 ? void 0 : _a.visible) === 'function'
-                        ? nestedField.config.visible(formValues)
-                        : ((_b = nestedField.config) === null || _b === void 0 ? void 0 : _b.visible) !== false;
-                    if (!isVisible) {
-                        return null;
-                    }
-                    return (React.createElement(FormItem, { key: nestedField.key, control: control, name: nestedField.key, label: nestedField.label }, renderField(nestedField, control, formValues, formState, layout, layoutOptions)));
-                })
-            }
-        ] }));
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const renderField = (field, control, formValues, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-formState, layout, layoutOptions) => {
-    const commonProps = {
-        'aria-required': field.validation ? true : false,
-        'aria-invalid': formState.errors[field.key] ? true : false
-    };
-    switch (field.type) {
-        case 'text':
-            return React.createElement(Input, Object.assign({ placeholder: field.placeholder }, commonProps));
-        case 'number':
-            return React.createElement(InputNumber, Object.assign({ placeholder: field.placeholder }, commonProps));
-        case 'select':
-            return (React.createElement(Select, Object.assign({ placeholder: field.placeholder, options: field.options }, commonProps)));
-        case 'checkbox':
-            return (React.createElement(Checkbox, Object.assign({ checked: formValues[field.key] }, commonProps), field.label));
-        case 'date':
-            return React.createElement(DatePicker, Object.assign({ placeholder: field.placeholder }, commonProps));
-        case 'textarea':
-            return React.createElement(InputTextArea, Object.assign({ placeholder: field.placeholder }, commonProps));
-        case 'fieldArray':
-            return (React.createElement(FieldArrayComponent, { field: field, control: control, formValues: formValues, formState: formState, layout: layout, layoutOptions: layoutOptions }));
-        case 'custom':
-            if (typeof field.render === 'function') {
-                return field.render({ field, formValues, control, formState });
-            }
-            console.warn(`Custom field "${field.key}" has no render function`);
-            return React.createElement(Fragment, null);
-        case 'section':
-            return (React.createElement(SectionComponent, { field: field, control: control, formValues: formValues, formState: formState, layout: layout, layoutOptions: layoutOptions }));
-        default:
-            return React.createElement(Fragment, null);
-    }
-};
-export const AkiformBuilder = forwardRef((_a, ref) => {
-    var _b, _c;
-    var { fields, onSubmit, layout = 'vertical', layoutOptions, showResetButton = false, onReset, controlled = false, values, onValueChange } = _a, rest = __rest(_a, ["fields", "onSubmit", "layout", "layoutOptions", "showResetButton", "onReset", "controlled", "values", "onValueChange"]);
-    const validationSchema = useMemo(() => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const schema = {};
-        fields.forEach(field => {
-            if (field.validation) {
-                schema[field.key] = field.validation;
-            }
-            if (field.type === 'fieldArray') {
-                schema[field.key] = akival.array().of(akival.object().shape(field.fields.reduce((acc, nestedField) => {
-                    if (nestedField.validation) {
-                        acc[nestedField.key] = nestedField.validation;
-                    }
-                    return acc;
-                }, 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                {})));
-            }
-        });
-        return akival.object().shape(schema);
-    }, [fields]);
-    const { control, handleSubmit, reset, setValue, formState } = useForm(Object.assign({ 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        resolver: akivalResolver(validationSchema), 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        defaultValues: rest.initialValues }, (controlled && { values: values })));
-    const formValues = useWatch({ control });
-    const prevFormValuesRef = useRef(null);
-    const isInitialRenderRef = useRef(true);
-    const throttleTimeoutRef = useRef(null);
-    const handleValueChange = useCallback((values) => {
-        if (!controlled) {
-            if (throttleTimeoutRef.current) {
-                clearTimeout(throttleTimeoutRef.current);
-            }
-            throttleTimeoutRef.current = setTimeout(() => {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(values);
-            }, THROTTLE_DELAY);
-        }
-        else {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(values);
-        }
-    }, [controlled, onValueChange]);
-    useEffect(() => {
-        if (isInitialRenderRef.current) {
-            isInitialRenderRef.current = false;
-            prevFormValuesRef.current = Object.assign({}, formValues);
-            return;
-        }
-        if (formState.isDirty ||
-            Object.keys(formState.touchedFields).length > 0) {
-            const hasChanged = JSON.stringify(formValues) !==
-                JSON.stringify(prevFormValuesRef.current);
-            if (hasChanged) {
-                handleValueChange(formValues);
-                prevFormValuesRef.current = Object.assign({}, formValues);
-            }
-        }
-    }, [
-        formValues,
-        formState.isDirty,
-        formState.touchedFields,
-        handleValueChange
-    ]);
-    useEffect(() => {
-        return () => {
-            if (throttleTimeoutRef.current) {
-                clearTimeout(throttleTimeoutRef.current);
-            }
-        };
-    }, []);
-    useEffect(() => {
-        if (controlled && onValueChange) {
-            onValueChange(formValues);
-        }
-    }, [controlled, onValueChange, formValues]);
-    const formItemLayout = useMemo(() => {
-        const defaultHorizontalLayout = {
-            labelCol: { span: 6 },
-            wrapperCol: { span: 18 }
-        };
-        const defaultInlineLayout = {
-            wrapperCol: { span: 24 }
-        };
-        switch (layout) {
-            case 'horizontal':
-                return {
-                    labelCol: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.labelCol) || defaultHorizontalLayout.labelCol,
-                    wrapperCol: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.wrapperCol) || defaultHorizontalLayout.wrapperCol
-                };
-            case 'inline':
-                return {
-                    wrapperCol: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.wrapperCol) || defaultInlineLayout.wrapperCol
-                };
-            case 'vertical':
-            default:
-                return {};
-        }
-    }, [layout, layoutOptions]);
-    const handleReset = (event) => {
-        event.preventDefault();
-        reset();
-        if (onReset) {
-            // Create a synthetic FormEvent if the event is a MouseEvent
-            const formEvent = event.type === 'click'
-                ? {
-                    preventDefault: () => { },
-                    target: event.target.closest('form')
-                }
-                : event;
-            onReset(formEvent);
-        }
-    };
-    useImperativeHandle(ref, () => ({
-        reset: (values) => {
-            if (values) {
-                // Partial reset: only reset specified fields
-                Object.keys(values).forEach(key => {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    setValue(key, values[key]);
-                });
-            }
-            else {
-                // Full reset
-                reset();
-            }
-            if (onReset) {
-                const syntheticEvent = {
-                    preventDefault: () => { },
-                    target: { reset: () => { } }
-                };
-                onReset(syntheticEvent);
-            }
-        }
-    }));
-    return (React.createElement(Akiform, Object.assign({ onFinish: handleSubmit(onSubmit), onReset: handleReset, layout: layout }, formItemLayout, rest, { "data-testid": "akiform-builder", role: "form", "aria-label": i18n.t('formLabel') }),
-        fields.map(field => {
-            var _a, _b, _c, _d;
-            const isDisabled = typeof ((_a = field.config) === null || _a === void 0 ? void 0 : _a.disabled) === 'function'
-                ? field.config.disabled(formValues)
-                : (_b = field.config) === null || _b === void 0 ? void 0 : _b.disabled;
-            const isVisible = typeof ((_c = field.config) === null || _c === void 0 ? void 0 : _c.visible) === 'function'
-                ? field.config.visible(formValues)
-                : ((_d = field.config) === null || _d === void 0 ? void 0 : _d.visible) !== false;
-            if (!isVisible) {
-                return null;
-            }
-            if (field.type === 'section') {
-                return (React.createElement(SectionComponent, { key: field.key, field: field, control: control, formValues: formValues, formState: formState, layout: layout, layoutOptions: layoutOptions }));
-            }
-            return (React.createElement(FormItem, { key: field.key, control: control, name: field.key, label: field.label, disabled: isDisabled }, renderField(field, control, formValues, formState, layout, layoutOptions)));
-        }),
-        React.createElement(FormItem, { control: control, name: 'form_actions', wrapperCol: layout === 'horizontal'
-                ? {
-                    offset: (_b = formItemLayout.labelCol) === null || _b === void 0 ? void 0 : _b.span,
-                    span: (_c = formItemLayout.wrapperCol) === null || _c === void 0 ? void 0 : _c.span
-                }
-                : undefined },
-            React.createElement(Space, null,
-                React.createElement(Button, { type: "primary", htmlType: "submit" }, i18n.t('submit')),
-                showResetButton && (
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                React.createElement(Button, { onClick: handleReset, htmlType: "reset" }, i18n.t('reset')))))));
-});
-AkiformBuilder.displayName = 'AkiformBuilder';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const FieldArrayComponent = ({ field, control, formValues, formState, layout, layoutOptions }) => {
-    const { fields, append, remove } = useFieldArray({
-        control,
-        name: field.key
-    });
-    const createInitialValue = () => {
-        return field.fields.reduce((acc, nestedField) => {
-            acc[nestedField.key] = nestedField.defaultValue || '';
-            return acc;
-        }, 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        {});
-    };
-    return (React.createElement("div", { role: "group", "aria-labelledby": `${field.key}-label` },
-        React.createElement("div", { id: `${field.key}-label`, className: "sr-only" }, field.label),
-        fields.map((item, index) => (React.createElement("div", { key: item.id },
-            field.fields.map(nestedField => {
-                var _a, _b;
-                const isVisible = typeof ((_a = nestedField.config) === null || _a === void 0 ? void 0 : _a.visible) === 'function'
-                    ? nestedField.config.visible(((_b = formValues[field.key]) === null || _b === void 0 ? void 0 : _b[index]) || {})
-                    : true;
-                if (!isVisible) {
-                    return null;
-                }
-                return (React.createElement(FormItem, { key: `${field.key}.${index}.${nestedField.key}`, control: control, name: `${field.key}.${index}.${nestedField.key}`, label: nestedField.label }, renderField(Object.assign(Object.assign({}, nestedField), { 
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    key: `${field.key}.${index}.${nestedField.key}` }), control, formValues, formState, layout, layoutOptions)));
-            }),
-            React.createElement(Button, { onClick: () => remove(index), "aria-label": `Remove ${field.label} ${index + 1}` }, "Remove")))),
-        React.createElement(Button
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        , { 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onClick: () => append(createInitialValue()), "aria-label": `Add ${field.label}` }, "Add")));
-};

package/dist/esm/field-builder.d.ts

@@ -1,35 +0,0 @@
-import { FieldPath, FieldValues } from '@akinon/akiform';
-import { AnySchema } from '@akinon/akival';
-import { FieldConfig, FieldType, FormField } from './types';
-type FieldTypeToBuilder<T extends FieldType, TFieldValues extends FieldValues = FieldValues> = T extends 'select' ? SelectFieldBuilder<TFieldValues> : T extends 'custom' ? CustomFieldBuilder<TFieldValues> : T extends 'section' ? SectionFieldBuilder<TFieldValues> : BaseFieldBuilder<TFieldValues>;
-declare class BaseFieldBuilder<TFieldValues extends FieldValues = FieldValues> {
-    protected field: Partial<FormField<TFieldValues>>;
-    key(key: FieldPath<TFieldValues>): this;
-    label(label: string): this;
-    type<T extends FieldType>(type: T): FieldTypeToBuilder<T, TFieldValues>;
-    placeholder(placeholder: string): this;
-    defaultValue(value: any): this;
-    validation(schema: AnySchema): this;
-    config(config: FieldConfig<TFieldValues>): this;
-    build(): FormField<TFieldValues>;
-}
-declare class SelectFieldBuilder<TFieldValues extends FieldValues = FieldValues> extends BaseFieldBuilder<TFieldValues> {
-    options(options: Array<{
-        value: string | number;
-        label: string;
-    }>): this;
-}
-declare class CustomFieldBuilder<TFieldValues extends FieldValues = FieldValues> extends BaseFieldBuilder<TFieldValues> {
-    render(renderFn: (props: {
-        field: FormField<TFieldValues>;
-        formValues: TFieldValues;
-        control: any;
-    }) => React.ReactElement): this;
-}
-declare class SectionFieldBuilder<TFieldValues extends FieldValues = FieldValues> extends BaseFieldBuilder<TFieldValues> {
-    fields(fields: FormField<TFieldValues>[]): this;
-    defaultExpanded(expanded: boolean): this;
-}
-export declare function field<TFieldValues extends FieldValues = FieldValues>(): BaseFieldBuilder<TFieldValues> & SelectFieldBuilder<TFieldValues> & CustomFieldBuilder<TFieldValues> & SectionFieldBuilder<TFieldValues>;
-export {};
-//# sourceMappingURL=field-builder.d.ts.map

package/dist/esm/field-builder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-builder.d.ts","sourceRoot":"","sources":["../../src/field-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE5D,KAAK,kBAAkB,CACrB,CAAC,SAAS,SAAS,EACnB,YAAY,SAAS,WAAW,GAAG,WAAW,IAC5C,CAAC,SAAS,QAAQ,GAClB,kBAAkB,CAAC,YAAY,CAAC,GAChC,CAAC,SAAS,QAAQ,GAChB,kBAAkB,CAAC,YAAY,CAAC,GAChC,CAAC,SAAS,SAAS,GACjB,mBAAmB,CAAC,YAAY,CAAC,GACjC,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAEvC,cAAM,gBAAgB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IACnE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAM;IAEvD,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,IAAI;IAKvC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK1B,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,YAAY,CAAC;IAKvE,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAMtC,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK9B,UAAU,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAKnC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,GAAG,IAAI;IAM/C,KAAK,IAAI,SAAS,CAAC,YAAY,CAAC;CAMjC;AAED,cAAM,kBAAkB,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACtC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI;CAKzE;AAED,cAAM,kBAAkB,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACtC,MAAM,CACJ,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC/B,UAAU,EAAE,YAAY,CAAC;QAEzB,OAAO,EAAE,GAAG,CAAC;KACd,KAAK,KAAK,CAAC,YAAY,GACvB,IAAI;CAKR;AAED,cAAM,mBAAmB,CACvB,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI;IAM/C,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;CAKzC;AAED,wBAAgB,KAAK,CACnB,YAAY,SAAS,WAAW,GAAG,WAAW,KAC3C,gBAAgB,CAAC,YAAY,CAAC,GACjC,kBAAkB,CAAC,YAAY,CAAC,GAChC,kBAAkB,CAAC,YAAY,CAAC,GAChC,mBAAmB,CAAC,YAAY,CAAC,CAmBlC"}

package/dist/esm/field-builder.js

@@ -1,84 +0,0 @@
-class BaseFieldBuilder {
-    constructor() {
-        this.field = {};
-    }
-    key(key) {
-        this.field.key = key;
-        return this;
-    }
-    label(label) {
-        this.field.label = label;
-        return this;
-    }
-    type(type) {
-        this.field.type = type;
-        return this;
-    }
-    placeholder(placeholder) {
-        this.field.placeholder = placeholder;
-        return this;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    defaultValue(value) {
-        this.field.defaultValue = value;
-        return this;
-    }
-    validation(schema) {
-        this.field.validation = schema;
-        return this;
-    }
-    config(config) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.field.config = config;
-        return this;
-    }
-    build() {
-        if (!this.field.key || !this.field.label || !this.field.type) {
-            throw new Error('Field must have at least a key, label, and type');
-        }
-        return this.field;
-    }
-}
-class SelectFieldBuilder extends BaseFieldBuilder {
-    options(options) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.field.options = options;
-        return this;
-    }
-}
-class CustomFieldBuilder extends BaseFieldBuilder {
-    render(renderFn) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.field.render = renderFn;
-        return this;
-    }
-}
-class SectionFieldBuilder extends BaseFieldBuilder {
-    fields(fields) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.field.fields = fields;
-        return this;
-    }
-    defaultExpanded(expanded) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.field.defaultExpanded = expanded;
-        return this;
-    }
-}
-export function field() {
-    return new Proxy(new BaseFieldBuilder(), {
-        get(target, prop) {
-            if (prop === 'options') {
-                return SelectFieldBuilder.prototype.options;
-            }
-            if (prop === 'render') {
-                return CustomFieldBuilder.prototype.render;
-            }
-            if (prop === 'fields' || prop === 'defaultExpanded') {
-                return SectionFieldBuilder.prototype[prop];
-            }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            return target[prop];
-        }
-    });
-}

package/dist/esm/i18n/index.d.ts

@@ -1,5 +0,0 @@
-export declare const i18n: {
-    t: (key: string, options?: import("i18next").TOptions) => string;
-    lng: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/i18n/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;4BAQszB,CAAC;;CADt0B,CAAC"}

package/dist/esm/i18n/index.js

@@ -1,11 +0,0 @@
-import { Akilocale } from '@akinon/akilocale';
-import en from './translations/en';
-import tr from './translations/tr';
-export const i18n = Akilocale.createInstance({
-    debug: false,
-    fallbackLng: 'en',
-    translations: {
-        en,
-        tr
-    }
-});

package/dist/esm/i18n/translations/en.d.ts

@@ -1,7 +0,0 @@
-declare const translations: {
-    readonly reset: "Reset";
-    readonly submit: "Submit";
-    readonly formLabel: "Form";
-};
-export default translations;
-//# sourceMappingURL=en.d.ts.map

package/dist/esm/i18n/translations/en.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/esm/i18n/translations/en.js

@@ -1,6 +0,0 @@
-const translations = {
-    reset: 'Reset',
-    submit: 'Submit',
-    formLabel: 'Form'
-};
-export default translations;

package/dist/esm/i18n/translations/tr.d.ts

@@ -1,7 +0,0 @@
-declare const translations: {
-    readonly reset: "Temizle";
-    readonly submit: "Gönder";
-    readonly formLabel: "Form";
-};
-export default translations;
-//# sourceMappingURL=tr.d.ts.map

package/dist/esm/i18n/translations/tr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/esm/i18n/translations/tr.js

@@ -1,6 +0,0 @@
-const translations = {
-    reset: 'Temizle',
-    submit: 'Gönder',
-    formLabel: 'Form'
-};
-export default translations;