flipper-ui 0.27.2 → 0.28.0

package/core/{Drawer.d.ts → Drawer/index.d.ts}

@@ -1,6 +1,6 @@
 import { DrawerProps as MuiDrawerProps } from '@material-ui/core/Drawer';
-import { DefaultProps } from './types';
-interface DrawerProps extends MuiDrawerProps, DefaultProps {
+import { DefaultProps } from '../types';
+export interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }

package/core/{Drawer.js → Drawer/index.js}

@@ -24,7 +24,7 @@ var getStyles = function getStyles(top, width) {
       drawerPaper: {
         top: 'inherit',
         width: 'inherit',
-        height: top ? "calc(100% - ".concat(top, "px)") : '100%'
+        height: "calc(100% - ".concat(top, "px)")
       }
     });
   });

package/core/{EditableTable.d.ts → EditableTable/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Column, Options } from 'material-table';
-interface EditableTableProps<T extends object> {
+export interface EditableTableProps<T extends object> {
     title?: string;
     color?: 'primary' | 'inherit' | 'secondary' | 'disabled';
     columns?: Column<object>[];

package/core/{EditableTable.js → EditableTable/index.js}

@@ -12,30 +12,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _materialTable = _interopRequireWildcard(require("material-table"));
-var _NoteAdd = _interopRequireDefault(require("@material-ui/icons/NoteAdd"));
-var _Done = _interopRequireDefault(require("@material-ui/icons/Done"));
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
-var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLeft"));
-var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
-var _FirstPage = _interopRequireDefault(require("@material-ui/icons/FirstPage"));
-var _LastPage = _interopRequireDefault(require("@material-ui/icons/LastPage"));
-var _Typography = _interopRequireDefault(require("./Typography"));
+var _icons = require("../../icons");
+var _Typography = _interopRequireDefault(require("../Typography"));
 var _omit = _interopRequireDefault(require("ramda/es/omit"));
 var _contains = _interopRequireDefault(require("ramda/es/contains"));
-var _cond = _interopRequireDefault(require("ramda/es/cond"));
-var _T = _interopRequireDefault(require("ramda/es/T"));
+var _propOr = _interopRequireDefault(require("ramda/es/propOr"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Button = _interopRequireDefault(require("./Button"));
-var _DateTime = _interopRequireDefault(require("./DateTime"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _DateTime = _interopRequireDefault(require("../DateTime"));
 var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
-var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
-var _ListItem = _interopRequireDefault(require("./ListItem"));
-var _TextField = _interopRequireDefault(require("./TextField"));
-var _MaskField = _interopRequireDefault(require("./MaskField"));
-var _colors = require("../colors");
-var _localization = require("../lib/localization");
+var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+var _TextField = _interopRequireDefault(require("../TextField"));
+var _MaskField = _interopRequireDefault(require("../MaskField"));
+var _colors = require("../../colors");
+var _localization = require("../../lib/localization");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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; }
@@ -83,14 +74,16 @@ var EditableTable = function EditableTable(props) {
   };
   var renderAddComponent = /*#__PURE__*/_react["default"].createElement(AddRowButton, {
     "data-id": "add-row"
-  }, /*#__PURE__*/_react["default"].createElement(_NoteAdd["default"], null), /*#__PURE__*/_react["default"].createElement(AddRowText, null, " Adicionar ", props.title, " "));
+  }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), /*#__PURE__*/_react["default"].createElement(AddRowText, null, " Adicionar ", props.title, " "));
   var pagination = !props.paginationInfo ? {
     Pagination: function Pagination() {
       return null;
     }
   } : props.noRowsExpand && {
     Pagination: function Pagination(item) {
-      return /*#__PURE__*/_react["default"].createElement(RightPagination, null, /*#__PURE__*/_react["default"].createElement(_materialTable.MTablePagination, (0, _extends2["default"])({}, (0, _omit["default"])(['classes'], item), {
+      return /*#__PURE__*/_react["default"].createElement(RightPagination, {
+        "data-id": "pagination"
+      }, /*#__PURE__*/_react["default"].createElement(_materialTable.MTablePagination, (0, _extends2["default"])({}, (0, _omit["default"])(['classes'], item), {
         localization: (0, _localization.getLocalization)(props.title).pagination
       })));
     }
@@ -104,9 +97,10 @@ var EditableTable = function EditableTable(props) {
     return /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
       openOnFocus: true,
       selectTextOnFocus: true,
+      "data-testid": "autocomplete-container",
       value: inputProps.value,
       onChange: inputProps.onChange,
-      suggestions: props.autoCompleteSuggestions || [],
+      suggestions: (0, _propOr["default"])([], 'autoCompleteSuggestions', props),
       renderSuggestion: function renderSuggestion(item, props, selected) {
         return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], (0, _extends2["default"])({
           key: item.value,
@@ -123,9 +117,10 @@ var EditableTable = function EditableTable(props) {
       actions: props.onClickAdd && /*#__PURE__*/_react["default"].createElement(FullWidthButton, {
         color: addButtonColor,
         name: "dialog-add",
+        "data-testid": "dialog-add",
         variant: "dashed",
         onClick: props.onClickAdd
-      }, /*#__PURE__*/_react["default"].createElement(_NoteAdd["default"], null), "Adicionar")
+      }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), "Adicionar")
     });
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -177,22 +172,30 @@ var EditableTable = function EditableTable(props) {
             action: localProps.action
           });
         };
-        var renderDefault = function renderDefault() {
-          return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, {
-            disabled: true,
-            action: function action() {},
-            size: 0,
-            data: []
-          });
-        };
-        var hasData = function hasData(localProps) {
-          return !!localProps.action && size && data;
-        };
-        var isToolbar = function isToolbar(localProps) {
-          return localProps.action && 'position' in localProps.action && localProps.action.position === 'toolbar';
-        };
-        return (0, _cond["default"])([[isToolbar, renderToolbarButton], [hasData, renderActionButton], [_T["default"], renderDefault]])(localProps);
+
+        // const renderDefault = () => (
+        //     <MTableAction
+        //         disabled
+        //         action={() => {}}
+        //         size={0}
+        //         data={[]}
+        //     />
+        // )
+
+        // const hasData = !!localProps.action && size && data
+        var isToolbar = localProps.action && 'position' in localProps.action && localProps.action.position === 'toolbar';
+        if (isToolbar) {
+          return renderToolbarButton();
+        }
+        return renderActionButton();
+
+        // return cond([
+        //     [isToolbar, renderToolbarButton],
+        //     [hasData, renderActionButton],
+        //     [T, renderDefault]
+        // ])(localProps)
       },
+
       EditField: function EditField(localProps) {
         if (localProps.columnDef.type === 'datetime') {
           return /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
@@ -212,6 +215,8 @@ var EditableTable = function EditableTable(props) {
           return renderAutoComplete(localProps);
         }
         return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableEditField, (0, _extends2["default"])({
+          "data-testid": "mui-input",
+          role: "".concat(localProps.columnDef.field, "-input"),
           name: localProps.columnDef.field + '-input'
         }, localProps));
       }
@@ -222,46 +227,47 @@ var EditableTable = function EditableTable(props) {
         return renderAddComponent;
       }),
       Delete: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.Delete, {
           name: "row-remove",
           color: props.color || 'primary'
         });
       }),
       Check: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_Done["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.Done, {
           name: "confirm-row-edit",
           color: props.color || 'primary'
         });
       }),
       Clear: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_Clear["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
           name: "cancel-row-edit",
           color: props.color || 'primary'
         });
       }),
       Edit: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
           name: "row-edit",
           color: props.color || 'primary'
         });
       }),
       FirstPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_FirstPage["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.FirstPage, {
           color: props.color || 'primary'
         });
       }),
       PreviousPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_ChevronLeft["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.ChevronLeft, {
           color: props.color || 'primary'
         });
       }),
       LastPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_LastPage["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.LastPage, {
           color: props.color || 'primary'
         });
       }),
       NextPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
-        return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_icons.ChevronRight, {
+          "data-testid": "next-page",
           color: props.color || 'primary'
         });
       })
@@ -286,7 +292,7 @@ var EditableTable = function EditableTable(props) {
       toolbarButtonAlignment: 'left',
       padding: 'dense',
       rowStyle: {
-        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif;'
+        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
       },
       headerStyle: {
         borderBottom: '2px #CED4DE solid'

package/core/{ExpansionPanel.d.ts → ExpansionPanel/index.d.ts}

@@ -1,6 +1,6 @@
 import React, { ReactNode, MouseEvent } from 'react';
-import { PaperProps } from './Paper';
-import { HTMLElementWithDataCy } from './types';
+import { PaperProps } from '../Paper';
+import { HTMLElementWithDataCy } from '../types';
 export interface ExpansionPanelProps extends PaperProps {
     actions?: ReactNode;
     defaultExpanded?: boolean;
@@ -17,6 +17,7 @@ export interface ExpansionPanelProps extends PaperProps {
     helperIcon?: React.ReactNode;
     editable?: boolean;
     editing?: boolean;
+    role?: string;
     helperButtonPosition?: 'left' | 'right';
     onHelperClick?: () => void;
     onEditClick?: () => void;

package/core/{ExpansionPanel.js → ExpansionPanel/index.js}

@@ -10,12 +10,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
-var _ExpansionPanelActions = _interopRequireDefault(require("@material-ui/core/ExpansionPanelActions"));
+var _AccordionActions = _interopRequireDefault(require("@material-ui/core/AccordionActions"));
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
 var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _TextField = require("./TextField");
+var _TextField = require("../TextField");
 var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "onClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
 var _templateObject;
 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; }
@@ -80,10 +80,10 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     onEditClick: handleEditClick,
     onSaveClick: handleSaveClick,
     saveButtonProps: {
-      'data-cy': 'save-button'
+      role: 'save-button'
     },
     editButtonProps: {
-      'data-cy': 'edit-button'
+      role: 'edit-button'
     }
   }));
   return /*#__PURE__*/_react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, otherProps, {
@@ -97,7 +97,7 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     style: summaryStyle
   }, /*#__PURE__*/_react["default"].createElement(ExpansionPanelHeaderWrapper, headerProps, helperButtonPosition === 'left' && renderHelper, summary, renderEdit, helperButtonPosition === 'right' && renderHelper)), details && /*#__PURE__*/_react["default"].createElement(_AccordionDetails["default"], {
     style: detailsStyle
-  }, details), actions && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelActions["default"], {
+  }, details), actions && /*#__PURE__*/_react["default"].createElement(_AccordionActions["default"], {
     style: actionsStyle
   }, actions));
 };

package/core/{Fab.d.ts → Fab/index.d.ts}

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

package/core/{Fade.d.ts → Fade/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DefaultProps } from './types';
-interface FadeProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface FadeProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;

package/core/{Grow.d.ts → Grow/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DefaultProps } from './types';
-interface GrowProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface GrowProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;

package/core/{Header.d.ts → Header/index.d.ts}

@@ -1,4 +1,4 @@
-import { PaperProps } from './Paper';
+import { PaperProps } from '../Paper';
 export interface HeaderProps extends PaperProps {
     position?: 'absolute' | 'fixed' | 'static' | 'sticky';
     color?: 'default' | 'inherit' | 'primary' | 'secondary';

package/core/{IconButton.d.ts → IconButton/index.d.ts}

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

package/core/{IconButton.js → IconButton/index.js}

@@ -19,9 +19,6 @@ var IconButton = function IconButton(_ref) {
     margin = _ref.margin,
     style = _ref.style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  console.log({
-    otherProps: otherProps
-  });
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,

package/core/{InputAdornment.d.ts → InputAdornment/index.d.ts}

@@ -1,4 +1,4 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 export interface InputAdornmentProps extends DefaultProps {
     position: 'start' | 'end';
 }

package/core/{InputBase.d.ts → InputBase/index.d.ts}

@@ -1,5 +1,5 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 export interface InputAdornmentProps extends DefaultProps {
     autoComplete?: string;
     autoFocus?: boolean;

package/core/Line/index.d.ts

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

package/core/Line/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _react = _interopRequireDefault(require("react"));
+var _colors = require("../../colors");
+var _excluded = ["padding", "margin", "style", "primary"];
+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; }
+var Line = function Line(_ref) {
+  var padding = _ref.padding,
+    margin = _ref.margin,
+    style = _ref.style,
+    primary = _ref.primary,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    style: _objectSpread({
+      flex: 1,
+      padding: padding,
+      margin: margin,
+      border: "1px solid ".concat(primary ? _colors.primary.normal : _colors.background.normal)
+    }, style)
+  }, otherProps));
+};
+var _default = Line;
+exports["default"] = _default;

package/core/{List.d.ts → List/index.d.ts}

@@ -1,5 +1,5 @@
-import { DefaultProps } from './types';
-interface ListProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface ListProps extends DefaultProps {
     title?: string;
     dense?: boolean;
     color?: 'primary' | 'secondary' | 'default' | 'inherit';

package/core/{List.js → List/index.js}

@@ -49,9 +49,9 @@ var List = function List(_ref) {
   var classes = useStyles();
   return /*#__PURE__*/_react["default"].createElement(_List["default"], (0, _extends2["default"])({
     subheader: title ? /*#__PURE__*/_react["default"].createElement(_ListSubheader["default"], {
-      className: classes ? classes[color] : ''
+      className: classes[color]
     }, title) : undefined,
-    className: classes ? "".concat(classes[color], " ").concat(className) : '',
+    className: "".concat(classes[color], " ").concat(className),
     style: _objectSpread({
       padding: padding,
       margin: margin

package/core/{ListItem.d.ts → ListItem/index.d.ts}

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 import { Omit } from 'ramda';
 interface ListItemProps extends Omit<DefaultProps, 'name'> {
     avatar?: JSX.Element;

package/core/{MaskField.d.ts → MaskField/index.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextFieldProps } from './TextField';
+import { TextFieldProps } from '../TextField';
 export interface MaskFieldProps {
     mask?: string;
     type?: 'text' | 'tel' | 'password';

package/core/{MaskField.js → MaskField/index.js}

@@ -8,7 +8,7 @@ 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 _TextField = _interopRequireDefault(require("./TextField"));
+var _TextField = _interopRequireDefault(require("../TextField"));
 var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
 var _excluded = ["customInput"];
 var MaskField = function MaskField(props) {

package/core/{Menu.d.ts → Menu/index.d.ts}

@@ -1,6 +1,6 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
-interface MenuProps extends DefaultProps, MuiMenuProps {
+export interface MenuProps extends DefaultProps, MuiMenuProps {
     open: boolean;
     anchorEl?: HTMLElement;
     withWrapper?: boolean;

package/core/{Menu.js → Menu/index.js}

@@ -26,7 +26,9 @@ var Menu = function Menu(_ref) {
       padding: padding,
       margin: margin
     }, style)
-  }), withWrapper ? /*#__PURE__*/_react["default"].createElement("div", null, children) : children);
+  }), withWrapper ? /*#__PURE__*/_react["default"].createElement("div", {
+    role: "menu-wrapper-container"
+  }, children) : children);
 };
 var _default = Menu;
 exports["default"] = _default;

package/core/{Node.d.ts → Node/index.d.ts}

@@ -1,5 +1,5 @@
-import { DefaultProps } from './types';
-interface NodeProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface NodeProps extends DefaultProps {
     name: string;
 }
 declare const Node: (props: NodeProps) => JSX.Element;

package/core/{Node.js → Node/index.js}

@@ -10,9 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 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 _colors = require("../../colors");
+var _icons = require("../../icons");
 var _templateObject, _templateObject2;
 var styles = {
   icon: {
@@ -39,9 +38,9 @@ var Node = function Node(props) {
     setOpen(!open);
   };
   var renderDropdownIcon = function renderDropdownIcon() {
-    return open ? /*#__PURE__*/_react["default"].createElement(_KeyboardArrowUp["default"], {
+    return open ? /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowUp, {
       style: styles.icon
-    }) : /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], {
+    }) : /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowDown, {
       style: styles.icon
     });
   };

package/core/{Pagination.d.ts → Pagination/index.d.ts}

@@ -1,4 +1,4 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 export interface PaginationProps extends DefaultProps {
     pages?: number;
     active: number;

package/core/{Pagination.js → Pagination/index.js}

@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _inc = _interopRequireDefault(require("ramda/es/inc"));
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
-var _KeyboardArrowRight = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight"));
-var _Button = _interopRequireDefault(require("./Button"));
+var _icons = require("../../icons");
+var _Button = _interopRequireDefault(require("../Button"));
+var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
 var _templateObject;
 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; }
@@ -26,9 +27,13 @@ var Pagination = function Pagination(props) {
     margin = props.margin,
     _props$pages = props.pages,
     pages = _props$pages === void 0 ? 1 : _props$pages,
-    className = props.className;
-  var allPages = (0, _times["default"])(_inc["default"], pages || 1);
-  return /*#__PURE__*/_react["default"].createElement(Content, (0, _extends2["default"])({}, props, {
+    className = props.className,
+    onNavigate = props.onNavigate,
+    onNext = props.onNext,
+    onPrevious = props.onPrevious,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var allPages = (0, _times["default"])(_inc["default"], pages);
+  return /*#__PURE__*/_react["default"].createElement(Content, (0, _extends2["default"])({}, rest, {
     className: className,
     style: _objectSpread({
       padding: padding,
@@ -36,23 +41,26 @@ var Pagination = function Pagination(props) {
     }, style)
   }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     id: "prev-page-button",
+    "data-testid": "prev-page-button",
     size: "small",
-    onClick: props.onPrevious
-  }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft["default"], null)), allPages.map(function (page) {
+    onClick: onPrevious
+  }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, null)), allPages.map(function (page) {
     return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       size: "small",
+      "data-testid": "pagination-page-".concat(page),
       key: page,
       id: "pagination-page-".concat(page),
       color: page === active ? 'primary' : 'default',
       onClick: function onClick() {
-        return props.onNavigate(page);
+        return onNavigate(page);
       }
     }, page);
   }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     id: "next-page-button",
+    "data-testid": "next-page-button",
     size: "small",
-    onClick: props.onNext
-  }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight["default"], null)));
+    onClick: onNext
+  }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)));
 };
 var _default = Pagination;
 exports["default"] = _default;

package/core/{Paper.d.ts → Paper/index.d.ts}

@@ -1,4 +1,4 @@
-import type { DefaultProps } from './types';
+import type { DefaultProps } from '../types';
 export interface PaperProps extends DefaultProps {
     square?: boolean;
     elevation?: number;

package/core/{Paper.js → Paper/index.js}

@@ -21,6 +21,7 @@ var Paper = function Paper(_ref) {
     margin = _ref.margin,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, otherProps, {
+    role: "mui-paper-container",
     style: _objectSpread({
       padding: padding,
       margin: margin

package/core/{PinInput.d.ts → PinInput/index.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-interface PinInputGridProps {
+export interface PinInputGridProps {
     pin: Array<number | undefined>;
     setPin: (pin: Array<number | undefined>) => void;
     onPinChanged: (pinEntry: number | undefined, index: number) => void;