flipper-ui 0.30.3 → 0.30.5

package/core/data-display/data-table/rows.js

@@ -62,9 +62,8 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
     return /*#__PURE__*/_react["default"].createElement(_maskField["default"], {
       fixedDecimalScale: true,
       type: "text",
-      onError: hasError ? function () {
-        hasError;
-      } : undefined,
+      fullWidth: true,
+      error: hasError,
       thousandSeparator: ".",
       decimalSeparator: ",",
       decimalScale: decimalScale,

package/core/inputs/mask-field/index.d.ts

@@ -1,54 +1,15 @@
-import React, { ChangeEvent } from 'react';
-import { IOption } from '@/core/inputs/text-field';
-import { NumericFormatProps } from 'react-number-format';
-import { FormatInputValueFunction } from 'react-number-format/types/types';
-export interface MaskFieldProps extends NumericFormatProps {
-    error?: boolean;
-    showEdit?: boolean;
-    hasClear?: boolean;
-    autoFocus?: boolean;
-    multiline?: boolean;
-    select?: boolean;
-    fullWidth?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    fixedDecimalScale?: boolean;
-    thousandSeparator?: boolean | string;
-    margin?: string;
-    id?: string;
-    name?: string;
+import React from 'react';
+import { TextFieldProps } from '@/core/inputs/text-field';
+import { NumberFormatProps } from 'react-number-format';
+export interface MaskFieldProps extends NumberFormatProps {
     mask?: string;
-    placeholder?: string;
-    label?: string;
-    autoComplete?: string;
+    type?: 'text' | 'tel' | 'password';
     decimalSeparator?: string;
-    format?: string | FormatInputValueFunction;
-    defaultValue?: string | number;
-    value?: string | number;
-    rows?: string | number;
-    rowsMax?: string | number;
+    format?: string;
     decimalScale?: number;
-    SelectProps?: object;
-    InputProps?: object;
-    inputProps?: object;
-    InputLabelProps?: object;
-    options?: IOption[] | string;
-    children?: React.ReactNode;
-    helperText?: React.ReactNode;
-    helperIcon?: React.ReactNode;
-    style?: React.CSSProperties;
-    inputRef?: React.Ref<HTMLInputElement>;
-    type?: 'text' | 'tel' | 'password';
-    variant?: 'standard' | 'outlined' | 'filled';
-    color?: 'primary' | 'secondary' | undefined;
-    customInput?: React.ComponentType;
-    onClear?: () => void;
-    onBlur?: () => void;
-    onHelperClick?: () => void;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    thousandSeparator?: boolean | string;
+    fixedDecimalScale?: boolean;
+    customInput?: React.ComponentType<TextFieldProps>;
 }
 export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
 export default MaskField;

package/core/inputs/mask-field/index.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _textField = _interopRequireDefault(require("../text-field"));
-var _reactNumberFormat = require("react-number-format");
+var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
 var _excluded = ["customInput"];
 var MaskField = exports.MaskField = function MaskField(props) {
   var customInput = props.customInput,
@@ -18,10 +18,9 @@ var MaskField = exports.MaskField = function MaskField(props) {
     /*#__PURE__*/
     // Although react-number-format allow use of additional props,
     // shows problem with some props like have been do this
-    // actually on flipper-ui. (e.g. errors treatment
-    _react["default"].createElement(_reactNumberFormat.NumberFormatBase, (0, _extends2["default"])({}, otherProps, {
-      customInput: customInput || _textField["default"],
-      format: typeof otherProps.format === 'string' ? undefined : otherProps.format
+    // actually on flipper-ui. (e.g. errors treatment)
+    _react["default"].createElement(_reactNumberFormat["default"], (0, _extends2["default"])({}, otherProps, {
+      customInput: customInput || _textField["default"]
     }))
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.3",
+  "version": "0.30.5",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
@@ -42,7 +42,7 @@
     "nginformatica-styleguide": "1.0.2",
     "ramda": "0.25.0",
     "react-loading-skeleton": "3.3.1",
-    "react-number-format": "5.3.1",
+    "react-number-format": "4.4.1",
     "sprintf-js": "1.1.3",
     "styled-component": "2.8.0",
     "uuid": "9.0.1"