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

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

@@ -8,17 +8,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _stackedTableRow = require("./stacked-table-row.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StackedTableRowHead = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-stackedtablerowhead'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, {
-    className: className,
-    dataTest: dataTest
-  }, children);
-};
+const StackedTableRowHead = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-stackedtablerowhead'
+}) => /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, {
+  className: className,
+  dataTest: dataTest
+}, children);
 exports.StackedTableRowHead = StackedTableRowHead;
 StackedTableRowHead.propTypes = {
   children: _propTypes.default.node,

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

@@ -12,25 +12,19 @@ var _addColNumToChildren = require("./add-col-num-to-children.js");
 var _supplyHeaderLabelsToChildren = require("./supply-header-labels-to-children.js");
 var _tableContext = require("./table-context.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StackedTableRow = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-stackedtablerow'
-  } = _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 ${_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 = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-stackedtablerow'
+}) => /*#__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;}"]));
 exports.StackedTableRow = StackedTableRow;
 StackedTableRow.propTypes = {
   children: _propTypes.default.node,

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

@@ -10,13 +10,12 @@ var _extractHeaderLabels = require("./extract-header-labels.js");
 var _tableContext = require("./table-context.js");
 var _table = require("./table.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StackedTable = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-stackedtable',
-    headerLabels
-  } = _ref;
+const StackedTable = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-stackedtable',
+  headerLabels
+}) => {
   const contextHeaderLabels = (0, _extractHeaderLabels.extractHeaderLabels)(children);
   const context = {
     headerLabels: headerLabels || contextHeaderLabels

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

@@ -11,29 +11,20 @@ var _stackedTableRow = require("./stacked-table-row.js");
 var _stackedTable = require("./stacked-table.js");
 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); } /* eslint-disable react/prop-types */
-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);
-  }))));
-};
+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)))));
 describe('StackedTable', () => {
   const headerLabels = [{
     label: 'First name',

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

@@ -9,20 +9,17 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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:${_uiConstants.colors.white};min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;color:${_uiConstants.colors.grey900};}`]));
-};
+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};}`]));
 exports.Table = Table;
 Table.propTypes = {
   children: _propTypes.default.node.isRequired,

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

@@ -7,19 +7,16 @@ exports.TableBody = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableBody = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablebody',
-    role
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tbody", {
-    className: className,
-    "data-test": dataTest,
-    role: role
-  }, children);
-};
+const TableBody = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablebody',
+  role
+}) => /*#__PURE__*/_react.default.createElement("tbody", {
+  className: className,
+  "data-test": dataTest,
+  role: role
+}, children);
 exports.TableBody = TableBody;
 TableBody.propTypes = {
   /** Should be `<TableRow>` components */

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

@@ -11,28 +11,25 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const tableCellHeadStyles = ["th.jsx-3181834369{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", "th.jsx-3181834369:dir(rtl){text-align:right;}", ".dense.jsx-3181834369{padding:9px 12px;height:36px;}"];
 tableCellHeadStyles.__hash = "3181834369";
-const TableCellHead = _ref => {
-  let {
-    role,
-    colSpan,
-    rowSpan,
-    dense,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablecellhead'
-  } = _ref;
-  return /*#__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 = ({
+  role,
+  colSpan,
+  rowSpan,
+  dense,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablecellhead'
+}) => /*#__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));
 exports.TableCellHead = TableCellHead;
 TableCellHead.propTypes = {
   children: _propTypes.default.node,

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

@@ -11,28 +11,25 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const tableCellStyles = ["td.jsx-2229340108{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", "td.jsx-2229340108:dir(rtl){text-align:right;}", ".dense.jsx-2229340108{padding:9px 12px;height:36px;}"];
 tableCellStyles.__hash = "2229340108";
-const TableCell = _ref => {
-  let {
-    role,
-    className,
-    children,
-    colSpan,
-    rowSpan,
-    dense,
-    dataTest = 'dhis2-uicore-tablecell'
-  } = _ref;
-  return /*#__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 = ({
+  role,
+  className,
+  children,
+  colSpan,
+  rowSpan,
+  dense,
+  dataTest = 'dhis2-uicore-tablecell'
+}) => /*#__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));
 exports.TableCell = TableCell;
 TableCell.propTypes = {
   children: _propTypes.default.node,

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

@@ -7,19 +7,16 @@ exports.TableFoot = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableFoot = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablefoot',
-    role
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tfoot", {
-    className: className,
-    "data-test": dataTest,
-    role: role
-  }, children);
-};
+const TableFoot = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablefoot',
+  role
+}) => /*#__PURE__*/_react.default.createElement("tfoot", {
+  className: className,
+  "data-test": dataTest,
+  role: role
+}, children);
 exports.TableFoot = TableFoot;
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */

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

@@ -7,19 +7,16 @@ exports.TableHead = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableHead = _ref => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablehead',
-    role
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("thead", {
-    className: className,
-    "data-test": dataTest,
-    role: role
-  }, children);
-};
+const TableHead = ({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablehead',
+  role
+}) => /*#__PURE__*/_react.default.createElement("thead", {
+  className: className,
+  "data-test": dataTest,
+  role: role
+}, children);
 exports.TableHead = TableHead;
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */

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

@@ -8,21 +8,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _tableRow = require("./table-row.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableRowHead = _ref => {
-  let {
-    role,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablerowhead',
-    suppressZebraStriping
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
-    className: className,
-    dataTest: dataTest,
-    suppressZebraStriping: suppressZebraStriping,
-    role: role
-  }, children);
-};
+const TableRowHead = ({
+  role,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablerowhead',
+  suppressZebraStriping
+}) => /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+  className: className,
+  dataTest: dataTest,
+  suppressZebraStriping: suppressZebraStriping,
+  role: role
+}, children);
 exports.TableRowHead = TableRowHead;
 TableRowHead.propTypes = {
   /** Should be `<TableCellHead>` components */

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

@@ -9,21 +9,19 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _tableContext = require("./table-context.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 tableRowStyles = [".zebraStriping.jsx-3124144591:nth-child(even){background:#fbfcfd;}"];
 tableRowStyles.__hash = "3124144591";
-const TableRow = _ref => {
-  let {
-    role,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tablerow',
-    suppressZebraStriping,
-    ...rest
-  } = _ref;
+const TableRow = ({
+  role,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tablerow',
+  suppressZebraStriping,
+  ...rest
+}) => {
   const {
     suppressZebraStriping: suppressZebraStripingFromContext
   } = (0, _react.useContext)(_tableContext.TableContext);

package/build/cjs/table/table.js

@@ -11,26 +11,23 @@ var _tableContext = require("./table-context.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const tableStyles = ["table.jsx-2430604489{border:1px solid #e8edf2;background-color:#ffffff;min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;}"];
 tableStyles.__hash = "2430604489";
-const Table = _ref => {
-  let {
-    role,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-table',
+const Table = ({
+  role,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-table',
+  suppressZebraStriping
+}) => /*#__PURE__*/_react.default.createElement(_tableContext.Provider, {
+  value: {
     suppressZebraStriping
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_tableContext.Provider, {
-    value: {
-      suppressZebraStriping
-    }
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    "data-test": dataTest,
-    role: role,
-    className: `jsx-${tableStyles.__hash}` + " " + (className || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: tableStyles.__hash
-  }, tableStyles)));
-};
+  }
+}, /*#__PURE__*/_react.default.createElement("table", {
+  "data-test": dataTest,
+  role: role,
+  className: `jsx-${tableStyles.__hash}` + " " + (className || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: tableStyles.__hash
+}, tableStyles)));
 exports.Table = Table;
 Table.propTypes = {
   /** Should be `<TableHead>`, `<TableBody>`, and `<TableFoot>` components */

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

@@ -3,31 +3,30 @@ import { mutuallyExclusive, requiredIf } from '@dhis2/prop-types';
 import PropTypes from 'prop-types';
 import React, { forwardRef } from 'react';
 import { TableDataCell, TableHeaderCell } from './table-elements/index.js';
-export const DataTableCell = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    active,
-    align = 'left',
-    backgroundColor,
-    bordered,
-    children,
-    className,
-    colSpan,
-    dataTest = 'dhis2-uicore-datatablecell',
-    error,
-    fixed,
-    large,
-    left = 'auto',
-    muted,
-    rowSpan,
-    role,
-    scope,
-    staticStyle,
-    tag,
-    valid,
-    width = 'auto',
-    onClick,
-    ...props
-  } = _ref;
+export const DataTableCell = /*#__PURE__*/forwardRef(({
+  active,
+  align = 'left',
+  backgroundColor,
+  bordered,
+  children,
+  className,
+  colSpan,
+  dataTest = 'dhis2-uicore-datatablecell',
+  error,
+  fixed,
+  large,
+  left = 'auto',
+  muted,
+  rowSpan,
+  role,
+  scope,
+  staticStyle,
+  tag,
+  valid,
+  width = 'auto',
+  onClick,
+  ...props
+}, ref) => {
   const TableCell = !tag && fixed || tag && tag === 'th' ? TableHeaderCell : TableDataCell;
   return /*#__PURE__*/React.createElement(TableCell, _extends({}, props, {
     active: active,