@dhis2-ui/table 9.10.3 → 9.11.1-beta.1

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

@@ -4,40 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Toolbars = exports.SelectableRows = exports.ScrollingDataTableWithToolbars = exports.RTL = exports.LongCellContentLargeCells = exports.LongCellContent = exports.Loading = exports.LargeCells = exports.InlineFiltering = exports.FixedHeaderAndTwoColumns = exports.FixedHeader = exports.FixedFirstColumn = exports.ExpandableContent = exports.DraggableRows = exports.Default = exports.ColumnHeaderSorting = exports.CellStyling = exports.BorderedCells = void 0;
-
 var _box = require("@dhis2-ui/box");
-
 var _checkbox = require("@dhis2-ui/checkbox");
-
 var _input = require("@dhis2-ui/input");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dataTableBody = require("./data-table-body.js");
-
 var _dataTableCell = require("./data-table-cell.js");
-
 var _dataTableColumnHeader = require("./data-table-column-header/data-table-column-header.js");
-
 var _dataTableFoot = require("./data-table-foot.js");
-
 var _dataTableHead = require("./data-table-head.js");
-
 var _dataTableRow = require("./data-table-row/data-table-row.js");
-
 var _dataTableToolbar = require("./data-table-toolbar.js");
-
 var _dataTable = require("./data-table.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const subtitle = 'Used to display information in a standard, effective way.';
-const description = "\nShould be used with multiple DataTable-related child components - see the datatable and examples below.\n\n```js\nimport {\n    DataTable,\n    DataTableToolbar,\n    DataTableHead,\n    DataTableBody,\n    DataTableFoot,\n    DataTableRow,\n    DataTableCell,\n    DataTableColumnHeader,\n} from '@dhis2/ui'\n```\n";
-var _default = {
+const description = `
+Should be used with multiple DataTable-related child components - see the datatable and examples below.
+
+\`\`\`js
+import {
+    DataTable,
+    DataTableToolbar,
+    DataTableHead,
+    DataTableBody,
+    DataTableFoot,
+    DataTableRow,
+    DataTableCell,
+    DataTableColumnHeader,
+} from '@dhis2/ui'
+\`\`\`
+`;
+var _default = exports.default = {
   title: 'DataTable',
   component: _dataTable.DataTable,
   // Add subcomponents to the args datatable
@@ -83,8 +82,6 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-
 const BasicTemplate = _ref => {
   let {
     bordered,
@@ -149,33 +146,26 @@ const BasicTemplate = _ref => {
     colSpan: draggable ? '5' : '4'
   }, "Footer content"))));
 };
-
-const Default = BasicTemplate.bind({});
-exports.Default = Default;
+const Default = exports.Default = BasicTemplate.bind({});
 Default.args = {};
-const Loading = BasicTemplate.bind({});
-exports.Loading = Loading;
+const Loading = exports.Loading = BasicTemplate.bind({});
 Loading.args = {
   bodyProps: {
     loading: true
   }
 };
-const BorderedCells = BasicTemplate.bind({});
-exports.BorderedCells = BorderedCells;
+const BorderedCells = exports.BorderedCells = BasicTemplate.bind({});
 BorderedCells.args = {
   bordered: true
 };
-const LargeCells = BasicTemplate.bind({});
-exports.LargeCells = LargeCells;
+const LargeCells = exports.LargeCells = BasicTemplate.bind({});
 LargeCells.args = {
   large: true
 };
-const DraggableRows = BasicTemplate.bind({});
-exports.DraggableRows = DraggableRows;
+const DraggableRows = exports.DraggableRows = BasicTemplate.bind({});
 DraggableRows.args = {
   draggable: true
 };
-
 const IndividualCellTemplate = args => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Header"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Header"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Header"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Header"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
   tag: "th"
 }, "Active Cells"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Inactive cell"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
@@ -216,34 +206,24 @@ const IndividualCellTemplate = args => /*#__PURE__*/_react.default.createElement
 }, "#eff"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
   backgroundColor: "yellow"
 }, "yellow"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "None"))));
-
-const CellStyling = IndividualCellTemplate.bind({});
-exports.CellStyling = CellStyling;
+const CellStyling = exports.CellStyling = IndividualCellTemplate.bind({});
 CellStyling.args = {};
-
 const ToolbarsTemplate = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dataTableToolbar.DataTableToolbar, null, /*#__PURE__*/_react.default.createElement("p", null, "Content")), /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "First name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Last name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Last updated"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007")))), /*#__PURE__*/_react.default.createElement(_dataTableToolbar.DataTableToolbar, {
   position: "bottom"
 }, /*#__PURE__*/_react.default.createElement("p", null, "Content (bottom)")));
-
-const Toolbars = ToolbarsTemplate.bind({});
-exports.Toolbars = Toolbars;
+const Toolbars = exports.Toolbars = ToolbarsTemplate.bind({});
 Toolbars.args = {};
-
 const ExpandableContentTemplate = args => {
   const [openRowIndex, setOpenRowIndex] = (0, _react.useState)(null);
-
   const toggleOpenRow = index => setOpenRowIndex(openRowIndex === index ? null : index);
-
   const style = {
     margin: 8,
     padding: 4,
     backgroundColor: 'lightblue'
   };
-
   const expandableContent = /*#__PURE__*/_react.default.createElement("div", {
     style: style
   }, "More info about this row!");
-
   return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "First name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Last name"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, "Last updated"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
     expanded: openRowIndex === 0,
     onExpandToggle: payload => {
@@ -261,26 +241,22 @@ const ExpandableContentTemplate = args => {
     expandableContent: expandableContent
   }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007"))));
 };
-
-const ExpandableContent = ExpandableContentTemplate.bind({});
-exports.ExpandableContent = ExpandableContent;
+const ExpandableContent = exports.ExpandableContent = ExpandableContentTemplate.bind({});
 ExpandableContent.args = {};
-
 const SelectableRowsTemplate = args => {
   const [selected, setSelected] = (0, _react.useState)({
     id_2: true
   });
-
   const toggleSelected = _ref2 => {
     let {
       value,
       checked
     } = _ref2;
-    setSelected({ ...selected,
+    setSelected({
+      ...selected,
       [value]: checked
     });
   };
-
   const toggleAll = _ref3 => {
     let {
       checked
@@ -291,9 +267,7 @@ const SelectableRowsTemplate = args => {
       id_3: checked
     });
   };
-
   const allSelected = () => Object.values(selected).filter(value => value).length === 3;
-
   return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
     width: "48px"
   }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
@@ -325,11 +299,8 @@ const SelectableRowsTemplate = args => {
     onChange: toggleSelected
   })), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007"))));
 };
-
-const SelectableRows = SelectableRowsTemplate.bind({});
-exports.SelectableRows = SelectableRows;
+const SelectableRows = exports.SelectableRows = SelectableRowsTemplate.bind({});
 SelectableRows.args = {};
-
 const FixedHeaderTemplate = args => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
   fixed: true,
   top: "0"
@@ -355,13 +326,10 @@ const FixedHeaderTemplate = args => /*#__PURE__*/_react.default.createElement(_d
   fixed: true,
   top: "0"
 }, "Status"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete"))));
-
-const FixedHeader = FixedHeaderTemplate.bind({});
-exports.FixedHeader = FixedHeader;
+const FixedHeader = exports.FixedHeader = FixedHeaderTemplate.bind({});
 FixedHeader.args = {
   scrollHeight: '350px'
 };
-
 const FixedFirstColumnTemplate = args => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
   fixed: true,
   top: "0",
@@ -397,13 +365,10 @@ const FixedFirstColumnTemplate = args => /*#__PURE__*/_react.default.createEleme
   fixed: true,
   left: "0"
 }, "Obi"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete"))));
-
-const FixedFirstColumn = FixedFirstColumnTemplate.bind({});
-exports.FixedFirstColumn = FixedFirstColumn;
+const FixedFirstColumn = exports.FixedFirstColumn = FixedFirstColumnTemplate.bind({});
 FixedFirstColumn.args = {
   scrollWidth: '500px'
 };
-
 const FixedHeaderAndTwoColumnsTemplate = args => /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
   fixed: true,
   top: "0",
@@ -502,16 +467,13 @@ const FixedHeaderAndTwoColumnsTemplate = args => /*#__PURE__*/_react.default.cre
   fixed: true,
   left: "120px"
 }, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete"))));
-
-const FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumnsTemplate.bind({});
-exports.FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumns;
+const FixedHeaderAndTwoColumns = exports.FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumnsTemplate.bind({});
 FixedHeaderAndTwoColumns.args = {
   layout: 'fixed',
   width: '1000px',
   scrollWidth: '500px',
   scrollHeight: '400px'
 };
-
 const ScrollingDataTableWithToolbarsTemplate = args => /*#__PURE__*/_react.default.createElement(_box.Box, {
   width: "500px"
 }, /*#__PURE__*/_react.default.createElement(_dataTableToolbar.DataTableToolbar, null, /*#__PURE__*/_react.default.createElement("p", null, "Content")), /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, _extends({}, args, {
@@ -619,16 +581,13 @@ const ScrollingDataTableWithToolbarsTemplate = args => /*#__PURE__*/_react.defau
 }, "Okafor"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, "Incomplete")))), /*#__PURE__*/_react.default.createElement(_dataTableToolbar.DataTableToolbar, {
   position: "bottom"
 }, /*#__PURE__*/_react.default.createElement("p", null, "Content (bottom)")));
-
-const ScrollingDataTableWithToolbars = ScrollingDataTableWithToolbarsTemplate.bind({});
-exports.ScrollingDataTableWithToolbars = ScrollingDataTableWithToolbars;
+const ScrollingDataTableWithToolbars = exports.ScrollingDataTableWithToolbars = ScrollingDataTableWithToolbarsTemplate.bind({});
 ScrollingDataTableWithToolbars.args = {
   layout: 'fixed',
   width: '1000px',
   scrollWidth: '500px',
   scrollHeight: '400px'
 };
-
 const ColumnHeaderSortingTemplate = args => {
   const rows = [{
     firstName: 'Onyekachukwu',
@@ -647,9 +606,7 @@ const ColumnHeaderSortingTemplate = args => {
     column: 'firstName',
     direction: 'default'
   });
-
   const getSortDirection = columnName => columnName === column ? direction : 'default';
-
   const onSortIconClick = _ref4 => {
     let {
       name,
@@ -660,7 +617,6 @@ const ColumnHeaderSortingTemplate = args => {
       direction
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
     onSortIconClick: onSortIconClick,
     sortDirection: getSortDirection('firstName'),
@@ -674,15 +630,12 @@ const ColumnHeaderSortingTemplate = args => {
   }, "Last name"))), /*#__PURE__*/_react.default.createElement(_dataTableBody.DataTableBody, null, rows.sort((a, b) => {
     const strA = a[column];
     const strB = b[column];
-
     if (direction === 'asc' && strA < strB || direction === 'desc' && strA > strB) {
       return -1;
     }
-
     if (direction === 'desc' && strA < strB || direction === 'asc' && strA > strB) {
       return 1;
     }
-
     return 0;
   }).map(_ref5 => {
     let {
@@ -694,11 +647,8 @@ const ColumnHeaderSortingTemplate = args => {
     }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName));
   })));
 };
-
-const ColumnHeaderSorting = ColumnHeaderSortingTemplate.bind({});
-exports.ColumnHeaderSorting = ColumnHeaderSorting;
+const ColumnHeaderSorting = exports.ColumnHeaderSorting = ColumnHeaderSortingTemplate.bind({});
 ColumnHeaderSorting.args = {};
-
 const InlineFilteringTemplate = args => {
   const rows = [{
     firstName: 'Onyekachukwu',
@@ -717,7 +667,6 @@ const InlineFilteringTemplate = args => {
     column: null,
     value: ''
   });
-
   const onFilterIconClick = _ref6 => {
     let {
       name,
@@ -728,7 +677,6 @@ const InlineFilteringTemplate = args => {
       value: ''
     });
   };
-
   const onFilterInputChange = _ref7 => {
     let {
       value
@@ -738,7 +686,6 @@ const InlineFilteringTemplate = args => {
       value
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, args, /*#__PURE__*/_react.default.createElement(_dataTableHead.DataTableHead, null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
     onFilterIconClick: onFilterIconClick,
     name: "firstName",
@@ -763,7 +710,6 @@ const InlineFilteringTemplate = args => {
     if (!column || !value) {
       return true;
     }
-
     return row[column].toUpperCase().includes(value.toUpperCase());
   }).map(_ref8 => {
     let {
@@ -775,13 +721,10 @@ const InlineFilteringTemplate = args => {
     }, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, firstName), /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, lastName));
   })));
 };
-
-const InlineFiltering = InlineFilteringTemplate.bind({});
-exports.InlineFiltering = InlineFiltering;
+const InlineFiltering = exports.InlineFiltering = InlineFilteringTemplate.bind({});
 InlineFiltering.args = {
   layout: 'fixed'
 };
-
 const LongCellContentTemplate = _ref9 => {
   let {
     large
@@ -822,17 +765,12 @@ const LongCellContentTemplate = _ref9 => {
     large: large
   }, "Fourth - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi non quis exercitationem culpa nesciunt nihil aut nostrum explicabo reprehenderit optio amet ab temporibus asperiores quasi cupiditate. Voluptatum ducimus voluptates voluptas?"))));
 };
-
-const LongCellContent = LongCellContentTemplate.bind({});
-exports.LongCellContent = LongCellContent;
-const LongCellContentLargeCells = LongCellContentTemplate.bind({});
-exports.LongCellContentLargeCells = LongCellContentLargeCells;
+const LongCellContent = exports.LongCellContent = LongCellContentTemplate.bind({});
+const LongCellContentLargeCells = exports.LongCellContentLargeCells = LongCellContentTemplate.bind({});
 LongCellContentLargeCells.args = {
   large: 'true'
 };
-
 const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"
 }, /*#__PURE__*/_react.default.createElement(BasicTemplate, args));
-
 exports.RTL = RTL;

package/build/cjs/data-table/features/can_scroll/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a scrolling datatable is rendered', () => {
   cy.visitStory('DataTable', 'Fixed Header And Columns');
 });

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

@@ -51,19 +51,11 @@ Object.defineProperty(exports, "DataTableToolbar", {
     return _dataTableToolbar.DataTableToolbar;
   }
 });
-
 var _dataTable = require("./data-table.js");
-
 var _dataTableBody = require("./data-table-body.js");
-
 var _dataTableCell = require("./data-table-cell.js");
-
 var _dataTableColumnHeader = require("./data-table-column-header/data-table-column-header.js");
-
 var _dataTableFoot = require("./data-table-foot.js");
-
 var _dataTableHead = require("./data-table-head.js");
-
 var _dataTableRow = require("./data-table-row/data-table-row.js");
-
 var _dataTableToolbar = require("./data-table-toolbar.js");

package/build/cjs/data-table/table-elements/__tests__/table-body.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableBody = require("../table-body.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableBody>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableBody>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, {
       ref: ref
     })));

package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableDataCell = require("../table-data-cell/table-data-cell.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableDataCell>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableDataCell>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       ref: ref
     })))));
@@ -33,7 +28,7 @@ describe('<TableDataCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       align: align
     }));
-    expect(wrapper.html()).toContain("text-align: ".concat(align, ";"));
+    expect(wrapper.html()).toContain(`text-align: ${align};`);
   });
   it('accepts a bordered prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
@@ -79,7 +74,7 @@ describe('<TableDataCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       left: left
     }));
-    expect(wrapper.html()).toContain("inset-inline-start: ".concat(left, ";"));
+    expect(wrapper.html()).toContain(`inset-inline-start: ${left};`);
   });
   it('accepts a muted prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
@@ -125,7 +120,7 @@ describe('<TableDataCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
       width: width
     }));
-    expect(wrapper.html()).toContain("width: ".concat(width, ";"));
+    expect(wrapper.html()).toContain(`width: ${width};`);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();

package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableFoot = require("../table-foot.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableFoot>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableFoot>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableFoot.TableFoot, {
       ref: ref
     })));

package/build/cjs/data-table/table-elements/__tests__/table-head.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableHead = require("../table-head.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableHead>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableHead>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, {
       ref: ref
     })));

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

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableHeaderCellAction = require("../table-header-cell-action.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableHeaderCellAction>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableHeaderCellAction>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_tableHeaderCellAction.TableHeaderCellAction, {
       ref: ref
     }));

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

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableHeaderCell = require("../table-header-cell/table-header-cell.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableHeaderCell>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableHeaderCell>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       ref: ref
     })))));
@@ -33,7 +28,7 @@ describe('<TableHeaderCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       align: align
     }));
-    expect(wrapper.html()).toContain("text-align: ".concat(align, ";"));
+    expect(wrapper.html()).toContain(`text-align: ${align};`);
   });
   it('accepts a bordered prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
@@ -86,7 +81,7 @@ describe('<TableHeaderCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       left: left
     }));
-    expect(wrapper.html()).toContain("inset-inline-start: ".concat(left, ";"));
+    expect(wrapper.html()).toContain(`inset-inline-start: ${left};`);
   });
   it('accepts an muted prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
@@ -120,7 +115,7 @@ describe('<TableHeaderCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       top: top
     }));
-    expect(wrapper.html()).toContain("top: ".concat(top, ";"));
+    expect(wrapper.html()).toContain(`top: ${top};`);
   });
   it('accepts a valid prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
@@ -133,7 +128,7 @@ describe('<TableHeaderCell>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
       width: width
     }));
-    expect(wrapper.html()).toContain("width: ".concat(width, ";"));
+    expect(wrapper.html()).toContain(`width: ${width};`);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();