linear-react-components-ui 0.4.75 → 0.4.76-beta.11

package/lib/inputs/date/index.js

@@ -31,6 +31,8 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
 
 var _colorStyles = _interopRequireDefault(require("../../internals/colorStyles"));
 
+var _helpers = require("./helpers");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -77,7 +79,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
 
     var propsValue = props.value;
     _this.state = {
-      value: propsValue ? (0, _moment["default"])(propsValue) : undefined,
+      value: propsValue ? (0, _helpers.getValue)(propsValue) : undefined,
       // eslint-disable-next-line react/no-unused-state
       propsValue: propsValue,
       showCalendar: false,
@@ -115,7 +117,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       var required = this.props.required;
       if (onDenied && onDenied.unvisible) return null;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_BaseMask["default"], _extends({}, this.props, {
-        value: !value ? ' ' : value.format('DD/MM/YYYY'),
+        value: !value ? ' ' : value.format(_helpers.PT_BR_FORMAT),
         mask: "00/00/0000",
         onComplete: function onComplete(e, date) {
           _this2.setValue(e, date);
@@ -135,7 +137,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         inputRef: function inputRef(el) {
           _this2.inputRef = el;
         },
-        rightElements: [this.getButtonOpen()],
+        rightElements: this.getButtonOpen(),
         required: required,
         handlerSetOnDenied: this.setOnDenied
       })), showCalendar && this.getWrapperComponent());
@@ -153,9 +155,9 @@ Object.defineProperty(DatePicker, "getDerivedStateFromProps", {
     var value = props.value;
     var propsValue = state.propsValue;
 
-    if (value && (0, _moment["default"])(value).format() !== 'Invalid date' && (0, _moment["default"])(propsValue).format() !== (0, _moment["default"])(value).format()) {
+    if (value && (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment["default"])(propsValue, _helpers.EN_US_FORMAT).format() !== (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format()) {
       return {
-        value: (0, _moment["default"])(value),
+        value: (0, _moment["default"])(value, _helpers.EN_US_FORMAT),
         propsValue: value
       };
     } else if (!value && value !== propsValue) {
@@ -261,8 +263,8 @@ var _initialiseProps = function _initialiseProps() {
       var onChange = _this3.props.onChange;
 
       if (onChange) {
-        if ((0, _moment["default"])(_value, 'DD/MM/YYYY', true).isValid()) {
-          var newValue = (0, _moment["default"])(_value, 'DD/MM/YYYY').format('YYYY-MM-DD');
+        if ((0, _moment["default"])(_value, _helpers.PT_BR_FORMAT, true).isValid()) {
+          var newValue = (0, _moment["default"])(_value, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
           var obj = {
             target: {
               value: newValue,
@@ -308,7 +310,7 @@ var _initialiseProps = function _initialiseProps() {
       if (_this3.props.shouldCloseOnSelect) showCalendar = false;
 
       _this3.setState({
-        value: (0, _moment["default"])(_value2, 'DD/MM/YYYY'),
+        value: (0, _moment["default"])(_value2, _helpers.PT_BR_FORMAT),
         showCalendar: showCalendar
       });
     }
@@ -432,7 +434,7 @@ var _initialiseProps = function _initialiseProps() {
 };
 
 DatePicker.propTypes = {
-  value: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
   showButtonOpen: _propTypes["default"].bool,
   shouldCloseOnSelect: _propTypes["default"].bool,
   setFocusOnSelect: _propTypes["default"].bool,

package/lib/inputs/mask/Cpf.js

@@ -54,18 +54,18 @@ var CpfField = function CpfField(props) {
       });
     }
   }, []);
+  var debouncedOnChange = (0, _react.useMemo)(function () {
+    return _lodash["default"].debounce(function (value) {
+      (0, _helpers.CPFValidation)(value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
+    }, 300);
+  }, [handlerSetComponentValidator]);
+  (0, _react.useEffect)(function () {
+    return debouncedOnChange.cancel;
+  }, []);
 
   var onChange = function onChange(e) {
     if (enableValidation) {
-      var debouncedOnChange;
-
-      if (!debouncedOnChange) {
-        debouncedOnChange = _lodash["default"].debounce(function () {
-          (0, _helpers.CPFValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
-        }, 300);
-      }
-
-      debouncedOnChange();
+      debouncedOnChange(e.target.value);
       if (props.onChange) props.onChange(e);
     }