@dhis2-ui/table 9.12.0 → 9.13.0

package/build/cjs/data-table/table-elements/__tests__/table.test.js

@@ -7,53 +7,53 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<Table>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-    const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       ref: ref
     }));
     expect(wrapper.find('table').getDOMNode()).toBe(ref.current);
   });
   it('accepts a borderless prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       borderless: true
     }));
     expect(wrapper.find('table').hasClass('borderless')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       className: className
     }));
     expect(wrapper.find('table').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       dataTest: dataTest
     }));
     expect(wrapper.find('table').prop('data-test')).toBe(dataTest);
   });
   it('accepts a layout prop', () => {
     const layout = 'fixed';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       layout: layout
     }));
     expect(wrapper.html()).toContain(`table-layout: ${layout};`);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       role: role
     }));
     expect(wrapper.find('table').prop('role')).toBe(role);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_table.Table, {
       width: width
     }));
     expect(wrapper.html()).toContain(`width: ${width};`);

package/build/cjs/stacked-table/stacked-table.test.js

@@ -78,7 +78,7 @@ describe('StackedTable', () => {
     label: 'Incomplete'
   }];
   it('should add the headerLabels to each cell', () => {
-    const table = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Table, {
+    const table = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Table, {
       headerLabels: headerLabels,
       bodyLabels: bodyLabels
     }));
@@ -92,7 +92,7 @@ describe('StackedTable', () => {
   it('should not add empty header labels to the body cells', () => {
     const emptyLabelIndex = 2;
     const headerLabelsWithEmpty = [...headerLabels.slice(0, emptyLabelIndex), '', ...headerLabels.slice(emptyLabelIndex + 1)];
-    const table = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Table, {
+    const table = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Table, {
       headerLabels: headerLabelsWithEmpty,
       bodyLabels: bodyLabels
     }));
@@ -109,7 +109,7 @@ describe('StackedTable', () => {
       ...originalHeaderLabel,
       colSpan: `${colSpan}`
     }, ...headerLabels.slice(indexWithColspan + colSpan)];
-    const table = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Table, {
+    const table = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Table, {
       headerLabels: headerLabelsWithColspan,
       bodyLabels: bodyLabels
     }));

package/build/es/data-table/__tests__/data-table-cell.test.js

@@ -5,64 +5,64 @@ import { TableDataCell, TableHeaderCell } from '../table-elements/index.js';
 describe('<DataTableCell>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = mount(/*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(DataTableCell, {
       ref: ref
     })))));
     expect(wrapper.find('td').getDOMNode()).toBe(ref.current);
   });
   it('accepts an active prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       active: true
     }));
     expect(wrapper.find(TableDataCell).prop('active')).toBe(true);
   });
   it('accepts an align prop', () => {
     const right = 'right';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       align: right
     }));
     expect(wrapper.find(TableDataCell).prop('align')).toBe(right);
   });
   it('accepts a bordered prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       bordered: true
     }));
     expect(wrapper.find(TableDataCell).prop('bordered')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       className: className
     }));
     expect(wrapper.find(TableDataCell).prop('className')).toBe(className);
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       colSpan: colSpan
     }));
     expect(wrapper.find(TableDataCell).prop('colSpan')).toBe(colSpan);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       dataTest: dataTest
     }));
     expect(wrapper.find(TableDataCell).prop('dataTest')).toBe(dataTest);
   });
   it('accepts an error prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       error: true
     }));
     expect(wrapper.find(TableDataCell).prop('error')).toBe(true);
   });
   it('accepts a fixed prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true
     }));
     expect(wrapper.find(TableDataCell)).toHaveLength(0);
@@ -71,91 +71,91 @@ describe('<DataTableCell>', () => {
     expect(wrapper.find(TableHeaderCell).prop('fixed')).toBe(true);
   });
   it('accepts a large prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       large: true
     }));
     expect(wrapper.find(TableDataCell).prop('large')).toBe(true);
   });
   it('accepts a left prop', () => {
     const left = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       left: left
     }));
     expect(wrapper.find(TableDataCell).prop('left')).toBe(left);
   });
   it('accepts a muted prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       muted: true
     }));
     expect(wrapper.find(TableDataCell).prop('muted')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       role: role
     }));
     expect(wrapper.find(TableDataCell).prop('role')).toBe(role);
   });
   it('accepts a rowSpan prop', () => {
     const rowSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       rowSpan: rowSpan
     }));
     expect(wrapper.find(TableDataCell).prop('rowSpan')).toBe(rowSpan);
   });
   it('accepts a scope prop', () => {
     const scope = 'row';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       scope: scope
     }));
     expect(wrapper.find(TableDataCell).prop('scope')).toBe(scope);
   });
   it('accepts a staticStyle prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       staticStyle: true
     }));
     expect(wrapper.find(TableDataCell).prop('staticStyle')).toBe(true);
   });
   it('can render either a td or th tag depending on the fixed and tag prop', () => {
     // default
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, null)).dive().type()).toBe('td');
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, null)).dive().type()).toBe('td');
     // using the tag prop
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       tag: "td"
     })).dive().type()).toBe('td');
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       tag: "th"
     })).dive().type()).toBe('th');
     // with fixed prop
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true
     })).dive().type()).toBe('th');
     // tag prop should take presedence over fixed prop
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true,
       tag: "td"
     })).dive().type()).toBe('td');
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    expect(shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true,
       tag: "th"
     })).dive().type()).toBe('th');
   });
   it('accepts a valid prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       valid: true
     }));
     expect(wrapper.find(TableDataCell).prop('valid')).toBe(true);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       width: width
     }));
     expect(wrapper.find(TableDataCell).prop('width')).toBe(width);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableCell, {
       onClick: onClick
     }));
     wrapper.simulate('click');

package/build/es/data-table/__tests__/data-table-column-header/filter-handle.test.js

@@ -6,8 +6,8 @@ import { FilterHandle } from '../../data-table-column-header/filter-handle.js';
 import { TableHeaderCellAction } from '../../table-elements/index.js';
 describe('<FilterHandle>', () => {
   it('accepts an active prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(FilterHandle, null));
-    const wrapperActive = shallow( /*#__PURE__*/React.createElement(FilterHandle, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(FilterHandle, null));
+    const wrapperActive = shallow(/*#__PURE__*/React.createElement(FilterHandle, {
       active: true
     }));
     expect(wrapper.find(IconSearch16).prop('color')).toBe(colors.grey600);
@@ -20,7 +20,7 @@ describe('<FilterHandle>', () => {
       value: 'test'
     };
     const onClick = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(FilterHandle, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(FilterHandle, {
       onClick: onClick,
       name: name
     }));

package/build/es/data-table/__tests__/data-table-column-header/sorter.test.js

@@ -4,7 +4,7 @@ import { Sorter, ASC, DESC } from '../../data-table-column-header/sorter.js';
 import { TableHeaderCellAction } from '../../table-elements/index.js';
 describe('<Sorter>', () => {
   it('accepts a sortDirection prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Sorter, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Sorter, {
       sortDirection: ASC
     }));
     expect(wrapper.find(TableHeaderCellAction).dive().find('svg').hasClass(ASC)).toBe(true);
@@ -16,7 +16,7 @@ describe('<Sorter>', () => {
       value: 'test'
     };
     const onClick = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Sorter, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Sorter, {
       sortDirection: ASC,
       onClick: onClick,
       name: name

package/build/es/data-table/__tests__/data-table-column-header.test.js

@@ -7,39 +7,39 @@ import { TableHeaderCell, TableHeaderCellAction } from '../table-elements/index.
 describe('<DataTableColumnHeader>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = mount(/*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(DataTableColumnHeader, {
       ref: ref
     })))));
     expect(wrapper.find('th').getDOMNode()).toBe(ref.current);
   });
   it('accepts an align prop', () => {
     const right = 'right';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       align: right
     }));
     expect(wrapper.find(TableHeaderCell).prop('align')).toBe(right);
   });
   it('accepts a className prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       className: "test"
     }));
     expect(wrapper.find(TableHeaderCell).prop('className')).toBe('test DataTableColumnHeader');
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       colSpan: colSpan
     }));
     expect(wrapper.find(TableHeaderCell).prop('colSpan')).toBe(colSpan);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       dataTest: dataTest
     }));
     expect(wrapper.find(TableHeaderCell).prop('dataTest')).toBe(dataTest);
@@ -53,13 +53,13 @@ describe('<DataTableColumnHeader>', () => {
     };
     const onClickOpen = jest.fn();
     const onClickClosed = jest.fn();
-    const wrapperOpen = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapperOpen = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       name: name,
       onFilterIconClick: onClickOpen,
       filter: /*#__PURE__*/React.createElement("input", null),
       showFilter: true
     }));
-    const wrapperClosed = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapperClosed = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       name: name,
       onFilterIconClick: onClickClosed,
       filter: /*#__PURE__*/React.createElement("input", null),
@@ -86,42 +86,42 @@ describe('<DataTableColumnHeader>', () => {
     }, fakeEvent);
   });
   it('accepts a fixed prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       fixed: true,
       left: "200px"
     }));
     expect(wrapper.find(TableHeaderCell).prop('fixed')).toBe(true);
   });
   it('accepts a large prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       large: true
     }));
     expect(wrapper.find(TableHeaderCell).prop('large')).toBe(true);
   });
   it('accepts a left prop', () => {
     const left = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       left: left
     }));
     expect(wrapper.find(TableHeaderCell).prop('left')).toBe(left);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       role: role
     }));
     expect(wrapper.find(TableHeaderCell).prop('role')).toBe(role);
   });
   it('accepts a rowSpan prop', () => {
     const rowSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       rowSpan: rowSpan
     }));
     expect(wrapper.find(TableHeaderCell).prop('rowSpan')).toBe(rowSpan);
   });
   it('accepts a scope prop', () => {
     const scope = 'row';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       scope: scope
     }));
     expect(wrapper.find(TableHeaderCell).prop('scope')).toBe(scope);
@@ -135,7 +135,7 @@ describe('<DataTableColumnHeader>', () => {
         value: 'test'
       };
       const onClick = jest.fn();
-      const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+      const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
         name: name,
         onSortIconClick: onClick,
         sortDirection: 'asc',
@@ -152,7 +152,7 @@ describe('<DataTableColumnHeader>', () => {
       expect(button.prop('title')).toBe(title);
     });
     it('has a default sort icon title', () => {
-      const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+      const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
         name: 'test',
         onSortIconClick: () => {},
         sortDirection: 'asc'
@@ -163,14 +163,14 @@ describe('<DataTableColumnHeader>', () => {
   });
   it('accepts a top prop', () => {
     const top = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       top: top
     }));
     expect(wrapper.find(TableHeaderCell).prop('top')).toBe(top);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableColumnHeader, {
       width: width
     }));
     expect(wrapper.find(TableHeaderCell).prop('width')).toBe(width);

package/build/es/data-table/__tests__/data-table-row/expand-handle-cell.js

@@ -4,20 +4,20 @@ import React from 'react';
 import { ExpandHandleCell } from '../../data-table-row/expand-handle-cell.js';
 describe('<ExpandHandleCell>', () => {
   it('renders an <IconChevronUp24> when expanded is true', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandHandleCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandHandleCell, {
       expanded: true
     }));
     expect(wrapper.find(IconChevronUp24)).toHaveLength(1);
     expect(wrapper.find(IconChevronDown24)).toHaveLength(0);
   });
   it('renders an <IconChevronDown24> when expanded is falsy', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandHandleCell, null));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandHandleCell, null));
     expect(wrapper.find(IconChevronUp24)).toHaveLength(0);
     expect(wrapper.find(IconChevronDown24)).toHaveLength(1);
   });
   it('responds to clicks', () => {
     const onClick = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandHandleCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandHandleCell, {
       expanded: false,
       onClick: onClick
     }));

package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js

@@ -5,39 +5,39 @@ import { TableRow, TableDataCell } from '../../table-elements/index.js';
 describe('<ExpandedRow>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '4';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, {
       colSpan: colSpan
     }));
     expect(wrapper.find(TableDataCell).prop('colSpan')).toBe(colSpan);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, {
       className: className
     }));
     expect(wrapper.find(TableRow).prop('className')).toBe(`${className}-expandedrow`);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, {
       dataTest: dataTest
     }));
     expect(wrapper.find(TableRow).prop('dataTest')).toBe(`${dataTest}-expandedrow`);
   });
   it('accepts a selected prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, {
       selected: true
     }));
     expect(wrapper.find(TableRow).prop('selected')).toBe(true);
   });
   it('accepts a setIsHoveringExpandedContent prop', () => {
     const cb = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(ExpandedRow, {
       setIsHoveringExpandedContent: cb
     }));
     const tr = wrapper.find(TableRow).dive().find('tr');

package/build/es/data-table/__tests__/data-table-row.test.js

@@ -8,39 +8,39 @@ import { TableRow } from '../table-elements/index.js';
 describe('<DataTableRow>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = mount(/*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(DataTableRow, {
       ref: ref
     }))));
     expect(wrapper.find('tr').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       className: className
     }));
     expect(wrapper.find(TableRow).prop('className')).toBe(className);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       dataTest: dataTest
     }));
     expect(wrapper.find(TableRow).prop('dataTest')).toBe(dataTest);
   });
   it('accepts a draggable prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       draggable: true
     }));
     expect(wrapper.find(TableRow).prop('draggable')).toBe(true);
     expect(wrapper.find(DragHandleCell)).toHaveLength(1);
   });
   it('accepts an expandable prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       expandable: true,
       expandableContent: "test",
       onExpandToggle: () => {}
@@ -49,7 +49,7 @@ describe('<DataTableRow>', () => {
   });
   it('accepts an expandableContent prop', () => {
     const expandableContent = /*#__PURE__*/React.createElement("div", null, "content");
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       expandableContent: expandableContent,
       expanded: true,
       expandable: true,
@@ -67,12 +67,12 @@ describe('<DataTableRow>', () => {
     expect(wrapper.find(TableRow).dive().find('tr').hasClass('isHoveringExpandedContent')).toBe(false);
   });
   it('accepts an expanded prop', () => {
-    const wrapperClosed = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapperClosed = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       expandable: true,
       expandableContent: "test",
       onExpandToggle: () => {}
     }));
-    const wrapperOpen = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapperOpen = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       expanded: true,
       expandable: true,
       expandableContent: "test",
@@ -83,20 +83,20 @@ describe('<DataTableRow>', () => {
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       role: role
     }));
     expect(wrapper.find(TableRow).prop('role')).toBe(role);
   });
   it('accepts a selected prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       selected: true
     }));
     expect(wrapper.find(TableRow).prop('selected')).toBe(true);
   });
   it('accepts an onExpandToggle prop', () => {
     const cb = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(DataTableRow, {
       expandable: true,
       expandableContent: "test",
       onExpandToggle: cb
@@ -109,7 +109,7 @@ describe('<DataTableRow>', () => {
   });
   it('accepts a hover prop', () => {
     const cb = jest.fn();
-    const wrapper = mount( /*#__PURE__*/React.createElement(DataTableRow, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(DataTableRow, {
       expandable: true,
       expandableContent: "test",
       onExpandToggle: cb,