linear-react-components-ui 1.1.20-beta.12 → 1.1.20-beta.14

package/lib/dialog/wizard/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = Wizard;
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _step.WizardStep;
+  }
+});
+exports.default = exports.WizardContext = void 0;
+Object.defineProperty(exports, "useWizard", {
+  enumerable: true,
+  get: function () {
+    return _useWizard.useWizard;
+  }
+});
+exports.useWizardContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _form = _interopRequireDefault(require("../form/"));
+var _progressbar = require("./progressbar");
+require("../../assets/styles/wizard.scss");
+var _step = require("./step");
+var _useWizard = require("./useWizard");
+const _excluded = ["children", "controls", "showProgressbar", "customStyleForProgressBar", "customStyleForBody"];
+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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const WizardContext = exports.WizardContext = /*#__PURE__*/_react.default.createContext(null);
+const useWizardContext = () => _react.default.useContext(WizardContext);
+exports.useWizardContext = useWizardContext;
+function Wizard(_ref) {
+  let {
+      children,
+      controls,
+      showProgressbar = true,
+      customStyleForProgressBar,
+      customStyleForBody
+    } = _ref,
+    dialogProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    currentStep,
+    setTotalSteps
+  } = controls;
+  const steps = _react.default.Children.toArray(children);
+  const stepsTitle = steps.map((step, index) => {
+    return {
+      title: String(step.props.title),
+      number: index + 1,
+      completed: index < currentStep - 1 && index !== currentStep
+    };
+  });
+  const currentStepElement = steps[currentStep - 1];
+  if (!controls || _lodash.default.isEmpty(controls)) throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');
+  (0, _react.useEffect)(() => {
+    setTotalSteps(steps.length);
+  }, [steps.length]);
+  return /*#__PURE__*/_react.default.createElement(WizardContext.Provider, {
+    value: controls
+  }, /*#__PURE__*/_react.default.createElement(_form.default, _extends({
+    className: "wizard-dialog",
+    wrapperClassName: "wizard-wrapper",
+    contentClassName: "wizard-content"
+  }, dialogProps), showProgressbar && /*#__PURE__*/_react.default.createElement(_progressbar.Progressbar, {
+    stepsTitle: stepsTitle,
+    customStyle: customStyleForProgressBar
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-body",
+    style: customStyleForBody
+  }, currentStepElement)));
+}
+var _default = exports.default = Wizard;

package/lib/dialog/wizard/progressbar.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+
+declare function Progressbar({ customClass, customStyle, stepsTitle }: Readonly<{
+    customClass?: string;
+    stepsTitle: {
+        title: string;
+        number: number;
+        completed: boolean;
+    }[];
+    customStyle?: CSSProperties;
+}>): JSX.Element;
+
+export { Progressbar };

package/lib/dialog/wizard/progressbar.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progressbar = Progressbar;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Progressbar(_ref) {
+  let {
+    customClass,
+    customStyle,
+    stepsTitle
+  } = _ref;
+  const context = (0, _.useWizardContext)();
+  if (!context) throw new Error('WizardProgressbar must be used within a Wizard component');
+  const {
+    currentStep
+  } = context;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-progresbar ".concat(customClass),
+    style: customStyle
+  }, stepsTitle.map(step => /*#__PURE__*/_react.default.createElement("div", {
+    key: step.number,
+    className: "title",
+    "data-completed": step.completed,
+    "data-disabled": step.number > currentStep
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "step"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "number"
+  }, step.number)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "step-title"
+  }, step.title))));
+}

package/lib/dialog/wizard/step.d.ts

@@ -0,0 +1,9 @@
+import { WizardStepComponentProps } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare function WizardStep({ children, customClass, customStyle }: Readonly<WizardStepComponentProps>): JSX.Element;
+
+export { WizardStep };

package/lib/dialog/wizard/step.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WizardStep = WizardStep;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function WizardStep(_ref) {
+  let {
+    children,
+    customClass = '',
+    customStyle
+  } = _ref;
+  const context = (0, _.useWizardContext)();
+  if (!context) throw new Error('WizardStep must be used within a Wizard component');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-step-component ".concat(customClass),
+    style: customStyle
+  }, children);
+}

package/lib/dialog/wizard/useWizard.d.ts

@@ -0,0 +1,9 @@
+import { UseWizardReturn } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const useWizard: () => UseWizardReturn;
+
+export { useWizard };

package/lib/dialog/wizard/useWizard.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWizard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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; }
+const useWizard = () => {
+  const [totalSteps, setTotalSteps] = (0, _react.useState)(0);
+  const [currentStep, setCurrentStep] = _react.default.useState(1);
+  const hasNextStep = currentStep < totalSteps;
+  const hasPreviousStep = currentStep > 1;
+  const changeStep = nextStep => {
+    setCurrentStep(state => state + nextStep);
+  };
+  const nextStep = () => {
+    if (hasNextStep) {
+      changeStep(1);
+    }
+  };
+  const previousStep = () => {
+    if (hasPreviousStep) {
+      changeStep(-1);
+    }
+  };
+  return {
+    changeStep,
+    nextStep,
+    hasNextStep,
+    previousStep,
+    hasPreviousStep,
+    currentStep,
+    totalSteps,
+    controls: {
+      changeStep,
+      nextStep,
+      hasNextStep,
+      previousStep,
+      hasPreviousStep,
+      currentStep,
+      totalSteps,
+      setTotalSteps
+    }
+  };
+};
+exports.useWizard = useWizard;

package/lib/drawer/Drawer.js

@@ -83,7 +83,7 @@ const BaseDrawer = _ref => {
   };
   const closeDrawerOnEsc = e => {
     if (closeOnEsc && e.key === 'Escape') {
-      handlerClose?.();
+      handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
       e.stopPropagation();
     }
   };
@@ -124,12 +124,12 @@ const BaseDrawer = _ref => {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "drawercontainer-component",
-    className: `${position} ${customClass}`,
+    className: "".concat(position, " ").concat(customClass),
     style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: overlayStyle,
     "data-testid": "drawercontent",
-    className: `drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`
+    className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
   }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
     customClass: customClassForDrawer
   })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));

package/lib/drawer/Header.js

@@ -61,7 +61,7 @@ const Header = _ref => {
   };
   const checkHandlerClose = () => handlerClose ? handlerClose() : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `drawerheader ${customClass}`,
+    className: "drawerheader ".concat(customClass),
     "data-testid": "drawerheader"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "left"

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPopUpProps } from './types.js';
 
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -7,46 +7,28 @@ exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _uuid = require("uuid");
-const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth", "targetRef"];
+const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const getDropdownStyles = _ref => {
+const getCalendarDropdownStyle = _ref => {
   let {
+    topPosition,
+    leftPosition,
+    rightPosition,
     align,
     isFloatMenu,
-    minWidth,
-    container,
-    target
+    minWidth
   } = _ref;
-  if (!container || !target) return '';
-  const targetDimensions = target.getBoundingClientRect();
-  const rightPosition = !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined;
-  const leftPosition = targetDimensions.left;
-  let topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;
-  let top = topPosition + (isFloatMenu ? 6 : 2);
-  let maxHeight = undefined;
-  let showScroll = false;
-  const isOverflowing = top + container.scrollHeight > window.innerHeight;
-  if (isOverflowing) {
-    const targetPosition = targetDimensions.top;
-    const containerHeight = container.scrollHeight;
-    showScroll = containerHeight > targetPosition;
-    maxHeight = showScroll ? targetPosition - 10 : containerHeight;
-    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
-  }
-  let style = `top: ${top}px; min-width: ${minWidth}px;`;
-  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
+  let style = "top: ".concat(topPosition + (isFloatMenu ? 6 : 2), "px; min-width: ").concat(minWidth, "px;");
   if (align === 'left') {
-    style += `left: ${leftPosition}px;`;
+    style += "left: ".concat(leftPosition, "px;");
   } else if (align === 'right') {
-    style += `right: ${rightPosition}px;`;
+    style += "right: ".concat(rightPosition, "px;");
   }
   return style;
 };
-const {
-  body
-} = document;
+const body = document.getElementsByTagName('body')[0];
 const DropdownPopup = _ref2 => {
   let {
       id,
@@ -56,31 +38,28 @@ const DropdownPopup = _ref2 => {
       topPosition = 0,
       leftPosition = 0,
       rightPosition = 0,
-      minWidth = 0,
-      targetRef
+      minWidth = 0
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
   const popup = (0, _react.useRef)(document.createElement('div'));
-  popup.current.className = `dropdown-component ${customClassForDropdown}`;
+  popup.current.className = "dropdown-component ".concat(customClassForDropdown);
   popup.current.dataset.testid = 'dropdown-component';
+  popup.current.style.cssText = getCalendarDropdownStyle({
+    topPosition,
+    leftPosition,
+    rightPosition,
+    align,
+    isFloatMenu,
+    minWidth
+  });
   if (popup && popup.current) {
     const modalContainers = document.body.getElementsByClassName('modalcontainer');
     const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
+    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999);
   }
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
-    popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
-    popup.current.style.cssText = getDropdownStyles({
-      topPosition,
-      leftPosition,
-      rightPosition,
-      align,
-      isFloatMenu,
-      minWidth,
-      container: popup.current,
-      target: targetRef
-    });
+    popup.current.id = id || "dropdown-component-".concat((0, _uuid.v1)());
     return () => {
       body.removeChild(popup.current);
     };

package/lib/dropdown/helper.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDropdownItemCssClass = exports.contentClass = void 0;
-const contentClass = showClearButton => `content ${showClearButton ? '' : 'noclear'}`;
+const contentClass = showClearButton => "content ".concat(showClearButton ? '' : 'noclear');
 exports.contentClass = contentClass;
 const getDropdownItemCssClass = (selected, disabled, striped) => {
   let className = 'item';

package/lib/dropdown/types.d.ts

@@ -10,7 +10,6 @@ interface WithDropdownProps {
     closeDropdownOnClickOutside?: boolean;
     showDropdown?: () => void;
     isFloatMenu?: boolean;
-    handlerClose?: (cb: () => void) => void;
 }
 interface WrappedComponentProps extends WithDropdownProps {
     getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
@@ -32,17 +31,14 @@ interface IPopUpProps {
     leftPosition?: number;
     rightPosition?: number;
     minWidth?: number;
-    targetRef?: HTMLElement;
 }
-interface GetDropdownStyleParams {
+interface GetCalendarDropdownStyleParams {
     align: 'left' | 'right';
     minWidth: number;
     isFloatMenu: boolean;
     topPosition: number;
     leftPosition: number;
     rightPosition: number;
-    container?: HTMLDivElement;
-    target?: HTMLElement;
 }
 
-export { GetDisplayNameParams, GetDropdownStyleParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
+export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.js

@@ -20,7 +20,6 @@ const withDropdown = WrappedComponent => {
       showDropdown,
       dropdown,
       closeDropdownOnClickOutside = true,
-      handlerClose,
       customClassForDropdown,
       children,
       dropdownAlign = 'left',
@@ -39,7 +38,7 @@ const withDropdown = WrappedComponent => {
       const {
         target
       } = event;
-      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
+      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };
@@ -49,8 +48,11 @@ const withDropdown = WrappedComponent => {
     const getDropdown = targetRef => {
       if (!targetRef || !opened) return null;
       wrappedComponentRef.current = targetRef;
+      const targetDimensions = targetRef.getBoundingClientRect();
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        targetRef: targetRef,
+        topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
+        rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
+        leftPosition: targetDimensions.left,
         align: dropdownAlign,
         customClassForDropdown: customClassForDropdown,
         isFloatMenu: isFloatMenu
@@ -71,9 +73,6 @@ const withDropdown = WrappedComponent => {
         }
       };
     }, []);
-    (0, _react.useEffect)(() => {
-      if (handlerClose) handlerClose(() => setOpened(false));
-    }, [handlerClose]);
     const contextValues = {
       handleDropdownClose: onDropdownClick
     };
@@ -87,7 +86,7 @@ const withDropdown = WrappedComponent => {
       value: contextValues
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
   };
-  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
+  EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
   return EnhancedComponent;
 };
 var _default = exports.default = withDropdown;

package/lib/fieldset/index.js

@@ -43,9 +43,9 @@ const Fieldset = props => {
       customClass,
       hasError
     } = _ref;
-    let cssClass = `fieldset-component ${customClass}`;
-    if (type) cssClass = `${cssClass} -${type}`;
-    if (hasError) cssClass = `${cssClass} -witherror`;
+    let cssClass = "fieldset-component ".concat(customClass);
+    if (type) cssClass = "".concat(cssClass, " -").concat(type);
+    if (hasError) cssClass = "".concat(cssClass, " -witherror");
     return cssClass;
   };
   const getContentStyle = _ref2 => {
@@ -55,11 +55,11 @@ const Fieldset = props => {
     } = _ref2;
     if (template === 'rows') {
       return {
-        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
+        gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
       };
     } else if (template === 'columns') {
       return {
-        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
+        gridTemplateColumns: "repeat(".concat(colsCount, ", 1fr)")
       };
     }
     return {};
@@ -70,9 +70,9 @@ const Fieldset = 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}`
+    className: "legend ".concat(titleCustomClass)
   }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: `contentfieldset -template${template} `,
+    className: "contentfieldset -template".concat(template, " "),
     style: Object.assign(getContentStyle(props), styleContent)
   }, children)));
   if (onDenied.unvisible) return null;

package/lib/form/Field.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
-const _excluded = ["handlerFieldChange", "handlerFieldValidade", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
+const _excluded = ["handlerFieldChange", "handlerFieldValidate", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
 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; }
@@ -25,25 +25,23 @@ const getEvents = _ref => {
     validators = [],
     name,
     onBlur,
-    handlerFieldValidade,
+    handlerFieldValidate,
     validatorFromComponent,
     handlerFieldChange,
-    onChange,
-    handleShowValidateMessages
+    onChange
   } = _ref;
   if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
   const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
     onBlur: e => {
-      if (validatorsArray && e.target && handlerFieldValidade) {
-        handlerFieldValidade(name, e.target.value, validatorsArray);
-        handleShowValidateMessages(true);
+      if (validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
       }
       if (onBlur) onBlur(e);
     },
     onChange: e => {
-      if (validatorsArray && e.target && handlerFieldValidade) {
-        handlerFieldValidade(name, e.target.value, validatorsArray);
+      if (validatorsArray && e.target && handlerFieldValidate) {
+        handlerFieldValidate(name, e.target.value, validatorsArray);
       }
       if (handlerFieldChange) handlerFieldChange(e);
       if (onChange) onChange(e);
@@ -82,7 +80,7 @@ const getCustomProps = (props, handlerSetComponentValidator) => {
 const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
       handlerFieldChange,
-      handlerFieldValidade,
+      handlerFieldValidate,
       onChange,
       onBlur,
       name,
@@ -96,34 +94,23 @@ const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       originalData
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
   const {
     handlerSetValidatorFromComponent,
     validatorFromComponent
   } = (0, _react.useContext)(_helpers.withFieldContext);
-  const currentValue = _lodash.default.get(data, name);
-  const originalValue = _lodash.default.get(originalData, name);
-  (0, _react.useEffect)(() => {
-    if (currentValue && currentValue !== originalValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue, originalValue]);
   return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
     name,
     validators,
     onBlur,
     validatorFromComponent,
-    handlerFieldValidade,
+    handlerFieldValidate,
     handlerFieldChange,
-    onChange,
-    handleShowValidateMessages: value => setShowValidateMessages(value)
+    onChange
   }), getCustomProps(props, handlerSetValidatorFromComponent), {
     ref: ref,
     name: name,
     errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-      fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      fieldErrors: props.fieldErrors
     }))
   }));
 });