linear-react-components-ui 1.1.11 → 1.1.12

package/lib/form/types.d.ts

@@ -172,6 +172,7 @@ interface WithFieldProps {
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
     handlerRemoveValidators?: (name: string) => void;
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
+    customClass?: string;
 }
 interface IWithFieldContext {
     validatorFromComponent: Validator | Validator[] | undefined;

package/lib/inputs/date/index.js

@@ -218,23 +218,15 @@ const DatePicker = props => {
     // TODO: Procurar solução melhor.
     // setTimeout(() => { this.onScreenResize(); }, 300);
   }, [inputRef.current]);
-
-  // 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);
-
+  (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]);
   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),

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

@@ -7,6 +7,6 @@ import '../../@types/Period.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 
-declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, ...rest }: IBaseMaskProps) => JSX.Element;
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, isNumeric, ...rest }: IBaseMaskProps) => JSX.Element;
 
 export { BaseMask as default };

package/lib/inputs/mask/BaseMask.js

@@ -10,7 +10,7 @@ var _format_number = require("../number/format_number");
 var _reactImask = require("react-imask");
 var _permissionValidations = require("../../permissionValidations");
 var _helpers = require("./helpers");
-const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr"];
+const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "isNumeric"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -101,7 +101,8 @@ const BaseMask = _ref => {
       inputRef,
       onChange,
       onComplete,
-      permissionAttr
+      permissionAttr,
+      isNumeric
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
@@ -145,9 +146,13 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
-    // console.log(valueProp);
     if (valueProp) {
-      setValue(String(valueProp));
+      if (isNumeric && (Number(valueProp) || valueProp === '0')) {
+        const value = (0, _format_number.numberToPtBR)(valueProp) || '';
+        setValue(value);
+      } else {
+        setValue(String(valueProp));
+      }
     }
   }, [valueProp]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({

package/package.json

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