@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/components/DataTable/DataTable.test.js

@@ -1,1394 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
-import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _Object$create from "@babel/runtime-corejs3/core-js-stable/object/create";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$getPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/get-prototype-of";
-import _Object$setPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/set-prototype-of";
-import _Symbol$asyncIterator from "@babel/runtime-corejs3/core-js-stable/symbol/async-iterator";
-import _Symbol$iterator from "@babel/runtime-corejs3/core-js-stable/symbol/iterator";
-import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reverse";
-import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
-import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (_Object$getPrototypeOf ? _Object$getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && _reverseInstanceProperty(o).call(o)); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof _Symbol && _Symbol$iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || _Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof _Symbol && _Symbol$asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof _Symbol ? _Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = _Object$create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: _bindInstanceProperty(d).call(d, e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = _Object$getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(c); function f(e) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = _Object$create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = _Object$defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (_Array$isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { var _context44; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context44 = {}.toString.call(r)).call(_context44, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context42, _context43; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context42 = ownKeys(Object(t), !0)).call(_context42, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context43 = ownKeys(Object(t))).call(_context43, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useState } from 'react';
-import { useAsyncList } from 'react-stately';
-import { useCollator } from '@react-aria/i18n';
-import { act, act as actDom, act as actHooks, fireEvent, render, renderHook, screen, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { DataTableBody, DataTableCell, DataTableColumn, DataTableHeader, DataTableRow } from '../../index';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
-import DataTable from './DataTable';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var offsetWidth;
-var offsetHeight;
-beforeAll(function () {
-  offsetWidth = jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
-    return 1000;
-  });
-  offsetHeight = jest.spyOn(window.HTMLElement.prototype, 'clientHeight', 'get').mockImplementation(function () {
-    return 1000;
-  });
-  jest.useFakeTimers();
-});
-afterAll(function () {
-  offsetWidth.mockReset();
-  offsetHeight.mockReset();
-});
-var columns = [{
-  name: 'Country',
-  key: 'country'
-}, {
-  name: 'Population',
-  key: 'population'
-}, {
-  name: 'Continent',
-  key: 'continent'
-}];
-var rows = [{
-  id: 2,
-  key: 2,
-  country: 'Canada',
-  population: 37000000,
-  continent: 'North America'
-}, {
-  id: 1,
-  key: 1,
-  country: 'USA',
-  population: 320000000,
-  continent: 'North America'
-}, {
-  id: 3,
-  key: 3,
-  country: 'China',
-  population: 1398000000,
-  continent: 'Asia'
-}, {
-  id: 4,
-  key: 4,
-  country: 'France',
-  population: 67000000,
-  continent: 'Europe'
-}];
-var ControlledDataTable = function ControlledDataTable(props) {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
-  return ___EmotionJSX(DataTable, _extends({}, props, {
-    selectionMode: "single",
-    selectedKeys: selectedKeys,
-    onSelectionChange: setSelectedKeys
-  }), ___EmotionJSX(DataTableHeader, {
-    columns: columns
-  }, function (column) {
-    return ___EmotionJSX(DataTableColumn, null, column.name);
-  }), ___EmotionJSX(DataTableBody, {
-    items: rows
-  }, function (item) {
-    return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-      return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-    });
-  }));
-};
-var getCell = function getCell(view, text) {
-  // Find by text, then go up to the element with the cell role.
-  // eslint-disable-next-line testing-library/prefer-screen-queries
-  var el = view.getByText(text);
-  while (el && !/gridcell|rowheader|columnheader/.test(el.getAttribute('role'))) {
-    el = el.parentElement;
-  }
-  return el;
-};
-var focusCell = function focusCell(tree, text) {
-  return actDom(function () {
-    return getCell(tree, text).focus();
-  });
-};
-var moveFocus = function moveFocus(key) {
-  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (document.activeElement) {
-    fireEvent.keyDown(document.activeElement, _objectSpread({
-      key: key
-    }, opts));
-  }
-};
-describe('Static DataTable', function () {
-  var testId = 'staticTable';
-  var defaultProps = {
-    'aria-label': 'Default table with static content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId
-  };
-  var staticDataTable = function staticDataTable() {
-    return render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      density: "spacious"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: rows
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-  };
-  test('renders DataTable component with static content', function () {
-    staticDataTable();
-    var staticTable = screen.getByTestId(testId);
-    expect(staticTable).toBeInTheDocument();
-    expect(staticTable).toBeVisible();
-    expect(staticTable).toHaveAttribute('aria-label', 'Default table with static content');
-    expect(staticTable).toHaveAttribute('data-testid', testId);
-    expect(staticTable).toHaveAttribute('aria-rowcount', '5');
-    expect(staticTable).toHaveAttribute('aria-colcount', '3');
-    var rowgroups = within(staticTable).getAllByRole('rowgroup');
-    expect(rowgroups).toHaveLength(2);
-    var headers = within(staticTable).getAllByRole('columnheader');
-    expect(headers).toHaveLength(3);
-    expect(headers[0]).toHaveAttribute('aria-colindex', '1');
-    expect(headers[1]).toHaveAttribute('aria-colindex', '2');
-    expect(headers[2]).toHaveAttribute('aria-colindex', '3');
-
-    // eslint-disable-next-line no-restricted-syntax
-    var _iterator = _createForOfIteratorHelper(headers),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var header = _step.value;
-        expect(header).not.toHaveAttribute('aria-sort');
-        expect(header).not.toHaveAttribute('aria-describedby');
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    expect(headers[0]).toHaveTextContent(columns[0].name);
-    expect(headers[1]).toHaveTextContent(columns[1].name);
-    expect(headers[2]).toHaveTextContent(columns[2].name);
-    var tRows = within(rowgroups[1]).getAllByRole('row');
-    expect(tRows).toHaveLength(4);
-    expect(tRows[0]).toHaveAttribute('aria-rowindex', '2');
-    expect(tRows[1]).toHaveAttribute('aria-rowindex', '3');
-    expect(tRows[2]).toHaveAttribute('aria-rowindex', '4');
-    expect(tRows[3]).toHaveAttribute('aria-rowindex', '5');
-    var rowheader = within(tRows[0]).getByRole('rowheader');
-    expect(rowheader).toHaveTextContent(rows[0].country);
-    expect(rowheader).toHaveAttribute('aria-colindex', '1');
-    rowheader = within(tRows[1]).getByRole('rowheader');
-    expect(rowheader).toHaveTextContent(rows[1].country);
-    expect(rowheader).toHaveAttribute('aria-colindex', '1');
-    rowheader = within(tRows[2]).getByRole('rowheader');
-    expect(rowheader).toHaveTextContent(rows[2].country);
-    expect(rowheader).toHaveAttribute('aria-colindex', '1');
-    rowheader = within(tRows[3]).getByRole('rowheader');
-    expect(rowheader).toHaveTextContent(rows[3].country);
-    expect(rowheader).toHaveAttribute('aria-colindex', '1');
-    var cells = within(rowgroups[1]).getAllByRole('gridcell');
-    expect(cells).toHaveLength(8);
-    expect(cells[0]).toHaveAttribute('aria-colindex', '2');
-    expect(cells[1]).toHaveAttribute('aria-colindex', '3');
-    expect(cells[2]).toHaveAttribute('aria-colindex', '2');
-    expect(cells[3]).toHaveAttribute('aria-colindex', '3');
-    expect(cells[4]).toHaveAttribute('aria-colindex', '2');
-    expect(cells[5]).toHaveAttribute('aria-colindex', '3');
-    expect(cells[6]).toHaveAttribute('aria-colindex', '2');
-    expect(cells[7]).toHaveAttribute('aria-colindex', '3');
-  });
-  test('should select with mouse click', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var thisItem, updatedItem;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          staticDataTable();
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[2]).not.toHaveClass('is-selected');
-          _context.next = 5;
-          return userEvent.click(thisItem[2]);
-        case 5:
-          updatedItem = screen.queryAllByRole('row')[2];
-          expect(updatedItem).not.toHaveClass('is-selected');
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
-  test('should move focus to the next cell in a row with ArrowRight', function () {
-    var view = staticDataTable();
-    act(function () {
-      focusCell(view, 'USA');
-    });
-    moveFocus('ArrowRight');
-    // eslint-disable-next-line jest-dom/prefer-focus
-    expect(document.activeElement).toBe(getCell(view, 320000000));
-  });
-  test('should move focus to the previous cell in a row with ArrowLeft', function () {
-    var view = staticDataTable();
-    act(function () {
-      focusCell(view, 'Asia');
-    });
-    moveFocus('ArrowLeft');
-    expect(getCell(view, 1398000000)).toHaveFocus();
-  });
-  test('should move focus to the next cell in a row with ArrowUp', function () {
-    var view = staticDataTable();
-    act(function () {
-      focusCell(view, 'China');
-    });
-    moveFocus('ArrowUp');
-    // eslint-disable-next-line jest-dom/prefer-focus
-    expect(document.activeElement).toBe(getCell(view, 'USA'));
-  });
-  test('should move focus to the previous cell in a row with ArrowDown', function () {
-    var view = staticDataTable();
-    act(function () {
-      focusCell(view, 'Asia');
-    });
-    moveFocus('ArrowDown');
-    expect(getCell(view, 'Europe')).toHaveFocus();
-  });
-});
-describe('Selectable DataTable', function () {
-  var testId = 'staticTable';
-  var testCallback = jest.fn();
-  var defaultProps = {
-    'aria-label': 'Default table with static content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId,
-    selectionMode: 'single',
-    defaultSelectedKeys: [1],
-    onSelectionChange: testCallback
-  };
-  var staticDataTable = function staticDataTable(props) {
-    return render(___EmotionJSX(DataTable, _extends({}, defaultProps, props), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: rows
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-  };
-  test('should change selection on mouse press', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var thisItem;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          staticDataTable({});
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-          _context2.next = 5;
-          return userEvent.click(thisItem[1]);
-        case 5:
-          expect(thisItem[1]).toHaveClass('is-selected');
-          expect(thisItem[1]).toHaveClass('is-selectable');
-        case 7:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  test('defaultSelectedKeys works', function () {
-    staticDataTable({
-      defaultSelectedKeys: [2]
-    });
-    var thisItem = screen.getAllByRole('row');
-    expect(thisItem[1]).toHaveClass('is-selected');
-  });
-  test('disabledKeys', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var thisItem;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          staticDataTable({
-            disabledKeys: [2]
-          });
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-          _context3.next = 5;
-          return userEvent.click(thisItem[1]);
-        case 5:
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-        case 6:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
-  test('onSelectedChange callback works as expected', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    var thisItem;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          staticDataTable({
-            disabledKeys: [2]
-          });
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-          _context4.next = 5;
-          return userEvent.click(thisItem[1]);
-        case 5:
-          expect(testCallback).toHaveBeenCalled();
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-        case 7:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-});
-describe('Controlled Selectable DataTable', function () {
-  var testId = 'staticTable';
-  var props = {
-    'aria-label': 'Default table with static content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId,
-    selectionMode: 'single'
-  };
-  test('should select with mouse click', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-    var thisItem, updatedItem;
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          render(___EmotionJSX(ControlledDataTable, props));
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[2]).not.toHaveClass('is-selected');
-          _context5.next = 5;
-          return userEvent.click(thisItem[2]);
-        case 5:
-          updatedItem = screen.queryAllByRole('row')[2];
-          expect(updatedItem).toHaveClass('is-selected');
-        case 7:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })));
-  test('should select with keyboard', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-    var thisItem, updatedItem;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          render(___EmotionJSX(ControlledDataTable, props));
-          thisItem = screen.getAllByRole('row');
-          _context6.next = 4;
-          return userEvent.tab();
-        case 4:
-          expect(thisItem[2]).not.toHaveClass('is-selected');
-          moveFocus('ArrowDown');
-          fireEvent.keyDown(thisItem[2], {
-            key: ' '
-          });
-          updatedItem = screen.queryAllByRole('row')[2];
-          expect(updatedItem).toHaveClass('is-selected');
-        case 9:
-        case "end":
-          return _context6.stop();
-      }
-    }, _callee6);
-  })));
-  test('disabledKeys', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-    var theseProps, thisItem;
-    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          theseProps = {
-            disabledKeys: [2],
-            'aria-label': 'Default table with static content',
-            width: '100%',
-            height: '100%',
-            'data-testid': testId
-          };
-          render(___EmotionJSX(ControlledDataTable, theseProps));
-          thisItem = screen.getAllByRole('row');
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-          _context7.next = 6;
-          return userEvent.click(thisItem[1]);
-        case 6:
-          expect(thisItem[1]).not.toHaveClass('is-selected');
-        case 7:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })));
-});
-describe('Async DataTable', function () {
-  test('renders a spinner when loading', function () {
-    var testId = 'loadingTable';
-    var defaultProps = {
-      'aria-label': 'Custom table with loading content',
-      width: '100%',
-      height: 565,
-      'data-testid': testId
-    };
-    render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      density: "spacious"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      loadingState: "loading"
-    }, [])));
-    var asyncTable = screen.getByTestId(testId);
-    expect(asyncTable).toBeInTheDocument();
-    expect(asyncTable).toBeVisible();
-    expect(asyncTable).toHaveAttribute('aria-label', 'Custom table with loading content');
-    expect(asyncTable).toHaveAttribute('data-testid', testId);
-    var tRows = within(asyncTable).getAllByRole('row');
-    expect(tRows).toHaveLength(2);
-    expect(tRows[1]).toHaveAttribute('aria-rowindex', '2');
-    var cell = within(tRows[1]).getByRole('rowheader');
-    expect(cell).toHaveAttribute('aria-colspan', '3');
-    var spinner = within(cell).getByRole('alert');
-    expect(spinner).toBeInTheDocument();
-    expect(spinner).toBeVisible();
-    expect(spinner).toHaveAttribute('aria-label', 'loading');
-    expect(spinner).toHaveAttribute('aria-live', 'assertive');
-    expect(spinner).not.toHaveAttribute('aria-valuenow');
-  });
-  test('calls onLoadMore when scrolling near the bottom', function () {
-    var _body$parentNode;
-    var testId = 'onLoadMoreTable';
-    var defaultProps = {
-      'aria-label': 'Custom table with onLoadMore',
-      width: '100%',
-      height: 565,
-      'data-testid': testId
-    };
-    var items = [];
-    for (var i = 1; i <= 100; i += 1) {
-      items.push({
-        id: i,
-        country: "Country ".concat(i),
-        population: "".concat(i),
-        continent: "Continent ".concat(i)
-      });
-    }
-    var onLoadMore = jest.fn();
-    render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      scale: "medium",
-      density: "compact"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: items,
-      onLoadMore: onLoadMore
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-    var asyncTable = screen.getByTestId(testId);
-    expect(asyncTable).toBeInTheDocument();
-    expect(asyncTable).toBeVisible();
-    expect(asyncTable).toHaveAttribute('aria-label', 'Custom table with onLoadMore');
-    var body = screen.getAllByRole('rowgroup')[1];
-    var scrollView = body === null || body === void 0 || (_body$parentNode = body.parentNode) === null || _body$parentNode === void 0 ? void 0 : _body$parentNode.parentNode;
-    scrollView.scrollTop = 250;
-    fireEvent.scroll(scrollView);
-    actDom(function () {
-      jest.runAllTimers();
-    });
-    scrollView.scrollTop = 1500;
-    fireEvent.scroll(scrollView);
-    actDom(function () {
-      jest.runAllTimers();
-    });
-    scrollView.scrollTop = 2800;
-    fireEvent.scroll(scrollView);
-    actDom(function () {
-      jest.runAllTimers();
-    });
-    expect(onLoadMore).toHaveBeenCalledTimes(3);
-  });
-  test('renders a spinner at the bottom when loading more', function () {
-    var testId = 'loadingMoreTable';
-    var defaultProps = {
-      'aria-label': 'Custom table with loadingMore',
-      width: '100%',
-      height: '100%',
-      'data-testid': testId
-    };
-    render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      density: "spacious"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: rows,
-      loadingState: "loadingMore"
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-    var asyncTable = screen.getByTestId(testId);
-    expect(asyncTable).toBeInTheDocument();
-    expect(asyncTable).toBeVisible();
-    expect(asyncTable).toHaveAttribute('aria-label', 'Custom table with loadingMore');
-    expect(asyncTable).toHaveAttribute('data-testid', testId);
-    expect(asyncTable).toHaveAttribute('aria-rowcount', '5');
-    expect(asyncTable).toHaveAttribute('aria-colcount', '3');
-    var rowgroups = within(asyncTable).getAllByRole('rowgroup');
-    expect(rowgroups).toHaveLength(2);
-    var tRows = within(asyncTable).getAllByRole('row');
-    expect(tRows).toHaveLength(6);
-    expect(tRows[5]).toHaveAttribute('aria-rowindex', '6');
-    var cell = within(tRows[5]).getByRole('rowheader');
-    expect(cell).toHaveAttribute('aria-colspan', '3');
-    var spinner = within(cell).getByRole('alert');
-    expect(spinner).toBeInTheDocument();
-    expect(spinner).toBeVisible();
-    expect(spinner).toHaveAttribute('aria-label', 'loadingMore');
-    expect(spinner).toHaveAttribute('aria-live', 'assertive');
-    expect(spinner).not.toHaveAttribute('aria-valuenow');
-  });
-});
-describe('Sortable DataTable', function () {
-  var testId = 'sortableTable';
-  var defaultProps = {
-    'aria-label': 'Custom table with sortable content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId
-  };
-  test('sorting', function () {
-    render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      density: "spacious"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, {
-        allowsSorting: true
-      }, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: rows
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-    var sortableTable = screen.getByTestId(testId);
-    expect(sortableTable).toBeInTheDocument();
-    expect(sortableTable).toBeVisible();
-    expect(sortableTable).toHaveAttribute('aria-label', 'Custom table with sortable content');
-    expect(sortableTable).toHaveAttribute('data-testid', testId);
-    expect(sortableTable).toHaveAttribute('aria-rowcount', '5');
-    expect(sortableTable).toHaveAttribute('aria-colcount', '3');
-    var sortableGrid = screen.getByRole('grid');
-    var columnheaders = within(sortableGrid).getAllByRole('columnheader');
-    expect(columnheaders).toHaveLength(3);
-    expect(columnheaders[0]).toHaveAttribute('aria-sort', 'none');
-    expect(columnheaders[1]).toHaveAttribute('aria-sort', 'none');
-    expect(columnheaders[2]).toHaveAttribute('aria-sort', 'none');
-    expect(columnheaders[0]).toHaveAttribute('aria-describedby');
-    expect(document.getElementById(columnheaders[0].getAttribute('aria-describedby'))).toHaveTextContent('sortable column');
-    expect(columnheaders[1]).toHaveAttribute('aria-describedby');
-    expect(document.getElementById(columnheaders[1].getAttribute('aria-describedby'))).toHaveTextContent('sortable column');
-    expect(columnheaders[1]).toHaveAttribute('aria-describedby');
-    expect(document.getElementById(columnheaders[1].getAttribute('aria-describedby'))).toHaveTextContent('sortable column');
-  });
-});
-describe('Sortable with useAsyncList', function () {
-  var ITEMS = [{
-    id: 1,
-    name: '1'
-  }, {
-    id: 2,
-    name: '2'
-  }];
-  var ITEMS2 = [{
-    id: 2,
-    name: '1'
-  }, {
-    id: 1,
-    name: '2'
-  }];
-  function getItems() {
-    return new _Promise(function (resolve) {
-      _setTimeout(function () {
-        return resolve({
-          items: ITEMS
-        });
-      });
-    });
-  }
-  function getItems2() {
-    return new _Promise(function (resolve) {
-      _setTimeout(function () {
-        return resolve({
-          items: ITEMS2
-        });
-      });
-    });
-  }
-  test('should call load function', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-    var load, _renderHook, result;
-    return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-      while (1) switch (_context9.prev = _context9.next) {
-        case 0:
-          load = jest.fn().mockImplementation(getItems);
-          _renderHook = renderHook(function () {
-            return useAsyncList({
-              load: load
-            });
-          }), result = _renderHook.result;
-          expect(load).toHaveBeenCalledTimes(1);
-          expect(result.current.items).toEqual([]);
-          _context9.next = 6;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-            return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-              while (1) switch (_context8.prev = _context8.next) {
-                case 0:
-                  jest.runAllTimers();
-                case 1:
-                case "end":
-                  return _context8.stop();
-              }
-            }, _callee8);
-          })));
-        case 6:
-          expect(result.current.items).toEqual(ITEMS);
-        case 7:
-        case "end":
-          return _context9.stop();
-      }
-    }, _callee9);
-  })));
-  test('should call sort function', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-    var load, sort, _renderHook2, result, args;
-    return _regeneratorRuntime().wrap(function _callee11$(_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
-        case 0:
-          load = jest.fn().mockImplementation(getItems);
-          sort = jest.fn().mockImplementation(getItems2);
-          _renderHook2 = renderHook(function () {
-            return useAsyncList({
-              load: load,
-              sort: sort,
-              initialSortDescriptor: {
-                direction: 'ascending'
-              }
-            });
-          }), result = _renderHook2.result;
-          expect(load).toHaveBeenCalledTimes(1);
-          args = load.mock.calls[0][0];
-          expect(args.sortDescriptor).toEqual({
-            direction: 'ascending'
-          });
-          expect(result.current.items).toEqual([]);
-          _context12.next = 9;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0() {
-            return _regeneratorRuntime().wrap(function _callee0$(_context0) {
-              while (1) switch (_context0.prev = _context0.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context0.stop();
-              }
-            }, _callee0);
-          })));
-        case 9:
-          expect(result.current.items).toEqual(ITEMS);
-          _context12.next = 12;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1() {
-            var _context1;
-            return _regeneratorRuntime().wrap(function _callee1$(_context10) {
-              while (1) switch (_context10.prev = _context10.next) {
-                case 0:
-                  _sortInstanceProperty(_context1 = result.current).call(_context1, {
-                    column: 'name'
-                  });
-                case 1:
-                case "end":
-                  return _context10.stop();
-              }
-            }, _callee1);
-          })));
-        case 12:
-          expect(result.current.items).toEqual(ITEMS);
-          expect(sort).toHaveBeenCalledTimes(1);
-          args = sort.mock.calls[0][0];
-          expect(args.items).toStrictEqual(ITEMS);
-          _context12.next = 18;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-            return _regeneratorRuntime().wrap(function _callee10$(_context11) {
-              while (1) switch (_context11.prev = _context11.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context11.stop();
-              }
-            }, _callee10);
-          })));
-        case 18:
-          expect(result.current.items).toEqual(ITEMS2);
-        case 19:
-        case "end":
-          return _context12.stop();
-      }
-    }, _callee11);
-  })));
-});
-describe('Sortable DataTable with useAsyncList', function () {
-  var testId = 'sortableTable';
-  var defaultProps = {
-    'aria-label': 'Custom table with sortable content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId
-  };
-  function load() {
-    return _load.apply(this, arguments);
-  }
-  function _load() {
-    _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
-      return _regeneratorRuntime().wrap(function _callee20$(_context23) {
-        while (1) switch (_context23.prev = _context23.next) {
-          case 0:
-            return _context23.abrupt("return", {
-              items: rows
-            });
-          case 1:
-          case "end":
-            return _context23.stop();
-        }
-      }, _callee20);
-    }));
-    return _load.apply(this, arguments);
-  }
-  function sort(_x) {
-    return _sort.apply(this, arguments);
-  }
-  function _sort() {
-    _sort = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee21(list) {
-      var _context24;
-      return _regeneratorRuntime().wrap(function _callee21$(_context25) {
-        while (1) switch (_context25.prev = _context25.next) {
-          case 0:
-            // eslint-disable-next-line no-param-reassign
-            list.items = _sortInstanceProperty(_context24 = list.items).call(_context24, function (a, b) {
-              var first = a[list.sortDescriptor.column];
-              var second = b[list.sortDescriptor.column];
-              var cmp = (_parseInt(first) || first) < (_parseInt(second) || second) // eslint-disable-line
-              ? -1 : 1;
-              if (list.sortDescriptor.direction === 'descending') {
-                cmp *= -1;
-              }
-              return cmp;
-            });
-            return _context25.abrupt("return", list);
-          case 2:
-          case "end":
-            return _context25.stop();
-        }
-      }, _callee21);
-    }));
-    return _sort.apply(this, arguments);
-  }
-  var sortableDataTable = function sortableDataTable(_ref12) {
-    var result = _ref12.result;
-    return render(___EmotionJSX(DataTable, defaultProps, ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, {
-        allowsSorting: true
-      }, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: result.current.items
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-  };
-  test('sort by country column A => Z', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
-    var _renderHook3, result, sortableTable, rowgroups, tRows;
-    return _regeneratorRuntime().wrap(function _callee15$(_context17) {
-      while (1) switch (_context17.prev = _context17.next) {
-        case 0:
-          _renderHook3 = renderHook(function () {
-            return useAsyncList({
-              load: load,
-              sort: sort,
-              initialSortDescriptor: {
-                column: 'country',
-                direction: 'ascending'
-              }
-            });
-          }), result = _renderHook3.result;
-          _context17.next = 3;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
-            return _regeneratorRuntime().wrap(function _callee12$(_context13) {
-              while (1) switch (_context13.prev = _context13.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context13.stop();
-              }
-            }, _callee12);
-          })));
-        case 3:
-          _context17.next = 5;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-            var _context14;
-            return _regeneratorRuntime().wrap(function _callee13$(_context15) {
-              while (1) switch (_context15.prev = _context15.next) {
-                case 0:
-                  _sortInstanceProperty(_context14 = result.current).call(_context14, {
-                    column: 'country'
-                  });
-                case 1:
-                case "end":
-                  return _context15.stop();
-              }
-            }, _callee13);
-          })));
-        case 5:
-          _context17.next = 7;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
-            return _regeneratorRuntime().wrap(function _callee14$(_context16) {
-              while (1) switch (_context16.prev = _context16.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context16.stop();
-              }
-            }, _callee14);
-          })));
-        case 7:
-          sortableDataTable({
-            result: result
-          });
-          sortableTable = screen.getByTestId(testId);
-          expect(sortableTable).toBeInTheDocument();
-          expect(sortableTable).toBeVisible();
-          expect(sortableTable).toHaveAttribute('aria-label', 'Custom table with sortable content');
-          expect(sortableTable).toHaveAttribute('data-testid', testId);
-          expect(sortableTable).toHaveAttribute('aria-rowcount', '5');
-          expect(sortableTable).toHaveAttribute('aria-colcount', '3');
-          rowgroups = within(sortableTable).getAllByRole('rowgroup');
-          tRows = within(rowgroups[1]).getAllByRole('row'); // verify country column is sorted a -> z
-          expect(tRows).toHaveLength(4);
-          expect(tRows[0]).toHaveAttribute('aria-rowindex', '2');
-          expect(tRows[0]).toHaveTextContent('Canada');
-          expect(tRows[1]).toHaveAttribute('aria-rowindex', '3');
-          expect(tRows[1]).toHaveTextContent('China');
-          expect(tRows[2]).toHaveAttribute('aria-rowindex', '4');
-          expect(tRows[2]).toHaveTextContent('France');
-          expect(tRows[3]).toHaveAttribute('aria-rowindex', '5');
-          expect(tRows[3]).toHaveTextContent('USA');
-        case 26:
-        case "end":
-          return _context17.stop();
-      }
-    }, _callee15);
-  })));
-  test('sort by country column Z => A', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
-    var _renderHook4, result, sortableTable, rowgroups, tRows;
-    return _regeneratorRuntime().wrap(function _callee19$(_context22) {
-      while (1) switch (_context22.prev = _context22.next) {
-        case 0:
-          _renderHook4 = renderHook(function () {
-            return useAsyncList({
-              load: load,
-              sort: sort,
-              initialSortDescriptor: {
-                column: 'country',
-                direction: 'descending'
-              }
-            });
-          }), result = _renderHook4.result;
-          _context22.next = 3;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
-            return _regeneratorRuntime().wrap(function _callee16$(_context18) {
-              while (1) switch (_context18.prev = _context18.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context18.stop();
-              }
-            }, _callee16);
-          })));
-        case 3:
-          _context22.next = 5;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
-            var _context19;
-            return _regeneratorRuntime().wrap(function _callee17$(_context20) {
-              while (1) switch (_context20.prev = _context20.next) {
-                case 0:
-                  _sortInstanceProperty(_context19 = result.current).call(_context19, {
-                    column: 'country',
-                    direction: 'descending'
-                  });
-                case 1:
-                case "end":
-                  return _context20.stop();
-              }
-            }, _callee17);
-          })));
-        case 5:
-          _context22.next = 7;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
-            return _regeneratorRuntime().wrap(function _callee18$(_context21) {
-              while (1) switch (_context21.prev = _context21.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context21.stop();
-              }
-            }, _callee18);
-          })));
-        case 7:
-          sortableDataTable({
-            result: result
-          });
-          sortableTable = screen.getByTestId(testId);
-          expect(sortableTable).toBeInTheDocument();
-          expect(sortableTable).toBeVisible();
-          expect(sortableTable).toHaveAttribute('aria-label', 'Custom table with sortable content');
-          expect(sortableTable).toHaveAttribute('data-testid', testId);
-          expect(sortableTable).toHaveAttribute('aria-rowcount', '5');
-          expect(sortableTable).toHaveAttribute('aria-colcount', '3');
-          rowgroups = within(sortableTable).getAllByRole('rowgroup');
-          tRows = within(rowgroups[1]).getAllByRole('row'); // verify country column is sorted z -> a
-          expect(tRows).toHaveLength(4);
-          expect(tRows[0]).toHaveAttribute('aria-rowindex', '2');
-          expect(tRows[0]).toHaveTextContent('USA');
-          expect(tRows[1]).toHaveAttribute('aria-rowindex', '3');
-          expect(tRows[1]).toHaveTextContent('France');
-          expect(tRows[2]).toHaveAttribute('aria-rowindex', '4');
-          expect(tRows[2]).toHaveTextContent('China');
-          expect(tRows[3]).toHaveAttribute('aria-rowindex', '5');
-          expect(tRows[3]).toHaveTextContent('Canada');
-        case 26:
-        case "end":
-          return _context22.stop();
-      }
-    }, _callee19);
-  })));
-});
-describe('Sortable DataTable with useAsyncList', function () {
-  var testId = 'sortableTable';
-  var defaultProps = {
-    'aria-label': 'Custom table with sortable content',
-    width: '100%',
-    height: '100%',
-    'data-testid': testId
-  };
-  var sortableDataTable = function sortableDataTable(_ref21) {
-    var result = _ref21.result;
-    return render(___EmotionJSX(DataTable, _extends({}, defaultProps, {
-      sortDescriptor: result.current.sortDescriptor.direction,
-      onSortChange: _sortInstanceProperty(result.current),
-      density: "spacious"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, {
-        allowsSorting: true
-      }, column.name);
-    }), ___EmotionJSX(DataTableBody, {
-      items: result.current.items
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    })));
-  };
-  test('click on column header should sort column A => Z', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
-    var utils, collator, _renderHook5, result, sortableTable, headers;
-    return _regeneratorRuntime().wrap(function _callee29$(_context34) {
-      while (1) switch (_context34.prev = _context34.next) {
-        case 0:
-          utils = renderHook(function () {
-            return useCollator({
-              numeric: true
-            });
-          });
-          collator = utils.result.current;
-          _renderHook5 = renderHook(function () {
-            return useAsyncList({
-              load: function load() {
-                return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
-                  return _regeneratorRuntime().wrap(function _callee22$(_context26) {
-                    while (1) switch (_context26.prev = _context26.next) {
-                      case 0:
-                        return _context26.abrupt("return", {
-                          items: rows
-                        });
-                      case 1:
-                      case "end":
-                        return _context26.stop();
-                    }
-                  }, _callee22);
-                }))();
-              },
-              sort: function sort(_ref23) {
-                return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
-                  var _context27;
-                  var items, sortDescriptor;
-                  return _regeneratorRuntime().wrap(function _callee23$(_context28) {
-                    while (1) switch (_context28.prev = _context28.next) {
-                      case 0:
-                        items = _ref23.items, sortDescriptor = _ref23.sortDescriptor;
-                        return _context28.abrupt("return", {
-                          items: _sortInstanceProperty(_context27 = _sliceInstanceProperty(items).call(items)).call(_context27, function (a, b) {
-                            if (sortDescriptor.column) {
-                              var cmp = a[sortDescriptor.column] < b[sortDescriptor.column] ? -1 : 1;
-                              if (sortDescriptor.direction === 'descending') {
-                                cmp *= -1;
-                              }
-                              return cmp;
-                            }
-                            return 1;
-                          })
-                        });
-                      case 2:
-                      case "end":
-                        return _context28.stop();
-                    }
-                  }, _callee23);
-                }))();
-              },
-              initialSortDescriptor: {
-                column: 'country',
-                direction: 'descending'
-              }
-            });
-          }), result = _renderHook5.result;
-          _context34.next = 5;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
-            return _regeneratorRuntime().wrap(function _callee24$(_context29) {
-              while (1) switch (_context29.prev = _context29.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context29.stop();
-              }
-            }, _callee24);
-          })));
-        case 5:
-          sortableDataTable({
-            result: result
-          });
-          _context34.next = 8;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
-            return _regeneratorRuntime().wrap(function _callee25$(_context30) {
-              while (1) switch (_context30.prev = _context30.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context30.stop();
-              }
-            }, _callee25);
-          })));
-        case 8:
-          sortableTable = screen.getByTestId(testId);
-          expect(sortableTable).toBeInTheDocument();
-          expect(sortableTable).toBeVisible();
-          headers = within(sortableTable).getAllByRole('columnheader');
-          expect(headers).toHaveLength(3);
-          expect(headers[0]).toHaveAttribute('aria-colindex', '1');
-          expect(headers[1]).toHaveAttribute('aria-colindex', '2');
-          expect(headers[2]).toHaveAttribute('aria-colindex', '3');
-          expect(headers[0]).toHaveTextContent(columns[0].name);
-          expect(headers[1]).toHaveTextContent(columns[1].name);
-          expect(headers[2]).toHaveTextContent(columns[2].name);
-          expect(result.current.items[0].country).toBe('Canada');
-          expect(result.current.items[1].country).toBe('USA');
-          expect(result.current.items[2].country).toBe('China');
-          expect(result.current.items[3].country).toBe('France');
-          expect(result.current.items[0].population).toBe(37000000);
-          expect(result.current.items[1].population).toBe(320000000);
-          expect(result.current.items[2].population).toBe(1398000000);
-          expect(result.current.items[3].population).toBe(67000000);
-          expect(result.current.items[0].continent).toBe('North America');
-          expect(result.current.items[1].continent).toBe('North America');
-          expect(result.current.items[2].continent).toBe('Asia');
-          expect(result.current.items[3].continent).toBe('Europe');
-          _context34.next = 33;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
-            return _regeneratorRuntime().wrap(function _callee26$(_context31) {
-              while (1) switch (_context31.prev = _context31.next) {
-                case 0:
-                  fireEvent.click(headers[0]);
-                case 1:
-                case "end":
-                  return _context31.stop();
-              }
-            }, _callee26);
-          })));
-        case 33:
-          expect(result.current.items[0].country).toBe('Canada');
-          expect(result.current.items[1].country).toBe('China');
-          expect(result.current.items[2].country).toBe('France');
-          expect(result.current.items[3].country).toBe('USA');
-          _context34.next = 39;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
-            return _regeneratorRuntime().wrap(function _callee27$(_context32) {
-              while (1) switch (_context32.prev = _context32.next) {
-                case 0:
-                  fireEvent.click(headers[1]);
-                case 1:
-                case "end":
-                  return _context32.stop();
-              }
-            }, _callee27);
-          })));
-        case 39:
-          expect(result.current.items[0].population).toBe(37000000);
-          expect(result.current.items[1].population).toBe(67000000);
-          expect(result.current.items[2].population).toBe(320000000);
-          expect(result.current.items[3].population).toBe(1398000000);
-          _context34.next = 45;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
-            return _regeneratorRuntime().wrap(function _callee28$(_context33) {
-              while (1) switch (_context33.prev = _context33.next) {
-                case 0:
-                  fireEvent.click(headers[2]);
-                case 1:
-                case "end":
-                  return _context33.stop();
-              }
-            }, _callee28);
-          })));
-        case 45:
-          expect(result.current.items[0].continent).toBe('Asia');
-          expect(result.current.items[1].continent).toBe('Europe');
-          expect(result.current.items[2].continent).toBe('North America');
-          expect(result.current.items[3].continent).toBe('North America');
-        case 49:
-        case "end":
-          return _context34.stop();
-      }
-    }, _callee29);
-  })));
-  test('click on column header should sort column Z => A', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee35() {
-    var _renderHook6, result, sortableTable, headers;
-    return _regeneratorRuntime().wrap(function _callee35$(_context41) {
-      while (1) switch (_context41.prev = _context41.next) {
-        case 0:
-          _renderHook6 = renderHook(function () {
-            return useAsyncList({
-              load: function load() {
-                return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee30() {
-                  return _regeneratorRuntime().wrap(function _callee30$(_context35) {
-                    while (1) switch (_context35.prev = _context35.next) {
-                      case 0:
-                        return _context35.abrupt("return", {
-                          items: rows
-                        });
-                      case 1:
-                      case "end":
-                        return _context35.stop();
-                    }
-                  }, _callee30);
-                }))();
-              },
-              sort: function sort(_ref30) {
-                return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee31() {
-                  var _context36;
-                  var items, sortDescriptor;
-                  return _regeneratorRuntime().wrap(function _callee31$(_context37) {
-                    while (1) switch (_context37.prev = _context37.next) {
-                      case 0:
-                        items = _ref30.items, sortDescriptor = _ref30.sortDescriptor;
-                        return _context37.abrupt("return", {
-                          items: _sortInstanceProperty(_context36 = _sliceInstanceProperty(items).call(items)).call(_context36, function (a, b) {
-                            if (sortDescriptor.column) {
-                              var cmp = a[sortDescriptor.column] < b[sortDescriptor.column] ? -1 : 1;
-                              if (sortDescriptor.direction === 'descending') {
-                                cmp *= -1;
-                              }
-                              return cmp;
-                            }
-                            return 1;
-                          })
-                        });
-                      case 2:
-                      case "end":
-                        return _context37.stop();
-                    }
-                  }, _callee31);
-                }))();
-              },
-              initialSortDescriptor: {
-                column: 'country',
-                direction: 'ascending'
-              }
-            });
-          }), result = _renderHook6.result;
-          _context41.next = 3;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee32() {
-            return _regeneratorRuntime().wrap(function _callee32$(_context38) {
-              while (1) switch (_context38.prev = _context38.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context38.stop();
-              }
-            }, _callee32);
-          })));
-        case 3:
-          sortableDataTable({
-            result: result
-          });
-          _context41.next = 6;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee33() {
-            return _regeneratorRuntime().wrap(function _callee33$(_context39) {
-              while (1) switch (_context39.prev = _context39.next) {
-                case 0:
-                  jest.runOnlyPendingTimers();
-                case 1:
-                case "end":
-                  return _context39.stop();
-              }
-            }, _callee33);
-          })));
-        case 6:
-          sortableTable = screen.getByTestId(testId);
-          expect(sortableTable).toBeInTheDocument();
-          expect(sortableTable).toBeVisible();
-          headers = within(sortableTable).getAllByRole('columnheader');
-          expect(headers).toHaveLength(3);
-          expect(headers[0]).toHaveAttribute('aria-colindex', '1');
-          expect(headers[1]).toHaveAttribute('aria-colindex', '2');
-          expect(headers[2]).toHaveAttribute('aria-colindex', '3');
-          expect(headers[0]).toHaveTextContent(columns[0].name);
-          expect(headers[1]).toHaveTextContent(columns[1].name);
-          expect(headers[2]).toHaveTextContent(columns[2].name);
-          expect(result.current.items[0].country).toBe('Canada');
-          expect(result.current.items[1].country).toBe('USA');
-          expect(result.current.items[2].country).toBe('China');
-          expect(result.current.items[3].country).toBe('France');
-          expect(result.current.items[0].population).toBe(37000000);
-          expect(result.current.items[1].population).toBe(320000000);
-          expect(result.current.items[2].population).toBe(1398000000);
-          expect(result.current.items[3].population).toBe(67000000);
-          expect(result.current.items[0].continent).toBe('North America');
-          expect(result.current.items[1].continent).toBe('North America');
-          expect(result.current.items[2].continent).toBe('Asia');
-          expect(result.current.items[3].continent).toBe('Europe');
-          _context41.next = 31;
-          return actHooks(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee34() {
-            return _regeneratorRuntime().wrap(function _callee34$(_context40) {
-              while (1) switch (_context40.prev = _context40.next) {
-                case 0:
-                  fireEvent.click(headers[0]);
-                case 1:
-                case "end":
-                  return _context40.stop();
-              }
-            }, _callee34);
-          })));
-        case 31:
-          expect(result.current.items[0].country).toBe('Canada');
-          expect(result.current.items[1].country).toBe('China');
-          expect(result.current.items[2].country).toBe('France');
-          expect(result.current.items[3].country).toBe('USA');
-          expect(result.current.items[0].continent).toBe('North America');
-          expect(result.current.items[1].continent).toBe('Asia');
-          expect(result.current.items[2].continent).toBe('Europe');
-          expect(result.current.items[3].continent).toBe('North America');
-          expect(result.current.items[0].population).toBe(37000000);
-          expect(result.current.items[1].population).toBe(1398000000);
-          expect(result.current.items[2].population).toBe(67000000);
-          expect(result.current.items[3].population).toBe(320000000);
-        case 43:
-        case "end":
-          return _context41.stop();
-      }
-    }, _callee35);
-  })));
-});
-describe('Empty DataTable', function () {
-  var staticDataTable = function staticDataTable() {
-    return render(___EmotionJSX(DataTable, {
-      "aria-label": "Table"
-    }, ___EmotionJSX(DataTableHeader, {
-      columns: columns
-    }, function (column) {
-      return ___EmotionJSX(DataTableColumn, null, column.name);
-    }), ___EmotionJSX(DataTableBody, null, [])));
-  };
-  it('should display header row only when there are no items', function () {
-    staticDataTable();
-    var staticTable = screen.getByRole('grid');
-    var tRows = within(staticTable).getByRole('row');
-    expect(staticTable).toBeInTheDocument();
-    expect(staticTable).toBeVisible();
-    expect(tRows).toBeInTheDocument();
-  });
-});
-
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(DataTable, _extends({}, props, {
-      "aria-label": "label"
-    }), ___EmotionJSX(DataTableHeader, {
-      columns: [columns[0]]
-    }, ___EmotionJSX(DataTableColumn, null, columns[0].name)), ___EmotionJSX(DataTableBody, {
-      items: rows
-    }, function (item) {
-      return ___EmotionJSX(DataTableRow, null, function (columnKey) {
-        return ___EmotionJSX(DataTableCell, null, item[columnKey]);
-      });
-    }));
-  }
-});