flipper-ui 0.27.1 → 0.28.0

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChipRenderer } from 'material-ui-chip-input';
 import { InputLabelProps } from '@material-ui/core';
-interface ChipFieldProps<T extends TChipValues> {
+export interface ChipFieldProps<T extends TChipValues> {
     allowDuplicates?: boolean;
     values: T[];
     variant?: 'outlined' | 'standard' | 'filled';

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

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

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

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

package/core/Container/index.js

@@ -0,0 +1,29 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children", "padding", "margin", "style"];
+var ContainerStyles = {
+  display: 'flex',
+  flex: 1
+};
+var Container = function Container(_ref) {
+  var children = _ref.children,
+    padding = _ref.padding,
+    margin = _ref.margin,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var componentStyle = Object.assign({}, ContainerStyles, padding, margin, style);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    style: componentStyle
+  }, otherProps), children);
+};
+var _default = Container;
+exports["default"] = _default;

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

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

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

@@ -6,16 +6,17 @@ 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 _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["children", "padding", "margin", "style"];
 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; }
 var StyledContent = _styledComponents["default"].main(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n    transition: all 500ms ease;\n"])));
+var ContainerStyles = {
+  flex: 1,
+  transition: 'all 500ms ease'
+};
 var Content = function Content(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
@@ -23,11 +24,9 @@ var Content = function Content(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var componentStyle = Object.assign({}, ContainerStyles, padding, margin, style);
   return /*#__PURE__*/_react["default"].createElement(StyledContent, (0, _extends2["default"])({}, otherProps, {
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style)
+    style: componentStyle
   }), children);
 };
 var _default = Content;

package/core/DataTable/DataTable.js

@@ -198,6 +198,7 @@ var DataTable = function DataTable(props) {
     });
   }, [pagination.showFirstButton, pagination.showLastButton]);
   return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
+    role: "data-table-container",
     component: _Paper["default"]
   }, /*#__PURE__*/_react["default"].createElement(_Table["default"], null, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
     style: headStyle

package/core/DataTable/Rows.js

@@ -35,7 +35,6 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   var hasError = errors === null || errors === void 0 ? void 0 : (_errors$row$id = errors[row.id]) === null || _errors$row$id === void 0 ? void 0 : _errors$row$id.has(column.field);
   if (column.renderCell) {
     var _value = row[column.field];
-    console.log('renderCell', _value);
     return column.renderCell({
       data: row,
       rowMode: _types.RowMode.Edit,
@@ -181,7 +180,9 @@ var NewRow = function NewRow(_ref2) {
     });
     onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate((0, _defineProperty2["default"])({}, field, value));
   }, []);
-  return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, columns.map(function (column) {
+  return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
+    "data-testid": "table-row"
+  }, columns.map(function (column) {
     return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
       style: column.cellStyle,
       align: column.align,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
 import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
 import { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';

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

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _pickers = require("@material-ui/pickers");
 var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
-var _TextField = require("./TextField");
+var _TextField = require("../TextField");
 var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
 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; }
@@ -54,7 +54,8 @@ var DateTime = function DateTime(_ref) {
       padding: padding
     }, style),
     inputProps: _objectSpread({
-      autoComplete: 'off'
+      autoComplete: 'off',
+      role: 'date-picker'
     }, otherProps.inputProps),
     InputAdornmentProps: _objectSpread({
       style: {
@@ -82,10 +83,19 @@ var DateTime = function DateTime(_ref) {
   var renderDateTimePicker = function renderDateTimePicker() {
     return /*#__PURE__*/_react["default"].createElement(_pickers.KeyboardDateTimePicker, fieldProps);
   };
+  var renderChildren = function renderChildren() {
+    if (type === 'date') {
+      return renderDatePicker();
+    }
+    if (type === 'time') {
+      return renderTimePicker();
+    }
+    return renderDateTimePicker();
+  };
   return /*#__PURE__*/_react["default"].createElement(_pickers.MuiPickersUtilsProvider, {
     utils: _dateFns["default"],
     locale: locale
-  }, type === 'date' && renderDatePicker(), type === 'time' && renderTimePicker(), type === 'datetime' && renderDateTimePicker());
+  }, renderChildren());
 };
 var _default = DateTime;
 exports["default"] = _default;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { DefaultProps } from './types';
-interface DialogProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface DialogProps extends DefaultProps {
     open: boolean;
     fullScreen?: boolean;
     fullWidth?: boolean;

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

@@ -107,6 +107,7 @@ var Dialog = function Dialog(_ref) {
     maxWidth: maxWidth,
     scroll: scrollMode,
     PaperProps: _objectSpread({
+      title: 'dialog-paper',
       classes: scroll === 'unset-body' || scroll === 'unset-paper' ? {
         root: classes.root
       } : undefined

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

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

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 } from 'react';
-import { PaperProps } from './Paper';
-import { HTMLElementWithDataCy } from './types';
+import React, { ReactNode, MouseEvent } from 'react';
+import { PaperProps } from '../Paper';
+import { HTMLElementWithDataCy } from '../types';
 export interface ExpansionPanelProps extends PaperProps {
     actions?: ReactNode;
     defaultExpanded?: boolean;
@@ -17,11 +17,13 @@ export interface ExpansionPanelProps extends PaperProps {
     helperIcon?: React.ReactNode;
     editable?: boolean;
     editing?: boolean;
+    role?: string;
     helperButtonPosition?: 'left' | 'right';
     onHelperClick?: () => void;
     onEditClick?: () => void;
     onSaveClick?: () => void;
     onChange?: (event?: React.ChangeEvent<Record<string, unknown>>, expanded?: boolean) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }
-declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
+declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
 export default ExpansionPanel;

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

@@ -9,14 +9,14 @@ 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 _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-var _ExpansionPanelActions = _interopRequireDefault(require("@material-ui/core/ExpansionPanelActions"));
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
+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 _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
+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; }
 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; }
@@ -36,6 +36,7 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     onHelperClick = _ref.onHelperClick,
     onEditClick = _ref.onEditClick,
     onSaveClick = _ref.onSaveClick,
+    onClick = _ref.onClick,
     helperIcon = _ref.helperIcon,
     editable = _ref.editable,
     editing = _ref.editing,
@@ -79,23 +80,24 @@ 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(_ExpansionPanel["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,
       padding: padding
     }, style)
-  }), summary && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
+  }), summary && /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
+    onClick: onClick,
     expandIcon: expandIcon,
     style: summaryStyle
-  }, /*#__PURE__*/_react["default"].createElement(ExpansionPanelHeaderWrapper, headerProps, helperButtonPosition === 'left' && renderHelper, summary, renderEdit, helperButtonPosition === 'right' && renderHelper)), details && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
+  }, /*#__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,8 +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/{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;