flipper-ui 0.26.1 → 0.26.7

package/core/Stepper.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,67 +9,42 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _Step = _interopRequireDefault(require("@material-ui/core/Step"));
 var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
 var _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _excluded = ["active", "bottomLabel", "steps", "padding", "margin", "style"];
-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 || _typeof3(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 isActive = function isActive(index, active) {
   return active !== undefined ? active >= index : undefined;
 };
-var Stepper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Stepper, _Component);
-  var _super = _createSuper(Stepper);
-  function Stepper() {
-    (0, _classCallCheck2["default"])(this, Stepper);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Stepper, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        active = _this$props.active,
-        bottomLabel = _this$props.bottomLabel,
-        steps = _this$props.steps,
-        padding = _this$props.padding,
-        margin = _this$props.margin,
-        _this$props$style = _this$props.style,
-        style = _this$props$style === void 0 ? {} : _this$props$style,
-        otherProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], (0, _extends2["default"])({
-        alternativeLabel: bottomLabel,
-        activeStep: active,
-        style: _objectSpread({
-          padding: padding,
-          margin: margin
-        }, style)
-      }, otherProps), steps.map(function (step, index) {
-        return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
-          icon: (0, _typeof2["default"])(step) === 'object' ? typeof step.icon === 'function' ? step.icon(isActive(index, active)) : /*#__PURE__*/_react["default"].cloneElement(step.icon, {
-            active: isActive(index, active),
-            color: isActive(index, active) ? 'primary' : 'default'
-          }) : index + 1
-        }, (0, _typeof2["default"])(step) === 'object' ? step.label : step));
-      }));
-    }
-  }]);
-  return Stepper;
-}(_react.Component);
-Stepper.defaultProps = {
-  active: 0
+var Stepper = function Stepper(_ref) {
+  var active = _ref.active,
+    bottomLabel = _ref.bottomLabel,
+    steps = _ref.steps,
+    padding = _ref.padding,
+    margin = _ref.margin,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], (0, _extends2["default"])({
+    alternativeLabel: bottomLabel,
+    activeStep: active,
+    style: _objectSpread({
+      padding: padding,
+      margin: margin
+    }, style)
+  }, otherProps), steps.map(function (step, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
+      icon: (0, _typeof2["default"])(step) === 'object' ? typeof step.icon === 'function' ? step.icon(isActive(index, active)) : /*#__PURE__*/_react["default"].cloneElement(step.icon, {
+        active: isActive(index, active),
+        color: isActive(index, active) ? 'primary' : 'default'
+      }) : index + 1
+    }, (0, _typeof2["default"])(step) === 'object' ? step.label : step));
+  }));
 };
 var _default = Stepper;
 exports["default"] = _default;

package/core/Tab.d.ts

@@ -1,4 +1,3 @@
-import { Component } from 'react';
 import { DefaultProps } from './types';
 interface TabProps extends DefaultProps {
     disabled?: boolean;
@@ -7,11 +6,5 @@ interface TabProps extends DefaultProps {
     value?: unknown;
     disableRipple?: boolean;
 }
-declare class Tab extends Component<TabProps> {
-    static defaultProps: {
-        disabled: boolean;
-        margin: string;
-    };
-    render(): JSX.Element;
-}
+declare const Tab: ({ style, margin, disableRipple, padding, ...otherProps }: TabProps) => JSX.Element;
 export default Tab;

package/core/Tab.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,50 +8,24 @@ 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"));
-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 _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _excluded = ["style", "margin", "disableRipple", "padding"];
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 Tab = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Tab, _Component);
-  var _super = _createSuper(Tab);
-  function Tab() {
-    (0, _classCallCheck2["default"])(this, Tab);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Tab, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        style = _this$props.style,
-        margin = _this$props.margin,
-        disableRipple = _this$props.disableRipple,
-        padding = _this$props.padding,
-        otherProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({
-        disableRipple: true,
-        style: _objectSpread({
-          margin: margin,
-          padding: padding
-        }, style)
-      }, otherProps));
-    }
-  }]);
-  return Tab;
-}(_react.Component);
-Tab.defaultProps = {
-  disabled: false,
-  margin: '0 4px'
+var Tab = function Tab(_ref) {
+  var style = _ref.style,
+    margin = _ref.margin,
+    disableRipple = _ref.disableRipple,
+    padding = _ref.padding,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({
+    disableRipple: true,
+    style: _objectSpread({
+      margin: margin,
+      padding: padding
+    }, style)
+  }, otherProps));
 };
 var _default = Tab;
 exports["default"] = _default;

package/core/Table.d.ts

@@ -1,8 +1,7 @@
 import { TableProps as MuiTableProps } from '@material-ui/core/Table';
-import { FC } from 'react';
 import { DefaultProps } from './types';
 interface TableProps extends DefaultProps {
     spacing?: MuiTableProps['padding'];
 }
-declare const Table: FC<MuiTableProps & TableProps>;
+declare const Table: ({ style, margin, padding, spacing, children, ...otherProps }: MuiTableProps & TableProps) => JSX.Element;
 export default Table;

package/core/TableBody.d.ts

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

package/core/TableCell.d.ts

@@ -1,5 +1,4 @@
 import { TableCellProps as MuiTableCellProps } from '@material-ui/core/TableCell';
-import { FC } from 'react';
 import { DefaultProps } from './types';
 import { Omit } from 'ramda';
 interface TableCellProps extends DefaultProps {
@@ -9,5 +8,5 @@ interface TableCellProps extends DefaultProps {
     padding?: number | string;
     align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
 }
-declare const TableCell: FC<Omit<MuiTableCellProps, 'padding'> & TableCellProps>;
+declare const TableCell: ({ style, margin, padding, children, spacing, ...otherProps }: Omit<MuiTableCellProps, 'padding'> & TableCellProps) => JSX.Element;
 export default TableCell;

package/core/TableHead.d.ts

@@ -19,5 +19,5 @@ interface ISort {
     onSort?(name: string): void;
 }
 export declare const SortContext: React.Context<ISort>;
-declare const _default: React.ComponentType<Pick<React.PropsWithChildren<TableHeadProps>, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
+declare const _default: React.ComponentType<Pick<TableHeadProps, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
 export default _default;

package/core/TableRow.d.ts

@@ -1,5 +1,5 @@
 import { TableRowProps as MuiTableRowProps } from '@material-ui/core/TableRow';
-import { FC, MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import { DefaultProps } from './types';
 interface TableRowProps extends DefaultProps {
     selected?: boolean;
@@ -7,5 +7,5 @@ interface TableRowProps extends DefaultProps {
     background?: string;
     onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
 }
-declare const TableRow: FC<MuiTableRowProps & TableRowProps>;
+declare const TableRow: ({ style, margin, padding, children, background, ...otherProps }: MuiTableRowProps & TableRowProps) => JSX.Element;
 export default TableRow;

package/core/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { DefaultProps } from './types';
 interface TabsProps extends DefaultProps {
     centered?: boolean;
@@ -18,5 +18,5 @@ interface IClasses {
         indicator: string;
     };
 }
-declare const Tabs: FC<TabsProps & IClasses>;
+declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => JSX.Element;
 export default Tabs;

package/core/TextField.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, KeyboardEvent, FC, FocusEvent, ReactNode, MouseEvent } from 'react';
+import React, { ChangeEvent, KeyboardEvent, FocusEvent, ReactNode, MouseEvent } from 'react';
 import { DefaultProps } from './types';
 export interface TextFieldProps extends DefaultProps {
     autoComplete?: string;
@@ -42,5 +42,5 @@ export declare const TextFieldWrapper: import("styled-components").StyledCompone
 export declare const StaticTextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const useStyles: (props?: any) => Record<"input" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline" | "iconOutlined", string>;
 export declare const HelperBox: (props: IHelperProps) => JSX.Element;
-declare const TextField: FC<TextFieldProps>;
+declare const TextField: ({ margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, ...otherProps }: TextFieldProps) => JSX.Element;
 export default TextField;

package/core/ThemeProvider.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React from 'react';
 import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 interface ThemeProviderProps {
     options?: ThemeOptions;
+    children: React.ReactNode;
 }
-declare const ThemeProvider: FC<ThemeProviderProps>;
+declare const ThemeProvider: ({ options, children }: ThemeProviderProps) => JSX.Element;
 export default ThemeProvider;

package/core/Tree.d.ts

@@ -1,5 +1,4 @@
-import { Component } from 'react';
-interface INode {
+export interface INode {
     id: string | number;
     name: string;
     nodes?: INode[];
@@ -7,8 +6,5 @@ interface INode {
 interface TreeProps {
     nodes?: INode[];
 }
-declare class Tree extends Component<TreeProps, {}> {
-    renderNode(node: any, index: any, root?: boolean): JSX.Element;
-    render(): JSX.Element[];
-}
+declare const Tree: ({ nodes }: TreeProps) => JSX.Element;
 export default Tree;

package/core/Tree.js

@@ -1,55 +1,37 @@
 "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 _react = _interopRequireWildcard(require("react"));
+var _omit = _interopRequireDefault(require("ramda/es/omit"));
+var _react = _interopRequireDefault(require("react"));
 var _Node = _interopRequireDefault(require("./Node"));
-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 Tree = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Tree, _Component);
-  var _super = _createSuper(Tree);
-  function Tree() {
-    (0, _classCallCheck2["default"])(this, Tree);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Tree, [{
-    key: "renderNode",
-    value: function renderNode(node, index) {
-      var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var id = node.id,
-        name = node.name,
-        nodes = node.nodes;
-      return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
-        id: index,
-        name: name,
-        key: id || index,
-        style: root ? {
-          padding: 0
-        } : {}
-      }, nodes && nodes.map(this.renderNode.bind(this)));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return (this.props.nodes || []).map(function (node, index) {
-        return _this.renderNode(node, index, true);
-      });
-    }
-  }]);
-  return Tree;
-}(_react.Component);
+var Tree = function Tree(_ref) {
+  var _ref$nodes = _ref.nodes,
+    nodes = _ref$nodes === void 0 ? [] : _ref$nodes;
+  var renderNode = function renderNode(node, index) {
+    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var id = node.id,
+      name = node.name,
+      nodes = node.nodes;
+    return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
+      id: index,
+      name: name,
+      key: id || index,
+      style: root ? {
+        padding: 0
+      } : {}
+    }, nodes && nodes.map(function (node) {
+      return renderNode((0, _omit["default"])(['array'], node), index.toString());
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
+    name: "root"
+  }, nodes.map(function (node, index) {
+    return renderNode(node, index.toString(), true);
+  }));
+};
 var _default = Tree;
 exports["default"] = _default;

package/core/Typography.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
 import { DefaultProps } from './types';
 import { TypographyProps } from '@material-ui/core/Typography';
-declare const Typography: FC<TypographyProps & DefaultProps>;
+declare const Typography: ({ children, margin, padding, style, variant, ...otherProps }: TypographyProps & DefaultProps) => JSX.Element;
 export default Typography;

package/core/types.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'react';
 export interface DefaultProps {
+    children?: React.ReactNode;
     style?: CSSProperties;
     className?: string;
     margin?: number | string;

package/index.d.ts

@@ -59,3 +59,4 @@ export { default as Typography } from './core/Typography';
 export { default as Zoom } from './core/Zoom';
 export { default as PinInput } from './core/PinInput';
 export { default as Chapter } from './core/Chapter';
+export { default as DataTable } from './core/DataTable';

package/index.js

@@ -94,6 +94,12 @@ Object.defineProperty(exports, "Content", {
     return _Content["default"];
   }
 });
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function get() {
+    return _DataTable["default"];
+  }
+});
 Object.defineProperty(exports, "DateTime", {
   enumerable: true,
   get: function get() {
@@ -430,4 +436,5 @@ var _Tree = _interopRequireDefault(require("./core/Tree"));
 var _Typography = _interopRequireDefault(require("./core/Typography"));
 var _Zoom = _interopRequireDefault(require("./core/Zoom"));
 var _PinInput = _interopRequireDefault(require("./core/PinInput"));
-var _Chapter = _interopRequireDefault(require("./core/Chapter"));
+var _Chapter = _interopRequireDefault(require("./core/Chapter"));
+var _DataTable = _interopRequireDefault(require("./core/DataTable"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.26.1",
+    "version": "0.26.7",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -24,7 +24,9 @@
         "docs:build": "build-storybook -o docs",
         "type-check": "tsc --noEmit",
         "deploy": "gh-pages -d docs",
-        "release": "yarn build && node pre-publish.js && npm publish ./dist --access public"
+        "release": "yarn build && node pre-publish.js && npm publish ./dist --access public",
+        "cy:run": "cypress run --component",
+        "cy:open": "cypress open --component"
     },
     "author": "NG Informática",
     "license": "MIT",
@@ -49,47 +51,66 @@
         "@babel/preset-env": "7.20.2",
         "@babel/preset-react": "7.18.6",
         "@babel/preset-typescript": "7.18.6",
+        "@cypress/code-coverage": "3.10.0",
+        "@cypress/react": "6.2.0",
         "@storybook/addon-actions": "6.5.13",
         "@storybook/addon-essentials": "6.5.13",
         "@storybook/addon-links": "6.5.13",
         "@storybook/builder-webpack5": "6.5.13",
         "@storybook/manager-webpack5": "6.5.13",
         "@storybook/react": "6.5.13",
-        "webpack": "5",
+        "@testing-library/cypress": "8.0.3",
         "@testing-library/react": "9.3.2",
+        "@types/cypress-cucumber-preprocessor": "4.0.1",
         "@types/faker": "5.5.3",
         "@types/jest": "24.0.22",
         "@types/node": "10.9.4",
         "@types/ramda": "0.25.36",
-        "@types/react": "16.8.18",
+        "@types/react": "18.0.26",
+        "@types/react-router": "5.1.2",
+        "@types/react-router-dom": "5.1.2",
         "@types/styled-components": "4.4.2",
         "@types/uuid": "8.3.4",
-        "@typescript-eslint/eslint-plugin": "1.6.0",
-        "@typescript-eslint/parser": "1.6.0",
+        "@typescript-eslint/eslint-plugin": "5.44.0",
+        "@typescript-eslint/parser": "5.44.0",
         "babel-loader": "8.2.5",
-        "date-fns": "2.4.1",
         "babel-plugin-transform-class-properties": "6.24.1",
         "babel-plugin-transform-imports": "2.0.0",
-        "eslint": "5.16.0",
-        "eslint-config-prettier": "4.1.0",
-        "eslint-plugin-import": "2.16.0",
-        "eslint-plugin-prefer-arrow": "1.1.5",
+        "cypress": "12.0.2",
+        "cypress-cucumber-preprocessor": "4.3.1",
+        "cypress-plugin-tab": "^1.0.5",
+        "cypress-real-events": "^1.7.4",
+        "cypress-wait-until": "^1.7.2",
+        "date-fns": "2.4.1",
+        "eslint": "8.28.0",
+        "eslint-config-prettier": "8.5.0",
+        "eslint-plugin-cypress": "2.12.1",
+        "eslint-plugin-import": "2.26.0",
+        "eslint-plugin-prefer-arrow": "1.2.3",
+        "eslint-plugin-prettier": "4.2.1",
         "eslint-plugin-ramda": "2.5.1",
-        "eslint-plugin-react": "7.12.4",
+        "eslint-plugin-react": "7.31.11",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "eslint-plugin-storybook": "0.6.7",
         "fs-extra": "7.0.0",
         "gh-pages": "2.0.0",
         "jest": "24.9.0",
         "node-fetch": "2.6.1",
-        "prettier": "1.16.4",
-        "react": "16.14.0",
-        "react-dom": "16.14.0",
+        "node-polyfill-webpack-plugin": "2.0.1",
+        "prettier": "2.8.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-router": "5.1.2",
+        "react-router-dom": "5.1.2",
         "styled-components": "5.0.0",
-        "typescript": "3.9.5"
+        "ts-loader": "9.4.1",
+        "typescript": "3.9.10",
+        "webpack": "5"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "styled-components": "^5.0.0",
-        "date-fns": "2.4.1"
+        "date-fns": "2.4.1",
+        "react": "16.8.0",
+        "styled-components": "5.0.0"
     },
     "jest": {
         "setupFilesAfterEnv": [
@@ -101,5 +122,9 @@
             "!dist/",
             "!/node_modules/"
         ]
+    },
+    "cypress-cucumber-preprocessor": {
+        "nonGlobalStepDefinitions": true,
+        "moduleResolution": "node"
     }
 }

package/stories/Chapter.stories.js

@@ -29,7 +29,7 @@ WithCustomStyle.args = {
   },
   variant: 'body1',
   typoStyle: {
-    'color': 'blue'
+    color: 'blue'
   },
   children: 'Chapter'
 };

package/stories/Collapse.stories.js

@@ -55,5 +55,5 @@ var Closed = Template.bind({});
 exports.Closed = Closed;
 Closed.args = {
   "in": false,
-  children: 'I\'m not open for discussions. Please don\'t insist.'
+  children: 'I am not open for discussions. Please do not insist.'
 };