@atlaskit/dynamic-table 14.11.10 → 14.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dynamic-table
 
+## 14.12.0
+
+### Minor Changes
+
+- [#64300](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64300) [`9897d788b9ea`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9897d788b9ea) - Export prop types
+
+## 14.11.11
+
+### Patch Changes
+
+- [#58292](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58292) [`0dc821f0ecba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0dc821f0ecba) - [ux] Use `td` over `th` when a table head cell has no content.
+
 ## 14.11.10
 
 ### Patch Changes

package/dist/cjs/components/stateless.js

@@ -29,7 +29,7 @@ var _tableHead = _interopRequireDefault(require("./table-head"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.11.10";
+var packageVersion = "14.12.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/styled/table-head.js

@@ -25,7 +25,7 @@ var rankingStyles = (0, _react2.css)({
   display: 'block'
 });
 var headStyles = (0, _react2.css)({
-  borderBottom: "none"
+  borderBlockEnd: "none"
 });
 var Head = exports.Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
@@ -73,20 +73,17 @@ var baseStyles = (0, _react2.css)({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      right: "var(--ds-space-negative-100, -8px)",
       border: '3px solid transparent',
-      content: '""'
+      content: '""',
+      insetInlineEnd: "var(--ds-space-negative-100, -8px)"
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: "var(--ds-space-100, 8px)",
-      borderBottom: "3px solid ".concat(_theme.arrow.defaultColor)
+      borderBlockEnd: "3px solid ".concat(_theme.arrow.defaultColor),
+      insetBlockEnd: "var(--ds-space-100, 8px)"
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: 0,
-      borderTop: "3px solid ".concat(_theme.arrow.defaultColor)
+      borderBlockStart: "3px solid ".concat(_theme.arrow.defaultColor),
+      insetBlockEnd: 0
     }
   },
   '@media (forced-colors: active)': {
@@ -95,10 +92,10 @@ var baseStyles = (0, _react2.css)({
         border: "3px solid ".concat(_theme.MSThemeColors.Background)
       },
       '&::before': {
-        borderBottom: "3px solid ".concat(_theme.MSThemeColors.Text)
+        borderBlockEnd: "3px solid ".concat(_theme.MSThemeColors.Text)
       },
       '&::after': {
-        borderTop: "3px solid ".concat(_theme.MSThemeColors.Text)
+        borderBlockStart: "3px solid ".concat(_theme.MSThemeColors.Text)
       }
     }
   }
@@ -106,13 +103,13 @@ var baseStyles = (0, _react2.css)({
 var ascendingStyles = (0, _react2.css)({
   '& > button': {
     '&::before': {
-      borderBottom: "3px solid ".concat(_theme.arrow.selectedColor)
+      borderBlockEnd: "3px solid ".concat(_theme.arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::before': {
-        borderBottom: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
+        borderBlockEnd: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
       }
     }
   }
@@ -120,13 +117,13 @@ var ascendingStyles = (0, _react2.css)({
 var descendingStyles = (0, _react2.css)({
   '& > button': {
     '&::after': {
-      borderTop: "3px solid ".concat(_theme.arrow.selectedColor)
+      borderBlockStart: "3px solid ".concat(_theme.arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::after': {
-        borderTop: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
+        borderBlockStart: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
       }
     }
   }
@@ -154,7 +151,11 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
       return 'descending';
     }
   };
-  return (0, _react2.jsx)("th", (0, _extends2.default)({
+
+  // If there is no content in the cell, it should be rendered as an empty `td`, not a `th`.
+  // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
+  var Component = children ? 'th' : 'td';
+  return (0, _react2.jsx)(Component, (0, _extends2.default)({
     "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, _constants2.truncationWidthStyles, isFixedSize && shouldTruncate && _constants2.fixedSizeTruncateStyles, isFixedSize && _constants2.overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.11.10";
+const packageVersion = "14.12.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/styled/table-head.js

@@ -12,7 +12,7 @@ const rankingStyles = css({
   display: 'block'
 });
 const headStyles = css({
-  borderBottom: `none`
+  borderBlockEnd: `none`
 });
 export const Head = ({
   isRanking,
@@ -61,20 +61,17 @@ const baseStyles = css({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      right: "var(--ds-space-negative-100, -8px)",
       border: '3px solid transparent',
-      content: '""'
+      content: '""',
+      insetInlineEnd: "var(--ds-space-negative-100, -8px)"
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: "var(--ds-space-100, 8px)",
-      borderBottom: `3px solid ${arrow.defaultColor}`
+      borderBlockEnd: `3px solid ${arrow.defaultColor}`,
+      insetBlockEnd: "var(--ds-space-100, 8px)"
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: 0,
-      borderTop: `3px solid ${arrow.defaultColor}`
+      borderBlockStart: `3px solid ${arrow.defaultColor}`,
+      insetBlockEnd: 0
     }
   },
   '@media (forced-colors: active)': {
@@ -83,10 +80,10 @@ const baseStyles = css({
         border: `3px solid ${MSThemeColors.Background}`
       },
       '&::before': {
-        borderBottom: `3px solid ${MSThemeColors.Text}`
+        borderBlockEnd: `3px solid ${MSThemeColors.Text}`
       },
       '&::after': {
-        borderTop: `3px solid ${MSThemeColors.Text}`
+        borderBlockStart: `3px solid ${MSThemeColors.Text}`
       }
     }
   }
@@ -94,13 +91,13 @@ const baseStyles = css({
 const ascendingStyles = css({
   '& > button': {
     '&::before': {
-      borderBottom: `3px solid ${arrow.selectedColor}`
+      borderBlockEnd: `3px solid ${arrow.selectedColor}`
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::before': {
-        borderBottom: `3px solid ${MSThemeColors.SelectedBackground}`
+        borderBlockEnd: `3px solid ${MSThemeColors.SelectedBackground}`
       }
     }
   }
@@ -108,13 +105,13 @@ const ascendingStyles = css({
 const descendingStyles = css({
   '& > button': {
     '&::after': {
-      borderTop: `3px solid ${arrow.selectedColor}`
+      borderBlockStart: `3px solid ${arrow.selectedColor}`
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::after': {
-        borderTop: `3px solid ${MSThemeColors.SelectedBackground}`
+        borderBlockStart: `3px solid ${MSThemeColors.SelectedBackground}`
       }
     }
   }
@@ -147,7 +144,11 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
       return 'descending';
     }
   };
-  return jsx("th", _extends({
+
+  // If there is no content in the cell, it should be rendered as an empty `td`, not a `th`.
+  // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
+  const Component = children ? 'th' : 'td';
+  return jsx(Component, _extends({
     "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],

package/dist/esm/components/stateless.js

@@ -22,7 +22,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.11.10";
+var packageVersion = "14.12.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/esm/styled/table-head.js

@@ -18,7 +18,7 @@ var rankingStyles = css({
   display: 'block'
 });
 var headStyles = css({
-  borderBottom: "none"
+  borderBlockEnd: "none"
 });
 export var Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
@@ -66,20 +66,17 @@ var baseStyles = css({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      right: "var(--ds-space-negative-100, -8px)",
       border: '3px solid transparent',
-      content: '""'
+      content: '""',
+      insetInlineEnd: "var(--ds-space-negative-100, -8px)"
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: "var(--ds-space-100, 8px)",
-      borderBottom: "3px solid ".concat(arrow.defaultColor)
+      borderBlockEnd: "3px solid ".concat(arrow.defaultColor),
+      insetBlockEnd: "var(--ds-space-100, 8px)"
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      bottom: 0,
-      borderTop: "3px solid ".concat(arrow.defaultColor)
+      borderBlockStart: "3px solid ".concat(arrow.defaultColor),
+      insetBlockEnd: 0
     }
   },
   '@media (forced-colors: active)': {
@@ -88,10 +85,10 @@ var baseStyles = css({
         border: "3px solid ".concat(MSThemeColors.Background)
       },
       '&::before': {
-        borderBottom: "3px solid ".concat(MSThemeColors.Text)
+        borderBlockEnd: "3px solid ".concat(MSThemeColors.Text)
       },
       '&::after': {
-        borderTop: "3px solid ".concat(MSThemeColors.Text)
+        borderBlockStart: "3px solid ".concat(MSThemeColors.Text)
       }
     }
   }
@@ -99,13 +96,13 @@ var baseStyles = css({
 var ascendingStyles = css({
   '& > button': {
     '&::before': {
-      borderBottom: "3px solid ".concat(arrow.selectedColor)
+      borderBlockEnd: "3px solid ".concat(arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::before': {
-        borderBottom: "3px solid ".concat(MSThemeColors.SelectedBackground)
+        borderBlockEnd: "3px solid ".concat(MSThemeColors.SelectedBackground)
       }
     }
   }
@@ -113,13 +110,13 @@ var ascendingStyles = css({
 var descendingStyles = css({
   '& > button': {
     '&::after': {
-      borderTop: "3px solid ".concat(arrow.selectedColor)
+      borderBlockStart: "3px solid ".concat(arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
     '& > button': {
       '&::after': {
-        borderTop: "3px solid ".concat(MSThemeColors.SelectedBackground)
+        borderBlockStart: "3px solid ".concat(MSThemeColors.SelectedBackground)
       }
     }
   }
@@ -147,7 +144,11 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       return 'descending';
     }
   };
-  return jsx("th", _extends({
+
+  // If there is no content in the cell, it should be rendered as an empty `td`, not a `th`.
+  // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
+  var Component = children ? 'th' : 'td';
+  return jsx(Component, _extends({
     "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './components/stateful';
 export { default as DynamicTableStateless } from './components/stateless';
+export type { StatefulProps as DynamicTableProps } from './types';

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './components/stateful';
 export { default as DynamicTableStateless } from './components/stateless';
+export type { StatefulProps as DynamicTableProps } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.11.10",
+  "version": "14.12.0",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
     "@atlaskit/pagination": "^14.4.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-beautiful-dnd": "^12.1.1"
@@ -55,7 +55,6 @@
     "@af/integration-testing": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^11.0.0",
     "@testing-library/react": "^12.1.5",
@@ -81,4 +80,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/tmp/api-report-tmp.d.ts

@@ -1,215 +0,0 @@
-## API Report File for "@atlaskit/dynamic-table"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import noop from '@atlaskit/ds-lib/noop';
-import { default as React_2 } from 'react';
-import { Ref } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithContextProps } from '@atlaskit/analytics-next';
-
-// @public
-class DynamicTable extends React_2.Component<StatefulProps, State> {
-    // (undocumented)
-    static defaultProps: {
-        defaultPage: number;
-        isLoading: boolean;
-        isFixedSize: boolean;
-        isRankable: boolean;
-        onSetPage: typeof noop;
-        onSort: typeof noop;
-        rowsPerPage: number;
-    };
-    // (undocumented)
-    onRankEndHandler: (params: RankEnd) => void;
-    // (undocumented)
-    onRankEndIfExistsHandler: (params: RankEnd) => void;
-    // (undocumented)
-    onSetPageHandler: (page: number, analyticsEvent?: UIAnalyticsEvent) => void;
-    // (undocumented)
-    onSortHandler: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent) => void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    state: {
-        page: number | undefined;
-        sortKey: string | undefined;
-        sortOrder: SortOrderType | undefined;
-        rows: RowType[] | undefined;
-    };
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(newProps: StatefulProps): void;
-}
-export default DynamicTable;
-
-// @public (undocumented)
-export const DynamicTableStateless: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<StatelessProps, keyof WithAnalyticsEventsProps>, "caption" | "emptyView" | "head" | "highlightedRowIndex" | "label" | "loadingSpinnerSize" | "onPageRowsUpdate" | "rows" | "sortKey" | "sortOrder" | "testId" | "totalRows"> & Partial<Pick<Omit<StatelessProps, keyof WithAnalyticsEventsProps>, "isFixedSize" | "isLoading" | "isRankable" | "isRankingDisabled" | "onRankEnd" | "onRankStart" | "onSetPage" | "onSort" | "page" | "paginationi18n" | "rowsPerPage">> & Partial<Pick<{
-    isLoading: boolean;
-    isFixedSize: boolean;
-    rowsPerPage: number;
-    onSetPage: typeof noop;
-    onSort: typeof noop;
-    page: number;
-    isRankable: boolean;
-    isRankingDisabled: boolean;
-    onRankStart: typeof noop;
-    onRankEnd: typeof noop;
-    paginationi18n: {
-        prev: string;
-        next: string;
-        label: string;
-        pageLabel: string;
-    };
-}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "caption" | "emptyView" | "head" | "highlightedRowIndex" | "isFixedSize" | "isLoading" | "isRankable" | "isRankingDisabled" | "key" | "label" | "loadingSpinnerSize" | "onPageRowsUpdate" | "onRankEnd" | "onRankStart" | "onSetPage" | "onSort" | "page" | "paginationi18n" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "testId" | "totalRows"> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-interface HeadCellType extends RowCellType {
-    isSortable?: boolean;
-    shouldTruncate?: boolean;
-    width?: number;
-}
-
-// @public (undocumented)
-interface HeadType {
-    // (undocumented)
-    cells: Array<HeadCellType>;
-}
-
-// @public (undocumented)
-interface I18nShape {
-    label: string;
-    next: string;
-    pageLabel?: string;
-    prev: string;
-}
-
-// @public (undocumented)
-type LoadingSpinnerSizeType = 'large' | 'small';
-
-// @public (undocumented)
-interface RankEnd {
-    // (undocumented)
-    destination?: RankEndLocation;
-    // (undocumented)
-    sourceIndex: number;
-    // (undocumented)
-    sourceKey: string;
-}
-
-// @public (undocumented)
-interface RankEndLocation {
-    // (undocumented)
-    afterKey?: string;
-    // (undocumented)
-    beforeKey?: string;
-    // (undocumented)
-    index: number;
-}
-
-// @public (undocumented)
-interface RankStart {
-    // (undocumented)
-    index: number;
-    // (undocumented)
-    key: string;
-}
-
-// @public (undocumented)
-interface RowCellType {
-    colSpan?: number;
-    content?: React_2.ReactNode | string;
-    key?: number | string;
-    testId?: string;
-}
-
-// @public (undocumented)
-interface RowType extends React_2.ComponentPropsWithoutRef<'tr'> {
-    // (undocumented)
-    cells: Array<RowCellType>;
-    isHighlighted?: boolean;
-    // (undocumented)
-    key?: string;
-    onClick?: React_2.MouseEventHandler;
-    onKeyPress?: React_2.KeyboardEventHandler;
-    // (undocumented)
-    ref?: Ref<HTMLTableRowElement>;
-    testId?: string;
-}
-
-// @public
-type SortOrderType = 'ASC' | 'DESC';
-
-// @public (undocumented)
-interface State {
-    // (undocumented)
-    page?: number;
-    // (undocumented)
-    rows?: RowType[];
-    // (undocumented)
-    sortKey?: string;
-    // (undocumented)
-    sortOrder?: SortOrderType;
-}
-
-// @public (undocumented)
-interface StatefulProps extends WithAnalyticsEventsProps {
-    caption?: React_2.ReactNode;
-    defaultPage?: number;
-    defaultSortKey?: string;
-    defaultSortOrder?: SortOrderType;
-    emptyView?: React_2.ReactElement<any>;
-    head?: HeadType;
-    highlightedRowIndex?: number | number[];
-    isFixedSize?: boolean;
-    isLoading?: boolean;
-    isRankable?: boolean;
-    isRankingDisabled?: boolean;
-    label?: string;
-    loadingSpinnerSize?: LoadingSpinnerSizeType;
-    onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
-    onRankEnd?: (rankEnd: RankEnd) => void;
-    onRankStart?: (rankStart: RankStart) => void;
-    onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    page?: number;
-    paginationi18n?: I18nShape;
-    rows?: Array<RowType>;
-    rowsPerPage?: number;
-    sortKey?: string;
-    sortOrder?: SortOrderType;
-    testId?: string;
-}
-
-// @public (undocumented)
-interface StatelessProps extends WithAnalyticsEventsProps {
-    caption?: React_2.ReactNode;
-    emptyView?: React_2.ReactElement<any>;
-    head?: HeadType;
-    highlightedRowIndex?: number | number[];
-    isFixedSize?: boolean;
-    isLoading?: boolean;
-    isRankable?: boolean;
-    isRankingDisabled?: boolean;
-    label?: string;
-    loadingSpinnerSize?: LoadingSpinnerSizeType;
-    onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
-    onRankEnd?: (rankEnd: RankEnd, uiAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onRankStart?: (rankStart: RankStart) => void;
-    onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    page?: number;
-    paginationi18n?: I18nShape;
-    rows?: Array<RowType>;
-    rowsPerPage?: number;
-    sortKey?: string;
-    sortOrder?: SortOrderType;
-    testId?: string;
-    totalRows?: number;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```