linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/dropdown/withDropdown.js

@@ -1,82 +1,93 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as K } from "../_virtual/compiler-runtime.js";
-import { createContext as Q, useState as V, useRef as q, useEffect as z } from "react";
-import T from "./Popup.js";
-import '../assets/styles/dropdown.css';/* empty css                             */
-const U = Q({}), X = (o) => o.displayName || o.name || "Component", ne = (o) => {
-  const L = (n) => {
-    const e = K.c(30), {
-      dropdownOpened: c,
-      showDropdown: m,
-      dropdown: i,
-      closeDropdownOnClickOutside: R,
-      handlerClose: d,
-      customClassForDropdown: E,
-      children: S,
-      dropdownAlign: $,
-      isFloatMenu: p,
-      isDropdownOpened: B
-    } = n, a = R === void 0 ? !0 : R, b = $ === void 0 ? "left" : $, [r, f] = V(c), [G, H] = V(c), w = q(null), j = q(null);
-    c !== G && (f(c), H(c));
-    let h;
-    e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = (t) => {
-      const {
-        target: g
-      } = t;
-      w?.current && g !== w?.current && !t.composedPath().includes(w.current) && j.current !== g && f(!1);
-    }, e[0] = h) : h = e[0];
-    const M = h;
-    let D;
-    e[1] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-      f(Y);
-    }, e[1] = D) : D = e[1];
-    const I = D;
-    let O;
-    e[2] !== S || e[3] !== E || e[4] !== b || e[5] !== p || e[6] !== r ? (O = (t) => !t || !r ? null : (j.current = t, /* @__PURE__ */ u(T, { targetRef: t, align: b, customClassForDropdown: E, isFloatMenu: p, children: /* @__PURE__ */ u("div", { className: p ? "items" : void 0, ref: (g) => {
-      w.current = g;
-    }, children: S }) })), e[2] = S, e[3] = E, e[4] = b, e[5] = p, e[6] = r, e[7] = O) : O = e[7];
-    const N = O;
-    let v;
-    e[8] !== a || e[9] !== i ? (v = () => (i && a && document.addEventListener("click", M), () => {
-      i && a && document.removeEventListener("click", M);
-    }), e[8] = a, e[9] = i, e[10] = v) : v = e[10];
-    let C;
-    e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = [], e[11] = C) : C = e[11], z(v, C);
-    let _, y;
-    e[12] !== d ? (_ = () => {
-      d && d(() => f(!1));
-    }, y = [d], e[12] = d, e[13] = _, e[14] = y) : (_ = e[13], y = e[14]), z(_, y);
-    let k;
-    e[15] === Symbol.for("react.memo_cache_sentinel") ? (k = {
-      handleDropdownClose: I
-    }, e[15] = k) : k = e[15];
-    const J = k;
-    let l;
-    e[16] !== N ? (l = (t) => N(t), e[16] = N, e[17] = l) : l = e[17];
-    let s;
-    e[18] !== r || e[19] !== m ? (s = m || (() => f(!r)), e[18] = r, e[19] = m, e[20] = s) : s = e[20];
-    const A = B || r;
-    let x;
-    e[21] !== l || e[22] !== s || e[23] !== A ? (x = {
-      getDropdownPopup: l,
-      showDropdown: s,
-      isDropdownOpened: A
-    }, e[21] = l, e[22] = s, e[23] = A, e[24] = x) : x = e[24];
-    const F = x;
-    if (!i) {
-      let t;
-      return e[25] !== n ? (t = /* @__PURE__ */ u(o, { ...n }), e[25] = n, e[26] = t) : t = e[26], t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithDropdownContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Popup = _interopRequireDefault(require("./Popup"));
+require("../assets/styles/dropdown.scss");
+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; }
+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 WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
+const getDisplayName = Component => Component.displayName || Component.name || 'Component';
+const withDropdown = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      dropdownOpened,
+      showDropdown,
+      dropdown,
+      closeDropdownOnClickOutside = true,
+      handlerClose,
+      customClassForDropdown,
+      children,
+      dropdownAlign = 'left',
+      isFloatMenu,
+      isDropdownOpened
+    } = props;
+    const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
+    const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
+    const popupRef = (0, _react.useRef)(null);
+    const wrappedComponentRef = (0, _react.useRef)(null);
+    if (dropdownOpened !== prevOpened) {
+      setOpened(dropdownOpened);
+      setPrevOpened(dropdownOpened);
     }
-    let P;
-    return e[27] !== F || e[28] !== n ? (P = /* @__PURE__ */ u(U.Provider, { value: J, children: /* @__PURE__ */ u(o, { ...n, ...F }) }), e[27] = F, e[28] = n, e[29] = P) : P = e[29], P;
+    const onClickOutside = event => {
+      const {
+        target
+      } = event;
+      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
+        setOpened(false);
+      }
+    };
+    const onDropdownClick = () => {
+      setOpened(prevState => !prevState);
+    };
+    const getDropdown = targetRef => {
+      if (!targetRef || !opened) return null;
+      wrappedComponentRef.current = targetRef;
+      return /*#__PURE__*/_react.default.createElement(_Popup.default, {
+        targetRef: targetRef,
+        align: dropdownAlign,
+        customClassForDropdown: customClassForDropdown,
+        isFloatMenu: isFloatMenu
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: isFloatMenu ? 'items' : undefined,
+        ref: r => {
+          popupRef.current = r;
+        }
+      }, children));
+    };
+    (0, _react.useEffect)(() => {
+      if (dropdown && closeDropdownOnClickOutside) {
+        document.addEventListener('click', onClickOutside);
+      }
+      return () => {
+        if (dropdown && closeDropdownOnClickOutside) {
+          document.removeEventListener('click', onClickOutside);
+        }
+      };
+    }, []);
+    (0, _react.useEffect)(() => {
+      if (handlerClose) handlerClose(() => setOpened(false));
+    }, [handlerClose]);
+    const contextValues = {
+      handleDropdownClose: onDropdownClick
+    };
+    const newProps = {
+      getDropdownPopup: targetRef => getDropdown(targetRef),
+      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
+      isDropdownOpened: isDropdownOpened || opened
+    };
+    if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
+    return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
   };
-  return L.displayName = `withDropdown(${X(o)})`, L;
-};
-function Y(o) {
-  return !o;
-}
-export {
-  U as WithDropdownContext,
-  ne as default
+  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
+  return EnhancedComponent;
 };
-//# sourceMappingURL=withDropdown.js.map
+var _default = exports.default = withDropdown;

package/lib/fieldset/index.d.ts

@@ -1,3 +1,8 @@
-import { IFieldsetProps } from './types';
-declare const Fieldset: (props: IFieldsetProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Fieldset;
+import { IFieldsetProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+declare const Fieldset: (props: IFieldsetProps) => JSX.Element | null;
+
+export { Fieldset as default };

package/lib/fieldset/index.js

@@ -1,72 +1,83 @@
-import { jsx as f, jsxs as b } from "react/jsx-runtime";
-import { c as I } from "../_virtual/compiler-runtime.js";
-import { useState as R, Fragment as G } from "react";
-import '../assets/styles/fieldset.css';import '../assets/styles/gridlayout.css';/* empty css                               */
-import k from "../gridlayout/GridCol.js";
-import { actionsOnPermissionDenied as q, OPTIONS_ON_DENIED as z } from "../permissionValidations.js";
-import B from "../noPermission/index.js";
-/* empty css                             */
-const X = (n) => {
-  const t = I.c(21), {
-    gridCols: o,
-    children: l,
-    title: e,
-    titleAlign: N,
-    style: u,
-    styleContent: C,
-    styleTitle: g,
-    template: w,
-    titleCustomClass: p,
-    permissionAttr: h,
-    leftElements: O,
-    rightElements: x
-  } = n, v = N === void 0 ? "left" : N, s = w === void 0 ? "none" : w, $ = O === void 0 ? null : O, E = x === void 0 ? null : x, {
-    hideContent: j,
-    unvisible: A
-  } = z;
-  let i;
-  t[0] !== h ? (i = q([j, A], h), t[0] = h, t[1] = i) : i = t[1];
-  const [r] = R(i), P = H;
-  let c;
-  t[2] !== s ? (c = (S) => {
-    const {
-      colsCount: D,
-      rowsCount: T
-    } = S, _ = D === void 0 ? 2 : D, F = T === void 0 ? 2 : T;
-    return s === "rows" ? {
-      gridTemplateRows: `repeat(${F}, 1fr)`
-    } : s === "columns" ? {
-      gridTemplateColumns: `repeat(${_}, 1fr)`
-    } : {};
-  }, t[2] = s, t[3] = c) : c = t[3];
-  const y = c;
-  let m;
-  t[4] !== l || t[5] !== y || t[6] !== $ || t[7] !== r.hideContent || t[8] !== n || t[9] !== E || t[10] !== u || t[11] !== C || t[12] !== g || t[13] !== s || t[14] !== e || t[15] !== v || t[16] !== p ? (m = () => /* @__PURE__ */ f("fieldset", { style: u, className: P({
-    ...n
-  }), children: r.hideContent ? /* @__PURE__ */ f(B, {}) : /* @__PURE__ */ b(G, { children: [
-    e && /* @__PURE__ */ b("legend", { style: g, align: v, className: `legend ${p}`, children: [
-      $,
-      e,
-      E
-    ] }),
-    /* @__PURE__ */ f("div", { className: `contentfieldset -template${s} `, style: Object.assign(y(n), C), children: l })
-  ] }) }), t[4] = l, t[5] = y, t[6] = $, t[7] = r.hideContent, t[8] = n, t[9] = E, t[10] = u, t[11] = C, t[12] = g, t[13] = s, t[14] = e, t[15] = v, t[16] = p, t[17] = m) : m = t[17];
-  const d = m;
-  if (r.unvisible)
-    return null;
-  let a;
-  return t[18] !== o || t[19] !== d ? (a = o ? /* @__PURE__ */ f(k, { cols: o, children: d() }) : d(), t[18] = o, t[19] = d, t[20] = a) : a = t[20], a;
-};
-function H(n) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _permissionValidations = require("../permissionValidations");
+var _noPermission = _interopRequireDefault(require("../noPermission"));
+require("../assets/styles/fieldset.scss");
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Fieldset = props => {
+  const {
+    gridCols,
+    children,
+    title,
+    titleAlign = 'left',
+    style,
+    styleContent,
+    styleTitle,
+    template = 'none',
+    titleCustomClass,
+    permissionAttr,
+    leftElements = null,
+    rightElements = null
+  } = props;
   const {
-    type: t,
-    customClass: o,
-    hasError: l
-  } = n;
-  let e = `fieldset-component ${o}`;
-  return t && (e = `${e} -${t}`), l && (e = `${e} -witherror`), e;
-}
-export {
-  X as default
+    hideContent,
+    unvisible
+  } = _permissionValidations.OPTIONS_ON_DENIED;
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
+  const getCssClass = _ref => {
+    let {
+      type,
+      customClass,
+      hasError
+    } = _ref;
+    let cssClass = `fieldset-component ${customClass}`;
+    if (type) cssClass = `${cssClass} -${type}`;
+    if (hasError) cssClass = `${cssClass} -witherror`;
+    return cssClass;
+  };
+  const getContentStyle = _ref2 => {
+    let {
+      colsCount = 2,
+      rowsCount = 2
+    } = _ref2;
+    if (template === 'rows') {
+      return {
+        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
+      };
+    } else if (template === 'columns') {
+      return {
+        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
+      };
+    }
+    return {};
+  };
+  const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
+    style: style,
+    className: getCssClass(_objectSpread({}, props))
+  }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
+    style: styleTitle,
+    align: titleAlign,
+    className: `legend ${titleCustomClass}`
+  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
+    className: `contentfieldset -template${template} `,
+    style: Object.assign(getContentStyle(props), styleContent)
+  }, children)));
+  if (onDenied.unvisible) return null;
+  return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridCols
+  }, renderContent()) : renderContent();
 };
-//# sourceMappingURL=index.js.map
+var _default = exports.default = Fieldset;

package/lib/fieldset/types.d.ts

@@ -1,7 +1,8 @@
-import { CSSProperties, ReactNode } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { Position } from '../@types/Position';
-export interface IFieldsetProps {
+import { ReactNode, CSSProperties } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+
+interface IFieldsetProps {
     children: ReactNode;
     customClass?: string;
     template?: 'none' | 'columns' | 'rows';
@@ -20,8 +21,10 @@ export interface IFieldsetProps {
     leftElements?: ReactNode;
     rightElements?: ReactNode;
 }
-export interface ExpandedElement extends Element {
+interface ExpandedElement extends Element {
     name?: string;
     value?: string;
     align?: string;
 }
+
+export { ExpandedElement, IFieldsetProps };

package/lib/fieldset/types.js

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

package/lib/form/Field.d.ts

@@ -1,2 +1,14 @@
-declare const _default: any;
-export default _default;
+import React__default from 'react';
+import { IFieldProps } 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 _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };

package/lib/form/Field.js

@@ -1,117 +1,135 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as w } from "../_virtual/compiler-runtime.js";
-import { forwardRef as b, useContext as M } from "react";
-import E from "../_virtual/lodash.js";
-import N from "./withFieldHOC.js";
-import { withFieldContext as j, getErrorMessages as y, getValidatorsArray as I } from "./helpers.js";
-import { keyCodes as O } from "../internals/constants.js";
-const R = ({
-  validators: o = [],
-  name: f,
-  onBlur: e,
-  handlerFieldValidate: t,
-  validatorFromComponent: s,
-  handlerFieldChange: n,
-  onChange: l,
-  component: i,
-  onKeyDown: d
-}) => {
-  if (!(o || s || e || l)) return {};
-  const a = I(o, s), m = ["PhoneField", "CpfField", "CnpjField", "ZipCodeField", "BaseMask"];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+var _helpers = require("./helpers");
+var constants = _interopRequireWildcard(require("../internals/constants"));
+const _excluded = ["handlerFieldChange", "handlerFieldValidate", "onChange", "onBlur", "name", "validators", "component", "handleValidationErrorsOnTab"];
+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; }
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const getEvents = _ref => {
+  let {
+    validators = [],
+    name,
+    onBlur,
+    handlerFieldValidate,
+    validatorFromComponent,
+    handlerFieldChange,
+    onChange,
+    component,
+    onKeyDown
+  } = _ref;
+  if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
+  const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
+  const maskComponents = ['PhoneField', 'CpfField', 'CnpjField', 'ZipCodeField', 'BaseMask'];
   return {
-    onBlur: (r) => {
-      a && r.target && t && t(f, r.target.value, a), e && e(r);
+    onBlur: e => {
+      if (validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
+      }
+      if (onBlur) onBlur(e);
     },
-    onKeyDown: (r) => {
-      i && m.includes(i.name) && [O.ENTER].includes(r.keyCode) && a && r.target && t && (t(f, r.target.value, a), d && d(r));
+    onKeyDown: e => {
+      if (component && maskComponents.includes(component.name) && [constants.keyCodes.ENTER].includes(e.keyCode) && validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
+        if (onKeyDown) onKeyDown(e);
+      }
     },
-    onChange: (r) => {
-      i && !m.includes(i.name) && a && r.target && t && t(f, r.target.value, a), n && n(r), l && l(r);
+    onChange: e => {
+      if (component && !maskComponents.includes(component.name) && validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
+      }
+      if (handlerFieldChange) handlerFieldChange(e);
+      if (onChange) onChange(e);
     }
   };
-}, T = (o, f) => {
+};
+const getCustomProps = (props, handlerSetComponentValidator) => {
   const {
-    value: e,
-    data: t,
-    name: s,
-    fieldId: n,
-    componentType: l,
-    component: i
-  } = o;
-  if (l && l.toLowerCase() === "radio") {
-    const d = {
-      ...t,
-      [s]: String(t?.[s])
+    value,
+    data,
+    name,
+    fieldId,
+    componentType,
+    component
+  } = props;
+  if (componentType && componentType.toLowerCase() === 'radio') {
+    const convertedData = _objectSpread(_objectSpread({}, data), {}, {
+      [name]: String(data?.[name])
+    });
+    return {
+      checked: _lodash.default.get(convertedData, name) === value,
+      id: fieldId
+    };
+  } else if (componentType && componentType.toLowerCase() === 'checkbox') {
+    return {
+      checked: _lodash.default.get(data, name),
+      id: fieldId
     };
+  } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
     return {
-      checked: E.get(d, s) === e,
-      id: n
+      value: _lodash.default.get(data, name),
+      handlerSetComponentValidator
     };
-  } else {
-    if (l && l.toLowerCase() === "checkbox")
-      return {
-        checked: E.get(t, s),
-        id: n
-      };
-    if (i.displayName === "CpfField" || i.displayName === "CnpjField")
-      return {
-        value: E.get(t, s),
-        handlerSetComponentValidator: f
-      };
   }
   return {
-    value: E.get(t, s)
+    value: _lodash.default.get(data, name)
   };
-}, h = b((o, f) => {
-  const e = w.c(32);
-  let t, s, n, l, i, d, a, m, r;
-  e[0] !== o ? ({
-    handlerFieldChange: n,
-    handlerFieldValidate: l,
-    onChange: a,
-    onBlur: d,
-    name: i,
-    validators: r,
-    component: t,
-    handleValidationErrorsOnTab: s,
-    ...m
-  } = o, e[0] = o, e[1] = t, e[2] = s, e[3] = n, e[4] = l, e[5] = i, e[6] = d, e[7] = a, e[8] = m, e[9] = r) : (t = e[1], s = e[2], n = e[3], l = e[4], i = e[5], d = e[6], a = e[7], m = e[8], r = e[9]);
+};
+const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    handlerSetValidatorFromComponent: v,
-    validatorFromComponent: F
-  } = M(j), k = y({
-    ...o,
-    fieldErrors: o.fieldErrors
-  });
-  s && s({
-    name: i,
-    tabId: o.tabId,
-    hasErrors: !!k.length
+      handlerFieldChange,
+      handlerFieldValidate,
+      onChange,
+      onBlur,
+      name,
+      validators,
+      component: Component,
+      handleValidationErrorsOnTab
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    handlerSetValidatorFromComponent,
+    validatorFromComponent
+  } = (0, _react.useContext)(_helpers.withFieldContext);
+  const hasErrorsMessagesOnField = (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+    fieldErrors: props.fieldErrors
+  }));
+  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({
+    name: name,
+    tabId: props.tabId,
+    hasErrors: !!hasErrorsMessagesOnField.length
   });
-  let c;
-  e[10] !== t || e[11] !== n || e[12] !== l || e[13] !== i || e[14] !== d || e[15] !== a || e[16] !== F || e[17] !== r ? (c = R({
-    name: i,
-    validators: r,
-    onBlur: d,
-    validatorFromComponent: F,
-    handlerFieldValidate: l,
-    handlerFieldChange: n,
-    onChange: a,
-    component: t
-  }), e[10] = t, e[11] = n, e[12] = l, e[13] = i, e[14] = d, e[15] = a, e[16] = F, e[17] = r, e[18] = c) : c = e[18];
-  let u;
-  e[19] !== v || e[20] !== o ? (u = T(o, v), e[19] = v, e[20] = o, e[21] = u) : u = e[21];
-  let g;
-  e[22] !== o ? (g = y({
-    ...o,
-    fieldErrors: o.fieldErrors
-  }), e[22] = o, e[23] = g) : g = e[23];
-  let C;
-  return e[24] !== t || e[25] !== i || e[26] !== f || e[27] !== m || e[28] !== c || e[29] !== u || e[30] !== g ? (C = /* @__PURE__ */ x(t, { ...m, ...c, ...u, ref: f, name: i, errorMessages: g }), e[24] = t, e[25] = i, e[26] = f, e[27] = m, e[28] = c, e[29] = u, e[30] = g, e[31] = C) : C = e[31], C;
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
+    name,
+    validators,
+    onBlur,
+    validatorFromComponent,
+    handlerFieldValidate,
+    handlerFieldChange,
+    onChange,
+    component: Component
+  }), getCustomProps(props, handlerSetValidatorFromComponent), {
+    ref: ref,
+    name: name,
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: props.fieldErrors
+    }))
+  }));
 });
-h.displayName = "Field";
-const H = N(h);
-export {
-  H as default
-};
-//# sourceMappingURL=Field.js.map
+Field.displayName = 'Field';
+var _default = exports.default = (0, _withFieldHOC.default)(Field);