linear-react-components-ui 1.1.11 → 1.1.13

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, mask, ...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", "mask"];
 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; }
@@ -68,9 +68,9 @@ const getEventProps = (props, setValue, maskRef) => {
         } = e.target;
         const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
         const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
-          target: {
+          target: _objectSpread(_objectSpread({}, e.target), {}, {
             value: formatedValue
-          }
+          })
         });
         const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onBlur(formattedEvent);
@@ -101,7 +101,8 @@ const BaseMask = _ref => {
       inputRef,
       onChange,
       onComplete,
-      permissionAttr
+      permissionAttr,
+      mask
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
@@ -110,10 +111,13 @@ const BaseMask = _ref => {
     readOnly
   } = onDenied;
   const disableCallbacks = disabled || readOnly;
-  const maskOptions = (0, _helpers.getMaskOptions)(rest);
+  const maskOptions = (0, _helpers.getMaskOptions)(_objectSpread({
+    mask
+  }, rest));
   const {
     ref,
     setValue,
+    setTypedValue,
     maskRef
   } = (0, _reactImask.useIMask)(maskOptions, {
     defaultValue: defaultValue,
@@ -145,20 +149,15 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
-    // console.log(valueProp);
     if (valueProp) {
-      setValue(String(valueProp));
+      if (typeof valueProp === 'string') setValue(valueProp);else setTypedValue(valueProp);
     }
   }, [valueProp]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
     inputRef: r => {
       ref.current = r;
       if (inputRef) {
-        if (typeof inputRef === 'function') {
-          inputRef(r);
-        } else {
-          inputRef.current = r;
-        }
+        if (typeof inputRef === 'object') inputRef.current = r;else inputRef(r);
       }
     },
     permissionAttr: permissionAttr

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

@@ -7,20 +7,16 @@ import '../../@types/Period.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 
-declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, rightElements, ...rest }: IBaseMaskProps) => {
-    value?: string | undefined;
+declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, ...rest }: IBaseMaskProps) => {
+    value?: string | number | undefined;
     onBlur?: ((e: CustomInputEvent) => void) | undefined;
     onKeyDown?: ((e: CustomInputEvent | React.KeyboardEvent<Element>) => void) | undefined;
     defaultValue?: string | undefined;
     isNumeric?: boolean | undefined;
-    scale?: number | undefined;
-    radix?: string | undefined;
     blocks?: any;
-    thousandsSeparator?: string | undefined;
     leftElements?: JSX.Element | JSX.Element[] | undefined;
     handlerSetOnDenied?: ((onDeniedValue: OnDenied) => void) | undefined;
     onChange?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
-    padFractionalZeros?: boolean | undefined;
     onComplete?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
     inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void) | undefined;
     permissionAttr?: PermissionAttr | undefined;
@@ -48,7 +44,14 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, r
     placeholderChar: string;
     min: any;
     max: any;
-    lazy: boolean | undefined;
+    lazy: boolean;
+    pattern: string;
+    radix: string;
+    thousandsSeparator: string;
+    mapToRadix: string[];
+    scale: number;
+    normalizeZeros: boolean;
+    padFractionalZeros: boolean;
 };
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";
 declare function CNPJValidation(cnpj?: string, returnMessage?: (msg: string) => void): void | "CNPJ inválido";

package/lib/inputs/mask/helpers.js

@@ -7,7 +7,7 @@ exports.CNPJValidation = CNPJValidation;
 exports.CPFValidation = CPFValidation;
 exports.getMaskOptions = void 0;
 var _lodash = require("lodash");
-const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "rightElements"];
+const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "pattern", "radix", "thousandsSeparator", "mapToRadix", "scale", "normalizeZeros", "padFractionalZeros", "rightElements"];
 /* eslint-disable @typescript-eslint/no-explicit-any */
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,7 +23,14 @@ const getMaskOptions = _ref => {
       placeholderChar = '_',
       min,
       max,
-      lazy,
+      lazy = false,
+      pattern = '',
+      radix = ' ',
+      thousandsSeparator = '',
+      mapToRadix = [],
+      scale = 2,
+      normalizeZeros = true,
+      padFractionalZeros = true,
       rightElements
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -63,7 +70,14 @@ const getMaskOptions = _ref => {
     placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
     min,
     max,
-    lazy
+    lazy,
+    pattern,
+    radix,
+    thousandsSeparator,
+    mapToRadix,
+    scale,
+    normalizeZeros,
+    padFractionalZeros
   }, rest);
 };
 exports.getMaskOptions = getMaskOptions;

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

@@ -7,7 +7,7 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 
 type IBaseMaskProps = {
-    value?: string;
+    value?: string | number;
     onBlur?: (e: CustomInputEvent) => void;
     onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;
@@ -50,6 +50,9 @@ type IBaseMaskProps = {
     mask?: any;
     min?: any;
     max?: any;
+    pattern?: string;
+    mapToRadix?: string[];
+    normalizeZeros?: boolean;
 };
 type ICnpjFieldProps = IBaseMaskProps & {
     value?: string;

package/package.json

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