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

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

@@ -11,62 +11,58 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _tableHeaderCellStyles = _interopRequireDefault(require("./table-header-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 AUTO = 'auto';
-const TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
+const TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  active,
+  align = 'left',
+  backgroundColor,
+  bordered,
+  children,
+  className,
+  colSpan,
+  dataTest = 'dhis2-uicore-tablecell',
+  error,
+  fixed,
+  large,
+  left = AUTO,
+  muted,
+  rowSpan,
+  role,
+  scope,
+  staticStyle,
+  top = AUTO,
+  valid,
+  width = AUTO,
+  onClick,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("th", _extends({}, props, {
+  ref: ref,
+  colSpan: colSpan,
+  rowSpan: rowSpan,
+  onClick: onClick,
+  "data-test": dataTest,
+  role: role,
+  scope: scope,
+  className: `jsx-${_tableHeaderCellStyles.default.__hash}` + " " + _style.default.dynamic([["2588011372", [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]]]) + " " + ((0, _classnames.default)(className, {
     active,
-    align = 'left',
-    backgroundColor,
     bordered,
-    children,
-    className,
-    colSpan,
-    dataTest = 'dhis2-uicore-tablecell',
     error,
     fixed,
+    fixedHorizontally: fixed && left !== AUTO,
     large,
-    left = AUTO,
     muted,
-    rowSpan,
-    role,
-    scope,
     staticStyle,
-    top = AUTO,
-    valid,
-    width = AUTO,
-    onClick,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("th", _extends({}, props, {
-    ref: ref,
-    colSpan: colSpan,
-    rowSpan: rowSpan,
-    onClick: onClick,
-    "data-test": dataTest,
-    role: role,
-    scope: scope,
-    className: `jsx-${_tableHeaderCellStyles.default.__hash}` + " " + _style.default.dynamic([["2588011372", [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]]]) + " " + ((0, _classnames.default)(className, {
-      active,
-      bordered,
-      error,
-      fixed,
-      fixedHorizontally: fixed && left !== AUTO,
-      large,
-      muted,
-      staticStyle,
-      valid
-    }) || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _tableHeaderCellStyles.default.__hash
-  }, _tableHeaderCellStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2588011372",
-    dynamic: [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]
-  }, [`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};}`]));
-});
+    valid
+  }) || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _tableHeaderCellStyles.default.__hash
+}, _tableHeaderCellStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2588011372",
+  dynamic: [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]
+}, [`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';
 const stylePropType = (0, _propTypes.mutuallyExclusive)(['valid', 'error', 'muted'], _propTypes2.default.bool);
 TableHeaderCell.propTypes = {

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

@@ -8,30 +8,26 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _uiConstants = require("@dhis2/ui-constants");
 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 TableHeaderCellAction = exports.TableHeaderCellAction = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    onClick,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tableheadercellaction',
-    title,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", _extends({}, props, {
-    "data-test": dataTest,
-    onClick: onClick,
-    title: title,
-    ref: ref,
-    className: _style.default.dynamic([["4225768774", [_uiConstants.colors.grey400]]]) + " " + (className || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "4225768774",
-    dynamic: [_uiConstants.colors.grey400]
-  }, ["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;}"]));
-});
+const TableHeaderCellAction = exports.TableHeaderCellAction = /*#__PURE__*/(0, _react.forwardRef)(({
+  onClick,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tableheadercellaction',
+  title,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("button", _extends({}, props, {
+  "data-test": dataTest,
+  onClick: onClick,
+  title: title,
+  ref: ref,
+  className: _style.default.dynamic([["4225768774", [_uiConstants.colors.grey400]]]) + " " + (className || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "4225768774",
+  dynamic: [_uiConstants.colors.grey400]
+}, ["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.propTypes = {
   children: _propTypes.default.node,

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

@@ -8,32 +8,28 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 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 TableRow = exports.TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablerow',
-    draggable,
-    role,
+const TableRow = exports.TableRow = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablerow',
+  draggable,
+  role,
+  selected,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("tr", _extends({}, props, {
+  ref: ref,
+  "data-test": dataTest,
+  role: role,
+  className: "jsx-1820444258" + " " + ((0, _classnames.default)(className, {
     selected,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tr", _extends({}, props, {
-    ref: ref,
-    "data-test": dataTest,
-    role: role,
-    className: "jsx-1820444258" + " " + ((0, _classnames.default)(className, {
-      selected,
-      draggable
-    }) || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1820444258"
-  }, ["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;}"]));
-});
+    draggable
+  }) || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1820444258"
+}, ["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.propTypes = {
   /** Should be `<TableDataCell>` or `<TableDataCellHead>` components */

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

@@ -8,28 +8,24 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _uiConstants = require("@dhis2/ui-constants");
 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 TableScrollBox = exports.TableScrollBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablescrollbox',
-    maxHeight = 'auto',
-    maxWidth = 'auto',
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    "data-test": dataTest,
-    ref: ref,
-    className: _style.default.dynamic([["2859562182", [_uiConstants.colors.grey300, maxHeight, maxWidth]]]) + " " + (className || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2859562182",
-    dynamic: [_uiConstants.colors.grey300, maxHeight, maxWidth]
-  }, [`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;}`]));
-});
+const TableScrollBox = exports.TableScrollBox = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablescrollbox',
+  maxHeight = 'auto',
+  maxWidth = 'auto',
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+  "data-test": dataTest,
+  ref: ref,
+  className: _style.default.dynamic([["2859562182", [_uiConstants.colors.grey300, maxHeight, maxWidth]]]) + " " + (className || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2859562182",
+  dynamic: [_uiConstants.colors.grey300, maxHeight, maxWidth]
+}, [`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.propTypes = {
   children: _propTypes.default.node,

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

@@ -9,27 +9,23 @@ 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 TableToolbar = exports.TableToolbar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tabletoolbar',
-    position = 'top',
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    "data-test": dataTest,
-    ref: ref,
-    className: _style.default.dynamic([["247244135", [_uiConstants.colors.grey300, _uiConstants.spacers.dp12]]]) + " " + ((0, _classnames.default)(className, position) || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "247244135",
-    dynamic: [_uiConstants.colors.grey300, _uiConstants.spacers.dp12]
-  }, [`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;}"]));
-});
+const TableToolbar = exports.TableToolbar = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tabletoolbar',
+  position = 'top',
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+  "data-test": dataTest,
+  ref: ref,
+  className: _style.default.dynamic([["247244135", [_uiConstants.colors.grey300, _uiConstants.spacers.dp12]]]) + " " + ((0, _classnames.default)(className, position) || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "247244135",
+  dynamic: [_uiConstants.colors.grey300, _uiConstants.spacers.dp12]
+}, [`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.propTypes = {
   children: _propTypes.default.node,

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

@@ -9,33 +9,29 @@ 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 Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-table',
-    layout = 'auto',
-    role,
-    borderless,
-    width = '100%',
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("table", _extends({}, props, {
-    "data-test": dataTest,
-    ref: ref,
-    role: role,
-    className: _style.default.dynamic([["3140496910", [layout, width, _uiConstants.colors.grey300]]]) + " " + ((0, _classnames.default)(className, {
-      borderless
-    }) || "")
-  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3140496910",
-    dynamic: [layout, width, _uiConstants.colors.grey300]
-  }, [`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;}"]));
-});
+const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-table',
+  layout = 'auto',
+  role,
+  borderless,
+  width = '100%',
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement("table", _extends({}, props, {
+  "data-test": dataTest,
+  ref: ref,
+  role: role,
+  className: _style.default.dynamic([["3140496910", [layout, width, _uiConstants.colors.grey300]]]) + " " + ((0, _classnames.default)(className, {
+    borderless
+  }) || "")
+}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3140496910",
+  dynamic: [layout, width, _uiConstants.colors.grey300]
+}, [`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.propTypes = {
   /**