@atlaskit/table 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/table
 
+## 0.2.3
+
+### Patch Changes
+
+- [`8fb961ffa76`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8fb961ffa76) - [ux] Fixed some accessibility bugs. Now checkboxes in selectable cells are labelled for assistive technology users, sortable columns have their sorting state programmatically associated through the `aria-sort` attribute, and the sort button has an `aria-roledescription` to ensure that assistive technology users are informed that the column headers are sortable in nature.
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/cjs/body.js

@@ -1,70 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _selectionProvider = require("./hooks/selection-provider");
-
 var _useRowId = require("./hooks/use-row-id");
-
 var _useTable2 = require("./hooks/use-table");
-
 var _useTableBody = require("./hooks/use-table-body");
-
 var Primitives = _interopRequireWildcard(require("./ui"));
-
 var _excluded = ["idx"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * __Table body__
  */
 function TBody(_ref) {
   var rows = _ref.rows,
-      children = _ref.children;
-
+    children = _ref.children;
   var _useTable = (0, _useTable2.useTable)(),
-      sortFn = _useTable.sortFn;
-
+    sortFn = _useTable.sortFn;
   var _useSelection = (0, _selectionProvider.useSelection)(),
-      _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
-      _state = _useSelection2[0],
-      _useSelection2$ = _useSelection2[1],
-      removeAll = _useSelection2$.removeAll,
-      setMax = _useSelection2$.setMax; // TODO: this seems like something the user should control or opt into.
-
+    _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
+    _state = _useSelection2[0],
+    _useSelection2$ = _useSelection2[1],
+    removeAll = _useSelection2$.removeAll,
+    setMax = _useSelection2$.setMax;
 
+  // TODO: this seems like something the user should control or opt into.
   (0, _react.useEffect)(function () {
-    removeAll === null || removeAll === void 0 ? void 0 : removeAll(); // eslint-disable-next-line react-hooks/exhaustive-deps -- When the rows change, we [currently] want to call removeAll.
-  }, [rows]);
+    removeAll === null || removeAll === void 0 ? void 0 : removeAll();
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- When the rows change, we [currently] want to call removeAll.
+  }, [rows]);
   var childrenCount = _react.Children.count(children);
+  var rowsLength = rows === null || rows === void 0 ? void 0 : rows.length;
 
-  var rowsLength = rows === null || rows === void 0 ? void 0 : rows.length; // Set data length (via setMax) whenever data changes
-
+  // Set data length (via setMax) whenever data changes
   (0, _react.useEffect)(function () {
     var numRows = rowsLength !== null && rowsLength !== void 0 ? rowsLength : childrenCount;
     setMax === null || setMax === void 0 ? void 0 : setMax(numRows);
@@ -80,11 +61,12 @@ function TBody(_ref) {
     value: true
   }, (0, _react2.jsx)(Primitives.TBody, null, typeof children === 'function' && sortedRows ? sortedRows.map(function (_ref2) {
     var idx = _ref2.idx,
-        row = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      row = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return (0, _react2.jsx)(_useRowId.RowProvider, {
       key: idx,
       value: idx
-    }, // @ts-expect-error
+    },
+    // @ts-expect-error
     children(row));
   }) : _react.Children.map(children, function (row, idx) {
     return (0, _react2.jsx)(_useRowId.RowProvider, {
@@ -93,6 +75,5 @@ function TBody(_ref) {
     }, row);
   })));
 }
-
 var _default = TBody;
 exports.default = _default;

package/dist/cjs/head-cell.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _th = require("./ui/th");
-
 /* eslint-disable no-unused-vars */
-
 /** @jsx jsx */
 
 /**
@@ -22,11 +17,11 @@ var _th = require("./ui/th");
  */
 var Column = function Column(_ref) {
   var children = _ref.children,
-      align = _ref.align,
-      testId = _ref.testId,
-      backgroundColor = _ref.backgroundColor,
-      _ref$scope = _ref.scope,
-      scope = _ref$scope === void 0 ? 'col' : _ref$scope;
+    align = _ref.align,
+    testId = _ref.testId,
+    backgroundColor = _ref.backgroundColor,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'col' : _ref$scope;
   return (0, _react.jsx)(_th.TH, {
     scope: scope,
     align: align,
@@ -37,6 +32,5 @@ var Column = function Column(_ref) {
     fontWeight: "medium"
   }, children));
 };
-
 var _default = Column;
 exports.default = _default;

package/dist/cjs/hooks/selection-provider.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSelection = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useSelectable = _interopRequireWildcard(require("./use-selectable"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 var SelectionContext = /*#__PURE__*/(0, _react.createContext)([_useSelectable.defaultSelectableState, {}]);
+
 /**
  * __Selection provider__
  *
@@ -25,7 +20,6 @@ var SelectionContext = /*#__PURE__*/(0, _react.createContext)([_useSelectable.de
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-
 var SelectionProvider = function SelectionProvider(_ref) {
   var children = _ref.children;
   var reducer = (0, _useSelectable.default)();
@@ -33,11 +27,9 @@ var SelectionProvider = function SelectionProvider(_ref) {
     value: reducer
   }, children);
 };
-
 var useSelection = function useSelection() {
   return (0, _react.useContext)(SelectionContext);
 };
-
 exports.useSelection = useSelection;
 var _default = SelectionProvider;
 exports.default = _default;

package/dist/cjs/hooks/use-row-id.js

@@ -4,23 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRowId = exports.RowProvider = void 0;
-
 var _react = require("react");
-
 var RowContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+
 /**
  * @internal
  */
-
 var useRowId = function useRowId() {
   return (0, _react.useContext)(RowContext);
 };
+
 /**
  * __Row provider__
  * @internal
  */
-
-
 exports.useRowId = useRowId;
 var RowProvider = RowContext.Provider;
 exports.RowProvider = RowProvider;

package/dist/cjs/hooks/use-selectable.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultSelectableState = exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var defaultSelectableState = {
   checked: [],
   allChecked: false,
@@ -20,50 +16,45 @@ var defaultSelectableState = {
   previousSelection: []
 };
 exports.defaultSelectableState = defaultSelectableState;
-
 var arrayFromRange = function arrayFromRange(from, to) {
   var startIdx = from;
   var stopIdx = to;
   var increment = 1;
-
   if (from > to) {
     startIdx = to;
     stopIdx = from;
     increment = 0;
-  } // Create an array with values between `from` and `to` - either ascending or descending
-
+  }
 
+  // Create an array with values between `from` and `to` - either ascending or descending
   return Array.from({
     length: stopIdx - startIdx
   }, function (_, i) {
     return startIdx + i + increment;
   });
 };
-
 function reducer(_ref, action) {
   var checked = _ref.checked,
-      anyChecked = _ref.anyChecked,
-      maxChecked = _ref.maxChecked,
-      selectionStart = _ref.selectionStart,
-      previousSelection = _ref.previousSelection;
-
+    anyChecked = _ref.anyChecked,
+    maxChecked = _ref.maxChecked,
+    selectionStart = _ref.selectionStart,
+    previousSelection = _ref.previousSelection;
   switch (action.type) {
     case 'toggle_selection':
       {
         var _action$value = action.value,
-            _id = _action$value.id,
-            _shiftHeld = _action$value.shiftHeld;
+          _id = _action$value.id,
+          _shiftHeld = _action$value.shiftHeld;
         var updated = checked.slice();
         var newSelectionStart = selectionStart;
         var newPreviousSelection = previousSelection.slice();
-
         if (_shiftHeld) {
           if (checked.length > 0) {
             var newIds = arrayFromRange(selectionStart, _id); // create an array of the new ids
+
             // Uncheck ids from the previous selection.
             // This is done to maintain consistency with Shift-select behaviour elsewhere (e.g. macOS)
             // TODO: Code could be improved to only remove ids that are not included in the new range, avoiding needing to re-add them below
-
             updated = updated.filter(function (id) {
               return !previousSelection.includes(id);
             });
@@ -71,6 +62,7 @@ function reducer(_ref, action) {
               return updated.indexOf(id) === -1 && updated.push(id);
             } // If the new id is not already checked, check it
             );
+
             newPreviousSelection = newIds; // Maintain an array of the previous selection to allow for consistent Shift-select behaviour
           }
         } else {
@@ -83,12 +75,10 @@ function reducer(_ref, action) {
           }
 
           newSelectionStart = _id; // Reset selection start id to this non-shift-selected id
-
           newPreviousSelection = []; // Reset previous selection as it is no longer relevant once a new non-shift-selected id is added
         }
 
         var _anyChecked = updated.length > 0;
-
         return {
           checked: updated,
           allChecked: updated.length === maxChecked,
@@ -98,7 +88,6 @@ function reducer(_ref, action) {
           previousSelection: newPreviousSelection
         };
       }
-
     case 'set_root':
       return {
         checked: action.value ? Array.from(Array(maxChecked).keys()) : [],
@@ -108,7 +97,6 @@ function reducer(_ref, action) {
         selectionStart: selectionStart,
         previousSelection: previousSelection
       };
-
     case 'set_max':
       {
         var _max = action.value;
@@ -121,18 +109,15 @@ function reducer(_ref, action) {
           previousSelection: previousSelection
         };
       }
-
     default:
       throw new Error();
   }
 }
-
 function useSelectable() {
   var _useReducer = (0, _react.useReducer)(reducer, defaultSelectableState),
-      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var toggleSelection = (0, _react.useCallback)(function (id, shiftHeld) {
     dispatch({
       type: 'toggle_selection',
@@ -167,6 +152,5 @@ function useSelectable() {
     setMax: setMax
   }];
 }
-
 var _default = useSelectable;
 exports.default = _default;

package/dist/cjs/hooks/use-sorting.js

@@ -1,36 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSorting = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var useSorting = function useSorting(sortKey) {
   var _useState = (0, _react.useState)(sortKey),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      localSortKey = _useState2[0],
-      setLocalSortKey = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    localSortKey = _useState2[0],
+    setLocalSortKey = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      localSortDirection = _useState4[0],
-      setLocalSortDirection = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    localSortDirection = _useState4[0],
+    setLocalSortDirection = _useState4[1];
   var toggleSortDirection = (0, _react.useCallback)(function () {
     setLocalSortDirection(function (oldLocalSortDirection) {
       switch (oldLocalSortDirection) {
         case undefined:
           return 'ascending';
-
         case 'ascending':
           return 'descending';
-
         case 'descending':
           return 'ascending';
       }
@@ -45,7 +37,6 @@ var useSorting = function useSorting(sortKey) {
       } else {
         toggleSortDirection();
       }
-
       return localSortKey;
     });
   }, [toggleSortDirection]);
@@ -53,7 +44,6 @@ var useSorting = function useSorting(sortKey) {
     if (localSortKey === 'unset') {
       return 0;
     }
-
     var ascendingComparator = rowA[localSortKey] < rowB[localSortKey] ? -1 : 1;
     return localSortDirection === 'ascending' ? ascendingComparator : -ascendingComparator;
   }, [localSortDirection, localSortKey]);
@@ -64,5 +54,4 @@ var useSorting = function useSorting(sortKey) {
     sortFn: sortFn
   };
 };
-
 exports.useSorting = useSorting;

package/dist/cjs/hooks/use-table-body.js

@@ -1,28 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTableBody = exports.TableBodyProvider = void 0;
-
 var _react = require("react");
-
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-
 var TableBodyContext = /*#__PURE__*/(0, _react.createContext)(false);
+
 /**
  * __Table body provider__
  * Ensures correct nesting of table elements.
  */
-
 var TableBodyProvider = TableBodyContext.Provider;
 exports.TableBodyProvider = TableBodyProvider;
-
 var useTableBody = function useTableBody() {
   var hasTableBody = (0, _react.useContext)(TableBodyContext);
   (0, _tinyInvariant.default)(hasTableBody, '<Row /> must be nested inside a <TableBody>');
 };
-
 exports.useTableBody = useTableBody;

package/dist/cjs/hooks/use-table.js

@@ -1,23 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableProvider = TableProvider;
 exports.useTable = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 generateContext() {
   return /*#__PURE__*/(0, _react.createContext)({
     isSelectable: false,
@@ -28,8 +21,8 @@ function generateContext() {
     }
   });
 }
-
 var TableContext = generateContext();
+
 /**
  * __Table state provider__
  *
@@ -37,10 +30,9 @@ var TableContext = generateContext();
  *
  * - [Examples](https://atlassian.design/components/table/examples)
  */
-
 function TableProvider(_ref) {
   var children = _ref.children,
-      state = _ref.state;
+    state = _ref.state;
   return (
     /*#__PURE__*/
     // @ts-expect-error
@@ -49,11 +41,10 @@ function TableProvider(_ref) {
     }, children)
   );
 }
-
 var useTable = function useTable() {
-  return (// @ts-expect-error
+  return (
+    // @ts-expect-error
     (0, _react.useContext)(TableContext)
   );
 };
-
 exports.useTable = useTable;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "default", {
     return _table.default;
   }
 });
-
 var _table = _interopRequireDefault(require("./table"));
-
 var _body = _interopRequireDefault(require("./body"));
-
 var _row = _interopRequireDefault(require("./row"));
-
 var _ui = require("./ui");
-
 var _headCell = _interopRequireDefault(require("./head-cell"));
-
 var _sortableColumn = _interopRequireDefault(require("./sortable-column"));
-
 var _thead = _interopRequireDefault(require("./thead"));

package/dist/cjs/row.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _selectionProvider = require("./hooks/selection-provider");
-
 var _useRowId = require("./hooks/use-row-id");
-
 var _useTable2 = require("./hooks/use-table");
-
 var _useTableBody = require("./hooks/use-table-body");
-
 var _selectableCell = _interopRequireDefault(require("./selectable-cell"));
-
 var Primitives = _interopRequireWildcard(require("./ui"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 /** @jsx jsx */
 
 /**
@@ -42,25 +28,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Row = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var children = _ref.children,
-      testId = _ref.testId;
+    testId = _ref.testId;
   // To ensure valid nesting
-  (0, _useTableBody.useTableBody)(); // to access table state
-
+  (0, _useTableBody.useTableBody)();
+  // to access table state
   var _useTable = (0, _useTable2.useTable)(),
-      isSelectable = _useTable.isSelectable;
-
+    isSelectable = _useTable.isSelectable;
   var _useSelection = (0, _selectionProvider.useSelection)(),
-      _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 1),
-      _useSelection2$ = _useSelection2[0],
-      allChecked = _useSelection2$.allChecked,
-      checked = _useSelection2$.checked;
-
+    _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 1),
+    _useSelection2$ = _useSelection2[0],
+    allChecked = _useSelection2$.allChecked,
+    checked = _useSelection2$.checked;
   var rowId = (0, _useRowId.useRowId)();
   var isSelected = (0, _react.useMemo)(function () {
     if (!isSelectable) {
       return undefined;
     }
-
     return allChecked || checked.includes(rowId);
   }, [allChecked, checked, isSelectable, rowId]);
   return (0, _react2.jsx)(Primitives.TR, {