@atlaskit/table 0.2.0 → 0.2.2

package/dist/cjs/selectable-cell.js

@@ -1,41 +1,29 @@
 "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 _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
-
 var _selectionProvider = require("./hooks/selection-provider");
-
 var _useRowId = require("./hooks/use-row-id");
-
 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 */
+
 var SelectableCell = function SelectableCell() {
   var _useSelection = (0, _selectionProvider.useSelection)(),
-      _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
-      _useSelection2$ = _useSelection2[0],
-      allChecked = _useSelection2$.allChecked,
-      checked = _useSelection2$.checked,
-      toggleSelection = _useSelection2[1].toggleSelection;
-
+    _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
+    _useSelection2$ = _useSelection2[0],
+    allChecked = _useSelection2$.allChecked,
+    checked = _useSelection2$.checked,
+    toggleSelection = _useSelection2[1].toggleSelection;
   var idx = (0, _useRowId.useRowId)();
   var isChecked = (0, _react.useMemo)(function () {
     return allChecked || checked.includes(idx);
@@ -50,7 +38,5 @@ var SelectableCell = function SelectableCell() {
     onChange: onChange
   }));
 };
-
 var _default = /*#__PURE__*/(0, _react.memo)(SelectableCell);
-
 exports.default = _default;

package/dist/cjs/sortable-column.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _button = _interopRequireDefault(require("@atlaskit/button"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _useTable2 = require("./hooks/use-table");
-
 var _ui = require("./ui");
-
 var _excluded = ["name", "testId", "onClick", "children"];
-
 /**
  * TODO these need to be i18n supported
  */
@@ -49,38 +38,36 @@ var overrideStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingInline: "2px !important"
 });
+
 /**
  * __SortableColumn__
  *
  * SortableColumn is used in place of the default Column when sorting is desired.
  */
-
 var SortableColumn = function SortableColumn(_ref) {
   var name = _ref.name,
-      testId = _ref.testId,
-      onClick = _ref.onClick,
-      children = _ref.children,
-      other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    testId = _ref.testId,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useTable = (0, _useTable2.useTable)(),
-      sortKey = _useTable.sortKey,
-      sortDirection = _useTable.sortDirection,
-      setSortState = _useTable.setSortState;
-
+    sortKey = _useTable.sortKey,
+    sortDirection = _useTable.sortDirection,
+    setSortState = _useTable.setSortState;
   var getSortMessage = function getSortMessage() {
     if (sortKey === name) {
       // TODO: Change message depending on data type (string/number)
       return sortingMessages[sortDirection || 'unsorted'].string;
     }
-
     return sortingMessages.unsorted.string;
   };
-
-  var updateSortState = (0, _react.useCallback)( // @ts-expect-error: TODO: Our `name` typing is off; refer to `SortKey`
+  var updateSortState = (0, _react.useCallback)(
+  // @ts-expect-error: TODO: Our `name` typing is off; refer to `SortKey`
   function () {
     return setSortState(name);
   }, [setSortState, name]);
-  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     (0, _react2.jsx)(_ui.TH, (0, _extends2.default)({
       testId: testId
     }, other), (0, _react2.jsx)(_tooltip.default, {
@@ -100,6 +87,5 @@ var SortableColumn = function SortableColumn(_ref) {
     }))
   );
 };
-
 var _default = SortableColumn;
 exports.default = _default;

package/dist/cjs/table.js

@@ -1,30 +1,19 @@
 "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 _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _selectionProvider = _interopRequireDefault(require("./hooks/selection-provider"));
-
 var _useSorting2 = require("./hooks/use-sorting");
-
 var _useTable = require("./hooks/use-table");
-
 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 */
 
 /**
@@ -36,17 +25,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function Table(_ref) {
   var children = _ref.children,
-      isSelectable = _ref.isSelectable,
-      _ref$sortKey = _ref.sortKey,
-      sortKey = _ref$sortKey === void 0 ? 'unset' : _ref$sortKey,
-      testId = _ref.testId;
-
+    isSelectable = _ref.isSelectable,
+    _ref$sortKey = _ref.sortKey,
+    sortKey = _ref$sortKey === void 0 ? 'unset' : _ref$sortKey,
+    testId = _ref.testId;
   var _useSorting = (0, _useSorting2.useSorting)(sortKey),
-      localSortKey = _useSorting.sortKey,
-      sortDirection = _useSorting.sortDirection,
-      setSortState = _useSorting.setSortState,
-      sortFn = _useSorting.sortFn;
-
+    localSortKey = _useSorting.sortKey,
+    sortDirection = _useSorting.sortDirection,
+    setSortState = _useSorting.setSortState,
+    sortFn = _useSorting.sortFn;
   var tableProviderState = (0, _react.useMemo)(function () {
     return {
       isSelectable: isSelectable,
@@ -62,6 +49,5 @@ function Table(_ref) {
     testId: testId
   }, isSelectable ? (0, _react2.jsx)(_selectionProvider.default, null, children) : children));
 }
-
 var _default = Table;
 exports.default = _default;

package/dist/cjs/thead.js

@@ -1,55 +1,39 @@
 "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("@emotion/react");
-
 var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-
 var _selectionProvider = require("./hooks/selection-provider");
-
 var _useTable2 = require("./hooks/use-table");
-
 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 */
+
 var THead = function THead(_ref) {
   var actions = _ref.actions,
-      children = _ref.children;
-
+    children = _ref.children;
   var _useTable = (0, _useTable2.useTable)(),
-      isSelectable = _useTable.isSelectable;
-
+    isSelectable = _useTable.isSelectable;
   var _useSelection = (0, _selectionProvider.useSelection)(),
-      _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
-      state = _useSelection2[0],
-      _useSelection2$ = _useSelection2[1],
-      setAll = _useSelection2$.setAll,
-      removeAll = _useSelection2$.removeAll;
-
+    _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
+    state = _useSelection2[0],
+    _useSelection2$ = _useSelection2[1],
+    setAll = _useSelection2$.setAll,
+    removeAll = _useSelection2$.removeAll;
   if (!isSelectable) {
     return (0, _react.jsx)(Primitives.THead, null, (0, _react.jsx)(Primitives.TR, {
       isBodyRow: false
     }, children));
   }
-
   var isChecked = state.allChecked || state.anyChecked;
   return (0, _react.jsx)(Primitives.THead, null, (0, _react.jsx)(Primitives.TR, {
     isBodyRow: false
@@ -64,11 +48,10 @@ var THead = function THead(_ref) {
     id: "select-all"
   }, "Select all rows")), children, isChecked && (0, _react.jsx)(Primitives.BulkActionOverlay, null, (0, _react.jsx)(_dsExplorations.UNSAFE_Text, {
     color: "color.text",
-    fontWeight: "500"
+    fontWeight: "medium"
   }, state.checked.length, " selected"), actions && (0, _react.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.100"
+    gap: "space.100"
   }, actions(state.checked)))));
 };
-
 var _default = THead;
 exports.default = _default;

package/dist/cjs/ui/base-cell.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BaseCell = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _inline = _interopRequireDefault(require("@atlaskit/ds-explorations/inline"));
-
 /* eslint-disable @atlassian/tangerine/import/entry-points */
-
 /** @jsx jsx */
+
 var alignMap = {
   text: 'flexStart',
   number: 'flexEnd',
@@ -33,6 +27,7 @@ var baseResetStyles = (0, _react2.css)({
     paddingRight: "var(--ds-space-100, 8px)"
   }
 });
+
 /**
  * __BaseCell__
  *
@@ -40,21 +35,20 @@ var baseResetStyles = (0, _react2.css)({
  *
  * Basic cell element.
  */
-
 var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var testId = _ref.testId,
-      as = _ref.as,
-      children = _ref.children,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'text' : _ref$align,
-      _ref$paddingBlock = _ref.paddingBlock,
-      paddingBlock = _ref$paddingBlock === void 0 ? 'scale.100' : _ref$paddingBlock,
-      _ref$paddingInline = _ref.paddingInline,
-      paddingInline = _ref$paddingInline === void 0 ? 'scale.200' : _ref$paddingInline,
-      backgroundColor = _ref.backgroundColor,
-      scope = _ref.scope,
-      width = _ref.width,
-      className = _ref.className;
+    as = _ref.as,
+    children = _ref.children,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'text' : _ref$align,
+    _ref$paddingBlock = _ref.paddingBlock,
+    paddingBlock = _ref$paddingBlock === void 0 ? 'space.100' : _ref$paddingBlock,
+    _ref$paddingInline = _ref.paddingInline,
+    paddingInline = _ref$paddingInline === void 0 ? 'space.200' : _ref$paddingInline,
+    backgroundColor = _ref.backgroundColor,
+    scope = _ref.scope,
+    width = _ref.width,
+    className = _ref.className;
   return (0, _react2.jsx)(_box.default, {
     css: baseResetStyles,
     ref: ref,
@@ -70,7 +64,7 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     } : undefined
   }, (0, _react2.jsx)(_inline.default, {
     justifyContent: alignMap[align],
-    gap: "scale.0"
+    gap: "space.0"
   }, children));
 });
 exports.BaseCell = BaseCell;

package/dist/cjs/ui/bulk-action-overlay.js

@@ -4,36 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BulkActionOverlay = void 0;
-
 var _react = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 /** @jsx jsx */
+
 var overlayStyles = (0, _react.css)({
   top: 0,
   right: 0,
   bottom: 0,
   left: 32
 });
+
 /**
  * __Bulk action overlay__
  *
  * A bulk action overlay is used to conditionally render when a user makes a row selection
  */
-
 var BulkActionOverlay = function BulkActionOverlay(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)(_dsExplorations.UNSAFE_Box, {
     as: "th",
     position: "absolute",
-    paddingInline: "scale.100",
+    paddingInline: "space.100",
     backgroundColor: "elevation.surface",
     css: overlayStyles
   }, (0, _react.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.300",
+    gap: "space.300",
     alignItems: "center"
   }, children));
 };
-
 exports.BulkActionOverlay = BulkActionOverlay;

package/dist/cjs/ui/index.js

@@ -57,21 +57,12 @@ Object.defineProperty(exports, "Table", {
     return _table.Table;
   }
 });
-
 var _table = require("./table");
-
 var _tbody = require("./tbody");
-
 var _tr = require("./tr");
-
 var _td = require("./td");
-
 var _th = require("./th");
-
 var _selectableCell = require("./selectable-cell");
-
 var _thead = require("./thead");
-
 var _bulkActionOverlay = require("./bulk-action-overlay");
-
 var _sortIcon = require("./sort-icon");

package/dist/cjs/ui/selectable-cell.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectableCell = void 0;
-
 var _react = require("@emotion/react");
-
 var _baseCell = require("./base-cell");
-
 /** @jsx jsx */
+
 var spacingStyles = (0, _react.css)({
   width: 32,
   padding: "var(--ds-space-0, 0px)",
@@ -20,20 +18,19 @@ var spacingStyles = (0, _react.css)({
     paddingLeft: '8px !important'
   }
 });
+
 /**
  * __Selectable cell__
  *
  * A selectable cell primitive designed to be used for light weight composition.
  */
-
 var SelectableCell = function SelectableCell(_ref) {
   var children = _ref.children,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? 'td' : _ref$as;
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'td' : _ref$as;
   return (0, _react.jsx)(_baseCell.BaseCell, {
     as: as,
     css: spacingStyles
   }, children);
 };
-
 exports.SelectableCell = SelectableCell;

package/dist/cjs/ui/sort-icon.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SortIcon = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-down"));
-
 var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-up"));
-
 var _useTable2 = require("../hooks/use-table");
-
 /* eslint-disable no-unused-vars */
-
 /** @jsx jsx */
 
 /**
@@ -28,11 +20,9 @@ var _useTable2 = require("../hooks/use-table");
  */
 var SortIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var name = _ref.name;
-
   var _useTable = (0, _useTable2.useTable)(),
-      sortKey = _useTable.sortKey,
-      sortDirection = _useTable.sortDirection;
-
+    sortKey = _useTable.sortKey,
+    sortDirection = _useTable.sortDirection;
   if (sortKey === name) {
     switch (sortDirection) {
       case 'ascending':
@@ -41,7 +31,6 @@ var SortIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
           label: "",
           primaryColor: "inherit"
         });
-
       case 'descending':
         return (0, _react2.jsx)(_arrowDown.default, {
           size: "small",
@@ -50,7 +39,6 @@ var SortIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         });
     }
   }
-
   return null;
 });
 exports.SortIcon = SortIcon;

package/dist/cjs/ui/table.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Table = void 0;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
 
 /**
@@ -21,11 +19,10 @@ var _react = require("@emotion/react");
  */
 var Table = function Table(_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      summary = _ref.summary;
+    testId = _ref.testId,
+    summary = _ref.summary;
   return (0, _react.jsx)("table", {
     "data-testid": testId
   }, summary && (0, _react.jsx)("caption", null, summary), children);
 };
-
 exports.Table = Table;

package/dist/cjs/ui/tbody.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TBody = void 0;
-
 var _react = require("@emotion/react");
-
 /* eslint-disable @repo/internal/react/no-clone-element */
-
 /** @jsx jsx */
+
 var bodyStyles = (0, _react.css)({
   position: 'relative',
   border: 'none',
@@ -21,18 +19,17 @@ var bodyStyles = (0, _react.css)({
     pointerEvents: 'none'
   }
 });
+
 /**
  * __TBody__
  * @primitive
  */
-
 var TBody = function TBody(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)("tbody", {
     css: bodyStyles
   }, children);
 };
-
 exports.TBody = TBody;
 var _default = TBody;
 exports.default = _default;

package/dist/cjs/ui/td.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TD = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("@emotion/react");
-
 var _baseCell = require("./base-cell");
-
 var _excluded = ["testId"];
-
 /**
  * __Cell__
  *
@@ -26,13 +19,13 @@ var _excluded = ["testId"];
  */
 var TD = function TD(_ref) {
   var testId = _ref.testId,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     (0, _react.jsx)(_baseCell.BaseCell, (0, _extends2.default)({
       as: "td",
       testId: testId
     }, props))
   );
 };
-
 exports.TD = TD;

package/dist/cjs/ui/th.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TH = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _baseCell = require("./base-cell");
-
 /**
  * __Head cell__
  *
@@ -20,11 +16,11 @@ var _baseCell = require("./base-cell");
  */
 var TH = function TH(_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      align = _ref.align,
-      scope = _ref.scope,
-      backgroundColor = _ref.backgroundColor,
-      width = _ref.width;
+    testId = _ref.testId,
+    align = _ref.align,
+    scope = _ref.scope,
+    backgroundColor = _ref.backgroundColor,
+    width = _ref.width;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -38,5 +34,4 @@ var TH = function TH(_ref) {
     }, children)
   );
 };
-
 exports.TH = TH;