flipper-ui 0.30.2 → 0.30.4

package/core/context/theme-provider/index.d.ts

@@ -4,5 +4,5 @@ interface ThemeProviderProps {
     options?: ThemeOptions;
     children: React.ReactNode;
 }
-declare const ThemeProvider: ({ options, children }: ThemeProviderProps) => React.JSX.Element;
-export default ThemeProvider;
+declare const ThemeProviderFlipper: ({ options, children }: ThemeProviderProps) => React.JSX.Element;
+export default ThemeProviderFlipper;

package/core/context/theme-provider/index.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _styles = require("@material-ui/core/styles");
 var _react = _interopRequireDefault(require("react"));
-var ThemeProvider = function ThemeProvider(_ref) {
+var ThemeProviderFlipper = function ThemeProviderFlipper(_ref) {
   var _ref$options = _ref.options,
     options = _ref$options === void 0 ? {} : _ref$options,
     children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
     theme: (0, _styles.createTheme)(options)
   }, children);
 };
-var _default = exports["default"] = ThemeProvider;
+var _default = exports["default"] = ThemeProviderFlipper;

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

@@ -1,19 +1,53 @@
-import React from 'react';
-import { NumericFormatProps } from 'react-number-format';
-import { InputProps } from '@material-ui/core';
+import React, { ChangeEvent } from 'react';
+import { IOption, TextFieldProps } from '@/core/inputs/text-field';
 import { FormatInputValueFunction } from 'react-number-format/types/types';
-interface MaskFieldInputProps extends InputProps {
-}
-export interface MaskFieldProps extends NumericFormatProps {
+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;
     mask?: string;
-    type?: 'text' | 'tel' | 'password';
+    placeholder?: string;
+    label?: string;
+    autoComplete?: string;
     decimalSeparator?: string;
     format?: string | FormatInputValueFunction;
+    defaultValue?: string | number;
+    value?: string | number;
+    rows?: string | number;
+    rowsMax?: string | number;
     decimalScale?: number;
-    thousandSeparator?: boolean | string;
-    fixedDecimalScale?: boolean;
+    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<MaskFieldInputProps>;
+    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;
 }
-export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
+declare const MaskField: React.FC<MaskFieldProps>;
 export default MaskField;

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

@@ -4,27 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.MaskField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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"];
-// Interface para as propriedades de entrada específicas do MaskField
-
-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.NumberFormatBase, (0, _extends2["default"])({}, otherProps, {
-      customInput: customInput || _textField["default"],
-      format: typeof otherProps.format === 'string' ? undefined : otherProps.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 _default = exports["default"] = MaskField;

package/experimental/dialog/dialog.js

@@ -45,7 +45,7 @@ var DialogV2 = exports.DialogV2 = function DialogV2(props) {
     onClose = props.onClose,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var haveSecondaryButton = secondaryButtonText && secondaryButtonAction;
-  return /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_.ThemeProviderFlipper, {
     options: theme
   }, /*#__PURE__*/_react["default"].createElement(_.Dialog, (0, _extends2["default"])({}, otherProps, {
     open: open,

package/index.d.ts

@@ -52,7 +52,7 @@ export { default as TableHead } from './core/data-display/table/table-head';
 export { default as TableRow } from './core/data-display/table/table-row';
 export { default as Tabs } from './core/navigation/tabs';
 export { default as TextField } from './core/inputs/text-field';
-export { default as ThemeProvider } from './core/context/theme-provider';
+export { default as ThemeProviderFlipper } from './core/context/theme-provider';
 export { default as Tooltip } from './core/feedback/tooltip';
 export { default as Tree } from './core/data-display/tree';
 export { default as Typography } from './core/data-display/typography';

package/index.js

@@ -361,7 +361,7 @@ Object.defineProperty(exports, "TextField", {
     return _textField["default"];
   }
 });
-Object.defineProperty(exports, "ThemeProvider", {
+Object.defineProperty(exports, "ThemeProviderFlipper", {
   enumerable: true,
   get: function get() {
     return _themeProvider["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.2",
+  "version": "0.30.4",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",