linear-react-components-ui 1.1.22 → 1.1.24-beta.0

package/lib/buttons/DefaultButton.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _icons = _interopRequireDefault(require("../../lib/icons"));
-var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "buttonRef", "onDeniedText"];
+var _tooltip = require("../tooltip");
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "onDeniedText"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -53,7 +53,11 @@ const DefaultButton = _ref => {
       round,
       permissionAttr,
       skeletonize,
+      tooltip,
+      tooltipWidth,
+      tooltipPosition,
       buttonRef,
+      errorMessage,
       onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -64,9 +68,6 @@ const DefaultButton = _ref => {
   const disabledIconColor = 'rgb(193, 193, 193)';
   const disabledByPermission = onDenied.disabled;
   const isDisabled = !!onDenied.disabled || disabled;
-  const {
-    handlerSetOnDeniedText
-  } = (0, _react.useContext)(_withTooltip.TooltipContext);
   const getClass = () => `button-component ${className}
       ${customClass}
       ${transparent && '-transparent'}
@@ -124,11 +125,8 @@ const DefaultButton = _ref => {
     }
     return null;
   };
-  (0, _react.useEffect)(() => {
-    if (disabledByPermission) handlerSetOnDeniedText(onDeniedText);
-  }, [disabledByPermission]);
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, _lodash.default.omit(rest, 'dropdownAlign'), {
     style: style,
     onKeyDown: e => {
       if (e && (e.key === 'Enter' || e.key === ' ')) {
@@ -162,7 +160,10 @@ const DefaultButton = _ref => {
     },
     tabIndex: isDisabled ? -1 : tabIndex
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "button-container"
+    className: "button-container",
+    style: {
+      pointerEvents: 'none'
+    }
   }, !dropdown && getIcon(), content || label && /*#__PURE__*/_react.default.createElement("div", {
     className: "button-content"
   }, content, label || ''), dropdown && getIcon()), isLoading && /*#__PURE__*/_react.default.createElement("div", {
@@ -170,6 +171,13 @@ const DefaultButton = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     align: "none",
     delayTime: 0
-  }))), dropdown && refButton.current && getDropdownPopup && getDropdownPopup(refButton.current));
+  }))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: refButton,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition,
+    onDeniedText: disabledByPermission ? onDeniedText : undefined,
+    textError: errorMessage
+  }), dropdown && refButton.current && getDropdownPopup && getDropdownPopup(refButton.current));
 };
-var _default = exports.default = (0, _withDropdown.default)((0, _withTooltip.default)(DefaultButton));
+var _default = exports.default = (0, _withDropdown.default)(DefaultButton);

package/lib/buttons/DestroyButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const DestroyButton: ({ ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/EditButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const EditButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/InactivateButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const InactivateButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/InfoButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const InfoButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/PrimaryButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const PrimaryButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/RestoreButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const RestoreButton: (props: IButtonProps) => JSX.Element;
 

package/lib/buttons/SaveButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const SaveButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/SuccessButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const SuccessButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/WarningButton.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const WarningButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
 

package/lib/buttons/index.d.ts

@@ -20,6 +20,7 @@ import '../@types/PermissionAttr.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 
 

package/lib/buttons/split_button/index.d.ts

@@ -5,6 +5,7 @@ import '../../@types/Position.js';
 import '../../@types/Size.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
+import '../../tooltip/types.js';
 
 declare const SplitButton: (props: ISplitButtonProps) => JSX.Element;
 

package/lib/buttons/types.d.ts

@@ -3,9 +3,10 @@ import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
 import { IconNames } from '../@types/Icon.js';
+import { ITooltipCommonProps } from '../tooltip/types.js';
 import '../icons/helper.js';
 
-interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ITooltipCommonProps {
     label?: string;
     activeIconColor?: string;
     toggleable?: boolean;
@@ -32,10 +33,6 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     transparent?: boolean;
     skeletonize?: boolean;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    space?: number;
-    tooltip?: string;
     split?: boolean;
     isFloatMenu?: boolean;
     customClassForDropdown?: string;

package/lib/drawer/Drawer.js

@@ -79,9 +79,10 @@ const BaseDrawer = _ref => {
     componentEl.appendChild(drawerContainerEl.current);
     drawerComponentEl.current = componentEl;
   };
-  const setDrawerOverlay = body => {
+  const setDrawerOverlay = (body, id) => {
     const drawerOverlay = document.createElement('div');
     drawerOverlay.className = 'drawer-overlay';
+    drawerOverlay.id = id;
     drawerOverlay.dataset.testid = 'drawer-overlay';
     body.appendChild(drawerOverlay);
   };
@@ -93,16 +94,19 @@ const BaseDrawer = _ref => {
   };
   (0, _react.useEffect)(() => {
     let body;
-    const randonId = Math.round(+new Date() / 1000);
+    const randomId = Math.round(+new Date() / 1000);
+    const overlayId = `overlay-${randomId}`;
     if (targetId === undefined) {
       body = document.getElementsByTagName('body')[0];
     } else {
       body = document.getElementById(targetId);
     }
-    if (body) setDrawerComponent(body, randonId);
-    if (overlay && !targetId && body) setDrawerOverlay(body);
+    if (body) setDrawerComponent(body, randomId);
+    if (overlay && body) {
+      setDrawerOverlay(body, overlayId);
+    }
     return () => {
-      const drawerOverlay = document.getElementsByClassName('drawer-overlay')[0];
+      const drawerOverlay = document.getElementById(overlayId);
       if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);
       if (targetId) {
         const drawerComponentTarget = document.getElementById(targetId);
@@ -110,7 +114,7 @@ const BaseDrawer = _ref => {
           drawerComponentTarget.removeChild(drawerComponentEl.current);
         }
       } else if (drawerComponentEl.current) document.body.removeChild(drawerComponentEl.current);
-      if (drawerOverlay && !targetId && body) body.removeChild(drawerOverlay);
+      if (drawerOverlay && body) body.removeChild(drawerOverlay);
     };
   }, []);
   (0, _react.useEffect)(() => {

package/lib/form/Field.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;

package/lib/form/FieldArray.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;

package/lib/form/FieldNumber.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;

package/lib/form/FieldPeriod.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldPeriodProps & React__default.RefAttributes<HTMLElement>>;

package/lib/form/helpers.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const securityBeforeUnload = "securityBeforeUnload";

package/lib/form/index.d.ts

@@ -10,7 +10,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, onValidateErrorsOnTab, }: FormProps) => JSX.Element;

package/lib/form/types.d.ts

@@ -5,7 +5,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 type Validator = (value: string) => string | undefined;

package/lib/form/withFieldHOC.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.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>>;

package/lib/form/withFormSecurity.d.ts

@@ -6,7 +6,7 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
-import '../internals/types.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;

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 ? `${prefix}.${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, "className" | "onClick" | "color" | "children" | "style" | "id" | "key" | "slot" | "title" | "name" | "hidden" | "onKeyPress" | "role" | "tabIndex" | "align" | "target" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "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" | "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" | "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,125 @@
+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;
+    /**
+     * 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>) => {
+        name: string;
+        ref: React.RefCallback<HTMLInputElement>;
+        value: any;
+        onBlur: () => void;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => 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 };