flipper-ui 0.26.6 → 0.26.8

package/core/Advertise.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import type { DefaultProps } from './types';
 interface AdvertiseProps extends DefaultProps {
     comment: string;
@@ -6,5 +5,5 @@ interface AdvertiseProps extends DefaultProps {
     commentStyle?: object;
     authorStyle?: object;
 }
-declare const Advertise: FC<AdvertiseProps>;
+declare const Advertise: ({ comment, author, padding, commentStyle, authorStyle, ...otherProps }: AdvertiseProps) => JSX.Element;
 export default Advertise;

package/core/AutoComplete.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, FC, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent } from 'react';
+import React, { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent } from 'react';
 interface AutoCompleteProps {
     autoFocus?: boolean;
     defaultIsOpen?: boolean;
@@ -36,5 +36,5 @@ interface ISelected {
     subheader?: boolean;
 }
 declare type TSelected = ISelected | string;
-declare const AutoComplete: FC<AutoCompleteProps>;
+declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
 export default AutoComplete;

package/core/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import type { DefaultProps } from './types';
 interface AvatarProps extends DefaultProps {
     name?: string;
@@ -7,6 +7,7 @@ interface AvatarProps extends DefaultProps {
     src?: string;
     imgProps?: object;
     primary?: boolean;
+    children?: React.ReactNode;
 }
-declare const Avatar: FC<AvatarProps>;
+declare const Avatar: ({ children, primary, className, ...otherProps }: AvatarProps) => JSX.Element;
 export default Avatar;

package/core/Badge.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React from 'react';
 import { BadgeProps as MuiBadgeProps } from '@material-ui/core/Badge';
 import type { DefaultProps } from './types';
 export interface BadgeProps extends DefaultProps, MuiBadgeProps {
+    children: React.ReactNode;
     max?: number;
     counter: number | string;
     position?: {
@@ -11,5 +12,5 @@ export interface BadgeProps extends DefaultProps, MuiBadgeProps {
         right?: number;
     };
 }
-declare const Badge: FC<BadgeProps>;
+declare const Badge: (props: BadgeProps) => JSX.Element;
 export default Badge;

package/core/Box.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React from 'react';
 import type { DefaultProps } from './types';
 export interface BoxProps extends DefaultProps {
     minHeight?: number;
+    children: React.ReactNode;
 }
-declare const Box: FC<BoxProps>;
+declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => JSX.Element;
 export default Box;

package/core/Button.d.ts

@@ -1,4 +1,4 @@
-import { FC, ElementType, MouseEvent } from 'react';
+import React, { ElementType, MouseEvent } from 'react';
 import { DefaultProps } from './types';
 export interface ButtonProps extends DefaultProps {
     disabled?: boolean;
@@ -11,7 +11,8 @@ export interface ButtonProps extends DefaultProps {
     fullWidth?: boolean;
     variant?: 'text' | 'outlined' | 'contained' | 'dashed';
     target?: string;
+    children?: React.ReactNode;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const Button: FC<ButtonProps>;
+declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => JSX.Element;
 export default Button;

package/core/Card.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 import { CardProps } from '@material-ui/core/Card';
 import { CardActionAreaProps } from '@material-ui/core/CardActionArea';
@@ -6,10 +5,10 @@ import { CardActionsProps } from '@material-ui/core/CardActions';
 import { CardContentProps } from '@material-ui/core/CardContent';
 import { CardMediaProps } from '@material-ui/core/CardMedia';
 import { CardHeaderProps } from '@material-ui/core/CardHeader';
-export declare const CardActionArea: FC<DefaultProps & CardActionAreaProps>;
-export declare const CardActions: FC<DefaultProps & CardActionsProps>;
-export declare const CardContent: FC<DefaultProps & CardContentProps>;
-export declare const CardMedia: FC<DefaultProps & CardMediaProps>;
-export declare const CardHeader: FC<DefaultProps & CardHeaderProps>;
-declare const Card: FC<DefaultProps & CardProps>;
+export declare const CardActionArea: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionAreaProps) => JSX.Element;
+export declare const CardActions: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionsProps) => JSX.Element;
+export declare const CardContent: ({ margin, padding, style, ...otherProps }: DefaultProps & CardContentProps) => JSX.Element;
+export declare const CardMedia: ({ margin, padding, style, ...otherProps }: DefaultProps & CardMediaProps) => JSX.Element;
+export declare const CardHeader: ({ margin, padding, style, ...otherProps }: DefaultProps & CardHeaderProps) => JSX.Element;
+declare const Card: ({ margin, padding, style, ...otherProps }: DefaultProps & CardProps) => JSX.Element;
 export default Card;

package/core/Chapter.d.ts

@@ -1,11 +1,12 @@
-import { CSSProperties, FC } from 'react';
-import { DefaultProps } from './types';
 import type { TypographyProps } from '@material-ui/core/Typography';
+import React, { CSSProperties } from 'react';
+import { DefaultProps } from './types';
 interface LineProps extends DefaultProps {
     primary?: boolean;
     width?: string;
     variant?: TypographyProps['variant'];
     childrenStyle?: CSSProperties;
+    children?: React.ReactNode;
 }
-declare const Chapter: FC<LineProps>;
+declare const Chapter: ({ padding, margin, style, childrenStyle, children, variant, ...otherProps }: LineProps) => JSX.Element;
 export default Chapter;

package/core/Chip.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 import { ChipProps } from '@material-ui/core/Chip';
 export interface IChipProps extends DefaultProps {
     square?: boolean;
 }
-declare const Chip: FC<ChipProps & IChipProps>;
+declare const Chip: ({ square, padding, margin, style, ...otherProps }: ChipProps & IChipProps) => JSX.Element;
 export default Chip;

package/core/Collapse.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { DefaultProps } from './types';
 interface CollapseProps extends DefaultProps {
     collapsedHeight?: string;
@@ -7,6 +7,7 @@ interface CollapseProps extends DefaultProps {
         enter?: number;
         exit?: number;
     } | 'auto';
+    children?: React.ReactNode;
 }
-declare const Collapse: FC<CollapseProps>;
+declare const Collapse: ({ children, padding, margin, style, ...otherProps }: CollapseProps) => JSX.Element;
 export default Collapse;

package/core/Container.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
-declare const Container: FC<DefaultProps>;
+declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => JSX.Element;
 export default Container;

package/core/Content.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
-declare const Content: FC<DefaultProps>;
+declare const Content: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => JSX.Element;
 export default Content;

package/core/DataTable/DataTable.d.ts

@@ -1,6 +1,6 @@
 import React, { MutableRefObject, CSSProperties } from 'react';
 import { ColumnSpec, Data, DataTableController, Errors, PaginationOptions, RowViewComponent, StackView } from './types';
-export declare type DataTableProps<D extends Data, V extends StackView = {}> = {
+export declare type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
     /**
      * The data to be shown in the table
      */

package/core/DataTable/DataTableQueryPaginated.d.ts

@@ -1,6 +1,6 @@
 import React, { MutableRefObject, CSSProperties } from 'react';
 import { ColumnSpec, Data, DataTableController, Errors, PaginationOptions, RowViewComponent, StackView } from './types';
-export declare type DataTableProps<D extends Data, V extends StackView = {}> = {
+export declare type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
     /**
      * The data to be shown in the table
      */

package/core/DataTable/DataTableQueryPaginated.js

@@ -71,7 +71,7 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
       return data;
     }
     return data;
-  }, [pagination.disabled, data, perPage, page, newRow]);
+  }, [pagination.disabled, data]);
   var _useRowsState = (0, _useRowsState2.useRowsState)(rows, newRow),
     getRowState = _useRowsState.getRowState,
     setEditableRowState = _useRowsState.setEditableRowState,

package/core/DateTime.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
 import { DefaultProps } from './types';
 import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
@@ -15,5 +15,5 @@ interface IProps {
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
 declare type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
-declare const DateTime: FC<DateTimeProps>;
+declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
 export default DateTime;

package/core/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode, FC } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { DefaultProps } from './types';
 interface DialogProps extends DefaultProps {
     open: boolean;
@@ -23,5 +23,5 @@ interface DialogProps extends DefaultProps {
     scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
     onClose?: (event: Event) => void;
 }
-declare const Dialog: FC<DialogProps>;
+declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle }: DialogProps) => JSX.Element;
 export default Dialog;

package/core/Divider.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 interface DividerProps extends DefaultProps {
     inset?: boolean;
     light?: boolean;
 }
-declare const Divider: FC<DividerProps>;
+declare const Divider: ({ margin, padding, style, ...otherProps }: DividerProps) => JSX.Element;
 export default Divider;

package/core/Drawer.d.ts

@@ -1,9 +1,8 @@
 import { DrawerProps as MuiDrawerProps } from '@material-ui/core/Drawer';
-import { FC } from 'react';
 import { DefaultProps } from './types';
 interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }
-declare const Drawer: FC<DrawerProps>;
+declare const Drawer: (props: DrawerProps) => JSX.Element;
 export default Drawer;

package/core/ExpansionPanel.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, FC } from 'react';
+import React, { ReactNode } from 'react';
 import { PaperProps } from './Paper';
 interface ExpansionPanelProps extends PaperProps {
     actions?: ReactNode;
@@ -14,7 +14,7 @@ interface ExpansionPanelProps extends PaperProps {
     helperIcon?: React.ReactNode;
     helperButtonPosition?: 'left' | 'right';
     onHelperClick?: () => void;
-    onChange?: (event?: React.ChangeEvent<{}>, expanded?: boolean) => void;
+    onChange?: (event?: React.ChangeEvent<Record<string, unknown>>, expanded?: boolean) => void;
 }
-declare const ExpansionPanel: FC<ExpansionPanelProps>;
+declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, onHelperClick, helperIcon, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
 export default ExpansionPanel;

package/core/Fab.d.ts

@@ -8,7 +8,7 @@ interface FabProps extends DefaultProps {
     href?: string;
     variant?: 'round' | 'extended';
     onClick?: (event?: MouseEvent<HTMLElement>) => void;
-    children: React.ReactElement<{}>;
+    children: React.ReactElement<Record<string, unknown>>;
 }
 declare const Fab: ({ children, margin, padding, style, variant, ...otherProps }: FabProps) => JSX.Element;
 export default Fab;

package/core/Fade.d.ts

@@ -6,7 +6,7 @@ interface FadeProps extends DefaultProps {
         enter?: number;
         exit?: number;
     };
-    children?: React.ReactElement<{}>;
+    children: React.ReactElement<Record<string, unknown>>;
 }
 declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => JSX.Element;
 export default Fade;

package/core/Grow.d.ts

@@ -6,7 +6,7 @@ interface GrowProps extends DefaultProps {
         enter?: number;
         exit?: number;
     } | 'auto';
-    children?: React.ReactElement<{}>;
+    children?: React.ReactElement<Record<string, unknown>>;
 }
 declare const Grow: ({ children, padding, margin, style, ...otherProps }: GrowProps) => JSX.Element;
 export default Grow;

package/core/Header.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { PaperProps } from './Paper';
 export interface HeaderProps extends PaperProps {
     position?: 'absolute' | 'fixed' | 'static' | 'sticky';
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
 }
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ children, padding, margin, style, elevation, ...otherProps }: HeaderProps) => JSX.Element;
 export default Header;

package/core/IconButton.d.ts

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

package/core/InputAdornment.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 export interface InputAdornmentProps extends DefaultProps {
     position: 'start' | 'end';
 }
-declare const InputAdornment: FC<InputAdornmentProps>;
+declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => JSX.Element;
 export default InputAdornment;

package/core/InputBase.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactNode, FC } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { DefaultProps } from './types';
 export interface InputAdornmentProps extends DefaultProps {
     autoComplete?: string;
@@ -22,5 +22,5 @@ export interface InputAdornmentProps extends DefaultProps {
     type?: string;
     value?: string | number | boolean;
 }
-declare const InputAdornment: FC<InputAdornmentProps>;
+declare const InputAdornment: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => JSX.Element;
 export default InputAdornment;

package/core/Line.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 interface LineProps extends DefaultProps {
     primary?: boolean;
     width?: string;
 }
-declare const Line: FC<LineProps>;
+declare const Line: ({ padding, margin, style, ...otherProps }: LineProps) => JSX.Element;
 export default Line;

package/core/List.d.ts

@@ -1,9 +1,8 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 interface ListProps extends DefaultProps {
     title?: string;
     dense?: boolean;
     color?: 'primary' | 'secondary' | 'default' | 'inherit';
 }
-declare const List: FC<ListProps>;
+declare const List: ({ title, padding, margin, style, children, className, color, ...otherProps }: ListProps) => JSX.Element;
 export default List;

package/core/ListItem.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, FC } from 'react';
+import { MouseEvent } from 'react';
 import { DefaultProps } from './types';
 import { Omit } from 'ramda';
 interface ListItemProps extends Omit<DefaultProps, 'name'> {
@@ -12,5 +12,5 @@ interface ListItemProps extends Omit<DefaultProps, 'name'> {
     disabled?: boolean;
     onClick?: (event?: MouseEvent) => void;
 }
-declare const ListItem: FC<ListItemProps>;
+declare const ListItem: (props: ListItemProps) => JSX.Element;
 export default ListItem;

package/core/MaskField.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { TextFieldProps } from './TextField';
 export interface MaskFieldProps {
     mask?: string;
@@ -10,7 +10,5 @@ export interface MaskFieldProps {
     fixedDecimalScale?: boolean;
     customInput?: React.ComponentType<TextFieldProps>;
 }
-declare class MaskField extends Component<TextFieldProps & MaskFieldProps> {
-    render(): JSX.Element;
-}
+declare const MaskField: (props: TextFieldProps & MaskFieldProps) => JSX.Element;
 export default MaskField;

package/core/MaskField.js

@@ -1,51 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _TextField = _interopRequireDefault(require("./TextField"));
 var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
 var _excluded = ["customInput"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var MaskField = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(MaskField, _Component);
-  var _super = _createSuper(MaskField);
-  function MaskField() {
-    (0, _classCallCheck2["default"])(this, MaskField);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(MaskField, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        customInput = _this$props.customInput,
-        otherProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      return (
-        /*#__PURE__*/
-        // Although react-number-format allow use of additional props,
-        // shows problem with some props like have been do this
-        // actually on flipper-ui. (e.g. errors treatment)
-        _react["default"].createElement(_reactNumberFormat["default"], (0, _extends2["default"])({}, otherProps, {
-          customInput: customInput || _TextField["default"]
-        }))
-      );
-    }
-  }]);
-  return MaskField;
-}(_react.Component);
+var MaskField = function MaskField(props) {
+  var customInput = props.customInput,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (
+    /*#__PURE__*/
+    // Although react-number-format allow use of additional props,
+    // shows problem with some props like have been do this
+    // actually on flipper-ui. (e.g. errors treatment)
+    _react["default"].createElement(_reactNumberFormat["default"], (0, _extends2["default"])({}, otherProps, {
+      customInput: customInput || _TextField["default"]
+    }))
+  );
+};
 var _default = MaskField;
 exports["default"] = _default;

package/core/Menu.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
 interface MenuProps extends DefaultProps, MuiMenuProps {
@@ -6,5 +5,5 @@ interface MenuProps extends DefaultProps, MuiMenuProps {
     anchorEl?: HTMLElement;
     withWrapper?: boolean;
 }
-declare const Menu: FC<MenuProps>;
+declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => JSX.Element;
 export default Menu;

package/core/Node.d.ts

@@ -1,15 +1,6 @@
-import { Component } from 'react';
 import { DefaultProps } from './types';
 interface NodeProps extends DefaultProps {
     name: string;
 }
-interface IState {
-    open: boolean;
-}
-declare class Node extends Component<NodeProps, IState> {
-    constructor(props: NodeProps);
-    handleToggleOpen(): void;
-    renderDropdownIcon(): JSX.Element;
-    render(): JSX.Element;
-}
+declare const Node: (props: NodeProps) => JSX.Element;
 export default Node;

package/core/Node.js

@@ -1,29 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _evolve = _interopRequireDefault(require("ramda/es/evolve"));
-var _not = _interopRequireDefault(require("ramda/es/not"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
 var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDown"));
 var _KeyboardArrowUp = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowUp"));
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var styles = {
   icon: {
     fontSize: '24px',
@@ -34,56 +23,35 @@ var Ul = _styledComponents["default"].ul(_templateObject || (_templateObject = (
 var Li = _styledComponents["default"].li(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    font-size: 16px;\n    margin: 12px;\n    background: ", ";\n    padding: 12px;\n    padding-left: ", ";\n    list-style: none;\n    border-radius: 6px;\n    border: 1px solid ", ";\n    transition: all 500ms ease;\n    cursor: pointer;\n    align-items: center;\n    display: flex;\n    &:hover {\n        background: ", ";\n        border: 1px solid ", ";\n    }\n"])), _colors.transparent, function (props) {
   return props.inset ? '12px' : '48px';
 }, _colors.background.dark, _colors.background.light, _colors.primary.normal);
-var Node = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Node, _Component);
-  var _super = _createSuper(Node);
-  function Node(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Node);
-    _this = _super.call(this, props);
-    _this.state = {
-      open: false
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(Node, [{
-    key: "handleToggleOpen",
-    value: function handleToggleOpen() {
-      this.setState((0, _evolve["default"])({
-        open: _not["default"]
-      }));
-    }
-  }, {
-    key: "renderDropdownIcon",
-    value: function renderDropdownIcon() {
-      return this.state.open ? /*#__PURE__*/_react["default"].createElement(_KeyboardArrowUp["default"], {
-        style: styles.icon
-      }) : /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], {
-        style: styles.icon
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var open = this.state.open;
-      var _this$props = this.props,
-        id = _this$props.id,
-        name = _this$props.name,
-        children = _this$props.children,
-        _this$props$style = _this$props.style,
-        style = _this$props$style === void 0 ? {} : _this$props$style,
-        className = _this$props.className;
-      return /*#__PURE__*/_react["default"].createElement(Ul, {
-        key: id || name,
-        style: style,
-        className: className
-      }, /*#__PURE__*/_react["default"].createElement(Li, {
-        inset: Boolean(children),
-        onClick: this.handleToggleOpen.bind(this)
-      }, children && this.renderDropdownIcon(), name), open && children);
-    }
-  }]);
-  return Node;
-}(_react.Component);
+var Node = function Node(props) {
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var id = props.id,
+    name = props.name,
+    children = props.children,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    className = props.className;
+  var handleToggleOpen = function handleToggleOpen() {
+    setOpen(!open);
+  };
+  var renderDropdownIcon = function renderDropdownIcon() {
+    return open ? /*#__PURE__*/_react["default"].createElement(_KeyboardArrowUp["default"], {
+      style: styles.icon
+    }) : /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], {
+      style: styles.icon
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement(Ul, {
+    key: id || name,
+    style: style,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(Li, {
+    inset: Boolean(children),
+    onClick: handleToggleOpen
+  }, children && renderDropdownIcon(), name), open && children);
+};
 var _default = Node;
 exports["default"] = _default;