flipper-ui 0.30.2 → 0.30.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/context/theme-provider/index.d.ts +2 -2
- package/core/context/theme-provider/index.js +3 -3
- package/core/inputs/mask-field/index.d.ts +43 -8
- package/core/inputs/mask-field/index.js +0 -2
- package/experimental/dialog/dialog.js +1 -1
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
|
@@ -4,5 +4,5 @@ interface ThemeProviderProps {
|
|
|
4
4
|
options?: ThemeOptions;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
8
|
-
export default
|
|
7
|
+
declare const ThemeProviderFlipper: ({ options, children }: ThemeProviderProps) => React.JSX.Element;
|
|
8
|
+
export default ThemeProviderFlipper;
|
|
@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _styles = require("@material-ui/core/styles");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var ThemeProviderFlipper = function ThemeProviderFlipper(_ref) {
|
|
11
11
|
var _ref$options = _ref.options,
|
|
12
12
|
options = _ref$options === void 0 ? {} : _ref$options,
|
|
13
13
|
children = _ref.children;
|
|
14
|
-
return /*#__PURE__*/_react["default"].createElement(_styles.
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
|
|
15
15
|
theme: (0, _styles.createTheme)(options)
|
|
16
16
|
}, children);
|
|
17
17
|
};
|
|
18
|
-
var _default = exports["default"] =
|
|
18
|
+
var _default = exports["default"] = ThemeProviderFlipper;
|
|
@@ -1,19 +1,54 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ChangeEvent } from 'react';
|
|
2
|
+
import { IOption } from '@/core/inputs/text-field';
|
|
2
3
|
import { NumericFormatProps } from 'react-number-format';
|
|
3
|
-
import { InputProps } from '@material-ui/core';
|
|
4
4
|
import { FormatInputValueFunction } from 'react-number-format/types/types';
|
|
5
|
-
interface MaskFieldInputProps extends InputProps {
|
|
6
|
-
}
|
|
7
5
|
export interface MaskFieldProps extends NumericFormatProps {
|
|
6
|
+
error?: boolean;
|
|
7
|
+
showEdit?: boolean;
|
|
8
|
+
hasClear?: boolean;
|
|
9
|
+
autoFocus?: boolean;
|
|
10
|
+
multiline?: boolean;
|
|
11
|
+
select?: boolean;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
fixedDecimalScale?: boolean;
|
|
16
|
+
thousandSeparator?: boolean | string;
|
|
17
|
+
margin?: string;
|
|
18
|
+
id?: string;
|
|
19
|
+
name?: string;
|
|
8
20
|
mask?: string;
|
|
9
|
-
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
label?: string;
|
|
23
|
+
autoComplete?: string;
|
|
10
24
|
decimalSeparator?: string;
|
|
11
25
|
format?: string | FormatInputValueFunction;
|
|
26
|
+
defaultValue?: string | number;
|
|
27
|
+
value?: string | number;
|
|
28
|
+
rows?: string | number;
|
|
29
|
+
rowsMax?: string | number;
|
|
12
30
|
decimalScale?: number;
|
|
13
|
-
|
|
14
|
-
|
|
31
|
+
SelectProps?: object;
|
|
32
|
+
InputProps?: object;
|
|
33
|
+
inputProps?: object;
|
|
34
|
+
InputLabelProps?: object;
|
|
35
|
+
options?: IOption[] | string;
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
helperText?: React.ReactNode;
|
|
38
|
+
helperIcon?: React.ReactNode;
|
|
39
|
+
style?: React.CSSProperties;
|
|
40
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
41
|
+
type?: 'text' | 'tel' | 'password';
|
|
42
|
+
variant?: 'standard' | 'outlined' | 'filled';
|
|
15
43
|
color?: 'primary' | 'secondary' | undefined;
|
|
16
|
-
customInput?: React.ComponentType
|
|
44
|
+
customInput?: React.ComponentType;
|
|
45
|
+
onClear?: () => void;
|
|
46
|
+
onBlur?: () => void;
|
|
47
|
+
onHelperClick?: () => void;
|
|
48
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
49
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
50
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
51
|
+
onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
|
|
17
52
|
}
|
|
18
53
|
export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
|
|
19
54
|
export default MaskField;
|
|
@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
var _textField = _interopRequireDefault(require("../text-field"));
|
|
12
12
|
var _reactNumberFormat = require("react-number-format");
|
|
13
13
|
var _excluded = ["customInput"];
|
|
14
|
-
// Interface para as propriedades de entrada específicas do MaskField
|
|
15
|
-
|
|
16
14
|
var MaskField = exports.MaskField = function MaskField(props) {
|
|
17
15
|
var customInput = props.customInput,
|
|
18
16
|
otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
@@ -45,7 +45,7 @@ var DialogV2 = exports.DialogV2 = function DialogV2(props) {
|
|
|
45
45
|
onClose = props.onClose,
|
|
46
46
|
otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
47
47
|
var haveSecondaryButton = secondaryButtonText && secondaryButtonAction;
|
|
48
|
-
return /*#__PURE__*/_react["default"].createElement(_.
|
|
48
|
+
return /*#__PURE__*/_react["default"].createElement(_.ThemeProviderFlipper, {
|
|
49
49
|
options: theme
|
|
50
50
|
}, /*#__PURE__*/_react["default"].createElement(_.Dialog, (0, _extends2["default"])({}, otherProps, {
|
|
51
51
|
open: open,
|
package/index.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ export { default as TableHead } from './core/data-display/table/table-head';
|
|
|
52
52
|
export { default as TableRow } from './core/data-display/table/table-row';
|
|
53
53
|
export { default as Tabs } from './core/navigation/tabs';
|
|
54
54
|
export { default as TextField } from './core/inputs/text-field';
|
|
55
|
-
export { default as
|
|
55
|
+
export { default as ThemeProviderFlipper } from './core/context/theme-provider';
|
|
56
56
|
export { default as Tooltip } from './core/feedback/tooltip';
|
|
57
57
|
export { default as Tree } from './core/data-display/tree';
|
|
58
58
|
export { default as Typography } from './core/data-display/typography';
|
package/index.js
CHANGED
|
@@ -361,7 +361,7 @@ Object.defineProperty(exports, "TextField", {
|
|
|
361
361
|
return _textField["default"];
|
|
362
362
|
}
|
|
363
363
|
});
|
|
364
|
-
Object.defineProperty(exports, "
|
|
364
|
+
Object.defineProperty(exports, "ThemeProviderFlipper", {
|
|
365
365
|
enumerable: true,
|
|
366
366
|
get: function get() {
|
|
367
367
|
return _themeProvider["default"];
|