linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/form/withFieldHOC.d.ts

@@ -1,4 +1,14 @@
-import { default as React } from 'react';
-import { WithFieldProps } from './types';
-declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React.ComponentType<ComponentProps>) => any;
-export default withFieldHOC;
+import React__default from 'react';
+import { WithFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
+
+export { withFieldHOC as default };

package/lib/form/withFieldHOC.js

@@ -1,62 +1,72 @@
-import { j as v } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as y } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import E, { useState as _, useEffect as j } from "react";
-import { FormContext as b, withFieldContext as A, getValidatorsArray as g } from "./helpers.js";
-const k = (F) => {
-  const w = (a) => {
-    const e = y.c(23), {
-      name: o,
-      validators: t,
-      handlerStoreValidators: n,
-      handlerRemoveValidators: i
-    } = a, [r, R] = _(void 0);
-    let s;
-    e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
-      const p = g(t, r);
-      p && n && n(o, p);
-    }, 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], j(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], j(c, u);
-    let x;
-    e[15] === Symbol.for("react.memo_cache_sentinel") ? (x = (p) => {
-      R(p);
-    }, e[15] = x) : x = e[15];
-    let h;
-    e[16] !== r ? (h = {
-      validatorFromComponent: r,
-      handlerSetValidatorFromComponent: x
-    }, e[16] = r, e[17] = h) : h = e[17];
-    const V = h;
-    let m;
-    e[18] !== a ? (m = /* @__PURE__ */ v.jsx(F, { ...a }), e[18] = a, e[19] = m) : m = e[19];
-    let C;
-    return e[20] !== V || e[21] !== m ? (C = /* @__PURE__ */ v.jsx(A.Provider, { value: V, children: m }), e[20] = V, e[21] = m, e[22] = C) : C = e[22], C;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("./helpers");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const withFieldHOC = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      name,
+      validators,
+      handlerStoreValidators,
+      handlerRemoveValidators
+    } = props;
+    const [validatorFromComponent, setValidatorFromComponent] = (0, _react.useState)(undefined);
+    const updateValidators = () => {
+      const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
+      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
+    };
+    (0, _react.useEffect)(() => {
+      updateValidators();
+      return () => {
+        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);
+      };
+    }, []);
+    (0, _react.useEffect)(() => {
+      updateValidators();
+    }, [validators]);
+    const contextValues = {
+      validatorFromComponent,
+      handlerSetValidatorFromComponent: validator => {
+        setValidatorFromComponent(validator);
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement(_helpers.withFieldContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
   };
-  function S(a, e) {
-    return /* @__PURE__ */ v.jsx(b.Consumer, { children: ({
-      handlerFieldChange: o,
-      handlerFieldValidate: t,
-      data: n,
-      fieldErrors: i,
-      externalFieldErrors: r,
-      handlerStoreValidators: R,
-      handlerRemoveValidators: s,
-      skeletonize: l
-    }) => /* @__PURE__ */ v.jsx(w, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: R, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e }) });
+  function forwardRef(props, ref) {
+    return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
+      let {
+        handlerFieldChange,
+        handlerFieldValidate: handlerFieldValidate,
+        data,
+        fieldErrors,
+        externalFieldErrors,
+        handlerStoreValidators,
+        handlerRemoveValidators,
+        skeletonize,
+        handleValidationErrorsOnTab
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
+        skeletonize: skeletonize,
+        handlerFieldChange: handlerFieldChange,
+        handlerFieldValidate: handlerFieldValidate,
+        handlerStoreValidators: handlerStoreValidators,
+        handlerRemoveValidators: handlerRemoveValidators,
+        data: data,
+        fieldErrors: fieldErrors,
+        externalFieldErrors: externalFieldErrors,
+        forwardedRef: ref,
+        handleValidationErrorsOnTab: handleValidationErrorsOnTab
+      }));
+    });
   }
-  return E.forwardRef(S);
-};
-export {
-  k as default
+  return /*#__PURE__*/_react.default.forwardRef(forwardRef);
 };
+var _default = exports.default = withFieldHOC;

package/lib/form/withFormSecurity.d.ts

@@ -1,6 +1,15 @@
-import { default as React } from 'react';
-import { IFormSecurityContext, IWithFormSecurity } from './types';
-declare const FormSecurityContext: React.Context<IFormSecurityContext>;
-declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
-export default withFormSecurity;
-export { FormSecurityContext };
+import React__default from 'react';
+import { IFormSecurityContext, IWithFormSecurity } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
+declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
+
+export { FormSecurityContext, withFormSecurity as default };

package/lib/form/withFormSecurity.js

@@ -1,30 +1,54 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import d, { useRef as i, useState as m } from "react";
-const h = d.createContext({}), k = (l) => (r) => {
-  const {
-    onOpenChange: e,
-    handlerClose: n
-  } = r, s = i(!1), o = i(!1), [f, c] = m(!1), u = () => {
-    s.current && o.current ? c(!0) : e ? e(!1) : n && n();
-  }, C = {
-    onChangedData: (t) => {
-      s.current = t;
-    },
-    showQuestion: f,
-    onConfirmClick: () => {
-      e && e(!1), n && n();
-    },
-    onUnconfirmClick: () => {
-      c(!1);
-    },
-    setSecurityBeforeUnload: (t) => {
-      o.current = t;
-    },
-    securityBeforeUnload: o.current
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormSecurityContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const FormSecurityContext = exports.FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
+const withFormSecurity = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      onOpenChange,
+      handlerClose
+    } = props;
+    const changedData = (0, _react.useRef)(false);
+    const securityBeforeUnload = (0, _react.useRef)(false);
+    const [showQuestion, setShowQuestion] = (0, _react.useState)(false);
+    const newHandlerClose = () => {
+      if (changedData.current && securityBeforeUnload.current) {
+        setShowQuestion(true);
+      } else if (onOpenChange) onOpenChange(false);else if (handlerClose) handlerClose();
+    };
+    const onConfirmClick = () => {
+      if (onOpenChange) onOpenChange(false);
+      if (handlerClose) handlerClose();
+    };
+    const onUnconfirmClick = () => {
+      setShowQuestion(false);
+    };
+    const onChangedData = value => {
+      changedData.current = value;
+    };
+    const setSecurityBeforeUnload = value => {
+      securityBeforeUnload.current = value;
+    };
+    const contextValues = {
+      onChangedData,
+      showQuestion,
+      onConfirmClick,
+      onUnconfirmClick,
+      setSecurityBeforeUnload,
+      securityBeforeUnload: securityBeforeUnload.current
+    };
+    return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
+      handlerClose: newHandlerClose
+    })));
   };
-  return /* @__PURE__ */ a.jsx(h.Provider, { value: C, children: /* @__PURE__ */ a.jsx(l, { ...r, handlerClose: u }) });
-};
-export {
-  h as FormSecurityContext,
-  k as default
+  return EnhancedComponent;
 };
+var _default = exports.default = withFormSecurity;

package/lib/form2/helpers.d.ts

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

package/lib/form2/helpers.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeRefs = exports.flattenValidators = exports.deepMergeValues = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const mergeRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return fieldElement => {
+    refs.forEach(ref => {
+      if (_lodash.default.isFunction(ref)) ref(fieldElement);else if (ref && _lodash.default.isObject(ref)) ref.current = fieldElement;
+    });
+  };
+};
+exports.mergeRefs = mergeRefs;
+const deepMergeValues = (current, incoming) => {
+  return _lodash.default.mergeWith(_lodash.default.cloneDeep(current), incoming, (objValue, srcValue) => _lodash.default.isPlainObject(objValue) && _lodash.default.isPlainObject(srcValue) ? undefined : srcValue);
+};
+exports.deepMergeValues = deepMergeValues;
+const flattenValidators = function (validators) {
+  let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const flattened = {};
+  Object.entries(validators).forEach(_ref => {
+    let [key, value] = _ref;
+    const fullPath = prefix ? "".concat(prefix, ".").concat(key) : key;
+    if (Array.isArray(value)) {
+      flattened[fullPath] = value;
+    } else if (typeof value === 'object' && value !== null) {
+      const nestedFlattened = flattenValidators(value, fullPath);
+      Object.assign(flattened, nestedFlattened);
+    } else {
+      flattened[fullPath] = [value];
+    }
+  });
+  return flattened;
+};
+exports.flattenValidators = flattenValidators;

package/lib/form2/index.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+export { default as useForm } from './useForm/index.js';
+import './types.js';
+
+interface FormElementProps extends React__default.ComponentProps<'form'> {
+}
+declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
+
+export { Form as default };

package/lib/form2/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () {
+    return _useForm.default;
+  }
+});
+var _react = _interopRequireDefault(require("react"));
+var _useForm = _interopRequireDefault(require("./useForm"));
+const _excluded = ["noValidate", "autoComplete", "translate"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Form = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      noValidate = true,
+      autoComplete = 'off',
+      translate = 'no'
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("form", _extends({
+    ref: ref,
+    className: "form-container",
+    translate: translate,
+    noValidate: noValidate,
+    autoComplete: autoComplete
+  }, rest));
+});
+Form.displayName = 'Form';
+var _default = exports.default = Form;

package/lib/form2/types.d.ts

@@ -0,0 +1,129 @@
+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];
+};
+type NestedState<T, R = any> = {
+    [K in keyof T]?: [T[K]] extends [readonly any[]] ? R : T[K] extends object ? NestedState<T[K], R> : R;
+};
+type FieldChanged<T> = NestedState<T, boolean>;
+type FieldTouched<T> = NestedState<T, boolean>;
+type FieldErrors<T> = NestedState<T, string[]>;
+type FieldFocusOptions = Partial<{
+    shouldSelect: boolean;
+}>;
+type ValidatorFunction<T> = (value: T, data?: Record<string, any>) => string | null;
+type ValidatorsSchema = Record<string, ValidatorFunction<any>[]>;
+type ValidationMode = 'default' | 'onSubmit';
+type UseFormOptionsProps = Partial<{
+    validationMode: ValidationMode;
+}>;
+type RegisterFunction = (name: string, externalRef?: React.Ref<HTMLInputElement>) => {
+    name: string;
+    value: any;
+    ref: (fieldElement: HTMLInputElement) => void;
+    onBlur: () => void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+interface UseFormProps<T> {
+    initialValues: T;
+    validators?: ValidatorsSchema;
+    options?: UseFormOptionsProps;
+}
+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 externalRef - Referência externa para o input.
+     */
+    register: (name: string, externalRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>) => {
+        name: string;
+        ref: React.RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+        value: any;
+        onBlur: () => void;
+        onChange: (event: React.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: React.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;
+}
+
+export { DeepPartial, FieldChanged, FieldErrors, FieldFocusOptions, FieldTouched, NestedState, RegisterFunction, UseFormOptionsProps, UseFormProps, UseFormReturn, ValidationMode, ValidatorFunction, ValidatorsSchema };

package/lib/form2/types.js

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

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

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