flipper-ui 0.30.4 → 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,53 +1,15 @@
-import React, { ChangeEvent } from 'react';
-import { IOption, TextFieldProps } from '@/core/inputs/text-field';
-import { FormatInputValueFunction } from 'react-number-format/types/types';
-export interface MaskFieldProps extends Omit<TextFieldProps, 'format' | 'size'> {
-    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>;
 }
-declare const MaskField: React.FC<MaskFieldProps>;
+export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
 export default MaskField;

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

@@ -4,24 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports["default"] = exports.MaskField = void 0;
+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 _excluded = ["customInput", "format"];
-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) { (0, _defineProperty2["default"])(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; }
-var MaskField = function MaskField(_ref) {
-  var _ref$customInput = _ref.customInput,
-    customInput = _ref$customInput === void 0 ? _textField["default"] : _ref$customInput,
-    format = _ref.format,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var formattedProps = _objectSpread(_objectSpread({}, otherProps), {}, {
-    customInput: customInput,
-    format: format !== undefined ? format : undefined
-  });
-  return /*#__PURE__*/_react["default"].createElement(_reactNumberFormat.NumericFormat, formattedProps);
+var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
+var _excluded = ["customInput"];
+var MaskField = exports.MaskField = function MaskField(props) {
+  var customInput = props.customInput,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (
+    /*#__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["default"], (0, _extends2["default"])({}, otherProps, {
+      customInput: customInput || _textField["default"]
+    }))
+  );
 };
 var _default = exports["default"] = MaskField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.4",
+  "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"