@dhis2-ui/table 9.11.0 → 9.11.1-beta.10

package/build/cjs/table/table.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Table = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableContext = require("./table-context.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+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,
@@ -33,12 +26,11 @@ const Table = _ref => {
   }, /*#__PURE__*/_react.default.createElement("table", {
     "data-test": dataTest,
     role: role,
-    className: "jsx-".concat(tableStyles.__hash) + " " + (className || "")
+    className: `jsx-${tableStyles.__hash}` + " " + (className || "")
   }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: tableStyles.__hash
   }, tableStyles)));
 };
-
 exports.Table = Table;
 Table.defaultProps = {
   dataTest: 'dhis2-uicore-table'
@@ -49,7 +41,6 @@ Table.propTypes = {
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
   role: _propTypes.default.string,
-
   /** Remove the default striping on alternating rows */
   suppressZebraStriping: _propTypes.default.bool
 };

package/build/cjs/table/{table.stories.js → table.prod.stories.js}

@@ -4,34 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StaticLayout = exports.RTL = exports.OneDenseCell = exports.NoAlternatingBgColor = exports.CustomAlternatingBgColor = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _button = require("@dhis2-ui/button");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableBody = require("./table-body.js");
-
 var _tableCellHead = require("./table-cell-head.js");
-
 var _tableCell = require("./table-cell.js");
-
 var _tableFoot = require("./table-foot.js");
-
 var _tableHead = require("./table-head.js");
-
 var _tableRowHead = require("./table-row-head.js");
-
 var _tableRow = require("./table-row.js");
-
 var _table = require("./table.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const subtitle = 'Used to display information in a standard, effective way.';
-const description = "\nShould be used with multiple Table-related child components - see the table and examples below.\n\n```js\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableCellHead,\n    TableFoot,\n    TableHead,\n    TableRow,\n    TableRowHead,\n} from '@dhis2/ui'\n```\n";
-
+const description = `
+Should be used with multiple Table-related child components - see the table and examples below.
+
+\`\`\`js
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableCellHead,
+    TableFoot,
+    TableHead,
+    TableRow,
+    TableRowHead,
+} from '@dhis2/ui'
+\`\`\`
+`;
 const TableFooterButton = () => /*#__PURE__*/_react.default.createElement("div", {
   className: "jsx-3056176987"
 }, /*#__PURE__*/_react.default.createElement(_button.Button, {
@@ -39,12 +40,10 @@ const TableFooterButton = () => /*#__PURE__*/_react.default.createElement("div",
 }, "Table footer button"), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "3056176987"
 }, ["div.jsx-3056176987{text-align:right;padding:16px 0;}"]));
-
 const TableButton = () => /*#__PURE__*/_react.default.createElement(_button.Button, {
   primary: true
 }, "Table button");
-
-var _default = {
+var _default = exports.default = {
   title: 'Table',
   component: _table.Table,
   // Add subcomponents to the args table
@@ -66,14 +65,10 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-
 const StaticLayout = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   colSpan: "8"
 }, /*#__PURE__*/_react.default.createElement(TableFooterButton, null)))));
-
 exports.StaticLayout = StaticLayout;
-
 const OneDenseCell = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Button"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   dense: true
 }, /*#__PURE__*/_react.default.createElement(TableButton, null))), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
@@ -97,20 +92,16 @@ const OneDenseCell = args => /*#__PURE__*/_react.default.createElement(_table.Ta
 }, /*#__PURE__*/_react.default.createElement(TableButton, null)))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   colSpan: "8"
 }, /*#__PURE__*/_react.default.createElement(TableFooterButton, null)))));
-
 exports.OneDenseCell = OneDenseCell;
-
 const NoAlternatingBgColor = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, {
   colSpan: "7"
 })), /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   colSpan: "8"
 }, /*#__PURE__*/_react.default.createElement(TableFooterButton, null)))));
-
 exports.NoAlternatingBgColor = NoAlternatingBgColor;
 NoAlternatingBgColor.args = {
   suppressZebraStriping: true
 };
-
 const CustomAlternatingBgColor = () => /*#__PURE__*/_react.default.createElement(_table.Table, null, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, {
   colSpan: "7"
 })), /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, {
@@ -118,13 +109,10 @@ const CustomAlternatingBgColor = () => /*#__PURE__*/_react.default.createElement
 }, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   colSpan: "8"
 }, /*#__PURE__*/_react.default.createElement(TableFooterButton, null)))));
-
 exports.CustomAlternatingBgColor = CustomAlternatingBgColor;
-
 const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"
 }, /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRowHead.TableRowHead, null, /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_tableCellHead.TableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableCell.TableCell, {
   colSpan: "8"
 }, /*#__PURE__*/_react.default.createElement(TableFooterButton, null))))));
-
 exports.RTL = RTL;

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

@@ -118,19 +118,19 @@ describe('<DataTableCell>', () => {
   });
   it('can render either a td or th tag depending on the fixed and tag prop', () => {
     // default
-    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, null)).dive().type()).toBe('td'); // using the tag prop
-
+    expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, null)).dive().type()).toBe('td');
+    // using the tag prop
     expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
       tag: "td"
     })).dive().type()).toBe('td');
     expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
       tag: "th"
-    })).dive().type()).toBe('th'); // with fixed prop
-
+    })).dive().type()).toBe('th');
+    // with fixed prop
     expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true
-    })).dive().type()).toBe('th'); // tag prop should take presedence over fixed prop
-
+    })).dive().type()).toBe('th');
+    // tag prop should take presedence over fixed prop
     expect(shallow( /*#__PURE__*/React.createElement(DataTableCell, {
       fixed: true,
       tag: "td"

package/build/es/data-table/__tests__/data-table-column-header.test.js

@@ -64,11 +64,12 @@ describe('<DataTableColumnHeader>', () => {
       onFilterIconClick: onClickClosed,
       filter: /*#__PURE__*/React.createElement("input", null),
       showFilter: false
-    })); // Showing/hiding the filter
-
+    }));
+    // Showing/hiding the filter
     expect(wrapperOpen.find('input')).toHaveLength(1);
-    expect(wrapperClosed.find('input')).toHaveLength(0); // Clicking the filter icon on
+    expect(wrapperClosed.find('input')).toHaveLength(0);
 
+    // Clicking the filter icon on
     wrapperOpen.find(FilterHandle).dive().find(TableHeaderCellAction).dive().find('button').simulate('click', fakeEvent);
     expect(onClickOpen).toHaveBeenCalledTimes(1);
     expect(onClickOpen).toHaveBeenCalledWith({

package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js

@@ -20,14 +20,14 @@ describe('<ExpandedRow>', () => {
     const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
       className: className
     }));
-    expect(wrapper.find(TableRow).prop('className')).toBe("".concat(className, "-expandedrow"));
+    expect(wrapper.find(TableRow).prop('className')).toBe(`${className}-expandedrow`);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
     const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {
       dataTest: dataTest
     }));
-    expect(wrapper.find(TableRow).prop('dataTest')).toBe("".concat(dataTest, "-expandedrow"));
+    expect(wrapper.find(TableRow).prop('dataTest')).toBe(`${dataTest}-expandedrow`);
   });
   it('accepts a selected prop', () => {
     const wrapper = shallow( /*#__PURE__*/React.createElement(ExpandedRow, {

package/build/es/data-table/__tests__/data-table-row.test.js

@@ -55,10 +55,12 @@ describe('<DataTableRow>', () => {
       expandable: true,
       onExpandToggle: () => {}
     }));
-    const additionalRowTag = wrapper.find(ExpandedRow).dive().find(TableRow).dive().find('tr'); // render expandableContent in additional row
+    const additionalRowTag = wrapper.find(ExpandedRow).dive().find(TableRow).dive().find('tr');
 
-    expect(additionalRowTag).toHaveLength(1); // Hover styles
+    // render expandableContent in additional row
+    expect(additionalRowTag).toHaveLength(1);
 
+    // Hover styles
     additionalRowTag.simulate('mouseover');
     expect(wrapper.find(TableRow).dive().find('tr').hasClass('isHoveringExpandedContent')).toBe(true);
     additionalRowTag.simulate('mouseout');

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
 import { mutuallyExclusive, requiredIf } from '@dhis2/prop-types';
 import PropTypes from 'prop-types';
 import React, { forwardRef } from 'react';
@@ -66,7 +65,6 @@ DataTableCell.propTypes = {
   /** To toggle border color, for example for editing */
   active: PropTypes.bool,
   align: PropTypes.oneOf(['left', 'center', 'right']),
-
   /** Sets background color of the cell. Disables dynamic background colors from active, hover, and selected states */
   backgroundColor: PropTypes.string,
   bordered: PropTypes.bool,
@@ -74,32 +72,24 @@ DataTableCell.propTypes = {
   className: PropTypes.string,
   colSpan: PropTypes.string,
   dataTest: PropTypes.string,
-
   /** Mutually exclusive with muted and valid */
   error: stylePropType,
-
   /** When true a TableHeaderCell with sticky positioning will be rendered */
   fixed: PropTypes.bool,
   large: PropTypes.bool,
-
   /** Required when fixed */
   left: requiredIfFixedPropType,
-
   /** Mutually exclusive with error and valid */
   muted: stylePropType,
   role: PropTypes.string,
   rowSpan: PropTypes.string,
   scope: PropTypes.string,
-
   /** Surpress hover and active event styles */
   staticStyle: PropTypes.bool,
-
   /** Render a TableDataCell or TableHeaderCell respectively */
   tag: PropTypes.oneOf(['td', 'th']),
-
   /** Mutually exclusive with error and muted */
   valid: stylePropType,
-
   /** Required when fixed */
   width: requiredIfFixedPropType,
   onClick: PropTypes.func

package/build/es/data-table/data-table-column-header/data-table-column-header.js

@@ -50,13 +50,13 @@ export const DataTableColumnHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
     top: top,
     width: width
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(styles.__hash) + " " + "container"
+    className: "jsx-3463223249 " + `jsx-${styles.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(styles.__hash) + " " + (cx('top', {
+    className: "jsx-3463223249 " + `jsx-${styles.__hash}` + " " + (cx('top', {
       large
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(styles.__hash) + " " + "content"
+    className: "jsx-3463223249 " + `jsx-${styles.__hash}` + " " + "content"
   }, children), sortDirection && /*#__PURE__*/React.createElement(Sorter, {
     name: name,
     sortDirection: sortDirection,
@@ -70,7 +70,7 @@ export const DataTableColumnHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
     id: styles.__hash
   }, styles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3463223249"
-  }, [".label.jsx-3463223249{-webkit-box-pack:".concat(flexboxAlignLookup[align], ";-webkit-justify-content:").concat(flexboxAlignLookup[align], ";-ms-flex-pack:").concat(flexboxAlignLookup[align], ";justify-content:").concat(flexboxAlignLookup[align], ";}")]));
+  }, [`.label.jsx-3463223249{-webkit-box-pack:${flexboxAlignLookup[align]};-webkit-justify-content:${flexboxAlignLookup[align]};-ms-flex-pack:${flexboxAlignLookup[align]};justify-content:${flexboxAlignLookup[align]};}`]));
 });
 DataTableColumnHeader.displayName = 'DataTableColumnHeader';
 DataTableColumnHeader.defaultProps = {
@@ -82,15 +82,12 @@ DataTableColumnHeader.propTypes = {
   className: PropTypes.string,
   colSpan: PropTypes.string,
   dataTest: PropTypes.string,
-
   /** The filter element (JSX), required when onFilterIconClick or showFilter are present */
   filter: requiredIf(props => props.onFilterIconClick || props.showFilter, PropTypes.node),
   fixed: PropTypes.bool,
   large: PropTypes.bool,
-
   /** Left or top required when fixed */
   left: requiredIf(props => props.fixed && !props.top, PropTypes.string),
-
   /** Can be used to match a column with a property name */
   name: PropTypes.string,
   role: PropTypes.string,
@@ -99,12 +96,10 @@ DataTableColumnHeader.propTypes = {
   showFilter: requiredIf(props => props.filter, PropTypes.bool),
   sortDirection: requiredIf(props => props.onSortIconClick, PropTypes.oneOf(SORT_DIRECTIONS)),
   sortIconTitle: PropTypes.string,
-
   /** Left or top required when fixed */
   top: requiredIf(props => props.fixed && !props.left, PropTypes.string),
   width: PropTypes.string,
   onFilterIconClick: requiredIf(props => props.filter, PropTypes.func),
-
   /** Sort icon click callback with `nextSortDirection` and `name` in payload */
   onSortIconClick: requiredIf(props => props.sortDirection, PropTypes.func)
 };

package/build/es/data-table/data-table-column-header/sorter.js

@@ -50,7 +50,7 @@ export const Sorter = _ref => {
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "884818973",
     dynamic: [colors.grey500, colors.blue700]
-  }, ["svg.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:".concat(colors.grey500, ";}"), "svg.asc.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.desc.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:".concat(colors.blue700, ";}")]));
+  }, [`svg.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:${colors.grey500};}`, `svg.asc.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.desc.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:${colors.blue700};}`]));
 };
 Sorter.propTypes = {
   name: PropTypes.string,

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
 import { requiredIf } from '@dhis2/prop-types';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -58,20 +57,15 @@ DataTableRow.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string,
-
   /** Renders and additional table cell with drag icon and applies draggable styles */
   draggable: PropTypes.bool,
-
   /** This content will be rendered into an additional row with fullwidth cell and the presence of this prop will display an additional table cell with expand icon */
   expandableContent: requiredIf(props => props.onExpandToggle, PropTypes.node),
-
   /** Toggles expand icon (up/down) and expandable content visibility */
   expanded: PropTypes.bool,
   role: PropTypes.string,
-
   /** Adds a green background color */
   selected: PropTypes.bool,
-
   /** Callback for expand icon cell clicks */
   onExpandToggle: requiredIf(props => props.expandableContent, PropTypes.func)
 };

package/build/es/data-table/data-table-row/data-table-row.styles.js

@@ -4,6 +4,6 @@ import { colors } from '@dhis2/ui-constants';
 export default {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1795567040"
-  }, ["tr.isHoveringExpandedContent.jsx-1795567040>td{background-color:".concat(colors.grey100, ";}"), "tr.isHoveringExpandedContent.jsx-1795567040>th{background-color:".concat(colors.grey300, ";}"), "tr.selected.isHoveringExpandedContent.jsx-1795567040>td{background-color:#cdeae8;}", "tr.expanded.jsx-1795567040>td{border-bottom-color:transparent;}", "tr.expanded.jsx-1795567040>td.bordered{border-bottom-color:".concat(colors.grey300, ";}")]),
+  }, [`tr.isHoveringExpandedContent.jsx-1795567040>td{background-color:${colors.grey100};}`, `tr.isHoveringExpandedContent.jsx-1795567040>th{background-color:${colors.grey300};}`, "tr.selected.isHoveringExpandedContent.jsx-1795567040>td{background-color:#cdeae8;}", "tr.expanded.jsx-1795567040>td{border-bottom-color:transparent;}", `tr.expanded.jsx-1795567040>td.bordered{border-bottom-color:${colors.grey300};}`]),
   className: "jsx-1795567040"
 };

package/build/es/data-table/data-table-row/expanded-row.js

@@ -10,7 +10,7 @@ const {
 } = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "626485122"
-  }, ["tr.expanded:hover+tr>td.jsx-626485122{background-color:".concat(colors.grey100, ";}"), "tr.expanded:active+tr>td.jsx-626485122{background-color:".concat(colors.grey200, ";}"), "tr.selected.expanded:hover+tr.jsx-626485122>td.jsx-626485122{background-color:#cdeae8;}"]),
+  }, [`tr.expanded:hover+tr>td.jsx-626485122{background-color:${colors.grey100};}`, `tr.expanded:active+tr>td.jsx-626485122{background-color:${colors.grey200};}`, "tr.selected.expanded:hover+tr.jsx-626485122>td.jsx-626485122{background-color:#cdeae8;}"]),
   className: "jsx-626485122"
 };
 export const ExpandedRow = _ref => {
@@ -26,10 +26,10 @@ export const ExpandedRow = _ref => {
     onMouseOver: () => setIsHoveringExpandedContent(true),
     onMouseOut: () => setIsHoveringExpandedContent(false),
     className: cx({
-      ["".concat(className, "-expandedrow")]: !!className
+      [`${className}-expandedrow`]: !!className
     }),
     selected: selected,
-    dataTest: dataTest && "".concat(dataTest, "-expandedrow")
+    dataTest: dataTest && `${dataTest}-expandedrow`
   }, /*#__PURE__*/React.createElement(TableDataCell, {
     className: cellClassName,
     colSpan: colSpan

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

@@ -25,7 +25,7 @@ export const DataTable = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, children);
   return !scrollable ? table : /*#__PURE__*/React.createElement(TableScrollBox, {
     className: cx(className, 'tablescrollbox'),
-    dataTest: "".concat(dataTest, "-scrollbox"),
+    dataTest: `${dataTest}-scrollbox`,
     maxHeight: scrollHeight,
     maxWidth: scrollWidth
   }, table);
@@ -43,7 +43,6 @@ DataTable.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string,
-
   /**
    * Sets the `datatable-layout` property. Switching to `fixed` can prevent style
    * issues when dealing with a datatable with multiple frozen columns or when dealing
@@ -51,13 +50,10 @@ DataTable.propTypes = {
    */
   layout: PropTypes.oneOf(['auto', 'fixed', 'initial', 'inherit']),
   role: PropTypes.string,
-
   /** Sets max-height of scrollbox */
   scrollHeight: PropTypes.string,
-
   /** Sets max-width of scrollbox */
   scrollWidth: PropTypes.string,
-
   /**
    * Sets the `width` property. Providing an explicit width can prevent style
    * issues when dealing with horizontally scrolling datatables with a fixed layout.