linear-react-components-ui 1.1.9 → 1.1.11

package/lib/inputs/date/helpers.js

@@ -20,8 +20,8 @@ const getCalendarDropdownStyle = _ref => {
 exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
 const getMomentValue = value => {
   let newValue = value;
-  if ((0, _moment.default)(newValue, PT_BR_FORMAT).isValid()) {
-    newValue = (0, _moment.default)(newValue, PT_BR_FORMAT).format(EN_US_FORMAT);
+  if ((0, _moment.default)(newValue, PT_BR_FORMAT, true).isValid()) {
+    newValue = (0, _moment.default)(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);
   }
   return typeof newValue === 'string' ? (0, _moment.default)(newValue, EN_US_FORMAT) : newValue;
 };

package/lib/inputs/date/index.js

@@ -135,8 +135,10 @@ const DatePicker = props => {
       }
     }
   };
-  const setValue = (valueParam, e) => {
+  const setValue = function () {
     var _inputRef$current2;
+    let valueParam = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let e = arguments.length > 1 ? arguments[1] : undefined;
     if (showCalendar && setFocusOnSelect) (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
     if (props.onComplete) props.onComplete(e, valueParam);
     if (props.onChange) onInputChange({
@@ -216,23 +218,31 @@ const DatePicker = props => {
     // TODO: Procurar solução melhor.
     // setTimeout(() => { this.onScreenResize(); }, 300);
   }, [inputRef.current]);
-  (0, _react.useEffect)(() => {
-    if (value && (0, _moment.default)(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, _helpers.EN_US_FORMAT).format() !== (0, _moment.default)(value, _helpers.EN_US_FORMAT).format()) {
-      setValueState((0, _moment.default)(value, _helpers.EN_US_FORMAT));
-      setValueFromProps(value);
-    } else if (!value && value !== valueFromProps) {
-      setValueState(undefined);
-      setValueFromProps(value);
-    }
-  }, [value]);
+
+  // useEffect(() => {
+  //   console.log('effect >>>', valueFromProps !== value, value, valueFromProps);
+  //   if (value && moment(value, EN_US_FORMAT).format() !== 'Invalid date' &&
+  //   moment(valueFromProps, EN_US_FORMAT).format() !== moment(value, EN_US_FORMAT).format()) {
+  //     const teste = moment(value, EN_US_FORMAT);
+  //     console.log('valor moment >>>', teste);
+  //     setValueState(teste);
+  //     setValueFromProps(value);
+  //   } else if (!value && value !== valueFromProps) {
+  //     setValueState(undefined);
+  //     setValueFromProps(value);
+  //   }
+  // }, [value]);
+
+  // console.log("value >>>", value);
+
   if (onDenied && onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
-    isDateField: true,
     mask: "00/00/0000",
-    onComplete: (e, __, date) => {
-      if (date) {
-        setValue(date, e);
+    onComplete: e => {
+      if (e) {
+        var _e$target;
+        setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.maskedValue, e);
       }
     },
     onBlur: onInputBlur,
@@ -241,7 +251,7 @@ const DatePicker = props => {
     },
     onKeyDown: onInputKeyDown,
     onChange: (e, __, date) => {
-      if (date) onInputChange(e, date);
+      if (date) onInputChange(e, e.target.value);
     },
     inputRef: el => {
       inputRef.current = el;

package/lib/inputs/mask/BaseMask.js

@@ -145,6 +145,7 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
+    // console.log(valueProp);
     if (valueProp) {
       setValue(String(valueProp));
     }

package/package.json

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