@dhis2-ui/table 9.12.0-alpha.3 → 9.12.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/table-body.js

@@ -17,7 +17,7 @@ const TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablebody',
     role,
     loading,
     ...props
@@ -35,9 +35,6 @@ const TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   }, ["tbody.__jsx-style-dynamic-selector{position:relative;}", ".loading.__jsx-style-dynamic-selector:before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:rgba(255,255,255,0.8);}", `.loading.__jsx-style-dynamic-selector:after{content:'';position:absolute;top:calc(50% - 24px);inset-inline-start:calc(50% - 24px);width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:${_uiConstants.colors.blue600};border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}`, "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 });
 TableBody.displayName = 'TableBody';
-TableBody.defaultProps = {
-  dataTest: 'dhis2-uicore-tablebody'
-};
 TableBody.propTypes = {
   /** Should be `<TableRow>` components */
   children: _propTypes.default.node,

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

@@ -24,23 +24,23 @@ const TableDataCell = exports.TableDataCell = /*#__PURE__*/(0, _react.forwardRef
   var _rtlCorrespondingAlig;
   let {
     active,
-    align,
+    align = 'left',
     backgroundColor,
     bordered,
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-tabledatacel',
     error,
     large,
-    left,
+    left = 'auto',
     muted,
     role,
     rowSpan,
     scope,
     staticStyle,
     valid,
-    width,
+    width = 'auto',
     onClick,
     ...props
   } = _ref;
@@ -70,12 +70,6 @@ const TableDataCell = exports.TableDataCell = /*#__PURE__*/(0, _react.forwardRef
   }, [`td.__jsx-style-dynamic-selector{inset-inline-start:${left};text-align:${align};width:${width};background-color:${backgroundColor || _uiConstants.colors.white};}`, `.__jsx-style-dynamic-selector:dir(rtl){text-align:${rtlAlign};}`, `tr.selected>td.__jsx-style-dynamic-selector{background-color:${backgroundColor || _uiConstants.colors.teal100};}`, `tr:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey100};}`, `tr:active>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey200};}`, `tr.selected:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || '#cdeae8'};}`]));
 });
 TableDataCell.displayName = 'TableDataCell';
-TableDataCell.defaultProps = {
-  align: 'left',
-  dataTest: 'dhis2-uicore-tabledatacel',
-  left: 'auto',
-  width: 'auto'
-};
 const stylePropType = (0, _propTypes.mutuallyExclusive)(['valid', 'error', 'muted'], _propTypes2.default.bool);
 TableDataCell.propTypes = {
   /** To toggle border color, for example for editing */

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

@@ -14,7 +14,7 @@ const TableFoot = exports.TableFoot = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablefoot',
     role,
     ...props
   } = _ref;
@@ -26,9 +26,6 @@ const TableFoot = exports.TableFoot = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   }), children);
 });
 TableFoot.displayName = 'TableFoot';
-TableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-tablefoot'
-};
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */
   children: _propTypes.default.node,

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

@@ -26,9 +26,6 @@ const TableHead = exports.TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref,
   }), children);
 });
 TableHead.displayName = 'TableHead';
-TableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablehead'
-};
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */
   children: _propTypes.default.node,

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

@@ -19,25 +19,25 @@ const AUTO = 'auto';
 const TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     active,
-    align,
+    align = 'left',
     backgroundColor,
     bordered,
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablecell',
     error,
     fixed,
     large,
-    left,
+    left = AUTO,
     muted,
     rowSpan,
     role,
     scope,
     staticStyle,
-    top,
+    top = AUTO,
     valid,
-    width,
+    width = AUTO,
     onClick,
     ...props
   } = _ref;
@@ -68,13 +68,6 @@ const TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/(0, _react.forwar
   }, [`th.__jsx-style-dynamic-selector{inset-inline-start:${left};top:${top};text-align:${align};width:${width};background-color:${backgroundColor || _uiConstants.colors.grey200};}`, `thead th.fixedHorizontally.__jsx-style-dynamic-selector{background-color:${backgroundColor || _uiConstants.colors.grey300};}`, `tbody>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle),tfoot>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey300};}`, `tbody>tr:active>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey200};}`]));
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
-TableHeaderCell.defaultProps = {
-  align: 'left',
-  dataTest: 'dhis2-uicore-tablecell',
-  left: AUTO,
-  width: AUTO,
-  top: AUTO
-};
 const stylePropType = (0, _propTypes.mutuallyExclusive)(['valid', 'error', 'muted'], _propTypes2.default.bool);
 TableHeaderCell.propTypes = {
   /** To toggle border color, for example for editing */

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

@@ -17,7 +17,7 @@ const TableHeaderCellAction = exports.TableHeaderCellAction = /*#__PURE__*/(0, _
     onClick,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tableheadercellaction',
     title,
     ...props
   } = _ref;
@@ -33,9 +33,6 @@ const TableHeaderCellAction = exports.TableHeaderCellAction = /*#__PURE__*/(0, _
   }, ["button.__jsx-style-dynamic-selector{border:none;padding:0;background:transparent;width:24px;height:24px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:4px;margin-inline-start:2px;}", `button.__jsx-style-dynamic-selector:hover,button.__jsx-style-dynamic-selector:focus-visible{background:${_uiConstants.colors.grey400};}`, "button.__jsx-style-dynamic-selector:active,button.__jsx-style-dynamic-selector:focus{outline:none;}"]));
 });
 TableHeaderCellAction.displayName = 'TableHeaderCellAction';
-TableHeaderCellAction.defaultProps = {
-  dataTest: 'dhis2-uicore-tableheadercellaction'
-};
 TableHeaderCellAction.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -16,7 +16,7 @@ const TableRow = exports.TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerow',
     draggable,
     role,
     selected,
@@ -35,9 +35,6 @@ const TableRow = exports.TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   }, ["tbody>tr.draggable.jsx-1820444258,tfoot>tr.draggable.jsx-1820444258{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
 });
 TableRow.displayName = 'TableRow';
-TableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerow'
-};
 TableRow.propTypes = {
   /** Should be `<TableDataCell>` or `<TableDataCellHead>` components */
   children: _propTypes.default.node,

package/build/cjs/data-table/table-elements/table-scroll-box.js

@@ -16,9 +16,9 @@ const TableScrollBox = exports.TableScrollBox = /*#__PURE__*/(0, _react.forwardR
   let {
     children,
     className,
-    dataTest,
-    maxHeight,
-    maxWidth,
+    dataTest = 'dhis2-uicore-tablescrollbox',
+    maxHeight = 'auto',
+    maxWidth = 'auto',
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
@@ -31,11 +31,6 @@ const TableScrollBox = exports.TableScrollBox = /*#__PURE__*/(0, _react.forwardR
   }, [`div.__jsx-style-dynamic-selector{border:1px solid ${_uiConstants.colors.grey300};border-top:none;box-sizing:border-box;max-height:${maxHeight};max-width:${maxWidth};overflow:auto;}`]));
 });
 TableScrollBox.displayName = 'TableScrollBox';
-TableScrollBox.defaultProps = {
-  dataTest: 'dhis2-uicore-tablescrollbox',
-  maxHeight: 'auto',
-  maxWidth: 'auto'
-};
 TableScrollBox.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -17,8 +17,8 @@ const TableToolbar = exports.TableToolbar = /*#__PURE__*/(0, _react.forwardRef)(
   let {
     children,
     className,
-    dataTest,
-    position,
+    dataTest = 'dhis2-uicore-tabletoolbar',
+    position = 'top',
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
@@ -31,10 +31,6 @@ const TableToolbar = exports.TableToolbar = /*#__PURE__*/(0, _react.forwardRef)(
   }, [`div.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid ${_uiConstants.colors.grey300};padding:${_uiConstants.spacers.dp12};}`, "div.top.__jsx-style-dynamic-selector{border-bottom:none;}", "div.bottom.__jsx-style-dynamic-selector{border-top:none;}"]));
 });
 TableToolbar.displayName = 'TableToolbar';
-TableToolbar.defaultProps = {
-  dataTest: 'dhis2-uicore-tabletoolbar',
-  position: 'top'
-};
 TableToolbar.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -17,11 +17,11 @@ const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   let {
     children,
     className,
-    dataTest,
-    layout,
+    dataTest = 'dhis2-uicore-table',
+    layout = 'auto',
     role,
     borderless,
-    width,
+    width = '100%',
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("table", _extends({}, props, {
@@ -37,11 +37,6 @@ const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   }, [`table.__jsx-style-dynamic-selector{table-layout:${layout};border-collapse:separate;border-spacing:0;width:${width};box-sizing:border-box;border:1px solid ${_uiConstants.colors.grey300};}`, "table.borderless.__jsx-style-dynamic-selector{border:none;}"]));
 });
 Table.displayName = 'Table';
-Table.defaultProps = {
-  dataTest: 'dhis2-uicore-table',
-  width: '100%',
-  layout: 'auto'
-};
 Table.propTypes = {
   /**
    * Removes border from the table

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

@@ -12,7 +12,7 @@ const StackedTableBody = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablebody'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("tbody", {
     "data-tset": dataTest,
@@ -26,7 +26,4 @@ StackedTableBody.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string
-};
-StackedTableBody.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablebody'
 };

package/build/cjs/stacked-table/stacked-table-cell-head.js

@@ -11,10 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableCellHead = _ref => {
   let {
-    children,
+    children = '',
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-stackedtablecellhead',
     rowSpan
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("th", {
@@ -36,8 +36,4 @@ StackedTableCellHead.propTypes = {
   colSpan: _propTypes.default.string,
   dataTest: _propTypes.default.string,
   rowSpan: _propTypes.default.string
-};
-StackedTableCellHead.defaultProps = {
-  children: '',
-  dataTest: 'dhis2-uicore-stackedtablecellhead'
 };

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

@@ -10,14 +10,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _contentWithTitle = require("./content-with-title.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const defaultHeaderLabels = [];
 const StackedTableCell = _ref => {
   let {
     children,
     className,
     colSpan,
     column,
-    dataTest,
-    headerLabels,
+    dataTest = 'dhis2-uicore-stackedtablecell',
+    headerLabels = defaultHeaderLabels,
     hideTitle,
     rowSpan,
     title
@@ -47,8 +48,4 @@ StackedTableCell.propTypes = {
   hideTitle: _propTypes.default.bool,
   rowSpan: _propTypes.default.string,
   title: _propTypes.default.string
-};
-StackedTableCell.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablecell',
-  headerLabels: []
 };

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

@@ -12,7 +12,7 @@ const StackedTableFoot = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablefoot'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("tfoot", {
     "data-test": dataTest,
@@ -26,7 +26,4 @@ StackedTableFoot.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string
-};
-StackedTableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablefoot'
 };

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

@@ -12,7 +12,7 @@ const StackedTableHead = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablehead'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("thead", {
     "data-test": dataTest,
@@ -26,7 +26,4 @@ StackedTableHead.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string
-};
-StackedTableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablehead'
 };

package/build/cjs/stacked-table/stacked-table-row-head.js

@@ -12,7 +12,7 @@ const StackedTableRowHead = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablerowhead'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, {
     className: className,
@@ -24,7 +24,4 @@ StackedTableRowHead.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string
-};
-StackedTableRowHead.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablerowhead'
 };

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

@@ -16,7 +16,7 @@ const StackedTableRow = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablerow'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("tr", {
     "data-test": dataTest,
@@ -36,7 +36,4 @@ StackedTableRow.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string
-};
-StackedTableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablerow'
 };

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

@@ -14,7 +14,7 @@ const StackedTable = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-stackedtable',
     headerLabels
   } = _ref;
   const contextHeaderLabels = (0, _extractHeaderLabels.extractHeaderLabels)(children);
@@ -35,7 +35,4 @@ StackedTable.propTypes = {
   dataTest: _propTypes.default.string,
   /** Labels for columns. Use an empty string for a column without a header. */
   headerLabels: _propTypes.default.arrayOf(_propTypes.default.string)
-};
-StackedTable.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtable'
 };

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

@@ -11,7 +11,7 @@ const TableBody = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablebody',
     role
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("tbody", {
@@ -21,9 +21,6 @@ const TableBody = _ref => {
   }, children);
 };
 exports.TableBody = TableBody;
-TableBody.defaultProps = {
-  dataTest: 'dhis2-uicore-tablebody'
-};
 TableBody.propTypes = {
   /** Should be `<TableRow>` components */
   children: _propTypes.default.node,

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

@@ -19,7 +19,7 @@ const TableCellHead = _ref => {
     dense,
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-tablecellhead'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("th", {
     colSpan: colSpan,
@@ -34,9 +34,6 @@ const TableCellHead = _ref => {
   }, tableCellHeadStyles));
 };
 exports.TableCellHead = TableCellHead;
-TableCellHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablecellhead'
-};
 TableCellHead.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -19,7 +19,7 @@ const TableCell = _ref => {
     colSpan,
     rowSpan,
     dense,
-    dataTest
+    dataTest = 'dhis2-uicore-tablecell'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("td", {
     colSpan: colSpan,
@@ -34,9 +34,6 @@ const TableCell = _ref => {
   }, tableCellStyles));
 };
 exports.TableCell = TableCell;
-TableCell.defaultProps = {
-  dataTest: 'dhis2-uicore-tablecell'
-};
 TableCell.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -11,7 +11,7 @@ const TableFoot = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablefoot',
     role
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("tfoot", {
@@ -21,9 +21,6 @@ const TableFoot = _ref => {
   }, children);
 };
 exports.TableFoot = TableFoot;
-TableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-tablefoot'
-};
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */
   children: _propTypes.default.node,

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

@@ -11,7 +11,7 @@ const TableHead = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablehead',
     role
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("thead", {
@@ -21,9 +21,6 @@ const TableHead = _ref => {
   }, children);
 };
 exports.TableHead = TableHead;
-TableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablehead'
-};
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */
   children: _propTypes.default.node,

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

@@ -13,7 +13,7 @@ const TableRowHead = _ref => {
     role,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerowhead',
     suppressZebraStriping
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
@@ -24,9 +24,6 @@ const TableRowHead = _ref => {
   }, children);
 };
 exports.TableRowHead = TableRowHead;
-TableRowHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerowhead'
-};
 TableRowHead.propTypes = {
   /** Should be `<TableCellHead>` components */
   children: _propTypes.default.node,

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

@@ -20,7 +20,7 @@ const TableRow = _ref => {
     role,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerow',
     suppressZebraStriping,
     ...rest
   } = _ref;
@@ -40,9 +40,6 @@ const TableRow = _ref => {
   }, tableRowStyles));
 };
 exports.TableRow = TableRow;
-TableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerow'
-};
 TableRow.propTypes = {
   /** Should be `<TableCell>` or `<TableCellHead>` components */
   children: _propTypes.default.node,