flipper-ui 0.31.1 → 0.31.4

package/core/inputs/button/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Button = void 0;
+exports["default"] = 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"));
@@ -13,7 +13,7 @@ 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; }
-var Button = exports.Button = function Button(_ref) {
+var Button = function Button(_ref) {
   var children = _ref.children,
     margin = _ref.margin,
     padding = _ref.padding,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").CheckboxProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").CheckboxProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const WithHelper: any;

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

@@ -16,5 +16,5 @@ export interface CheckboxProps extends DefaultProps {
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
     checkboxProps?: MuiCheckboxProps;
 }
-export declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/core/inputs/checkbox/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Checkbox = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
@@ -13,13 +13,10 @@ var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormCo
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _textField = require("../text-field");
+var _styles = require("./styles");
 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 DENSE = {
-  padding: '2px',
-  margin: '0px 7px'
-};
-var Checkbox = exports.Checkbox = function Checkbox(props) {
+var Checkbox = function Checkbox(props) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'checkbox' : _props$type,
     margin = props.margin,
@@ -38,7 +35,7 @@ var Checkbox = exports.Checkbox = function Checkbox(props) {
       checked: props.checked,
       value: props.name,
       color: props.color,
-      style: props.dense ? DENSE : {},
+      style: props.dense ? _styles.DENSE : {},
       disabled: props.disabled,
       onChange: props.onChange
     }));
@@ -62,7 +59,7 @@ var Checkbox = exports.Checkbox = function Checkbox(props) {
       variant: "body2"
     }, props.label) : props.label;
   };
-  return /*#__PURE__*/_react["default"].createElement(_textField.TextFieldWrapper, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.CheckFieldsWrapper, {
     id: props.id
   }, props.label ? /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     style: _objectSpread({

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const DENSE: {
+    padding: string;
+    margin: string;
+};
+export declare const CheckFieldsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/core/inputs/checkbox/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DENSE = exports.CheckFieldsWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+var DENSE = exports.DENSE = {
+  padding: '2px',
+  margin: '0px 7px'
+};
+var CheckFieldsWrapper = exports.CheckFieldsWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").ChipFieldProps<import(".").TChipValues>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").ChipFieldProps<import(".").TChipValues>>;
 export default _default;
 export declare const Default: any;

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

@@ -21,5 +21,5 @@ export interface ChipFieldProps<T extends TChipValues> {
 export type TChipValues = {
     value: string | number;
 };
-export declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => React.JSX.Element;
+declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => React.JSX.Element;
 export default ChipField;

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

@@ -5,23 +5,19 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ChipField = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
-var _materialUiChipInput = _interopRequireDefault(require("material-ui-chip-input"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
+var _styles = require("./styles");
 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" != _typeof(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; }
-var StyledChipInput = (0, _styledComponents["default"])(_materialUiChipInput["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div > div {\n        padding: 0px !important;\n    }\n    & > div > div > div {\n        margin: 2px;\n    }\n    & > label {\n        top: -6px !important;\n        font-size: 14px !important;\n    }\n    & > label.MuiInputLabel-shrink {\n        top: 0px !important;\n    }\n    & > div > div > input {\n        padding: 10px !important;\n        font-size: 14px !important;\n    }\n"])));
-var ChipField = exports.ChipField = function ChipField(props) {
+var ChipField = function ChipField(props) {
   var values = (0, _react.useMemo)(function () {
     return props.values.map(function (item) {
       return item.value;
     });
   }, [props.values]);
-  return /*#__PURE__*/_react["default"].createElement(StyledChipInput, (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.StyledChipInput, (0, _extends2["default"])({}, props, {
     alwaysShowPlaceholder: true,
     id: "chip-field-root",
     value: values

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledChipInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("material-ui-chip-input").Props | ((Omit<import("material-ui-chip-input").StandardTextFieldProps, "ref"> | Omit<import("material-ui-chip-input").FilledTextFieldProps, "ref"> | Omit<import("material-ui-chip-input").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<import("react").Component<import("material-ui-chip-input").Props, any, any>>), import("styled-components/dist/types").BaseObject>> & (Omit<import("react").ComponentClass<import("material-ui-chip-input").Props, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("material-ui-chip-input").Props>, keyof import("react").Component<any, {}, any>>);

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledChipInput = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _materialUiChipInput = _interopRequireDefault(require("material-ui-chip-input"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+var StyledChipInput = exports.StyledChipInput = (0, _styledComponents["default"])(_materialUiChipInput["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div > div {\n        padding: 0px !important;\n    }\n    & > div > div > div {\n        margin: 2px;\n    }\n    & > label {\n        top: -6px !important;\n        font-size: 14px !important;\n    }\n    & > label.MuiInputLabel-shrink {\n        top: 0px !important;\n    }\n    & > div > div > input {\n        padding: 10px !important;\n        font-size: 14px !important;\n    }\n"])));

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

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("ramda").Omit<import("@material-ui/pickers").KeyboardDatePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardDateTimePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardTimePickerProps, "onChange" | "margin"> & import(".").IProps & import("../../types").DefaultProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("ramda").Omit<import("@material-ui/pickers").KeyboardDatePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardDateTimePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardTimePickerProps, "onChange" | "margin"> & import(".").IProps & import("../../types").DefaultProps>;
 export default _default;
 export declare const Default: any;
 export declare const WithTime: any;

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 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"]; // eslint-disable-next-line @stylistic/max-len
+var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
 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/icon-button.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IconButtonProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").IconButtonProps>;
 export default _default;
 export declare const Default: any;
 export declare const Primary: any;

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

@@ -1,5 +1,5 @@
-import type { MouseEvent } from 'react';
 import React from 'react';
+import type { MouseEvent } from 'react';
 import type { DefaultProps } from '../../types';
 export interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
@@ -8,5 +8,5 @@ export interface IconButtonProps extends DefaultProps {
     role?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-export declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => React.JSX.Element;
+declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => React.JSX.Element;
 export default IconButton;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.IconButton = void 0;
+exports["default"] = 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"));
@@ -13,7 +13,7 @@ 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; }
-var IconButton = exports.IconButton = function IconButton(_ref) {
+var IconButton = function IconButton(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,

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

@@ -4,5 +4,5 @@ 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;
+declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
 export default InputAdornment;

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

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.InputAdornment = void 0;
+exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _excluded = ["children"];
-var InputAdornment = exports.InputAdornment = function InputAdornment(_ref) {
+var InputAdornment = function InputAdornment(_ref) {
   var children = _ref.children,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], otherProps, children);

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").InputAdornmentProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").InputAdornmentProps>;
 export default _default;
 export declare const Default: any;

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

@@ -1,5 +1,5 @@
-import type { ChangeEvent, ReactNode } from 'react';
 import React from 'react';
+import type { ChangeEvent, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
 export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProps, 'margin'> {
@@ -24,5 +24,5 @@ export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProp
     type?: string;
     value?: string | number | boolean;
 }
-export declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
+declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
 export default InputBase;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.InputBase = void 0;
+exports["default"] = 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"));
@@ -13,7 +13,7 @@ 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; }
-var InputBase = exports.InputBase = function InputBase(_ref) {
+var InputBase = function InputBase(_ref) {
   var margin = _ref.margin,
     padding = _ref.padding,
     _ref$style = _ref.style,

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").InputAdornmentProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").InputAdornmentProps>;
 export default _default;
 export declare const Default: any;

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

@@ -12,5 +12,5 @@ export interface MaskFieldProps extends NumberFormatProps {
     fixedDecimalScale?: boolean;
     customInput?: ComponentType<TextFieldProps>;
 }
-export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
+declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
 export default MaskField;

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

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.MaskField = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
 var _textField = require("../text-field");
 var _excluded = ["customInput"];
-var MaskField = exports.MaskField = function MaskField(props) {
+var MaskField = function MaskField(props) {
   var customInput = props.customInput,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").MaskFieldProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").MaskFieldProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const MaskFieldWithInputAdornment: any;

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

@@ -8,12 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 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 _react = _interopRequireWildcard(require("react"));
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styles = require("./styles");
 var _excluded = ["pinLength", "pin", "setPin", "onPinChanged", "validationResult", "isValidating", "size", "style", "inputProps", "variant"];
-var _templateObject;
 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" != _typeof(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; }
@@ -21,7 +19,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    width: auto;\n    justify-content: center;\n"])));
 var PIN_MIN_VALUE = 0;
 var PIN_MAX_VALUE = 9;
 var BACKSPACE_KEY = 'Backspace';
@@ -40,6 +37,9 @@ var PinInput = exports.PinInput = function PinInput(_ref) {
   var inputRefs = (0, _react.useRef)([]);
   var changePinFocus = function changePinFocus(pinIndex) {
     var ref = inputRefs.current[pinIndex];
+
+    // it needs this if, otherwise doesn't work
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (ref) {
       ref.focus();
     }
@@ -56,7 +56,7 @@ var PinInput = exports.PinInput = function PinInput(_ref) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var value = _step.value;
-        intValues.push(parseInt(value));
+        intValues.push(parseInt(value, 10));
       }
     } catch (err) {
       _iterator.e(err);
@@ -115,7 +115,7 @@ var PinInput = exports.PinInput = function PinInput(_ref) {
     }, inputProps);
     return style;
   };
-  return /*#__PURE__*/_react["default"].createElement(Container, otherProps, Array.from({
+  return /*#__PURE__*/_react["default"].createElement(_styles.Container, otherProps, Array.from({
     length: pinLength
   }, function (_, index) {
     return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").PinInputGridProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").PinInputGridProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const Large: () => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ValidateContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ButtonContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValidateContainer = exports.Container = exports.ButtonContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3;
+var Container = exports.Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    width: auto;\n    justify-content: center;\n"])));
+var ValidateContainer = exports.ValidateContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    width: auto;\n    justify-content: center;\n    margin-bottom: 2rem;\n"])));
+var ButtonContainer = exports.ButtonContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    width: auto;\n    justify-content: center;\n    margin-top: 3rem;\n"])));

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

@@ -1,5 +1,5 @@
-import type { ChangeEvent } from 'react';
 import React from 'react';
+import type { ChangeEvent } from 'react';
 import type { DefaultProps } from '../../types';
 import type { RadioProps as MuiRadioProps } from '@material-ui/core';
 export interface RadioProps extends DefaultProps, MuiRadioProps {
@@ -9,5 +9,5 @@ export interface RadioProps extends DefaultProps, MuiRadioProps {
     disabled?: boolean;
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
 }
-export declare const Radio: ({ padding, margin, style, ...otherProps }: RadioProps) => React.JSX.Element;
+declare const Radio: ({ padding, margin, style, ...otherProps }: RadioProps) => React.JSX.Element;
 export default Radio;

package/core/inputs/radio/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Radio = void 0;
+exports["default"] = 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"));
@@ -13,7 +13,7 @@ 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; }
-var Radio = exports.Radio = function Radio(_ref) {
+var Radio = function Radio(_ref) {
   var padding = _ref.padding,
     margin = _ref.margin,
     style = _ref.style,

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

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").RadioProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").RadioProps>;
 export default _default;
 export declare const Default: any;
 export declare const Checked: any;

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

@@ -16,5 +16,5 @@ export interface IOption {
     label?: ReactNode;
     disabled?: boolean;
 }
-export declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => React.JSX.Element;
+declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => React.JSX.Element;
 export default RadioGroup;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.RadioGroup = void 0;
+exports["default"] = 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"));
@@ -17,7 +17,7 @@ var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup")
 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; }
-var RadioGroup = exports.RadioGroup = function RadioGroup(_ref) {
+var RadioGroup = function RadioGroup(_ref) {
   var row = _ref.row,
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,

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

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").RadioGroupProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").RadioGroupProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

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

@@ -13,5 +13,5 @@ export interface SelectProps extends DefaultProps, Omit<MuiSelectProps, 'margin'
     onClose?: () => void;
     onChange: (event: ChangeEvent<HTMLSelectElement | HTMLInputElement>) => void;
 }
-export declare const Select: ({ children, style, margin, padding, hasClear, onClear, onChange, variant, ...otherProps }: SelectProps) => React.JSX.Element;
+declare const Select: ({ children, style, margin, padding, hasClear, onClear, onChange, variant, ...otherProps }: SelectProps) => React.JSX.Element;
 export default Select;

package/core/inputs/select/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Select = void 0;
+exports["default"] = 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"));
@@ -33,7 +33,7 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     }
   })));
 };
-var Select = exports.Select = function Select(_ref) {
+var Select = function Select(_ref) {
   var children = _ref.children,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").SelectProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").SelectProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const WithClear: () => React.JSX.Element;

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

@@ -5,5 +5,5 @@ export interface ISliderProps {
     defaultValue?: number | number[];
 }
 export type FlipperSliderProps = Omit<SliderProps, 'defaultValue'> & DefaultProps & ISliderProps;
-export declare const Slider: ({ padding, margin, style, defaultValue, ...otherProps }: FlipperSliderProps) => React.JSX.Element;
+declare const Slider: ({ padding, margin, style, defaultValue, ...otherProps }: FlipperSliderProps) => React.JSX.Element;
 export default Slider;

package/core/inputs/slider/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Slider = void 0;
+exports["default"] = 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"));
@@ -13,7 +13,7 @@ var _Slider = _interopRequireDefault(require("@material-ui/core/Slider"));
 var _excluded = ["padding", "margin", "style", "defaultValue"];
 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 Slider = exports.Slider = function Slider(_ref) {
+var Slider = function Slider(_ref) {
   var padding = _ref.padding,
     margin = _ref.margin,
     _ref$style = _ref.style,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("@material-ui/core").SliderProps, "defaultValue"> & import("../../types").DefaultProps & import(".").ISliderProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<import("@material-ui/core").SliderProps, "defaultValue"> & import("../../types").DefaultProps & import(".").ISliderProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const Primary: any;

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

@@ -56,8 +56,6 @@ interface IEditProps extends Pick<TextFieldProps, 'showEdit' | 'style'> {
     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>>;
 export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "iconOutlined" | "listOptions" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline">;
 export declare const coerceComboOptions: (input: string) => IOption[];
 export declare const toLispCase: (name: string) => string;