@dhis2-ui/table 8.1.11 → 8.2.2

package/build/es/data-table/table-elements/table.stories.internal.js

@@ -14,23 +14,7 @@ import { TableScrollBox } from './table-scroll-box.js';
 import { TableToolbar } from './table-toolbar.js';
 import { Table } from './table.js';
 const subtitle = 'Used to display information in a standard, effective way.';
-const description = `
-Should be used with multiple Table-related child components - see the table and examples below.
-
-\`\`\`js
-import {
-    Table,
-    TableToolbar,
-    TableHead,
-    TableBody,
-    TableFoot,
-    TableRow,
-    TableDataCell,
-    TableHeaderCell,
-    TableScrollBox,
-} from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nShould be used with multiple Table-related child components - see the table and examples below.\n\n```js\nimport {\n    Table,\n    TableToolbar,\n    TableHead,\n    TableBody,\n    TableFoot,\n    TableRow,\n    TableDataCell,\n    TableHeaderCell,\n    TableScrollBox,\n} from '@dhis2/ui'\n```\n";
 export default {
   title: 'Data Display/Table',
   component: Table,
@@ -83,80 +67,83 @@ export default {
   }
 };
 
-const BasicTemplate = ({
-  borderedCells,
-  largeCells,
-  staticCells,
-  draggableRows,
-  ...args
-}) => /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
-  large: largeCells
-}, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  large: largeCells
-}, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  large: largeCells
-}, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  large: largeCells
-}, "Last updated"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "05/25/1972")), /*#__PURE__*/React.createElement(TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/26/1991")), /*#__PURE__*/React.createElement(TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/06/2007"))), /*#__PURE__*/React.createElement(TableFoot, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells,
-  colSpan: "4"
-}, "Footer content"))));
+const BasicTemplate = _ref => {
+  let {
+    borderedCells,
+    largeCells,
+    staticCells,
+    draggableRows,
+    ...args
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
+    large: largeCells
+  }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    large: largeCells
+  }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    large: largeCells
+  }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    large: largeCells
+  }, "Last updated"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "05/25/1972")), /*#__PURE__*/React.createElement(TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/26/1991")), /*#__PURE__*/React.createElement(TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/06/2007"))), /*#__PURE__*/React.createElement(TableFoot, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells,
+    colSpan: "4"
+  }, "Footer content"))));
+};
 
 export const Default = BasicTemplate.bind({});
 Default.args = {};
@@ -275,18 +262,20 @@ const SelectableRowsTemplate = args => {
     id_2: true
   });
 
-  const toggleSelected = ({
-    value,
-    checked
-  }) => {
+  const toggleSelected = _ref2 => {
+    let {
+      value,
+      checked
+    } = _ref2;
     setSelected({ ...selected,
       [value]: checked
     });
   };
 
-  const toggleAll = ({
-    checked
-  }) => {
+  const toggleAll = _ref3 => {
+    let {
+      checked
+    } = _ref3;
     setSelected({
       id_1: checked,
       id_2: checked,
@@ -331,34 +320,37 @@ const SelectableRowsTemplate = args => {
 export const SelectableRows = SelectableRowsTemplate.bind({});
 SelectableRows.args = {};
 
-const FixedHeaderTemplate = ({ ...args
-}) => /*#__PURE__*/React.createElement(TableScrollBox, {
-  maxHeight: "350px"
-}, /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Last updated"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Age"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Registering unit"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Assigned user"), /*#__PURE__*/React.createElement(TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Status"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/25/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "66"), /*#__PURE__*/React.createElement(TableDataCell, null, "Jawi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/26/1991"), /*#__PURE__*/React.createElement(TableDataCell, null, "38"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "98"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/23/1982"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/15/2003"), /*#__PURE__*/React.createElement(TableDataCell, null, "2"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Mtendere"), /*#__PURE__*/React.createElement(TableDataCell, null, "Afolayan"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/12/1994"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/12/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "37"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Inyene"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okonkwo"), /*#__PURE__*/React.createElement(TableDataCell, null, "04/01/1971"), /*#__PURE__*/React.createElement(TableDataCell, null, "03/16/2000"), /*#__PURE__*/React.createElement(TableDataCell, null, "70"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kunike Barina"), /*#__PURE__*/React.createElement(TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Amaka"), /*#__PURE__*/React.createElement(TableDataCell, null, "Pretorius"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/25/1996"), /*#__PURE__*/React.createElement(TableDataCell, null, "09/15/1986"), /*#__PURE__*/React.createElement(TableDataCell, null, "32"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bargbo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Alberto Raya"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Meti"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "10/24/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/26/1989"), /*#__PURE__*/React.createElement(TableDataCell, null, "8"), /*#__PURE__*/React.createElement(TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Eshe"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "63"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Obi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "06/07/1990"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/03/2006"), /*#__PURE__*/React.createElement(TableDataCell, null, "28"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")))));
+const FixedHeaderTemplate = _ref4 => {
+  let { ...args
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(TableScrollBox, {
+    maxHeight: "350px"
+  }, /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Last updated"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Age"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Registering unit"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Assigned user"), /*#__PURE__*/React.createElement(TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Status"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/25/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "66"), /*#__PURE__*/React.createElement(TableDataCell, null, "Jawi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/26/1991"), /*#__PURE__*/React.createElement(TableDataCell, null, "38"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "98"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/23/1982"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/15/2003"), /*#__PURE__*/React.createElement(TableDataCell, null, "2"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Mtendere"), /*#__PURE__*/React.createElement(TableDataCell, null, "Afolayan"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/12/1994"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/12/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "37"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Inyene"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okonkwo"), /*#__PURE__*/React.createElement(TableDataCell, null, "04/01/1971"), /*#__PURE__*/React.createElement(TableDataCell, null, "03/16/2000"), /*#__PURE__*/React.createElement(TableDataCell, null, "70"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kunike Barina"), /*#__PURE__*/React.createElement(TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Amaka"), /*#__PURE__*/React.createElement(TableDataCell, null, "Pretorius"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/25/1996"), /*#__PURE__*/React.createElement(TableDataCell, null, "09/15/1986"), /*#__PURE__*/React.createElement(TableDataCell, null, "32"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bargbo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Alberto Raya"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Meti"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "10/24/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/26/1989"), /*#__PURE__*/React.createElement(TableDataCell, null, "8"), /*#__PURE__*/React.createElement(TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Eshe"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "63"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Obi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "06/07/1990"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/03/2006"), /*#__PURE__*/React.createElement(TableDataCell, null, "28"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")))));
+};
 
 export const FixedHeader = FixedHeaderTemplate.bind({});
 FixedHeader.args = {

package/build/es/stacked-table/content-with-title.js

@@ -2,17 +2,20 @@ import _JSXStyle from "styled-jsx/style";
 import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
-export const ContentWithTitle = ({
-  title,
-  children
-}) => /*#__PURE__*/React.createElement(Fragment, null, title && /*#__PURE__*/React.createElement("span", {
-  className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "title"
-}, title), /*#__PURE__*/React.createElement("span", {
-  className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "content"
-}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "215664166",
-  dynamic: [colors.grey700]
-}, [`.title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:${colors.grey700};}`, ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
+export const ContentWithTitle = _ref => {
+  let {
+    title,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Fragment, null, title && /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "title"
+  }, title), /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "content"
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "215664166",
+    dynamic: [colors.grey700]
+  }, [".title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:".concat(colors.grey700, ";}"), ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
+};
 ContentWithTitle.propTypes = {
   children: PropTypes.node.isRequired,
   title: PropTypes.string

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

@@ -1,16 +1,19 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const StackedTableBody = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement("tbody", {
-  "data-tset": dataTest,
-  className: "jsx-4146628131" + " " + (className || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "4146628131"
-}, ["tbody.jsx-4146628131{display:block;}"]));
+export const StackedTableBody = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tbody", {
+    "data-tset": dataTest,
+    className: "jsx-4146628131" + " " + (className || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "4146628131"
+  }, ["tbody.jsx-4146628131{display:block;}"]));
+};
 StackedTableBody.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -2,23 +2,26 @@ import _JSXStyle from "styled-jsx/style";
 import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const StackedTableCellHead = ({
-  children,
-  className,
-  colSpan,
-  dataTest,
-  rowSpan
-}) => /*#__PURE__*/React.createElement("th", {
-  colSpan: colSpan,
-  rowSpan: rowSpan,
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["178822310", [colors.grey300]]]) + " " + (className || "")
-}, children && /*#__PURE__*/React.createElement("div", {
-  className: _JSXStyle.dynamic([["178822310", [colors.grey300]]])
-}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "178822310",
-  dynamic: [colors.grey300]
-}, [`th.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey300};padding:0 12px;}`, "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
+export const StackedTableCellHead = _ref => {
+  let {
+    children,
+    className,
+    colSpan,
+    dataTest,
+    rowSpan
+  } = _ref;
+  return /*#__PURE__*/React.createElement("th", {
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["178822310", [colors.grey300]]]) + " " + (className || "")
+  }, children && /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["178822310", [colors.grey300]]])
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "178822310",
+    dynamic: [colors.grey300]
+  }, ["th.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(colors.grey300, ";padding:0 12px;}"), "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
+};
 StackedTableCellHead.propTypes = {
   children: PropTypes.string,
   className: PropTypes.string,

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

@@ -3,17 +3,18 @@ import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ContentWithTitle } from './content-with-title.js';
-export const StackedTableCell = ({
-  children,
-  className,
-  colSpan,
-  column,
-  dataTest,
-  headerLabels,
-  hideTitle,
-  rowSpan,
-  title
-}) => {
+export 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.createElement("td", {
@@ -26,7 +27,7 @@ export const StackedTableCell = ({
   }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1368473511",
     dynamic: [colors.grey300]
-  }, [`td.__jsx-style-dynamic-selector{border-bottom:1px solid ${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(colors.grey300, ";padding:0 12px;font-size:14px;width:100%;display:block;}"), "td.__jsx-style-dynamic-selector:last-child{border-bottom:0;}"]));
 };
 StackedTableCell.propTypes = {
   children: PropTypes.node,

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

@@ -1,16 +1,19 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const StackedTableFoot = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement("tfoot", {
-  "data-test": dataTest,
-  className: "jsx-3912324960" + " " + (className || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3912324960"
-}, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
+export const StackedTableFoot = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tfoot", {
+    "data-test": dataTest,
+    className: "jsx-3912324960" + " " + (className || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3912324960"
+  }, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
+};
 StackedTableFoot.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -1,16 +1,19 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const StackedTableHead = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement("thead", {
-  "data-test": dataTest,
-  className: "jsx-1150407268" + " " + (className || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "1150407268"
-}, ["thead.jsx-1150407268{display:none;}"]));
+export const StackedTableHead = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("thead", {
+    "data-test": dataTest,
+    className: "jsx-1150407268" + " " + (className || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1150407268"
+  }, ["thead.jsx-1150407268{display:none;}"]));
+};
 StackedTableHead.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -1,14 +1,17 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { StackedTableRow } from './stacked-table-row.js';
-export const StackedTableRowHead = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement(StackedTableRow, {
-  className: className,
-  dataTest: dataTest
-}, children);
+export const StackedTableRowHead = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(StackedTableRow, {
+    className: className,
+    dataTest: dataTest
+  }, children);
+};
 StackedTableRowHead.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -5,19 +5,25 @@ import React from 'react';
 import { addColNumToChildren } from './add-col-num-to-children.js';
 import { supplyHeaderLabelsToChildren } from './supply-header-labels-to-children.js';
 import { Consumer } from './table-context.js';
-export const StackedTableRow = ({
-  children,
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement("tr", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["2003961452", [colors.grey300, colors.white]]]) + " " + (className || "")
-}, /*#__PURE__*/React.createElement(Consumer, null, ({
-  headerLabels
-}) => supplyHeaderLabelsToChildren(headerLabels, addColNumToChildren(children))), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "2003961452",
-  dynamic: [colors.grey300, colors.white]
-}, [`tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ${colors.grey300};}`, `tr.__jsx-style-dynamic-selector:nth-child(even){background:${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;}"]));
+export const StackedTableRow = _ref => {
+  let {
+    children,
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tr", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["2003961452", [colors.grey300, colors.white]]]) + " " + (className || "")
+  }, /*#__PURE__*/React.createElement(Consumer, null, _ref2 => {
+    let {
+      headerLabels
+    } = _ref2;
+    return supplyHeaderLabelsToChildren(headerLabels, addColNumToChildren(children));
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2003961452",
+    dynamic: [colors.grey300, colors.white]
+  }, ["tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ".concat(colors.grey300, ";}"), "tr.__jsx-style-dynamic-selector:nth-child(even){background:".concat(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;}"]));
+};
 StackedTableRow.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -3,12 +3,13 @@ import React from 'react';
 import { extractHeaderLabels } from './extract-header-labels.js';
 import { Provider } from './table-context.js';
 import { Table } from './table.js';
-export const StackedTable = ({
-  children,
-  className,
-  dataTest,
-  headerLabels
-}) => {
+export const StackedTable = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    headerLabels
+  } = _ref;
   const contextHeaderLabels = extractHeaderLabels(children);
   const context = {
     headerLabels: headerLabels || contextHeaderLabels