linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent, Dispatch, SetStateAction } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator, type PropsValidateTabErrors } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false, onValidateErrorsOnTab,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const tabsWithErrorRef = useRef<PropsValidateTabErrors[]>([]);\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (__, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: Dispatch<SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const onValidateTabErrors = useCallback((props: PropsValidateTabErrors) => {\n    if (!props.tabId) return;\n\n    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);\n\n    if (tabIndex !== -1) {\n      const novasTabs = [...tabsWithErrorRef.current];\n      novasTabs[tabIndex] = props;\n      tabsWithErrorRef.current = [...novasTabs];\n    } else {\n      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];\n    }\n\n    if (onValidateErrorsOnTab) {\n      const tabIdsWithErrors = _.uniq(\n        _.compact(\n          tabsWithErrorRef.current.map((tab) => {\n            if (tab.hasErrors) return String(tab.tabId);\n          }),\n        ),\n      );\n      onValidateErrorsOnTab(tabIdsWithErrors);\n    }\n  }, [onValidateErrorsOnTab]);\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) {\n      onValidateForm(checkIsValid(usedData, true));\n    }\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      if (securityBeforeUnload && Object.entries(context).length) \n        context.setSecurityBeforeUnload(false);\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handleValidationErrorsOnTab: onValidateTabErrors,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => {}}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => {}} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"names":["Form","submitOnPressEnterKey","dataSource","securityBeforeUnload","handlerReset","handlerSubmit","handlerValidates","style","customClass","securityTitle","securityText","securityData","onDataChange","onValidateForm","externalFieldErrors","onSubmit","skeletonize","disabled","children","useInternalState","onValidateErrorsOnTab","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","tabsWithErrorRef","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","__","fieldName","Object","keys","includes","get","messages","checkIsValid","updateState","current","isValidNow","values","every","value","length","onFieldChange","useCallback","event","target","prevState","changeValue","onValidate","omit","onFormSubmit","preventDefault","stopPropagation","onResetField","cb","fields","fieldsArray","state","newState","JSON","parse","stringify","field","set","onReset","onRemoveFieldValidators","newFieldsValidators","onBeforeUnload","e","isEqual","onValidateTabErrors","props","tabId","tabIndex","findIndex","tab","name","novasTabs","tabIdsWithErrors","uniq","compact","map","hasErrors","String","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","entries","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handleValidationErrorsOnTab","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":"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"}

package/lib/form/types.d.ts

@@ -0,0 +1,245 @@
+import { ChangeEvent, ComponentType, CSSProperties, Dispatch, MouseEventHandler, ReactNode, SetStateAction } from 'react';
+import { AllOptions } from '../inputs/select/types';
+export type Validator = (value: string) => string | undefined;
+export type PeriodValidator = (value: {
+    inicial: string;
+    final: string;
+}) => string | undefined;
+export type OnFielChangeEvent = Event & {
+    target: HTMLInputElement;
+};
+export type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
+    keyCode: number;
+};
+export type PropsValidateTabErrors = {
+    name: string;
+    tabId?: string | number;
+    hasErrors: boolean;
+};
+type BaseFormProps = {
+    dataSource: object;
+    children: ReactNode;
+    onSubmit: (data: object) => void;
+    handlerSubmit: (value: () => void) => void;
+    handlerReset?: (value: () => void) => void;
+    handlerValidates?: (value: any) => void;
+    onValidateForm?: (value: boolean) => void;
+    onValidateErrorsOnTab?: (tabIds: Array<string | number>) => void;
+    submitOnPressEnterKey?: boolean;
+    style?: CSSProperties;
+    customClass?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: string;
+    securityData?: object;
+    externalFieldErrors?: object;
+    skeletonize?: boolean;
+    disabled?: boolean;
+};
+type OnDataChange = Dispatch<SetStateAction<object>>;
+export type FormProps = BaseFormProps & ({
+    useInternalState?: false;
+    onDataChange: OnDataChange;
+} | {
+    useInternalState: true;
+    onDataChange?: OnDataChange;
+});
+type Data = {
+    [key: string]: any;
+};
+export interface IFieldProps extends WithFieldProps {
+    data?: Data;
+    originalData?: Data;
+    dataSource?: Data;
+    name: string;
+    value?: string;
+    label?: string;
+    handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => ChangeEvent;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    component: ComponentType<any>;
+    componentType?: 'Radio' | 'Checkbox';
+    onChange?: (event: ChangeEvent) => ChangeEvent;
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: ChangeEvent<HTMLInputElement>) => void;
+    validators?: Validator | Validator[];
+    fieldErrors?: {
+        [name: string]: string[];
+    };
+    externalFieldErrors?: {
+        [name: string]: string[];
+    };
+    externalMessagesErrors?: string[];
+    fieldId?: string;
+    scale?: number;
+    required?: boolean;
+    idKey?: string;
+    descriptionKey?: string;
+    showClearButton?: boolean;
+    gridLayout?: string;
+    allOptions?: AllOptions;
+    searchNotFoundText?: string;
+    min?: number;
+    max?: number;
+    autoFocus?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+    mask?: string;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    displayCurrencySymbol?: boolean;
+    removeZeroLeft?: boolean;
+    textAlign?: 'left' | 'right';
+    disabled?: boolean;
+    currencySymbol?: string;
+    checked?: boolean;
+    tabId?: string | number;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
+}
+export interface CustomEvent {
+    target: {
+        value: string[];
+        name: string;
+    };
+}
+export interface IFieldArrayProps extends WithFieldProps {
+    data?: Data;
+    originalData?: Data;
+    dataSource?: Data;
+    name: string;
+    handlerFieldChange?: (event: CustomEvent) => void;
+    fieldErrors?: {
+        [name: string]: string[];
+    };
+    validators?: Validator | Validator[];
+    valuePropName?: string;
+    changePropName?: string;
+    handlerSelecionados?: (ids: string[]) => void;
+    label?: string;
+    skipLabel?: boolean;
+    bordered?: boolean;
+    cols?: string;
+    labelContainerStyle?: object;
+    externalMessagesErrors?: string[];
+    idKey?: string;
+    descriptionKey?: string;
+    showClearButton?: boolean;
+    gridLayout?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    required?: boolean;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
+}
+export type PeriodChangeEvent = {
+    initial: string;
+    final: string;
+};
+type PeriodFieldChangeEvent = {
+    target: {
+        name: string;
+        value: {
+            [valueDate: string]: string;
+        };
+    };
+};
+export interface IFieldPeriodProps extends WithFieldProps {
+    data?: Data;
+    originalData?: Data;
+    nameDateInitial: string;
+    nameDateFinal: string;
+    handlerFieldChange?: (event: PeriodFieldChangeEvent) => PeriodFieldChangeEvent;
+    label?: string;
+    onBlur?: () => void;
+    validators?: PeriodValidator | PeriodValidator[];
+    fieldErrors?: {
+        [name: string]: string[];
+    };
+    externalMessagesErrors?: string[];
+    externalFieldErrors?: {
+        [name: string]: string[];
+    };
+    handlerFieldValidate?: (name: string, value: object, validatorsArray: PeriodValidator[] | PeriodValidator) => void;
+    onChange?: (event: PeriodChangeEvent) => PeriodChangeEvent;
+    gridLayout?: string;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
+}
+export interface FormContextProps {
+    skeletonize?: boolean;
+    handlerFieldChange: (event: OnFielChangeEvent) => void;
+    handlerFieldValidate: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerStoreValidators: (fieldName: string, fieldValidates: Validator) => void;
+    handlerRemoveValidators: (fieldName: string) => void;
+    data: object;
+    originalData: object;
+    fieldErrors: object;
+    externalFieldErrors?: object;
+    isFormValid?: boolean;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
+}
+export interface WithFieldProps {
+    name: string;
+    data?: Data;
+    handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
+    handlerRemoveValidators?: (name: string) => void;
+    validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
+    customClass?: string;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
+    component: ComponentType<any>;
+}
+export interface IWithFieldContext {
+    validatorFromComponent: Validator | Validator[] | undefined;
+    handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
+}
+export interface IWithFormSecurity {
+    onOpenChange?: (open: boolean) => void;
+    handlerClose?: () => void;
+    onClick?: MouseEventHandler;
+    children?: ReactNode;
+}
+export interface IFormSecurityContext {
+    onChangedData: (value: boolean) => void;
+    showQuestion: boolean;
+    onConfirmClick: () => void;
+    onUnconfirmClick: () => void;
+    setSecurityBeforeUnload: (value: boolean) => void;
+    securityBeforeUnload?: boolean;
+}
+export interface IEventParams {
+    name: string;
+    data?: object;
+    validators?: Validator | Validator[];
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: CustomKeyboardEvent) => void;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
+    validatorFromComponent?: Validator | Validator[];
+    component?: ComponentType<any>;
+}
+export interface IGetErrorMessagesParams {
+    name: string;
+    fieldErrors?: {
+        [name: string]: string[];
+    };
+    externalFieldErrors?: {
+        [name: string]: string[];
+    };
+    externalMessagesErrors?: string[];
+}
+export type FieldErrors = {
+    [name: string]: string[];
+};
+export type FieldValidator = {
+    [name: string]: Validator | Validator[];
+};
+export {};

package/lib/form/withFieldHOC.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+import { WithFieldProps } from './types';
+declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: ComponentType<ComponentProps>) => any;
+export default withFieldHOC;

package/lib/form/withFieldHOC.js

@@ -0,0 +1,64 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as _ } from "../_virtual/compiler-runtime.js";
+import { forwardRef as E, useState as b, useEffect as w } from "react";
+import { FormContext as A, withFieldContext as g, getValidatorsArray as j } from "./helpers.js";
+const k = (R) => {
+  const S = (a) => {
+    const e = _.c(23), {
+      name: o,
+      validators: t,
+      handlerStoreValidators: n,
+      handlerRemoveValidators: i
+    } = a, [r, x] = b(void 0);
+    let s;
+    e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
+      const V = j(t, r);
+      V && n && n(o, V);
+    }, e[0] = n, e[1] = o, e[2] = r, e[3] = t, e[4] = s) : s = e[4];
+    const l = s;
+    let f;
+    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (f = () => (l(), () => {
+      t && i && i(o);
+    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = f) : f = e[9];
+    let d;
+    e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = [], e[10] = d) : d = e[10], w(f, d);
+    let c;
+    e[11] !== l ? (c = () => {
+      l();
+    }, e[11] = l, e[12] = c) : c = e[12];
+    let u;
+    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], w(c, u);
+    let h;
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (h = (V) => {
+      x(V);
+    }, e[15] = h) : h = e[15];
+    let C;
+    e[16] !== r ? (C = {
+      validatorFromComponent: r,
+      handlerSetValidatorFromComponent: h
+    }, e[16] = r, e[17] = C) : C = e[17];
+    const F = C;
+    let m;
+    e[18] !== a ? (m = /* @__PURE__ */ p(R, { ...a }), e[18] = a, e[19] = m) : m = e[19];
+    let v;
+    return e[20] !== F || e[21] !== m ? (v = /* @__PURE__ */ p(g.Provider, { value: F, children: m }), e[20] = F, e[21] = m, e[22] = v) : v = e[22], v;
+  };
+  function y(a, e) {
+    return /* @__PURE__ */ p(A.Consumer, { children: ({
+      handlerFieldChange: o,
+      handlerFieldValidate: t,
+      data: n,
+      fieldErrors: i,
+      externalFieldErrors: r,
+      handlerStoreValidators: x,
+      handlerRemoveValidators: s,
+      skeletonize: l,
+      handleValidationErrorsOnTab: f
+    }) => /* @__PURE__ */ p(S, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: x, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e, handleValidationErrorsOnTab: f }) });
+  }
+  return E(y);
+};
+export {
+  k as default
+};
+//# sourceMappingURL=withFieldHOC.js.map

package/lib/form/withFieldHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFieldHOC.js","sources":["../../src/lib/form/withFieldHOC.tsx"],"sourcesContent":["import { ComponentType, forwardRef, Ref, useEffect, useState } from 'react';\nimport { FormContext, withFieldContext, getValidatorsArray } from './helpers';\nimport { IWithFieldContext, Validator, WithFieldProps } from './types';\n\nconst withFieldHOC = <ComponentProps extends WithFieldProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { name, validators, handlerStoreValidators, handlerRemoveValidators } = props;\n    const [validatorFromComponent, setValidatorFromComponent] =\n      useState<Validator | Validator[] | undefined>(undefined);\n\n    const updateValidators = () => {\n      const validatorsArray = getValidatorsArray(validators as Validator, validatorFromComponent);\n      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);\n    };\n\n    useEffect(() => {\n      updateValidators();\n\n      return () => {\n        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);\n      };\n    }, []);\n\n    useEffect(() => {\n      updateValidators();\n    }, [validators]);\n\n    const contextValues: IWithFieldContext = {\n      validatorFromComponent,\n      handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => {\n        setValidatorFromComponent(validator);\n      },\n    };\n\n    return (\n      <withFieldContext.Provider value={contextValues}>\n        <WrappedComponent {...props} />\n      </withFieldContext.Provider>\n    );\n  };\n\n  function forwardedRef(props: ComponentProps, ref: Ref<HTMLElement>) {\n    return (\n      <FormContext.Consumer>\n        {({\n          handlerFieldChange,\n          handlerFieldValidate: handlerFieldValidate,\n          data,\n          fieldErrors,\n          externalFieldErrors,\n          handlerStoreValidators,\n          handlerRemoveValidators,\n          skeletonize,\n          handleValidationErrorsOnTab,\n        }) => (\n          <EnhancedComponent\n            {...props}\n            skeletonize={skeletonize}\n            handlerFieldChange={handlerFieldChange}\n            handlerFieldValidate={handlerFieldValidate}\n            handlerStoreValidators={handlerStoreValidators}\n            handlerRemoveValidators={handlerRemoveValidators}\n            data={data}\n            fieldErrors={fieldErrors}\n            externalFieldErrors={externalFieldErrors}\n            forwardedRef={ref}\n            handleValidationErrorsOnTab={handleValidationErrorsOnTab} />\n        )}\n      </FormContext.Consumer>\n    );\n  }\n  return forwardRef(forwardedRef as any) as any;\n};\n\nexport default withFieldHOC;\n"],"names":["withFieldHOC","WrappedComponent","EnhancedComponent","props","$","_c","name","validators","handlerStoreValidators","handlerRemoveValidators","validatorFromComponent","setValidatorFromComponent","useState","undefined","t0","validatorsArray","getValidatorsArray","updateValidators","t1","t2","Symbol","for","useEffect","t3","t4","t5","validator","t6","handlerSetValidatorFromComponent","contextValues","t7","jsx","t8","withFieldContext","forwardedRef","ref","FormContext","handlerFieldChange","handlerFieldValidate","data","fieldErrors","externalFieldErrors","skeletonize","handleValidationErrorsOnTab","forwardRef"],"mappings":"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"}

package/lib/form/withFormSecurity.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from 'react';
+import { IFormSecurityContext, IWithFormSecurity } from './types';
+declare const FormSecurityContext: import('react').Context<IFormSecurityContext>;
+declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default withFormSecurity;
+export { FormSecurityContext };

package/lib/form/withFormSecurity.js

@@ -0,0 +1,31 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as i, useState as d, createContext as h } from "react";
+const m = h({}), w = (l) => (r) => {
+  const {
+    onOpenChange: e,
+    handlerClose: n
+  } = r, c = i(!1), o = i(!1), [f, s] = d(!1), u = () => {
+    c.current && o.current ? s(!0) : e ? e(!1) : n && n();
+  }, C = {
+    onChangedData: (t) => {
+      c.current = t;
+    },
+    showQuestion: f,
+    onConfirmClick: () => {
+      e && e(!1), n && n();
+    },
+    onUnconfirmClick: () => {
+      s(!1);
+    },
+    setSecurityBeforeUnload: (t) => {
+      o.current = t;
+    },
+    securityBeforeUnload: o.current
+  };
+  return /* @__PURE__ */ a(m.Provider, { value: C, children: /* @__PURE__ */ a(l, { ...r, handlerClose: u }) });
+};
+export {
+  m as FormSecurityContext,
+  w as default
+};
+//# sourceMappingURL=withFormSecurity.js.map

package/lib/form/withFormSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormSecurity.js","sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import { ComponentType, createContext, useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"names":["FormSecurityContext","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAc,CAAA,CAA0B,GAE9DC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACtB,EAAoB,UAApB,EAA6B,OAAOgB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}

package/lib/form2/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+import { DeepPartial } from './types';
+export declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => (fieldElement: T) => void;
+export declare const deepMergeValues: <T>(current: T, incoming: DeepPartial<T>) => T;
+export declare const flattenValidators: (validators: Record<string, any>, prefix?: string) => Record<string, any>;

package/lib/form2/helpers.js

@@ -0,0 +1,24 @@
+import s from "../_virtual/lodash.js";
+const b = (...o) => (e) => {
+  o.forEach((t) => {
+    s.isFunction(t) ? t(e) : t && s.isObject(t) && (t.current = e);
+  });
+}, f = (o, e) => s.mergeWith(s.cloneDeep(o), e, (t, c) => s.isPlainObject(t) && s.isPlainObject(c) ? void 0 : c), a = (o, e = "") => {
+  const t = {};
+  return Object.entries(o).forEach(([c, n]) => {
+    const i = e ? `${e}.${c}` : c;
+    if (Array.isArray(n))
+      t[i] = n;
+    else if (typeof n == "object" && n !== null) {
+      const r = a(n, i);
+      Object.assign(t, r);
+    } else
+      t[i] = [n];
+  }), t;
+};
+export {
+  f as deepMergeValues,
+  a as flattenValidators,
+  b as mergeRefs
+};
+//# sourceMappingURL=helpers.js.map

package/lib/form2/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/form2/helpers.ts"],"sourcesContent":["import _ from 'lodash';\nimport { Ref, RefObject } from 'react';\nimport { DeepPartial } from './types';\n\nexport const mergeRefs = <T>(...refs: (Ref<T> | undefined)[]) => {\n  return (fieldElement: T) => {\n    refs.forEach((ref) => {\n      if (_.isFunction(ref)) ref(fieldElement);\n      else if (ref && _.isObject(ref)) (ref as RefObject<T | null>).current = fieldElement;\n    });\n  };\n};\n\nexport const deepMergeValues = <T>(current: T, incoming: DeepPartial<T>): T => {\n  return _.mergeWith(_.cloneDeep(current), incoming, (objValue, srcValue) =>\n    _.isPlainObject(objValue) && _.isPlainObject(srcValue) ? undefined : srcValue);\n};\n\nexport const flattenValidators = (validators: Record<string, any>, prefix = ''): Record<string, any> => {\n  const flattened: Record<string, any> = {};\n  Object.entries(validators).forEach(([key, value]) => {\n    const fullPath = prefix ? `${prefix}.${key}` : key;\n    if (Array.isArray(value)) {\n      flattened[fullPath] = value;\n    } else if (typeof value === 'object' && value !== null) {\n      const nestedFlattened = flattenValidators(value, fullPath);\n      Object.assign(flattened, nestedFlattened);\n    } else {\n      flattened[fullPath] = [value];\n    }\n  });\n\n  return flattened;\n};\n"],"names":["mergeRefs","refs","fieldElement","forEach","ref","_","isFunction","isObject","current","deepMergeValues","incoming","mergeWith","cloneDeep","objValue","srcValue","isPlainObject","undefined","flattenValidators","validators","prefix","flattened","Object","entries","key","value","fullPath","Array","isArray","nestedFlattened","assign"],"mappings":";AAIO,MAAMA,IAAY,IAAOC,MACvB,CAACC,MAAoB;AAC1BD,EAAAA,EAAKE,QAASC,CAAAA,MAAQ;AACpB,IAAIC,EAAEC,WAAWF,CAAG,MAAOF,CAAY,IAC9BE,KAAOC,EAAEE,SAASH,CAAG,MAAIA,EAA4BI,UAAUN;AAAAA,EAC1E,CAAC;AACH,GAGWO,IAAkB,CAAID,GAAYE,MACtCL,EAAEM,UAAUN,EAAEO,UAAUJ,CAAO,GAAGE,GAAU,CAACG,GAAUC,MAC5DT,EAAEU,cAAcF,CAAQ,KAAKR,EAAEU,cAAcD,CAAQ,IAAIE,SAAYF,CAAQ,GAGpEG,IAAoBA,CAACC,GAAiCC,IAAS,OAA4B;AACtG,QAAMC,IAAiC,CAAA;AACvCC,gBAAOC,QAAQJ,CAAU,EAAEf,QAAQ,CAAC,CAACoB,GAAKC,CAAK,MAAM;AACnD,UAAMC,IAAWN,IAAS,GAAGA,CAAM,IAAII,CAAG,KAAKA;AAC/C,QAAIG,MAAMC,QAAQH,CAAK;AACrBJ,MAAAA,EAAUK,CAAQ,IAAID;AAAAA,aACb,OAAOA,KAAU,YAAYA,MAAU,MAAM;AACtD,YAAMI,IAAkBX,EAAkBO,GAAOC,CAAQ;AACzDJ,aAAOQ,OAAOT,GAAWQ,CAAe;AAAA,IAC1C;AACER,MAAAA,EAAUK,CAAQ,IAAI,CAACD,CAAK;AAAA,EAEhC,CAAC,GAEMJ;AACT;"}

package/lib/form2/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { default as useForm } from './useForm';
+interface FormElementProps extends ComponentProps<'form'> {
+}
+declare const Form: import('react').ForwardRefExoticComponent<Omit<FormElementProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+export default Form;
+export { useForm };

package/lib/form2/index.js

@@ -0,0 +1,23 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../_virtual/compiler-runtime.js";
+import { forwardRef as u } from "react";
+import { default as R } from "./useForm/index.js";
+const p = u((m, s) => {
+  const t = d.c(11);
+  let o, e, a, r;
+  t[0] !== m ? ({
+    noValidate: e,
+    autoComplete: a,
+    translate: r,
+    ...o
+  } = m, t[0] = m, t[1] = o, t[2] = e, t[3] = a, t[4] = r) : (o = t[1], e = t[2], a = t[3], r = t[4]);
+  const i = e === void 0 ? !0 : e, n = a === void 0 ? "off" : a, f = r === void 0 ? "no" : r;
+  let l;
+  return t[5] !== n || t[6] !== i || t[7] !== s || t[8] !== o || t[9] !== f ? (l = /* @__PURE__ */ c("form", { ref: s, className: "form-container", translate: f, noValidate: i, autoComplete: n, ...o }), t[5] = n, t[6] = i, t[7] = s, t[8] = o, t[9] = f, t[10] = l) : l = t[10], l;
+});
+p.displayName = "Form";
+export {
+  p as default,
+  R as useForm
+};
+//# sourceMappingURL=index.js.map

package/lib/form2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/form2/index.tsx"],"sourcesContent":["import { ComponentProps, forwardRef } from 'react';\nimport useForm from './useForm';\n\ninterface FormElementProps extends ComponentProps<'form'> { }\n\nconst Form = forwardRef<HTMLFormElement, FormElementProps>((props, ref) => {\n  const { noValidate = true, autoComplete = 'off', translate = 'no', ...rest } = props;\n\n  return (\n    <form\n      ref={ref}\n      className=\"form-container\"\n      translate={translate}\n      noValidate={noValidate}\n      autoComplete={autoComplete}\n      {...rest} />\n  );\n});\n\nForm.displayName = 'Form';\n\nexport default Form;\nexport { useForm };\n"],"names":["Form","forwardRef","props","ref","$","_c","rest","t0","t1","t2","noValidate","autoComplete","translate","undefined","t3","jsx","displayName"],"mappings":";;;;AAKA,MAAMA,IAAOC,EAA8C,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACzD;AAAA,IAAAQ,YAAAH;AAAAA,IAAAI,cAAAH;AAAAA,IAAAI,WAAAH;AAAAA,IAAA,GAAAH;AAAAA,EAAAA,IAA+EJ,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAA7E,QAAAM,IAAAH,MAAAM,SAAA,KAAAN,GAAmBI,IAAAH,MAAAK,SAAA,QAAAL,GAAsBI,IAAAH,MAAAI,SAAA,OAAAJ;AAAgB,MAAAK;AAAA,SAAAV,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAG/DE,IAAA,gBAAAC,EAAA,UACOZ,KAAAA,GACK,WAAA,kBACCS,WAAAA,GACCF,YAAAA,GACEC,cAAAA,GAAY,GACtBL,EAAAA,CAAI,GAAIF,OAAAO,GAAAP,OAAAM,GAAAN,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GANdU;AAMc,CAEjB;AAEDd,EAAKgB,cAAc;"}

package/lib/form2/types.d.ts

@@ -0,0 +1,133 @@
+import { ChangeEvent, ChangeEventHandler, FocusEvent, FocusEventHandler, FormEvent, Ref, RefCallback } from 'react';
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends Array<infer U> ? Array<DeepPartial<U>> : T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type NestedState<T, R = any> = {
+    [K in keyof T]?: [T[K]] extends [readonly any[]] ? R : T[K] extends object ? NestedState<T[K], R> : R;
+};
+export type FieldChanged<T> = NestedState<T, boolean>;
+export type FieldTouched<T> = NestedState<T, boolean>;
+export type FieldErrors<T> = NestedState<T, string[]>;
+export type FieldFocusOptions = Partial<{
+    shouldSelect: boolean;
+}>;
+export type ValidatorFunction<T> = (value: T, data?: Record<string, any>) => string | null;
+export type ValidatorsSchema = Record<string, ValidatorFunction<any>[]>;
+export type ValidationMode = 'default' | 'onSubmit';
+export type UseFormOptionsProps = Partial<{
+    validationMode: ValidationMode;
+}>;
+export type RegisterFunction = (name: string, externalRef?: Ref<HTMLInputElement>) => {
+    name: string;
+    value: any;
+    ref: (fieldElement: HTMLInputElement) => void;
+    onBlur: () => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export type RegisterOptions = {
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+};
+export interface UseFormProps<T> {
+    initialValues: T;
+    validators?: ValidatorsSchema;
+    options?: UseFormOptionsProps;
+}
+export interface UseFormReturn<T> {
+    /**
+     * Reseta os campos especificados ou todo o formulário para seus valores iniciais.
+     * Também limpa estados de `errors`, `touched` e `changed`.
+     * @param fields - Lista de nomes de campos a serem resetados. Se não informado, todos os campos são resetados.
+     */
+    reset: (fields?: string[]) => void;
+    /**
+     * Objeto que indica quais campos foram modificados em relação ao `initialValues`.
+     */
+    changed: FieldChanged<T>;
+    /**
+     * Objeto com os valores atuais dos campos do formulário.
+     */
+    values: Record<string, any>;
+    /**
+     * Objeto contendo arrays de mensagens de erro por campo.
+     */
+    errors: FieldErrors<T>;
+    /**
+     * Objeto que indica se os campos foram tocados (interagidos via blur).
+     */
+    touched: FieldTouched<T>;
+    /**
+     * Indica se o formulário está válido com base nos validadores definidos.
+     */
+    isValid: boolean;
+    /**
+     * Indica se houve alguma alteração em qualquer campo do formulário em relação ao `initialValues`.
+     */
+    formHasChange: boolean;
+    /**
+     * Registra um campo no formulário, integrando com `ref`, `value`, `onChange` e `onBlur`.
+     * @param name - Nome do campo.
+     * @param registerOptions - Opções de registro, incluindo referências e manipuladores de eventos.
+     */
+    register: (name: string, registerOptions?: RegisterOptions) => {
+        name: string;
+        ref: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+        value: any;
+        onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    };
+    /**
+     * Limpa mensagens de erro de campos especificados, ou de todos os campos se nenhum for informado.
+     * @param fields - Lista de campos a limpar.
+     */
+    cleanErrors: (fields?: string[]) => void;
+    /**
+     * Altera os valores dos campos do formulário com base em dados externos (ex: dados assíncronos).
+     * Preserva os dados atuais para campos não especificados.
+     * @param values - Novo objeto de dados com valores para atualizar no estado do formulário.
+     */
+    changeValues: (values: DeepPartial<T>) => void;
+    /**
+     * Compara o valor atual de um campo com um valor fornecido, retornando true se forem iguais.
+     * @param name - Nome do campo.
+     * @param value - Valor a ser comparado.
+     */
+    compareField: (name: string, value: any) => boolean;
+    /**
+     * Gera uma função de submit que é executada ao chamar a callback fornecida.
+     * @param callback - Função de submit executada em caso de formulário válido e retornando objeto de valores do formulário.
+     */
+    handleSubmit: (callback: (data: T) => void) => (event: FormEvent) => void;
+    /**
+     * Retorna o valor atual de um campo específico.
+     * @param name - Nome do campo.
+     */
+    getFieldValue: (name: string) => any;
+    /**
+     * Retorna as mensagens de erro associadas a um campo específico.
+     * @param name - Nome do campo.
+     */
+    getFieldError: (name: string) => string[];
+    /**
+     * Define o foco programaticamente em um campo registrado.
+     * @param name - Nome do campo.
+     * @param options - Opções adicionais como selecionar o texto ao focar.
+     */
+    setFieldFocus: (name: string, options?: FieldFocusOptions) => void;
+    /**
+     * Atualiza o valor de um campo específico e dispara validações quando apropriado.
+     * @param name - Nome do campo.
+     * @param value - Novo valor.
+     */
+    setFieldValue: (name: string, value: any) => void;
+    /**
+     * Objeto original passado como `initialValues`. Utilizado para reset e comparações.
+     */
+    initialValues: Record<string, any>;
+    /**
+     * Define erros manualmente em campos do formulário, útil para erros externos (ex: backend).
+     * @param errors - Objeto contendo mensagens de erro para campos.
+     */
+    setExternalErrors: (errors: Record<string, string[]>) => void;
+}

package/lib/form2/useForm/index.d.ts

@@ -0,0 +1,3 @@
+import { UseFormProps, UseFormReturn } from '../types';
+declare const useForm: <ValuesType extends Record<string, any>>({ initialValues, validators, options, }: UseFormProps<ValuesType>) => UseFormReturn<ValuesType>;
+export default useForm;