linear-react-components-ui 1.0.12-beta.0 → 1.0.12-beta.2

package/lib/form/FieldNumber.js

@@ -29,20 +29,23 @@ var getEventProps = function getEventProps(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
+    _onChange = _ref.onChange,
     _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
     handlerFieldChange = _ref.handlerFieldChange,
     handleShowValidateMessages = _ref.handleShowValidateMessages;
   return {
     onBlur: function onBlur(e) {
-      if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
       handleShowValidateMessages(true);
     },
+    onChange: function onChange(e) {
+      if (_onChange) _onChange(e);
+    },
     onKeyDown: function onKeyDown(e) {
-      if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
-        handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
+      if ([constants.keyCodes.ENTER, constants.keyCodes.TAB].includes(e.keyCode)) {
+        if (handlerFieldChange) handlerFieldChange(e);
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);
         handleShowValidateMessages(true);

package/lib/inputs/mask/BaseMask.js

@@ -20,7 +20,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
-  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown || props.returnFormattedValueOnChange) {
     // Retornando um objeto com a mesma estrutura do Proxy original
     // para recuperacao do valor da mascara sem formatacao.
     // O retorno poderá ser modificado conforme necessidade, desde que seja
@@ -52,8 +52,8 @@ var getEventProps = function getEventProps(props) {
         props.onBlur(formattedEvent);
       }
     },
-    onKeyDown: function onKeyDown(e) {
-      if (props.onKeyDown) {
+    onChange: function onChange(e) {
+      if (props.onChange) {
         var _ref = e.target,
           value = _ref.value;
         var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
@@ -63,14 +63,28 @@ var getEventProps = function getEventProps(props) {
           }
         });
         var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        props.onChange(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var _ref2 = e.target,
+          value = _ref2.value;
+        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: {
+            value: formatedValue
+          }
+        });
+        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onKeyDown(formattedEvent);
       }
     }
   };
 };
-var BaseMask = function BaseMask(_ref2) {
-  var inputRef = _ref2.inputRef,
-    props = _objectWithoutProperties(_ref2, _excluded);
+var BaseMask = function BaseMask(_ref3) {
+  var inputRef = _ref3.inputRef,
+    props = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
   }, getEventProps(props)));

package/lib/inputs/mask/imaskHOC.js

@@ -60,9 +60,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       value = _props$value === void 0 ? '' : _props$value,
       onChange = props.onChange,
       _props$isDateField = props.isDateField,
-      isDateField = _props$isDateField === void 0 ? false : _props$isDateField,
-      _props$autoCompleteMa = props.autoCompleteMask,
-      autoCompleteMask = _props$autoCompleteMa === void 0 ? false : _props$autoCompleteMa;
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
     var maskOptions = {
       placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
       lazy: lazy,
@@ -129,24 +127,6 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
     }, [props.onComplete]);
-    var autoCompleteMaskValue = (0, _react.useCallback)(function (eventTargetValue) {
-      if (eventTargetValue.length && maskRef.current && elementRef.current) {
-        var sizeMask = (0, _imask.default)(elementRef.current, maskOptions).mask.toString().replace(/\D+/g, '').length;
-        if (sizeMask > eventTargetValue.length) {
-          switch (autoCompleteMask) {
-            case 'left':
-              setValue(eventTargetValue.padStart(sizeMask, '0'));
-              break;
-            case 'right':
-              setValue(eventTargetValue.padEnd(sizeMask, '0'));
-              break;
-            default:
-              setValue(eventTargetValue);
-              break;
-          }
-        }
-      }
-    }, [props.autoCompleteMask, maskRef.current, elementRef.current]);
     var getMask = function getMask() {
       var element = elementRef.current;
       if (element) {
@@ -202,12 +182,6 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
       onDeniedActions: onDenied,
       defaultValue: value,
-      onBlur: function onBlur(e) {
-        if (props.autoCompleteMask) {
-          autoCompleteMaskValue(e.target.value);
-        }
-        if (props.onBlur) props.onBlur(e);
-      },
       onChange: function onChange(e) {
         return setValue(e.target.value);
       },

package/lib/inputs/mask/types.d.ts

@@ -45,6 +45,7 @@ interface IBaseMaskProps {
     required?: boolean;
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
+    returnFormattedValueOnChange?: boolean;
     isDateField?: boolean;
 }
 interface ICnpjFieldProps extends IBaseMaskProps {

package/lib/inputs/number/BaseNumber.js

@@ -35,7 +35,8 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
 };
 var getEventProps = function getEventProps(props) {
   var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
-    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
+    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown,
+    returnFormattedValueonChange = props.returnFormattedValueonChange;
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
@@ -44,6 +45,12 @@ var getEventProps = function getEventProps(props) {
         props.onBlur(formattedEvent);
       }
     },
+    onChange: function onChange(e) {
+      if (props.onChange) {
+        var formattedEvent = returnFormattedValueonChange ? returnEventFormattedValue(props, e) : e;
+        props.onChange(formattedEvent);
+      }
+    },
     onKeyDown: function onKeyDown(e) {
       if (props.onKeyDown) {
         var formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;

package/lib/inputs/number/types.d.ts

@@ -25,6 +25,7 @@ interface IBaseNumberProps extends INumberFieldProps {
     onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
+    returnFormattedValueonChange?: boolean;
 }
 interface ICurrencyProps extends INumberFieldProps {
     currencySymbol?: string;

package/lib/inputs/types.d.ts

@@ -99,7 +99,6 @@ interface IMaskHOCProps {
     skeletonize?: boolean;
     mask?: string | NumberConstructor;
     isDateField?: boolean;
-    autoCompleteMask?: 'left' | 'right';
 }
 interface IDropdownSelectProps {
     idKey: string;

package/package.json

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