@dhis2-ui/table 8.2.0 → 8.2.3

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderActions = exports.ScrollingTableWithToolbars = exports.FixedHeaderAndTwoColumns = exports.FixedFirstColumn = exports.FixedHeader = exports.SelectableRows = exports.Toolbars = exports.IrregularHeaders = exports.CellStyling = exports.DraggableRows = exports.StaticCells = exports.LargeCells = exports.BorderedCells = exports.Default = exports.default = void 0;
+exports.default = exports.Toolbars = exports.StaticCells = exports.SelectableRows = exports.ScrollingTableWithToolbars = exports.LargeCells = exports.IrregularHeaders = exports.HeaderActions = exports.FixedHeaderAndTwoColumns = exports.FixedHeader = exports.FixedFirstColumn = exports.DraggableRows = exports.Default = exports.CellStyling = exports.BorderedCells = void 0;
 
 var _box = require("@dhis2-ui/box");
 
@@ -39,23 +39,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /* eslint-disable react/prop-types */
 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";
 var _default = {
   title: 'Data Display/Table',
   component: _table.Table,
@@ -109,80 +93,83 @@ var _default = {
 };
 exports.default = _default;
 
-const BasicTemplate = ({
-  borderedCells,
-  largeCells,
-  staticCells,
-  draggableRows,
-  ...args
-}) => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  large: largeCells
-}, "First name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  large: largeCells
-}, "Last name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  large: largeCells
-}, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  large: largeCells
-}, "Last updated"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
-  draggable: draggableRows
-}, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells
-}, "02/06/2007"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
-  staticStyle: staticCells,
-  large: largeCells,
-  bordered: borderedCells,
-  colSpan: "4"
-}, "Footer content"))));
+const BasicTemplate = _ref => {
+  let {
+    borderedCells,
+    largeCells,
+    staticCells,
+    draggableRows,
+    ...args
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    large: largeCells
+  }, "First name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    large: largeCells
+  }, "Last name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    large: largeCells
+  }, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    large: largeCells
+  }, "Last updated"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
+    draggable: draggableRows
+  }, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells
+  }, "02/06/2007"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
+    staticStyle: staticCells,
+    large: largeCells,
+    bordered: borderedCells,
+    colSpan: "4"
+  }, "Footer content"))));
+};
 
 const Default = BasicTemplate.bind({});
 exports.Default = Default;
@@ -309,18 +296,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,
@@ -366,34 +355,37 @@ const SelectableRows = SelectableRowsTemplate.bind({});
 exports.SelectableRows = SelectableRows;
 SelectableRows.args = {};
 
-const FixedHeaderTemplate = ({ ...args
-}) => /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
-  maxHeight: "350px"
-}, /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "First name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Last name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Age"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
-  fixed: true,
-  top: "0"
-}, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")))));
+const FixedHeaderTemplate = _ref4 => {
+  let { ...args
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
+    maxHeight: "350px"
+  }, /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "First name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Last name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Age"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
+    fixed: true,
+    top: "0"
+  }, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")))));
+};
 
 const FixedHeader = FixedHeaderTemplate.bind({});
 exports.FixedHeader = FixedHeader;

package/build/cjs/index.js

@@ -3,52 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Table", {
+Object.defineProperty(exports, "DataTable", {
   enumerable: true,
   get: function () {
-    return _index.Table;
+    return _index3.DataTable;
   }
 });
-Object.defineProperty(exports, "TableFoot", {
+Object.defineProperty(exports, "DataTableBody", {
   enumerable: true,
   get: function () {
-    return _index.TableFoot;
+    return _index3.DataTableBody;
   }
 });
-Object.defineProperty(exports, "TableBody", {
+Object.defineProperty(exports, "DataTableCell", {
   enumerable: true,
   get: function () {
-    return _index.TableBody;
+    return _index3.DataTableCell;
   }
 });
-Object.defineProperty(exports, "TableHead", {
+Object.defineProperty(exports, "DataTableColumnHeader", {
   enumerable: true,
   get: function () {
-    return _index.TableHead;
+    return _index3.DataTableColumnHeader;
   }
 });
-Object.defineProperty(exports, "TableCell", {
+Object.defineProperty(exports, "DataTableFoot", {
   enumerable: true,
   get: function () {
-    return _index.TableCell;
+    return _index3.DataTableFoot;
   }
 });
-Object.defineProperty(exports, "TableCellHead", {
+Object.defineProperty(exports, "DataTableHead", {
   enumerable: true,
   get: function () {
-    return _index.TableCellHead;
+    return _index3.DataTableHead;
   }
 });
-Object.defineProperty(exports, "TableRow", {
+Object.defineProperty(exports, "DataTableRow", {
   enumerable: true,
   get: function () {
-    return _index.TableRow;
+    return _index3.DataTableRow;
   }
 });
-Object.defineProperty(exports, "TableRowHead", {
+Object.defineProperty(exports, "DataTableToolbar", {
   enumerable: true,
   get: function () {
-    return _index.TableRowHead;
+    return _index3.DataTableToolbar;
   }
 });
 Object.defineProperty(exports, "StackedTable", {
@@ -57,34 +57,34 @@ Object.defineProperty(exports, "StackedTable", {
     return _index2.StackedTable;
   }
 });
-Object.defineProperty(exports, "StackedTableHead", {
+Object.defineProperty(exports, "StackedTableBody", {
   enumerable: true,
   get: function () {
-    return _index2.StackedTableHead;
+    return _index2.StackedTableBody;
   }
 });
-Object.defineProperty(exports, "StackedTableBody", {
+Object.defineProperty(exports, "StackedTableCell", {
   enumerable: true,
   get: function () {
-    return _index2.StackedTableBody;
+    return _index2.StackedTableCell;
   }
 });
-Object.defineProperty(exports, "StackedTableFoot", {
+Object.defineProperty(exports, "StackedTableCellHead", {
   enumerable: true,
   get: function () {
-    return _index2.StackedTableFoot;
+    return _index2.StackedTableCellHead;
   }
 });
-Object.defineProperty(exports, "StackedTableCell", {
+Object.defineProperty(exports, "StackedTableFoot", {
   enumerable: true,
   get: function () {
-    return _index2.StackedTableCell;
+    return _index2.StackedTableFoot;
   }
 });
-Object.defineProperty(exports, "StackedTableCellHead", {
+Object.defineProperty(exports, "StackedTableHead", {
   enumerable: true,
   get: function () {
-    return _index2.StackedTableCellHead;
+    return _index2.StackedTableHead;
   }
 });
 Object.defineProperty(exports, "StackedTableRow", {
@@ -99,52 +99,52 @@ Object.defineProperty(exports, "StackedTableRowHead", {
     return _index2.StackedTableRowHead;
   }
 });
-Object.defineProperty(exports, "DataTable", {
+Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () {
-    return _index3.DataTable;
+    return _index.Table;
   }
 });
-Object.defineProperty(exports, "DataTableBody", {
+Object.defineProperty(exports, "TableBody", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableBody;
+    return _index.TableBody;
   }
 });
-Object.defineProperty(exports, "DataTableCell", {
+Object.defineProperty(exports, "TableCell", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableCell;
+    return _index.TableCell;
   }
 });
-Object.defineProperty(exports, "DataTableColumnHeader", {
+Object.defineProperty(exports, "TableCellHead", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableColumnHeader;
+    return _index.TableCellHead;
   }
 });
-Object.defineProperty(exports, "DataTableFoot", {
+Object.defineProperty(exports, "TableFoot", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableFoot;
+    return _index.TableFoot;
   }
 });
-Object.defineProperty(exports, "DataTableHead", {
+Object.defineProperty(exports, "TableHead", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableHead;
+    return _index.TableHead;
   }
 });
-Object.defineProperty(exports, "DataTableRow", {
+Object.defineProperty(exports, "TableRow", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableRow;
+    return _index.TableRow;
   }
 });
-Object.defineProperty(exports, "DataTableToolbar", {
+Object.defineProperty(exports, "TableRowHead", {
   enumerable: true,
   get: function () {
-    return _index3.DataTableToolbar;
+    return _index.TableRowHead;
   }
 });
 

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

@@ -19,17 +19,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ContentWithTitle = ({
-  title,
-  children
-}) => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("span", {
-  className: _style.default.dynamic([["215664166", [_uiConstants.colors.grey700]]]) + " " + "title"
-}, title), /*#__PURE__*/_react.default.createElement("span", {
-  className: _style.default.dynamic([["215664166", [_uiConstants.colors.grey700]]]) + " " + "content"
-}, children), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "215664166",
-  dynamic: [_uiConstants.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:${_uiConstants.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;}"]));
+const ContentWithTitle = _ref => {
+  let {
+    title,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.dynamic([["215664166", [_uiConstants.colors.grey700]]]) + " " + "title"
+  }, title), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.dynamic([["215664166", [_uiConstants.colors.grey700]]]) + " " + "content"
+  }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "215664166",
+    dynamic: [_uiConstants.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(_uiConstants.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;}"]));
+};
 
 exports.ContentWithTitle = ContentWithTitle;
 ContentWithTitle.propTypes = {

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

@@ -9,34 +9,34 @@ Object.defineProperty(exports, "StackedTable", {
     return _stackedTable.StackedTable;
   }
 });
-Object.defineProperty(exports, "StackedTableHead", {
+Object.defineProperty(exports, "StackedTableBody", {
   enumerable: true,
   get: function () {
-    return _stackedTableHead.StackedTableHead;
+    return _stackedTableBody.StackedTableBody;
   }
 });
-Object.defineProperty(exports, "StackedTableBody", {
+Object.defineProperty(exports, "StackedTableCell", {
   enumerable: true,
   get: function () {
-    return _stackedTableBody.StackedTableBody;
+    return _stackedTableCell.StackedTableCell;
   }
 });
-Object.defineProperty(exports, "StackedTableFoot", {
+Object.defineProperty(exports, "StackedTableCellHead", {
   enumerable: true,
   get: function () {
-    return _stackedTableFoot.StackedTableFoot;
+    return _stackedTableCellHead.StackedTableCellHead;
   }
 });
-Object.defineProperty(exports, "StackedTableCell", {
+Object.defineProperty(exports, "StackedTableFoot", {
   enumerable: true,
   get: function () {
-    return _stackedTableCell.StackedTableCell;
+    return _stackedTableFoot.StackedTableFoot;
   }
 });
-Object.defineProperty(exports, "StackedTableCellHead", {
+Object.defineProperty(exports, "StackedTableHead", {
   enumerable: true,
   get: function () {
-    return _stackedTableCellHead.StackedTableCellHead;
+    return _stackedTableHead.StackedTableHead;
   }
 });
 Object.defineProperty(exports, "StackedTableRow", {

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

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