@dhis2-ui/table 8.2.0 → 8.2.3

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

@@ -15,23 +15,26 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableCellHead = ({
-  children,
-  className,
-  colSpan,
-  dataTest,
-  rowSpan
-}) => /*#__PURE__*/_react.default.createElement("th", {
-  colSpan: colSpan,
-  rowSpan: rowSpan,
-  "data-test": dataTest,
-  className: _style.default.dynamic([["178822310", [_uiConstants.colors.grey300]]]) + " " + (className || "")
-}, children && /*#__PURE__*/_react.default.createElement("div", {
-  className: _style.default.dynamic([["178822310", [_uiConstants.colors.grey300]]])
-}, children), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "178822310",
-  dynamic: [_uiConstants.colors.grey300]
-}, [`th.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey300};padding:0 12px;}`, "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
+const StackedTableCellHead = _ref => {
+  let {
+    children,
+    className,
+    colSpan,
+    dataTest,
+    rowSpan
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("th", {
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    "data-test": dataTest,
+    className: _style.default.dynamic([["178822310", [_uiConstants.colors.grey300]]]) + " " + (className || "")
+  }, children && /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.dynamic([["178822310", [_uiConstants.colors.grey300]]])
+  }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "178822310",
+    dynamic: [_uiConstants.colors.grey300]
+  }, ["th.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";padding:0 12px;}"), "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
+};
 
 exports.StackedTableCellHead = StackedTableCellHead;
 StackedTableCellHead.propTypes = {

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

@@ -17,17 +17,18 @@ var _contentWithTitle = require("./content-with-title.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableCell = ({
-  children,
-  className,
-  colSpan,
-  column,
-  dataTest,
-  headerLabels,
-  hideTitle,
-  rowSpan,
-  title
-}) => {
+const StackedTableCell = _ref => {
+  let {
+    children,
+    className,
+    colSpan,
+    column,
+    dataTest,
+    headerLabels,
+    hideTitle,
+    rowSpan,
+    title
+  } = _ref;
   const cellTitle = title || headerLabels[column] || '';
   const realTitle = hideTitle ? '' : cellTitle;
   return /*#__PURE__*/_react.default.createElement("td", {
@@ -40,7 +41,7 @@ const StackedTableCell = ({
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1368473511",
     dynamic: [_uiConstants.colors.grey300]
-  }, [`td.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey300};padding:0 12px;font-size:14px;width:100%;display:block;}`, "td.__jsx-style-dynamic-selector:last-child{border-bottom:0;}"]));
+  }, ["td.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";padding:0 12px;font-size:14px;width:100%;display:block;}"), "td.__jsx-style-dynamic-selector:last-child{border-bottom:0;}"]));
 };
 
 exports.StackedTableCell = StackedTableCell;

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

@@ -13,16 +13,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableFoot = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("tfoot", {
-  "data-test": dataTest,
-  className: "jsx-3912324960" + " " + (className || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3912324960"
-}, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
+const StackedTableFoot = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tfoot", {
+    "data-test": dataTest,
+    className: "jsx-3912324960" + " " + (className || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3912324960"
+  }, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
+};
 
 exports.StackedTableFoot = StackedTableFoot;
 StackedTableFoot.propTypes = {

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

@@ -13,16 +13,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableHead = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("thead", {
-  "data-test": dataTest,
-  className: "jsx-1150407268" + " " + (className || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "1150407268"
-}, ["thead.jsx-1150407268{display:none;}"]));
+const StackedTableHead = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("thead", {
+    "data-test": dataTest,
+    className: "jsx-1150407268" + " " + (className || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "1150407268"
+  }, ["thead.jsx-1150407268{display:none;}"]));
+};
 
 exports.StackedTableHead = StackedTableHead;
 StackedTableHead.propTypes = {

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

@@ -13,14 +13,17 @@ var _stackedTableRow = require("./stacked-table-row.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableRowHead = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, {
-  className: className,
-  dataTest: dataTest
-}, children);
+const StackedTableRowHead = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, {
+    className: className,
+    dataTest: dataTest
+  }, children);
+};
 
 exports.StackedTableRowHead = StackedTableRowHead;
 StackedTableRowHead.propTypes = {

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

@@ -21,19 +21,25 @@ var _tableContext = require("./table-context.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTableRow = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("tr", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["2003961452", [_uiConstants.colors.grey300, _uiConstants.colors.white]]]) + " " + (className || "")
-}, /*#__PURE__*/_react.default.createElement(_tableContext.Consumer, null, ({
-  headerLabels
-}) => (0, _supplyHeaderLabelsToChildren.supplyHeaderLabelsToChildren)(headerLabels, (0, _addColNumToChildren.addColNumToChildren)(children))), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "2003961452",
-  dynamic: [_uiConstants.colors.grey300, _uiConstants.colors.white]
-}, [`tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ${_uiConstants.colors.grey300};}`, `tr.__jsx-style-dynamic-selector:nth-child(even){background:${_uiConstants.colors.white};}`, "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
+const StackedTableRow = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["2003961452", [_uiConstants.colors.grey300, _uiConstants.colors.white]]]) + " " + (className || "")
+  }, /*#__PURE__*/_react.default.createElement(_tableContext.Consumer, null, _ref2 => {
+    let {
+      headerLabels
+    } = _ref2;
+    return (0, _supplyHeaderLabelsToChildren.supplyHeaderLabelsToChildren)(headerLabels, (0, _addColNumToChildren.addColNumToChildren)(children));
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "2003961452",
+    dynamic: [_uiConstants.colors.grey300, _uiConstants.colors.white]
+  }, ["tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "tr.__jsx-style-dynamic-selector:nth-child(even){background:".concat(_uiConstants.colors.white, ";}"), "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
+};
 
 exports.StackedTableRow = StackedTableRow;
 StackedTableRow.propTypes = {

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

@@ -17,12 +17,13 @@ var _table = require("./table.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StackedTable = ({
-  children,
-  className,
-  dataTest,
-  headerLabels
-}) => {
+const StackedTable = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    headerLabels
+  } = _ref;
   const contextHeaderLabels = (0, _extractHeaderLabels.extractHeaderLabels)(children);
   const context = {
     headerLabels: headerLabels || contextHeaderLabels

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LargerTable = exports.CustomCellTitle = exports._CustomCell = exports.LongTitle = exports.MultipleHeaderRows = exports.ColspanInBody = exports.ColspanInHeader = exports.HiddenLabelInCell = exports.HiddenLabel = exports.Default = exports.default = void 0;
+exports.default = exports._CustomCell = exports.MultipleHeaderRows = exports.LongTitle = exports.LargerTable = exports.HiddenLabelInCell = exports.HiddenLabel = exports.Default = exports.CustomCellTitle = exports.ColspanInHeader = exports.ColspanInBody = void 0;
 
 var _button = require("@dhis2-ui/button");
 
@@ -27,29 +27,12 @@ var _stackedTable = require("./stacked-table.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-Expresses tabular data such that each 'row' becomes a table section with the 'column' header in each cell. Multiple rows become multiple sections.
-
-Compose with StackedTable child components, as seen in the examples.
-
-\`\`\`js
-import {
-    StackedTable,
-    StackedTableBody,
-    StackedTableCell,
-    StackedTableCellHead,
-    StackedTableFoot,
-    StackedTableHead,
-    StackedTableRow,
-    StackedTableRowHead,
-} from 'dhis2/ui'
-\`\`\`
-`;
+const description = "\nExpresses tabular data such that each 'row' becomes a table section with the 'column' header in each cell. Multiple rows become multiple sections.\n\nCompose with StackedTable child components, as seen in the examples.\n\n```js\nimport {\n    StackedTable,\n    StackedTableBody,\n    StackedTableCell,\n    StackedTableCellHead,\n    StackedTableFoot,\n    StackedTableHead,\n    StackedTableRow,\n    StackedTableRowHead,\n} from 'dhis2/ui'\n```\n";
 
 const CustomCell = props => /*#__PURE__*/_react.default.createElement("td", null, "Received props:", /*#__PURE__*/_react.default.createElement("code", null, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(props, null, 2))));
 
 var _default = {
-  title: 'Data Display/Stacked Table',
+  title: 'Stacked Table',
   component: _stackedTable.StackedTable,
   parameters: {
     docs: {

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

@@ -22,20 +22,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Table = ({
-  headerLabels,
-  bodyLabels
-}) => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, null, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, headerLabels.map(({
-  label,
-  ...props
-}, index) => /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, _extends({}, props, {
-  key: label + index
-}), label)))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, bodyLabels.map(({
-  label,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, _extends({}, props, {
-  key: label
-}), label)))));
+const Table = _ref => {
+  let {
+    headerLabels,
+    bodyLabels
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, null, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, headerLabels.map((_ref2, index) => {
+    let {
+      label,
+      ...props
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, _extends({}, props, {
+      key: label + index
+    }), label);
+  }))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, bodyLabels.map(_ref3 => {
+    let {
+      label,
+      ...props
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, _extends({}, props, {
+      key: label
+    }), label);
+  }))));
+};
 
 describe('StackedTable', () => {
   const headerLabels = [{
@@ -109,7 +118,7 @@ describe('StackedTable', () => {
     const colSpan = 3;
     const originalHeaderLabel = headerLabels[indexWithColspan];
     const headerLabelsWithColspan = [...headerLabels.slice(0, indexWithColspan), { ...originalHeaderLabel,
-      colSpan: `${colSpan}`
+      colSpan: "".concat(colSpan)
     }, ...headerLabels.slice(indexWithColspan + colSpan)];
     const table = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Table, {
       headerLabels: headerLabelsWithColspan,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Consumer = exports.Provider = exports.TableContext = void 0;
+exports.TableContext = exports.Provider = exports.Consumer = void 0;
 
 var _react = require("react");
 

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

@@ -15,17 +15,20 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Table = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("table", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["4278890465", [_uiConstants.colors.white, _uiConstants.colors.grey900]]]) + " " + (className || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "4278890465",
-  dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey900]
-}, [`table.__jsx-style-dynamic-selector{display:block;border:0;background-color:${_uiConstants.colors.white};min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;color:${_uiConstants.colors.grey900};}`]));
+const Table = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("table", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["4278890465", [_uiConstants.colors.white, _uiConstants.colors.grey900]]]) + " " + (className || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "4278890465",
+    dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey900]
+  }, ["table.__jsx-style-dynamic-selector{display:block;border:0;background-color:".concat(_uiConstants.colors.white, ";min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;color:").concat(_uiConstants.colors.grey900, ";}")]));
+};
 
 exports.Table = Table;
 Table.propTypes = {

package/build/cjs/table/index.js

@@ -9,34 +9,34 @@ Object.defineProperty(exports, "Table", {
     return _table.Table;
   }
 });
-Object.defineProperty(exports, "TableFoot", {
+Object.defineProperty(exports, "TableBody", {
   enumerable: true,
   get: function () {
-    return _tableFoot.TableFoot;
+    return _tableBody.TableBody;
   }
 });
-Object.defineProperty(exports, "TableBody", {
+Object.defineProperty(exports, "TableCell", {
   enumerable: true,
   get: function () {
-    return _tableBody.TableBody;
+    return _tableCell.TableCell;
   }
 });
-Object.defineProperty(exports, "TableHead", {
+Object.defineProperty(exports, "TableCellHead", {
   enumerable: true,
   get: function () {
-    return _tableHead.TableHead;
+    return _tableCellHead.TableCellHead;
   }
 });
-Object.defineProperty(exports, "TableCell", {
+Object.defineProperty(exports, "TableFoot", {
   enumerable: true,
   get: function () {
-    return _tableCell.TableCell;
+    return _tableFoot.TableFoot;
   }
 });
-Object.defineProperty(exports, "TableCellHead", {
+Object.defineProperty(exports, "TableHead", {
   enumerable: true,
   get: function () {
-    return _tableCellHead.TableCellHead;
+    return _tableHead.TableHead;
   }
 });
 Object.defineProperty(exports, "TableRow", {

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

@@ -11,16 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TableBody = ({
-  children,
-  className,
-  dataTest,
-  role
-}) => /*#__PURE__*/_react.default.createElement("tbody", {
-  className: className,
-  "data-test": dataTest,
-  role: role
-}, children);
+const TableBody = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    role
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tbody", {
+    className: className,
+    "data-test": dataTest,
+    role: role
+  }, children);
+};
 
 exports.TableBody = TableBody;
 TableBody.defaultProps = {

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

@@ -18,25 +18,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const tableCellHeadStyles = ["th.jsx-1796049005{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", ".dense.jsx-1796049005{padding:9px 12px;height:36px;}"];
 tableCellHeadStyles.__hash = "1796049005";
 
-const TableCellHead = ({
-  role,
-  colSpan,
-  rowSpan,
-  dense,
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("th", {
-  colSpan: colSpan,
-  rowSpan: rowSpan,
-  "data-test": dataTest,
-  role: role,
-  className: `jsx-${tableCellHeadStyles.__hash}` + " " + ((0, _classnames.default)({
-    dense
-  }, className) || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: tableCellHeadStyles.__hash
-}, tableCellHeadStyles));
+const TableCellHead = _ref => {
+  let {
+    role,
+    colSpan,
+    rowSpan,
+    dense,
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("th", {
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    "data-test": dataTest,
+    role: role,
+    className: "jsx-".concat(tableCellHeadStyles.__hash) + " " + ((0, _classnames.default)({
+      dense
+    }, className) || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: tableCellHeadStyles.__hash
+  }, tableCellHeadStyles));
+};
 
 exports.TableCellHead = TableCellHead;
 TableCellHead.defaultProps = {

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

@@ -18,25 +18,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const tableCellStyles = ["td.jsx-996330601{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", ".dense.jsx-996330601{padding:9px 12px;height:36px;}"];
 tableCellStyles.__hash = "996330601";
 
-const TableCell = ({
-  role,
-  className,
-  children,
-  colSpan,
-  rowSpan,
-  dense,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("td", {
-  colSpan: colSpan,
-  rowSpan: rowSpan,
-  "data-test": dataTest,
-  role: role,
-  className: `jsx-${tableCellStyles.__hash}` + " " + ((0, _classnames.default)({
-    dense
-  }, className) || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: tableCellStyles.__hash
-}, tableCellStyles));
+const TableCell = _ref => {
+  let {
+    role,
+    className,
+    children,
+    colSpan,
+    rowSpan,
+    dense,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    "data-test": dataTest,
+    role: role,
+    className: "jsx-".concat(tableCellStyles.__hash) + " " + ((0, _classnames.default)({
+      dense
+    }, className) || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: tableCellStyles.__hash
+  }, tableCellStyles));
+};
 
 exports.TableCell = TableCell;
 TableCell.defaultProps = {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Provider = exports.Consumer = exports.TableContext = void 0;
+exports.TableContext = exports.Provider = exports.Consumer = void 0;
 
 var _react = require("react");
 

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

@@ -11,16 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TableFoot = ({
-  children,
-  className,
-  dataTest,
-  role
-}) => /*#__PURE__*/_react.default.createElement("tfoot", {
-  className: className,
-  "data-test": dataTest,
-  role: role
-}, children);
+const TableFoot = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    role
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tfoot", {
+    className: className,
+    "data-test": dataTest,
+    role: role
+  }, children);
+};
 
 exports.TableFoot = TableFoot;
 TableFoot.defaultProps = {

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

@@ -11,16 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TableHead = ({
-  children,
-  className,
-  dataTest,
-  role
-}) => /*#__PURE__*/_react.default.createElement("thead", {
-  className: className,
-  "data-test": dataTest,
-  role: role
-}, children);
+const TableHead = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    role
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("thead", {
+    className: className,
+    "data-test": dataTest,
+    role: role
+  }, children);
+};
 
 exports.TableHead = TableHead;
 TableHead.defaultProps = {