flipper-ui 0.30.10 → 0.31.0

package/core/feedback/zoom/index.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { DefaultProps } from '../../types';
+import type { ReactElement } from 'react';
+import type { DefaultProps } from '../../types';
 export interface ZoomProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
         exit?: number;
     };
-    children?: React.ReactElement<Record<string, unknown>>;
+    children?: ReactElement<Record<string, unknown>>;
 }
 export declare const Zoom: ({ children, padding, margin, style, ...otherProps }: ZoomProps) => React.JSX.Element;
 export default Zoom;

package/core/feedback/zoom/index.js

@@ -8,8 +8,8 @@ exports["default"] = exports.Zoom = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Zoom = _interopRequireDefault(require("@material-ui/core/Zoom"));
 var _react = _interopRequireDefault(require("react"));
+var _Zoom = _interopRequireDefault(require("@material-ui/core/Zoom"));
 var _excluded = ["children", "padding", "margin", "style"];
 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; }

package/core/inputs/auto-complete/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent, MouseEvent } from 'react';
+import React from 'react';
+import type { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent, MouseEvent, ReactElement } from 'react';
 export interface AutoCompleteProps {
     autoFocus?: boolean;
     defaultIsOpen?: boolean;
@@ -19,7 +20,7 @@ export interface AutoCompleteProps {
     onChange: (value: TSelected) => void;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    renderInput(props: IInputProps): React.ReactElement;
+    renderInput(props: IInputProps): ReactElement;
 }
 export interface IInputProps {
     value: string;

package/core/inputs/auto-complete/index.js

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
-var _paper = _interopRequireDefault(require("../../surfaces/paper"));
-var _fade = _interopRequireDefault(require("../../feedback/fade"));
+var _fade = require("../../feedback/fade");
+var _paper = require("../../surfaces/paper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; }
@@ -138,7 +138,7 @@ var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
       bottom: getPaperPosition() === 'above' && inputRef.current ? inputRef.current.getBoundingClientRect().height + 1 : undefined,
       zIndex: 1099
     };
-    return /*#__PURE__*/_react["default"].createElement(_paper["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_paper.Paper, {
       square: true,
       style: paperStyle
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -153,7 +153,7 @@ var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
     })), props.actions);
   };
   var renderPaper = function renderPaper() {
-    return props.fade ? /*#__PURE__*/_react["default"].createElement(_fade["default"], {
+    return props.fade ? /*#__PURE__*/_react["default"].createElement(_fade.Fade, {
       "in": open
     }, renderSuggestions()) : renderSuggestions();
   };

package/core/inputs/button/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ElementType, MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
+import React from 'react';
+import type { ElementType, MouseEvent, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
 export interface ButtonProps extends DefaultProps {
     disabled?: boolean;
     selected?: boolean;
@@ -11,7 +12,7 @@ export interface ButtonProps extends DefaultProps {
     fullWidth?: boolean;
     variant?: 'text' | 'outlined' | 'contained' | 'dashed';
     target?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     'data-testid'?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }

package/core/inputs/button/index.js

@@ -8,8 +8,8 @@ exports["default"] = exports.Button = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _react = _interopRequireDefault(require("react"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _excluded = ["children", "margin", "padding", "style", "variant"];
 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; }

package/core/inputs/checkbox/index.d.ts

@@ -1,6 +1,7 @@
-import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core';
-import React, { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from '../../types';
+import React from 'react';
+import type { ChangeEvent, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { CheckboxProps as MuiCheckboxProps } from '@material-ui/core';
 export interface CheckboxProps extends DefaultProps {
     name: string;
     label?: ReactNode;
@@ -10,7 +11,7 @@ export interface CheckboxProps extends DefaultProps {
     checked?: boolean;
     dense?: boolean;
     type?: 'switch' | 'checkbox';
-    helperIcon?: React.ReactNode;
+    helperIcon?: ReactNode;
     onHelperClick?: () => void;
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
     checkboxProps?: MuiCheckboxProps;

package/core/inputs/checkbox/index.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Checkbox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _react = _interopRequireDefault(require("react"));
 var _textField = require("../text-field");
 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; }

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { ChipRenderer } from 'material-ui-chip-input';
-import { InputLabelProps } from '@material-ui/core';
+import type { ReactNode } from 'react';
+import type { InputLabelProps } from '@material-ui/core';
+import type { ChipRenderer } from 'material-ui-chip-input';
 export interface ChipFieldProps<T extends TChipValues> {
     allowDuplicates?: boolean;
     values: T[];
@@ -9,7 +10,7 @@ export interface ChipFieldProps<T extends TChipValues> {
     fullWidth?: boolean;
     fullWidthInput?: boolean;
     InputLabelProps?: InputLabelProps;
-    label?: React.ReactNode;
+    label?: ReactNode;
     placeholder?: string;
     readOnly?: boolean;
     error?: boolean;

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

@@ -22,8 +22,8 @@ var ChipField = exports.ChipField = function ChipField(props) {
     });
   }, [props.values]);
   return /*#__PURE__*/_react["default"].createElement(StyledChipInput, (0, _extends2["default"])({}, props, {
-    id: "chip-field-root",
     alwaysShowPlaceholder: true,
+    id: "chip-field-root",
     value: values
   }));
 };

package/core/inputs/date-time/index.d.ts

@@ -1,17 +1,18 @@
 import React from 'react';
+import type { MouseEvent } from 'react';
 import DateFnsUtils from '@date-io/date-fns';
-import { DefaultProps } from '../../types';
-import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
-import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
-import { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';
-import { Omit } from 'ramda';
-import { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';
+import type { DefaultProps } from '../../types';
+import type { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
+import type { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
+import type { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';
+import type { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';
+import type { Omit } from 'ramda';
 export interface IProps {
     locale?: DateFnsUtils['locale'];
     type?: 'date' | 'time' | 'datetime';
     inputProps?: object;
-    onAuxClick?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
-    onAuxClickCapture?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
+    onAuxClick?(event: MouseEvent<HTMLDivElement, MouseEvent>): void;
+    onAuxClickCapture?(event: MouseEvent<HTMLDivElement, MouseEvent>): void;
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
 export type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;

package/core/inputs/date-time/index.js

@@ -8,10 +8,10 @@ exports["default"] = exports.DateTime = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _pickers = require("@material-ui/pickers");
 var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
+var _pickers = require("@material-ui/pickers");
 var _textField = require("../text-field");
-var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
+var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"]; // eslint-disable-next-line @stylistic/max-len
 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 DEFAULT_FORMATS = {

package/core/inputs/icon-button/index.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
+import type { MouseEvent } from 'react';
+import React from 'react';
+import type { DefaultProps } from '../../types';
 export interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
     disabled?: boolean;

package/core/inputs/icon-button/index.js

@@ -8,8 +8,8 @@ exports["default"] = exports.IconButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _react = _interopRequireDefault(require("react"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _excluded = ["children", "padding", "margin", "style"];
 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; }

package/core/inputs/input-adornment/index.d.ts

@@ -1,7 +1,7 @@
-import { InputAdornmentProps as MuiInputAdornmentProps } from '@material-ui/core';
 import React from 'react';
-import { DefaultProps } from '../../types';
-export interface InputAdornmentProps extends DefaultProps, MuiInputAdornmentProps {
+import type { DefaultProps } from '../../types';
+import type { InputAdornmentProps as MuiInputProps } from '@material-ui/core';
+export interface InputAdornmentProps extends DefaultProps, MuiInputProps {
     position: 'start' | 'end';
 }
 export declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => React.JSX.Element;

package/core/inputs/input-adornment/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.InputAdornment = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _react = _interopRequireDefault(require("react"));
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _excluded = ["children"];
 var InputAdornment = exports.InputAdornment = function InputAdornment(_ref) {
   var children = _ref.children,

package/core/inputs/input-base/index.d.ts

@@ -1,6 +1,7 @@
-import { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
-import React, { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from '../../types';
+import type { ChangeEvent, ReactNode } from 'react';
+import React from 'react';
+import type { DefaultProps } from '../../types';
+import type { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
 export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProps, 'margin'> {
     autoComplete?: string;
     autoFocus?: boolean;

package/core/inputs/input-base/index.js

@@ -8,8 +8,8 @@ exports["default"] = exports.InputBase = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
 var _react = _interopRequireDefault(require("react"));
+var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
 var _excluded = ["margin", "padding", "style", "autoComplete"];
 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; }

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TextFieldProps } from '@/core/inputs/text-field';
-import { NumberFormatProps } from 'react-number-format';
+import type { ComponentType } from 'react';
+import type { NumberFormatProps } from 'react-number-format';
+import type { TextFieldProps } from '@/core/inputs/text-field';
 export interface MaskFieldProps extends NumberFormatProps {
     mask?: string;
     type?: 'text' | 'tel' | 'password';
@@ -9,7 +10,7 @@ export interface MaskFieldProps extends NumberFormatProps {
     decimalScale?: number;
     thousandSeparator?: boolean | string;
     fixedDecimalScale?: boolean;
-    customInput?: React.ComponentType<TextFieldProps>;
+    customInput?: ComponentType<TextFieldProps>;
 }
 export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
 export default MaskField;

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

@@ -8,8 +8,8 @@ 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 = _interopRequireDefault(require("react-number-format"));
+var _textField = require("../text-field");
 var _excluded = ["customInput"];
 var MaskField = exports.MaskField = function MaskField(props) {
   var customInput = props.customInput,
@@ -20,7 +20,7 @@ var MaskField = exports.MaskField = function MaskField(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"]
+      customInput: customInput || _textField.TextField
     }))
   );
 };

package/core/inputs/pin-input/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CSSProperties } from 'react';
 export interface PinInputGridProps {
     pin: Array<number | undefined>;
     setPin: (pin: Array<number | undefined>) => void;
@@ -7,8 +8,8 @@ export interface PinInputGridProps {
     validationResult: boolean | undefined;
     isValidating: boolean;
     size: 'small' | 'large';
-    style?: React.CSSProperties;
-    inputProps?: React.CSSProperties;
+    style?: CSSProperties;
+    inputProps?: CSSProperties;
     variant?: 'outlined' | 'standard';
 }
 export declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => React.JSX.Element;

package/core/inputs/pin-input/index.js

@@ -9,8 +9,8 @@ exports["default"] = exports.PinInput = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _react = _interopRequireWildcard(require("react"));
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["pinLength", "pin", "setPin", "onPinChanged", "validationResult", "isValidating", "size", "style", "inputProps", "variant"];
 var _templateObject;
@@ -121,10 +121,6 @@ var PinInput = exports.PinInput = function PinInput(_ref) {
     return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
       disabled: isValidating,
       variant: variant || 'outlined',
-      onKeyDown: function onKeyDown(event) {
-        return _onKeyDown(event, index);
-      },
-      onPaste: onPaste,
       color: "primary",
       className: "pin-input-field",
       error: validationResult,
@@ -137,10 +133,14 @@ var PinInput = exports.PinInput = function PinInput(_ref) {
         inputRefs.current[index] = el;
       },
       key: index,
+      value: pin[index] === 0 ? 0 : pin[index] || '',
+      onKeyDown: function onKeyDown(event) {
+        return _onKeyDown(event, index);
+      },
+      onPaste: onPaste,
       onChange: function onChange(event) {
         _onChange(event, index);
-      },
-      value: pin[index] === 0 ? 0 : pin[index] || ''
+      }
     });
   }));
 };

package/core/inputs/radio/index.d.ts

@@ -1,6 +1,7 @@
-import { RadioProps as MuiRadioProps } from '@material-ui/core';
-import React, { ChangeEvent } from 'react';
-import { DefaultProps } from '../../types';
+import type { ChangeEvent } from 'react';
+import React from 'react';
+import type { DefaultProps } from '../../types';
+import type { RadioProps as MuiRadioProps } from '@material-ui/core';
 export interface RadioProps extends DefaultProps, MuiRadioProps {
     checked?: boolean;
     color?: 'primary' | 'secondary' | 'default';

package/core/inputs/radio/index.js

@@ -8,8 +8,8 @@ exports["default"] = exports.Radio = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 var _react = _interopRequireDefault(require("react"));
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 var _excluded = ["padding", "margin", "style"];
 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; }

package/core/inputs/radio-group/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from '../../types';
+import type { ChangeEvent, ReactNode } from 'react';
+import React from 'react';
+import type { DefaultProps } from '../../types';
 export interface RadioGroupProps extends DefaultProps {
     row?: boolean;
     title?: ReactNode;

package/core/inputs/radio-group/index.js

@@ -8,12 +8,12 @@ exports["default"] = exports.RadioGroup = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
 var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel"));
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _react = _interopRequireDefault(require("react"));
 var _excluded = ["row", "options", "className", "padding", "margin", "style", "title", "value", "spacing", "name", "onChange"];
 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; }

package/core/inputs/select/index.d.ts

@@ -1,13 +1,14 @@
-import { SelectProps as MuiSelectProps } from '@material-ui/core';
-import React, { ChangeEvent } from 'react';
-import { DefaultProps } from '../../types';
+import React from 'react';
+import type { ChangeEvent, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { SelectProps as MuiSelectProps } from '@material-ui/core';
 export interface SelectProps extends DefaultProps, Omit<MuiSelectProps, 'margin' | 'value' | 'event' | 'onChange'> {
     autoWidth?: boolean;
     value?: string | number;
     multiple?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     hasClear?: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
     onClear?: () => void;
     onClose?: () => void;
     onChange: (event: ChangeEvent<HTMLSelectElement | HTMLInputElement>) => void;

package/core/inputs/select/index.js

@@ -8,12 +8,12 @@ exports["default"] = exports.Select = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 var _styles = require("@material-ui/core/styles");
 var _icons = require("../../../icons");
-var _react = _interopRequireDefault(require("react"));
 var _excluded = ["children", "style", "margin", "padding", "hasClear", "onClear", "onChange", "variant"];
 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; }
@@ -25,8 +25,8 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     position: "end"
   }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     role: "end-adornment-component",
-    onClick: onClear,
-    size: "small"
+    size: "small",
+    onClick: onClear
   }, /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
     style: {
       fontSize: '15px'
@@ -65,7 +65,6 @@ var Select = exports.Select = function Select(_ref) {
     endAdornment: renderEndAdornment(onClear)
   } : {};
   return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({}, endAdornment, {
-    onChange: handleChange,
     inputProps: {
       'data-testid': 'select-input'
     },
@@ -77,7 +76,8 @@ var Select = exports.Select = function Select(_ref) {
     style: _objectSpread({
       margin: margin,
       padding: padding
-    }, style)
+    }, style),
+    onChange: handleChange
   }, otherProps), children);
 };
 var _default = exports["default"] = Select;

package/core/inputs/slider/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SliderProps } from '@material-ui/core/Slider';
-import { DefaultProps } from '../../types';
+import type { DefaultProps } from '../../types';
+import type { SliderProps } from '@material-ui/core/Slider';
 export interface ISliderProps {
     defaultValue?: number | number[];
 }

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

@@ -1,6 +1,7 @@
-import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core';
-import React, { ChangeEvent, KeyboardEvent, FocusEvent, ReactNode, MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
+import React from 'react';
+import type { ChangeEvent, ClipboardEvent, KeyboardEvent, FocusEvent, ReactNode, MouseEvent, Ref, HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { TextFieldProps as MuiTextFieldProps } from '@material-ui/core';
 export interface IOption {
     label: string;
     name?: string;
@@ -25,7 +26,7 @@ export interface TextFieldProps extends DefaultProps, Omit<MuiTextFieldProps, 'm
     type?: string;
     value?: string | number;
     variant?: 'standard' | 'outlined' | 'filled';
-    inputRef?: React.Ref<HTMLInputElement>;
+    inputRef?: Ref<HTMLInputElement>;
     inputProps?: object;
     InputProps?: object;
     InputLabelProps?: object;
@@ -39,7 +40,7 @@ export interface TextFieldProps extends DefaultProps, Omit<MuiTextFieldProps, 'm
     onClear?: () => void;
     onHelperClick?: () => void;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: KeyboardEvent) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
@@ -51,8 +52,8 @@ interface IEditProps extends Pick<TextFieldProps, 'showEdit' | 'style'> {
     editing: boolean;
     onEditClick: (event: MouseEvent<HTMLButtonElement>) => void;
     onSaveClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    editButtonProps?: Partial<Omit<React.HTMLAttributes<HTMLButtonElement>, 'color'>>;
-    saveButtonProps?: Partial<Omit<React.HTMLAttributes<HTMLButtonElement>, 'color'>>;
+    editButtonProps?: Partial<Omit<HTMLAttributes<HTMLButtonElement>, 'color'>>;
+    saveButtonProps?: Partial<Omit<HTMLAttributes<HTMLButtonElement>, 'color'>>;
 }
 export declare const TextFieldWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const StaticTextFieldWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -9,15 +9,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
 var _styles = require("@material-ui/core/styles");
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("../../../icons");
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _when = _interopRequireDefault(require("ramda/es/when"));
 var _is = _interopRequireDefault(require("ramda/es/is"));
 var _pipe = _interopRequireDefault(require("ramda/es/pipe"));
@@ -26,6 +23,9 @@ var _map = _interopRequireDefault(require("ramda/es/map"));
 var _zipObj = _interopRequireDefault(require("ramda/es/zipObj"));
 var _reject = _interopRequireDefault(require("ramda/es/reject"));
 var _propEq = _interopRequireDefault(require("ramda/es/propEq"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _icons = require("../../../icons");
+var _iconButton = require("../icon-button");
 var _theme = require("../../../theme");
 var _excluded = ["options", "margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear", "children"];
 var _templateObject, _templateObject2, _templateObject3;
@@ -75,7 +75,7 @@ var toLispCase = exports.toLispCase = function toLispCase(name) {
 var HelperBox = exports.HelperBox = function HelperBox(props) {
   return /*#__PURE__*/_react["default"].createElement(Helper, {
     role: "helper-box"
-  }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
     padding: "6px 2px",
     onClick: props.onHelperClick
   }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_icons.Help, {
@@ -103,12 +103,12 @@ var renderOptions = exports.renderOptions = function renderOptions(options, clas
 var EditBox = exports.EditBox = function EditBox(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     role: "edit-box"
-  }, props.editing ? /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.saveButtonProps, {
+  }, props.editing ? /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, (0, _extends2["default"])({}, props.saveButtonProps, {
     padding: "6px 2px",
     onClick: props.onSaveClick
   }), /*#__PURE__*/_react["default"].createElement(_icons.Save, {
     fontSize: "small"
-  })) : /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.editButtonProps, {
+  })) : /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, (0, _extends2["default"])({}, props.editButtonProps, {
     padding: "6px 2px",
     onClick: props.onEditClick
   }), /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
@@ -120,8 +120,8 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     position: "end"
   }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     role: "clear-button",
-    onClick: onClear,
-    size: "small"
+    size: "small",
+    onClick: onClear
   }, /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
     style: {
       fontSize: '15px'