linear-react-components-ui 1.1.4-beta.0 → 1.1.5

package/lib/buttons/DefaultButton.js

@@ -126,6 +126,7 @@ const DefaultButton = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
     style: style,
     onClick: e => {
+      e.preventDefault();
       if (isDisabled) return;
       if (onClick) onClick(e);
       if (dropdown && showDropdown) showDropdown();

package/lib/inputs/base/InputTextBase.js

@@ -218,7 +218,8 @@ const InputTextBase = props => {
     cols: props.cols
   }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
     autoComplete: autoComplete,
-    tabIndex: applyTabIndex()
+    tabIndex: applyTabIndex(),
+    "data-testid": "teste-123"
   }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
     disabled: disabled,
     visible: !!hint,

package/lib/inputs/date/index.js

@@ -98,27 +98,41 @@ const DatePicker = props => {
       setShowCalendar(false);
     }
   };
-  const onInputChange = (event, valueInput) => {
-    if (props.onChange && event) {
-      if ((0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT, true).isValid()) {
-        const newValue = (0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
-        const obj = {
-          target: {
-            value: newValue,
-            name: event.target.name
-          }
-        };
-        props.onChange(obj, valueInput);
-      } else if (event.target.value === '') {
-        const obj = {
-          target: {
-            value: '',
-            name: event.target.name
-          }
-        };
-        props.onChange(obj, valueInput);
-        setShowCalendar(false);
-        setValueState(undefined);
+  const isValidDate = date => {
+    if (typeof date === 'object' && !(date instanceof Date)) {
+      const initialValid = (0, _moment.default)(date.initial, _helpers.PT_BR_FORMAT, true).isValid();
+      const finalValid = (0, _moment.default)(date.final, _helpers.PT_BR_FORMAT, true).isValid();
+      return initialValid && finalValid;
+    }
+    return (0, _moment.default)(date, _helpers.PT_BR_FORMAT, true).isValid();
+  };
+  const onInputChange = function (event) {
+    let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    if (typeof valueInput === 'string') {
+      var _event$target$value;
+      const date = (_event$target$value = event.target.value) !== null && _event$target$value !== void 0 ? _event$target$value : '';
+      console.log('date >>>', props.onChange);
+      if (props.onChange) {
+        if (isValidDate(date)) {
+          const newValue = (0, _moment.default)(date, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
+          const obj = {
+            target: {
+              value: newValue,
+              name: event.target.name
+            }
+          };
+          props.onChange(obj, date);
+        } else if (event.target.value === '') {
+          const obj = {
+            target: {
+              value: '',
+              name: event.target.name
+            }
+          };
+          props.onChange(obj, date);
+          setShowCalendar(false);
+          setValueState(undefined);
+        }
       }
     }
   };
@@ -217,19 +231,17 @@ const DatePicker = props => {
     value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
     isDateField: true,
     mask: "00/00/0000",
-    onComplete: (e, date) => {
+    onComplete: (e, __, date) => {
       if (date) {
         setValue(date, e);
       }
     },
-    onBlur: e => {
-      onInputBlur(e);
-    },
+    onBlur: onInputBlur,
     onFocus: e => {
       onInputFocus(e);
     },
     onKeyDown: onInputKeyDown,
-    onChange: (e, date) => {
+    onChange: (e, __, date) => {
       if (date) onInputChange(e, date);
     },
     inputRef: el => {

package/lib/inputs/mask/imaskHOC.js

@@ -86,12 +86,13 @@ const IMaskHOC = ComposedComponent => {
       if (onChange && !disableCallbacks && maskRef.current) {
         const {
           unmaskedValue,
+          value: maskedValue,
           el
         } = maskRef.current;
         const name = el.name || el.input && el.input.name;
         onChange({
           target: {
-            value: unmaskedValue,
+            value: isDateField ? maskedValue : unmaskedValue,
             name
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
@@ -101,12 +102,13 @@ const IMaskHOC = ComposedComponent => {
       if (props.onComplete && !disableCallbacks && maskRef.current) {
         const {
           unmaskedValue,
+          value: maskedValue,
           el
         } = maskRef.current;
         const name = el.name || el.input && el.input.name;
         props.onComplete({
           target: {
-            value: unmaskedValue,
+            value: isDateField ? maskedValue : unmaskedValue,
             name
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.4-beta.0",
+  "version": "1.1.5",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",