linear-react-components-ui 1.0.10-beta.2 → 1.0.10-beta.21

package/lib/inputs/file/DefaultFile.d.ts

@@ -2,6 +2,7 @@ import { IDefaultFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/file/DragDropFile.d.ts

@@ -2,6 +2,7 @@ import { IDragDropFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/file/File.d.ts

@@ -2,6 +2,7 @@ import { IFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/file/FileButtonSettings.d.ts

@@ -2,6 +2,7 @@ import { IFileButtonSettingsProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { CustomFile } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/file/index.d.ts

@@ -5,6 +5,7 @@ import './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -1,6 +1,7 @@
 import { DragEvent, RefObject } from 'react';
 import { Size } from '../../@types/Size.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/inputHOC.d.ts

@@ -3,9 +3,12 @@ import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
 import './base/types.js';
+import '../@types/Align.js';
 import '../@types/Period.js';
 import '../drawer/types.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

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

@@ -1,5 +1,6 @@
 import { IBaseMaskProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

package/lib/inputs/mask/BaseMask.js

@@ -35,21 +35,36 @@ var getEventProps = function getEventProps(props) {
   return {
     onBlur: function onBlur(e) {
       if (props.onBlur) {
-        var formattedEvent = returnEventFormattedValue(props, e);
+        var value = e.target.value;
+        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        var eventWithFormatedValue = _extends({}, e, {
+          target: {
+            value: formatedValue
+          }
+        });
+        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onBlur(formattedEvent);
       }
     },
     onKeyDown: function onKeyDown(e) {
       if (props.onKeyDown) {
-        var formattedEvent = returnEventFormattedValue(props, e);
+        var _ref = e.target,
+          value = _ref.value;
+        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        var eventWithFormatedValue = _extends({}, e, {
+          target: {
+            value: formatedValue
+          }
+        });
+        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onKeyDown(formattedEvent);
       }
     }
   };
 };
-var BaseMask = function BaseMask(_ref) {
-  var inputRef = _ref.inputRef,
-    props = _objectWithoutProperties(_ref, _excluded);
+var BaseMask = function BaseMask(_ref2) {
+  var inputRef = _ref2.inputRef,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
   }, getEventProps(props)));

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

@@ -1,5 +1,6 @@
 import { ICnpjFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { ICpfProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

package/lib/inputs/mask/Cpf.js

@@ -45,11 +45,11 @@ var CpfField = function CpfField(props) {
     return debouncedOnChange.cancel;
   }, []);
   var onChange = function onChange(e) {
+    // console.log('onChange >>>', props.onChange);
     if (enableValidation && e) {
       debouncedOnChange(e.target.value);
       if (props.onChange) props.onChange(e);
-    }
-    if (props.onChange) {
+    } else if (props.onChange) {
       props.onChange(e);
     }
   };
@@ -61,10 +61,10 @@ var CpfField = function CpfField(props) {
     }
     return {};
   };
-  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     onChange: onChange,
     mask: "000.000.000-00"
-  }, props, getErrorMessagesProp()));
+  }, getErrorMessagesProp()));
 };
 
 // Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função

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

@@ -1,5 +1,6 @@
 import { IPhoneFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { IZipCode } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -4,9 +4,12 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";

package/lib/inputs/mask/helpers.js

@@ -7,7 +7,7 @@ exports.CNPJValidation = CNPJValidation;
 exports.CPFValidation = CPFValidation;
 exports.extractNonMaskProps = extractNonMaskProps;
 var _lodash = require("lodash");
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-plusplus */
 function extractNonMaskProps(props, maskProps) {
   var nonMask = _extends({}, props);

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

@@ -3,9 +3,12 @@ import { IMaskHOCProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

package/lib/inputs/mask/imaskHOC.js

@@ -9,7 +9,6 @@ var _imask = _interopRequireDefault(require("imask"));
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _permissionValidations = require("../../permissionValidations");
 var _format_number = require("../number/format_number");
-var _this = void 0;
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -63,7 +62,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       _props$isDateField = props.isDateField,
       isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
     var maskOptions = {
-      placeholderChar: placeholderChar,
+      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
       lazy: lazy,
       pattern: pattern,
       radix: radix,
@@ -100,7 +99,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         maskRef.current.value = String(newValue);
       }
     };
-    var onAccept = function onAccept() {
+    var onAccept = (0, _react.useCallback)(function () {
       if (onChange && !disableCallbacks && maskRef.current) {
         var _maskRef$current = maskRef.current,
           unmaskedValue = _maskRef$current.unmaskedValue,
@@ -113,8 +112,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
-    };
-    var onComplete = function onComplete() {
+    }, [onChange]);
+    var onComplete = (0, _react.useCallback)(function () {
       if (props.onComplete && !disableCallbacks && maskRef.current) {
         var _maskRef$current2 = maskRef.current,
           unmaskedValue = _maskRef$current2.unmaskedValue,
@@ -127,13 +126,14 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
-    };
+    }, [props.onComplete]);
     var getMask = function getMask() {
       var element = elementRef.current;
       if (element) {
         var maskCurrent = maskRef.current;
         if (!maskCurrent) {
-          maskRef.current = (0, _imask.default)(element, maskOptions).on('accept', onAccept.bind(_this)).on('complete', onComplete.bind(_this));
+          maskRef.current = (0, _imask.default)(element, maskOptions);
+          if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
           setValue(value);
         } else {
           maskCurrent.updateOptions(maskOptions);
@@ -150,14 +150,19 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
       if (!props.mask || dontInitMask) return;
       getMask();
+    }, [maskOptions]);
+    (0, _react.useEffect)(function () {
+      if (!maskRef.current) return;
+      var maskCurrent = maskRef.current;
+      maskCurrent.on('accept', onAccept);
+      maskCurrent.on('complete', onComplete);
 
       // eslint-disable-next-line consistent-return
       return function () {
-        var _maskRef$current3, _maskRef$current4;
-        (_maskRef$current3 = maskRef.current) === null || _maskRef$current3 === void 0 ? void 0 : _maskRef$current3.off('accept', onAccept);
-        (_maskRef$current4 = maskRef.current) === null || _maskRef$current4 === void 0 ? void 0 : _maskRef$current4.off('complete', onComplete);
+        maskCurrent.off('accept', onAccept);
+        maskCurrent.off('complete', onComplete);
       };
-    }, [maskOptions]);
+    }, [onAccept, onComplete]);
     (0, _react.useEffect)(function () {
       if (maskOptions.mask && !dontInitMask) {
         if (maskRef.current) {
@@ -182,7 +187,6 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       },
       inputRef: function inputRef(el) {
         elementRef.current = el;
-        // Propagate the input ref for who call it
         if (_inputRef) {
           if (_typeof(_inputRef) === 'object') _inputRef.current = el;else _inputRef(el);
         }

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

@@ -5,6 +5,7 @@ export { default as PhoneField } from './Phone.js';
 export { default as ZipCodeField } from './ZipCode.js';
 import './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';