@dhis2-ui/table 9.12.0-alpha.4 → 9.13.0

package/build/cjs/data-table/data-table-cell.js

@@ -15,17 +15,17 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     active,
-    align,
+    align = 'left',
     backgroundColor,
     bordered,
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-datatablecell',
     error,
     fixed,
     large,
-    left,
+    left = 'auto',
     muted,
     rowSpan,
     role,
@@ -33,7 +33,7 @@ const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef
     staticStyle,
     tag,
     valid,
-    width,
+    width = 'auto',
     onClick,
     ...props
   } = _ref;
@@ -62,12 +62,6 @@ const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef
   }), children);
 });
 DataTableCell.displayName = 'DataTableCell';
-DataTableCell.defaultProps = {
-  align: 'left',
-  dataTest: 'dhis2-uicore-datatablecell',
-  left: 'auto',
-  width: 'auto'
-};
 const stylePropType = (0, _propTypes.mutuallyExclusive)(['valid', 'error', 'muted'], _propTypes2.default.bool);
 const requiredIfFixedPropType = (0, _propTypes.requiredIf)(props => props.fixed, _propTypes2.default.string);
 DataTableCell.propTypes = {

package/build/cjs/data-table/data-table-column-header/data-table-column-header.js

@@ -27,7 +27,7 @@ const DataTableColumnHeader = exports.DataTableColumnHeader = /*#__PURE__*/(0, _
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-datatablecellhead',
     filter,
     fixed,
     large,
@@ -82,9 +82,6 @@ const DataTableColumnHeader = exports.DataTableColumnHeader = /*#__PURE__*/(0, _
   }, [`.label.jsx-3463223249{-webkit-box-pack:${flexboxAlignLookup[align]};-webkit-justify-content:${flexboxAlignLookup[align]};-ms-flex-pack:${flexboxAlignLookup[align]};justify-content:${flexboxAlignLookup[align]};}`]));
 });
 DataTableColumnHeader.displayName = 'DataTableColumnHeader';
-DataTableColumnHeader.defaultProps = {
-  dataTest: 'dhis2-uicore-datatablecellhead'
-};
 DataTableColumnHeader.propTypes = {
   align: _propTypes2.default.oneOf(['left', 'center', 'right']),
   children: _propTypes2.default.node,

package/build/cjs/data-table/data-table-row/data-table-row.js

@@ -21,7 +21,7 @@ const DataTableRow = exports.DataTableRow = /*#__PURE__*/(0, _react.forwardRef)(
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-datatablerow',
     expandableContent,
     expanded,
     selected,
@@ -58,9 +58,6 @@ const DataTableRow = exports.DataTableRow = /*#__PURE__*/(0, _react.forwardRef)(
   }, expandableContent));
 });
 DataTableRow.displayName = 'DataTableRow';
-DataTableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-datatablerow'
-};
 DataTableRow.propTypes = {
   /** Should be `<DataTableCell>` or `<DataTableCellHead>` components */
   children: _propTypes2.default.node,

package/build/cjs/data-table/data-table.js

@@ -15,12 +15,12 @@ const DataTable = exports.DataTable = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   let {
     children,
     className,
-    dataTest,
-    layout,
+    dataTest = 'dhis2-uicore-datatable',
+    layout = 'auto',
     role,
     scrollHeight,
     scrollWidth,
-    width
+    width = '100%'
   } = _ref;
   const scrollable = !!(scrollHeight || scrollWidth);
   const table = /*#__PURE__*/_react.default.createElement(_index.Table, {
@@ -40,11 +40,6 @@ const DataTable = exports.DataTable = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   }, table);
 });
 DataTable.displayName = 'DataTable';
-DataTable.defaultProps = {
-  dataTest: 'dhis2-uicore-datatable',
-  width: '100%',
-  layout: 'auto'
-};
 DataTable.propTypes = {
   /**
    * Should be `<DataTableHead>`, `<DataTableBody>`, and `<DataTableFoot>` components

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

@@ -7,33 +7,33 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableBody>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableBody.TableBody, 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", null, /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
       ref: ref
     })));
     expect(wrapper.find('tbody').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
       className: className
     }));
     expect(wrapper.find('tbody').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
       dataTest: dataTest
     }));
     expect(wrapper.find('tbody').prop('data-test')).toBe(dataTest);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
       role: role
     }));
     expect(wrapper.find('tbody').prop('role')).toBe(role);

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

@@ -7,124 +7,124 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableDataCell>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, 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", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       ref: ref
     })))));
     expect(wrapper.find('td').getDOMNode()).toBe(ref.current);
   });
   it('accepts an active prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       active: true
     }));
     expect(wrapper.find('td').hasClass('active')).toBe(true);
   });
   it('accepts an align prop', () => {
     const align = 'right';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       align: align
     }));
     expect(wrapper.html()).toContain(`text-align: ${align};`);
   });
   it('accepts a bordered prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       bordered: true
     }));
     expect(wrapper.find('td').hasClass('bordered')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       className: className
     }));
     expect(wrapper.find('td').hasClass(className)).toBe(true);
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '3';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       colSpan: colSpan
     }));
     expect(wrapper.find('td').prop('colSpan')).toBe(colSpan);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       dataTest: dataTest
     }));
     expect(wrapper.find('td').prop('data-test')).toBe(dataTest);
   });
   it('accepts an error prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       error: true
     }));
     expect(wrapper.find('td').hasClass('error')).toBe(true);
   });
   it('accepts a large prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       large: true
     }));
     expect(wrapper.find('td').hasClass('large')).toBe(true);
   });
   it('accepts a left prop', () => {
     const left = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       left: left
     }));
     expect(wrapper.html()).toContain(`inset-inline-start: ${left};`);
   });
   it('accepts a muted prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       muted: true
     }));
     expect(wrapper.find('td').hasClass('muted')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       role: role
     }));
     expect(wrapper.find('td').prop('role')).toBe(role);
   });
   it('accepts a rowSpan prop', () => {
     const rowSpan = '3';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       rowSpan: rowSpan
     }));
     expect(wrapper.find('td').prop('rowSpan')).toBe(rowSpan);
   });
   it('accepts a scope prop', () => {
     const scope = 'row';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       scope: scope
     }));
     expect(wrapper.find('td').prop('scope')).toBe(scope);
   });
   it('accepts a staticStyle prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       staticStyle: true
     }));
     expect(wrapper.find('td').hasClass('staticStyle')).toBe(true);
   });
   it('accepts a valid prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       valid: true
     }));
     expect(wrapper.find('td').hasClass('valid')).toBe(true);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       width: width
     }));
     expect(wrapper.html()).toContain(`width: ${width};`);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       onClick: onClick
     }));
     wrapper.simulate('click');

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

@@ -7,33 +7,33 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableFoot>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, 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", null, /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
       ref: ref
     })));
     expect(wrapper.find('tfoot').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
       className: className
     }));
     expect(wrapper.find('tfoot').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
       dataTest: dataTest
     }));
     expect(wrapper.find('tfoot').prop('data-test')).toBe(dataTest);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
       role: role
     }));
     expect(wrapper.find('tfoot').prop('role')).toBe(role);

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

@@ -7,33 +7,33 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableHead>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHead.TableHead, 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", null, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
       ref: ref
     })));
     expect(wrapper.find('thead').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
       className: className
     }));
     expect(wrapper.find('thead').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
       dataTest: dataTest
     }));
     expect(wrapper.find('thead').prop('data-test')).toBe(dataTest);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
       role: role
     }));
     expect(wrapper.find('thead').prop('role')).toBe(role);

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

@@ -7,40 +7,40 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableHeaderCellAction>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, 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(_tableHeaderCellAction.TableHeaderCellAction, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       ref: ref
     }));
     expect(wrapper.find('button').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       className: className
     }));
     expect(wrapper.find('button').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       dataTest: dataTest
     }));
     expect(wrapper.find('button').prop('data-test')).toBe(dataTest);
   });
   it('accepts a title prop', () => {
     const title = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       title: title
     }));
     expect(wrapper.find('button').prop('title')).toBe(title);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       onClick: onClick
     }));
     wrapper.simulate('click');

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

@@ -7,132 +7,132 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableHeaderCell>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, 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", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       ref: ref
     })))));
     expect(wrapper.find('th').getDOMNode()).toBe(ref.current);
   });
   it('accepts an active prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       active: true
     }));
     expect(wrapper.find('th').hasClass('active')).toBe(true);
   });
   it('accepts an align prop', () => {
     const align = 'right';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       align: align
     }));
     expect(wrapper.html()).toContain(`text-align: ${align};`);
   });
   it('accepts a bordered prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       bordered: true
     }));
     expect(wrapper.find('th').hasClass('bordered')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       className: className
     }));
     expect(wrapper.find('th').hasClass(className)).toBe(true);
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '3';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       colSpan: colSpan
     }));
     expect(wrapper.find('th').prop('colSpan')).toBe(colSpan);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       dataTest: dataTest
     }));
     expect(wrapper.find('th').prop('data-test')).toBe(dataTest);
   });
   it('accepts an error prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       error: true
     }));
     expect(wrapper.find('th').hasClass('error')).toBe(true);
   });
   it('accepts a fixed prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       fixed: true
     }));
     expect(wrapper.type()).toBe('th');
     expect(wrapper.find('th').hasClass('fixed')).toBe(true);
   });
   it('accepts a large prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       large: true
     }));
     expect(wrapper.find('th').hasClass('large')).toBe(true);
   });
   it('accepts a left prop', () => {
     const left = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       left: left
     }));
     expect(wrapper.html()).toContain(`inset-inline-start: ${left};`);
   });
   it('accepts an muted prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       muted: true
     }));
     expect(wrapper.find('th').hasClass('muted')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       role: role
     }));
     expect(wrapper.find('th').prop('role')).toBe(role);
   });
   it('accepts a rowSpan prop', () => {
     const rowSpan = '3';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       rowSpan: rowSpan
     }));
     expect(wrapper.find('th').prop('rowSpan')).toBe(rowSpan);
   });
   it('accepts a scope prop', () => {
     const scope = 'row';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       scope: scope
     }));
     expect(wrapper.find('th').prop('scope')).toBe(scope);
   });
   it('accepts a top prop', () => {
     const top = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       top: top
     }));
     expect(wrapper.html()).toContain(`top: ${top};`);
   });
   it('accepts a valid prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       valid: true
     }));
     expect(wrapper.find('th').hasClass('valid')).toBe(true);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       width: width
     }));
     expect(wrapper.html()).toContain(`width: ${width};`);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       onClick: onClick
     }));
     wrapper.simulate('click');

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

@@ -7,45 +7,45 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<TableRow>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, children));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, 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", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       ref: ref
     }))));
     expect(wrapper.find('tr').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       className: className
     }));
     expect(wrapper.find('tr').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       dataTest: dataTest
     }));
     expect(wrapper.find('tr').prop('data-test')).toBe(dataTest);
   });
   it('accepts a draggable prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       draggable: true
     }));
     expect(wrapper.find('tr').hasClass('draggable')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       role: role
     }));
     expect(wrapper.find('tr').prop('role')).toBe(role);
   });
   it('accepts a selected prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
       selected: true
     }));
     expect(wrapper.find('tr').hasClass('selected')).toBe(true);