@dhis2-ui/table 10.16.3-alpha.1 → 10.16.4

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

@@ -16,8 +16,7 @@ var _dataTableHead = require("./data-table-head.js");
 var _dataTableRow = require("./data-table-row/data-table-row.js");
 var _dataTableToolbar = require("./data-table-toolbar.js");
 var _dataTable = require("./data-table.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const subtitle = 'Used to display information in a standard, effective way.';
 const description = `
@@ -82,70 +81,67 @@ var _default = exports.default = {
     }
   }
 };
-const BasicTemplate = _ref => {
-  let {
-    bordered,
-    large,
-    draggable,
-    bodyProps,
-    ...args
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, draggable && /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large
-  }), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large
-  }, "First name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large
-  }, "Last name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large
-  }, "Incident date"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large
-  }, "Last updated"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, bodyProps, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
-    draggable: draggable
-  }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Kariuki"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
-    draggable: draggable
-  }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Kwasi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
-    draggable: draggable
-  }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large,
-    bordered: bordered
-  }, "02/06/2007"))), /*#__PURE__*/_react.default.createElement(_dataTableFoot.DataTableFoot, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    colSpan: draggable ? '5' : '4'
-  }, "Footer content"))));
-};
+const BasicTemplate = ({
+  bordered,
+  large,
+  draggable,
+  bodyProps,
+  ...args
+}) => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, draggable && /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large
+}), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large
+}, "First name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large
+}, "Last name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large
+}, "Incident date"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large
+}, "Last updated"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, bodyProps, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
+  draggable: draggable
+}, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Kariuki"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
+  draggable: draggable
+}, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Kwasi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
+  draggable: draggable
+}, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large,
+  bordered: bordered
+}, "02/06/2007"))), /*#__PURE__*/_react.default.createElement(_dataTableFoot.DataTableFoot, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  colSpan: draggable ? '5' : '4'
+}, "Footer content"))));
 const Default = exports.Default = BasicTemplate.bind({});
 Default.args = {};
 const Loading = exports.Loading = BasicTemplate.bind({});
@@ -247,20 +243,18 @@ const SelectableRowsTemplate = args => {
   const [selected, setSelected] = (0, _react.useState)({
     id_2: true
   });
-  const toggleSelected = _ref2 => {
-    let {
-      value,
-      checked
-    } = _ref2;
+  const toggleSelected = ({
+    value,
+    checked
+  }) => {
     setSelected({
       ...selected,
       [value]: checked
     });
   };
-  const toggleAll = _ref3 => {
-    let {
-      checked
-    } = _ref3;
+  const toggleAll = ({
+    checked
+  }) => {
     setSelected({
       id_1: checked,
       id_2: checked,
@@ -607,11 +601,10 @@ const ColumnHeaderSortingTemplate = args => {
     direction: 'default'
   });
   const getSortDirection = columnName => columnName === column ? direction : 'default';
-  const onSortIconClick = _ref4 => {
-    let {
-      name,
-      direction
-    } = _ref4;
+  const onSortIconClick = ({
+    name,
+    direction
+  }) => {
     setSortInstructions({
       column: name,
       direction
@@ -637,15 +630,12 @@ const ColumnHeaderSortingTemplate = args => {
       return 1;
     }
     return 0;
-  }).map(_ref5 => {
-    let {
-      firstName,
-      lastName
-    } = _ref5;
-    return /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
-      key: firstName + lastName
-    }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName));
-  })));
+  }).map(({
+    firstName,
+    lastName
+  }) => /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
+    key: firstName + lastName
+  }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName)))));
 };
 const ColumnHeaderSorting = exports.ColumnHeaderSorting = ColumnHeaderSortingTemplate.bind({});
 ColumnHeaderSorting.args = {};
@@ -667,20 +657,18 @@ const InlineFilteringTemplate = args => {
     column: null,
     value: ''
   });
-  const onFilterIconClick = _ref6 => {
-    let {
-      name,
-      show
-    } = _ref6;
+  const onFilterIconClick = ({
+    name,
+    show
+  }) => {
     setFilter({
       column: show ? name : null,
       value: ''
     });
   };
-  const onFilterInputChange = _ref7 => {
-    let {
-      value
-    } = _ref7;
+  const onFilterInputChange = ({
+    value
+  }) => {
     setFilter({
       column: column,
       value
@@ -711,60 +699,54 @@ const InlineFilteringTemplate = args => {
       return true;
     }
     return row[column].toUpperCase().includes(value.toUpperCase());
-  }).map(_ref8 => {
-    let {
-      firstName,
-      lastName
-    } = _ref8;
-    return /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
-      key: firstName + lastName
-    }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName));
-  })));
+  }).map(({
+    firstName,
+    lastName
+  }) => /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
+    key: firstName + lastName
+  }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName)))));
 };
 const InlineFiltering = exports.InlineFiltering = InlineFilteringTemplate.bind({});
 InlineFiltering.args = {
   layout: 'fixed'
 };
-const LongCellContentTemplate = _ref9 => {
-  let {
-    large
-  } = _ref9;
-  return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large,
-    onSortIconClick: () => {},
-    sortDirection: "asc",
-    name: "first"
-  }, "FIRST - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large,
-    onFilterIconClick: () => {},
+const LongCellContentTemplate = ({
+  large
+}) => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large,
+  onSortIconClick: () => {},
+  sortDirection: "asc",
+  name: "first"
+}, "FIRST - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large,
+  onFilterIconClick: () => {},
+  name: "firstName",
+  showFilter: true,
+  filter: /*#__PURE__*/_react.default.createElement(_input.Input, {
+    dense: true,
+    onChange: () => {},
     name: "firstName",
-    showFilter: true,
-    filter: /*#__PURE__*/_react.default.createElement(_input.Input, {
-      dense: true,
-      onChange: () => {},
-      name: "firstName",
-      value: "Filter value"
-    })
-  }, "SECOND - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large,
-    onSortIconClick: () => {},
-    sortDirection: "asc",
-    name: "third"
-  }, "Third (short)"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
-    large: large,
-    onSortIconClick: () => {},
-    sortDirection: "asc",
-    name: "fourth"
-  }, "Fourth - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large
-  }, "FIRST - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large
-  }, "SECOND - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large
-  }, "Third (short)"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
-    large: large
-  }, "Fourth - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"))));
-};
+    value: "Filter value"
+  })
+}, "SECOND - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large,
+  onSortIconClick: () => {},
+  sortDirection: "asc",
+  name: "third"
+}, "Third (short)"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
+  large: large,
+  onSortIconClick: () => {},
+  sortDirection: "asc",
+  name: "fourth"
+}, "Fourth - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large
+}, "FIRST - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large
+}, "SECOND - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large
+}, "Third (short)"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
+  large: large
+}, "Fourth - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"))));
 const LongCellContent = exports.LongCellContent = LongCellContentTemplate.bind({});
 const LongCellContentLargeCells = exports.LongCellContentLargeCells = LongCellContentTemplate.bind({});
 LongCellContentLargeCells.args = {

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

@@ -9,31 +9,27 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablebody',
-    role,
-    loading,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tbody", _extends({}, props, {
-    "data-test": dataTest,
-    ref: ref,
-    role: role,
-    className: _style.default.dynamic([["2478922139", [_uiConstants.colors.blue600]]]) + " " + ((0, _classnames.default)(className, {
-      loading
-    }) || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2478922139",
-    dynamic: [_uiConstants.colors.blue600]
-  }, ["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);}}"]));
-});
+const TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablebody',
+  role,
+  loading,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("tbody", _extends({}, props, {
+  "data-test": dataTest,
+  ref: ref,
+  role: role,
+  className: _style.default.dynamic([["2478922139", [_uiConstants.colors.blue600]]]) + " " + ((0, _classnames.default)(className, {
+    loading
+  }) || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2478922139",
+  dynamic: [_uiConstants.colors.blue600]
+}, ["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.propTypes = {
   /** Should be `<TableRow>` components */

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

@@ -11,8 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _tableDataCellStyles = _interopRequireDefault(require("./table-data-cell.styles.js"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const rtlCorrespondingAlignments = {
@@ -20,30 +19,29 @@ const rtlCorrespondingAlignments = {
   right: 'left',
   center: 'center'
 };
-const TableDataCell = exports.TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const TableDataCell = exports.TableDataCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  active,
+  align = 'left',
+  backgroundColor,
+  bordered,
+  children,
+  className,
+  colSpan,
+  dataTest = 'dhis2-uicore-tabledatacel',
+  error,
+  large,
+  left = 'auto',
+  muted,
+  role,
+  rowSpan,
+  scope,
+  staticStyle,
+  valid,
+  width = 'auto',
+  onClick,
+  ...props
+}, ref) => {
   var _rtlCorrespondingAlig;
-  let {
-    active,
-    align = 'left',
-    backgroundColor,
-    bordered,
-    children,
-    className,
-    colSpan,
-    dataTest = 'dhis2-uicore-tabledatacel',
-    error,
-    large,
-    left = 'auto',
-    muted,
-    role,
-    rowSpan,
-    scope,
-    staticStyle,
-    valid,
-    width = 'auto',
-    onClick,
-    ...props
-  } = _ref;
   const rtlAlign = (_rtlCorrespondingAlig = rtlCorrespondingAlignments[align]) !== null && _rtlCorrespondingAlig !== void 0 ? _rtlCorrespondingAlig : align;
   return /*#__PURE__*/_react.default.createElement("td", _extends({}, props, {
     ref: ref,

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

@@ -6,25 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableFoot = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TableFoot = exports.TableFoot = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablefoot',
-    role,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tfoot", _extends({}, props, {
-    className: className,
-    "data-test": dataTest,
-    ref: ref,
-    role: role
-  }), children);
-});
+const TableFoot = exports.TableFoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablefoot',
+  role,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("tfoot", _extends({}, props, {
+  className: className,
+  "data-test": dataTest,
+  ref: ref,
+  role: role
+}), children));
 TableFoot.displayName = 'TableFoot';
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */

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

@@ -6,25 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableHead = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TableHead = exports.TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest,
-    role,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("thead", _extends({}, props, {
-    className: className,
-    "data-test": dataTest,
-    ref: ref,
-    role: role
-  }), children);
-});
+const TableHead = exports.TableHead = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest,
+  role,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("thead", _extends({}, props, {
+  className: className,
+  "data-test": dataTest,
+  ref: ref,
+  role: role
+}), children));
 TableHead.displayName = 'TableHead';
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */