@atlaskit/dynamic-table 14.3.2 → 14.4.0

package/dist/types/components/Body.d.ts

@@ -8,12 +8,12 @@ interface Props extends WithSortedPageRowsProps {
     testId?: string;
 }
 declare const _default: {
-    new (props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>): {
+    new (props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, prevState: {
+        componentDidUpdate(_prevProps: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, prevState: {
             pageRows: import("../types").RowType[];
         }): void;
         render(): JSX.Element;
@@ -22,7 +22,7 @@ declare const _default: {
             pageRows: import("../types").RowType[];
         } | ((prevState: Readonly<{
             pageRows: import("../types").RowType[];
-        }>, props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>) => {
+        }>, props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>) => {
             pageRows: import("../types").RowType[];
         } | Pick<{
             pageRows: import("../types").RowType[];
@@ -30,37 +30,37 @@ declare const _default: {
             pageRows: import("../types").RowType[];
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">> & Readonly<{
+        readonly props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, prevState: Readonly<{
             pageRows: import("../types").RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
     };
-    new (props: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, context?: any): {
+    new (props: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, context?: any): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, prevState: {
+        componentDidUpdate(_prevProps: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, prevState: {
             pageRows: import("../types").RowType[];
         }): void;
         render(): JSX.Element;
@@ -69,7 +69,7 @@ declare const _default: {
             pageRows: import("../types").RowType[];
         } | ((prevState: Readonly<{
             pageRows: import("../types").RowType[];
-        }>, props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>) => {
+        }>, props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>) => {
             pageRows: import("../types").RowType[];
         } | Pick<{
             pageRows: import("../types").RowType[];
@@ -77,32 +77,32 @@ declare const _default: {
             pageRows: import("../types").RowType[];
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">> & Readonly<{
+        readonly props: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, prevState: Readonly<{
             pageRows: import("../types").RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
     };
-    getDerivedStateFromProps(props: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, state: {
+    getDerivedStateFromProps(props: Pick<Props & import("../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex">, state: {
         pageRows: import("../types").RowType[];
     }): {
         pageRows: import("../types").RowType[];

package/dist/types/components/LoadingContainerAdvanced.d.ts

@@ -5,12 +5,12 @@ export interface Props {
     isLoading?: boolean;
     spinnerSize?: SpinnerSizeType;
     contentsOpacity: number;
-    targetRef?: () => React.ComponentType<any> | undefined;
+    targetRef?: () => HTMLDivElement | undefined;
     testId?: string;
 }
 export default class LoadingContainerAdvanced extends React.Component<Props, {}> {
     children?: HTMLElement;
-    spinner?: HTMLElement;
+    spinnerRef?: HTMLDivElement;
     static defaultProps: {
         isLoading: boolean;
         spinnerSize: string;

package/dist/types/components/Stateless.d.ts

@@ -5,7 +5,7 @@ export interface State {
     isRanking: boolean;
 }
 declare class DynamicTable extends React.Component<Props, State> {
-    tableBody?: React.ComponentType<any>;
+    tableBody?: HTMLDivElement;
     state: {
         isRanking: boolean;
     };
@@ -37,7 +37,7 @@ declare class DynamicTable extends React.Component<Props, State> {
     render(): JSX.Element;
 }
 export { DynamicTable as DynamicTableWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<Props, "caption" | "head" | "label" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n">, "caption" | "head" | "label" | "rows" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "emptyView" | "loadingSpinnerSize" | "totalRows"> & Partial<Pick<Pick<Props, "caption" | "head" | "label" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n">, "isFixedSize" | "page" | "rowsPerPage" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "onSetPage" | "paginationi18n">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<Props, "caption" | "head" | "label" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n">, "caption" | "head" | "label" | "rows" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "emptyView" | "loadingSpinnerSize" | "totalRows"> & Partial<Pick<Pick<Props, "caption" | "head" | "label" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n">, "isFixedSize" | "page" | "rowsPerPage" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "onSetPage" | "paginationi18n">> & Partial<Pick<{
     isLoading: boolean;
     isFixedSize: boolean;
     rowsPerPage: number;
@@ -53,5 +53,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<Props, "c
         next: string;
         label: string;
     };
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "caption" | "head" | "label" | "key" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n" | "analyticsContext"> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "caption" | "head" | "label" | "key" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n" | "analyticsContext"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/TableHeadCell.d.ts

@@ -1,22 +1,17 @@
-import React, { KeyboardEvent } from 'react';
+import React, { FC, KeyboardEvent, LegacyRef } from 'react';
 import { SortOrderType } from '../types';
 export interface Props {
     sortKey?: string;
     isSortable?: boolean;
     sortOrder?: SortOrderType;
     isFixedSize?: boolean;
-    innerRef?: (element?: React.ReactElement<any>) => void;
+    innerRef?: LegacyRef<HTMLTableCellElement>;
     inlineStyles?: {};
     content?: React.ReactNode;
     onClick?: () => void;
     onKeyDown?: (e: KeyboardEvent) => void;
     testId?: string;
+    isRanking?: boolean;
 }
-declare class TableHeadCell extends React.Component<Props, {}> {
-    static defaultProps: {
-        innerRef: () => void;
-        inlineStyles: {};
-    };
-    render(): JSX.Element;
-}
+declare const TableHeadCell: FC<Props>;
 export default TableHeadCell;

package/dist/types/components/rankable/Body.d.ts

@@ -18,12 +18,12 @@ export declare class RankableBody extends React.Component<Props, {}> {
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>): {
+    new (props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, prevState: {
+        componentDidUpdate(_prevProps: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, prevState: {
             pageRows: RowType[];
         }): void;
         render(): JSX.Element;
@@ -32,7 +32,7 @@ declare const _default: {
             pageRows: RowType[];
         } | ((prevState: Readonly<{
             pageRows: RowType[];
-        }>, props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>) => {
+        }>, props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>) => {
             pageRows: RowType[];
         } | Pick<{
             pageRows: RowType[];
@@ -40,37 +40,37 @@ declare const _default: {
             pageRows: RowType[];
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">> & Readonly<{
+        readonly props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, prevState: Readonly<{
             pageRows: RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): void;
     };
-    new (props: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, context?: any): {
+    new (props: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, context?: any): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, prevState: {
+        componentDidUpdate(_prevProps: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, prevState: {
             pageRows: RowType[];
         }): void;
         render(): JSX.Element;
@@ -79,7 +79,7 @@ declare const _default: {
             pageRows: RowType[];
         } | ((prevState: Readonly<{
             pageRows: RowType[];
-        }>, props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>) => {
+        }>, props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>) => {
             pageRows: RowType[];
         } | Pick<{
             pageRows: RowType[];
@@ -87,32 +87,32 @@ declare const _default: {
             pageRows: RowType[];
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">> & Readonly<{
+        readonly props: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, prevState: Readonly<{
             pageRows: RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">>, nextState: Readonly<{
             pageRows: RowType[];
         }>, nextContext: any): void;
     };
-    getDerivedStateFromProps(props: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, state: {
+    getDerivedStateFromProps(props: Pick<Props & import("../../hoc/withSortedPageRows").Props, "head" | "isFixedSize" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "isTotalPagesControlledExternally" | "testId" | "highlightedRowIndex" | "isRanking" | "isRankingDisabled" | "onRankStart" | "onRankEnd">, state: {
         pageRows: RowType[];
     }): {
         pageRows: RowType[];

package/dist/types/components/rankable/TableHeadCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { WithDimensionsProps } from '../../hoc/withDimensions';
 import { Props as HeadCellProps } from '../TableHeadCell';
-declare const _default: React.ComponentClass<Pick<WithDimensionsProps & HeadCellProps, "onKeyDown" | "onClick" | "isFixedSize" | "sortKey" | "sortOrder" | "isSortable" | "testId" | "content" | "isRanking" | "inlineStyles">, import("../../hoc/withDimensions").State>;
+declare const _default: React.ComponentClass<Pick<WithDimensionsProps & HeadCellProps, "onKeyDown" | "onClick" | "content" | "isFixedSize" | "sortKey" | "sortOrder" | "testId" | "isRanking" | "isSortable" | "inlineStyles">, import("../../hoc/withDimensions").State>;
 export default _default;

package/dist/types/components/rankable/TableRow.d.ts

@@ -10,9 +10,9 @@ export interface Props extends WithDimensionsProps {
     isHighlighted?: boolean;
     testId?: string;
 }
-export declare class RankableTableRow extends React.Component<Props, {}> {
-    innerRef: (innerRefFn: Function) => (ref?: HTMLElement | undefined) => void;
+export declare class RankableTableRow extends React.Component<Props> {
+    innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
     render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<Pick<Props, "head" | "isFixedSize" | "isHighlighted" | "row" | "testId" | "isRanking" | "rowIndex" | "isRankingDisabled">, import("../../hoc/withDimensions").State>;
+declare const _default: React.ComponentClass<Pick<Props, "head" | "isFixedSize" | "testId" | "isHighlighted" | "row" | "isRanking" | "rowIndex" | "isRankingDisabled">, import("../../hoc/withDimensions").State>;
 export default _default;

package/dist/types/hoc/withDimensions.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { LegacyRef } from 'react';
 export interface State {
     refWidth: number;
     refHeight: number;
 }
 export interface WithDimensionsProps {
-    innerRef?: (element?: HTMLElement) => void;
+    innerRef?: LegacyRef<HTMLTableCellElement | HTMLTableRowElement>;
     isRanking: boolean;
     refWidth: number;
     refHeight: number;

package/dist/types/hoc/withSortedPageRows.d.ts

@@ -14,12 +14,12 @@ export interface WithSortedPageRowsProps {
     isTotalPagesControlledExternally?: boolean;
 }
 export default function withSortedPageRows<WrappedComponentProps extends WithSortedPageRowsProps & Props>(WrappedComponent: React.ComponentType<WrappedComponentProps>): {
-    new (props: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>): {
+    new (props: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, prevState: {
+        componentDidUpdate(_prevProps: Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, prevState: {
             pageRows: Array<RowType>;
         }): void;
         render(): JSX.Element;
@@ -28,7 +28,7 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
             pageRows: Array<RowType>;
         } | ((prevState: Readonly<{
             pageRows: Array<RowType>;
-        }>, props: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>) => {
+        }>, props: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>) => {
             pageRows: Array<RowType>;
         } | Pick<{
             pageRows: Array<RowType>;
@@ -36,37 +36,37 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
             pageRows: Array<RowType>;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>> & Readonly<{
+        readonly props: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, prevState: Readonly<{
             pageRows: Array<RowType>;
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): void;
     };
-    new (props: Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, context?: any): {
+    new (props: Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, context?: any): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, prevState: {
+        componentDidUpdate(_prevProps: Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>, prevState: {
             pageRows: Array<RowType>;
         }): void;
         render(): JSX.Element;
@@ -75,7 +75,7 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
             pageRows: Array<RowType>;
         } | ((prevState: Readonly<{
             pageRows: Array<RowType>;
-        }>, props: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>) => {
+        }>, props: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>) => {
             pageRows: Array<RowType>;
         } | Pick<{
             pageRows: Array<RowType>;
@@ -83,28 +83,28 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
             pageRows: Array<RowType>;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>> & Readonly<{
+        readonly props: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, prevState: Readonly<{
             pageRows: Array<RowType>;
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<WrappedComponentProps & Props, "head" | "rows" | "page" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | Exclude<keyof WrappedComponentProps, "pageRows">>>, nextState: Readonly<{
             pageRows: Array<RowType>;
         }>, nextContext: any): void;
     };

package/dist/types/styled/DynamicTable.d.ts

@@ -1,7 +1,14 @@
-/// <reference types="react" />
-export interface TableProps {
+/** @jsx jsx */
+import { FC, HTMLProps } from 'react';
+export declare type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;
-}
-export declare const Table: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & TableProps, any, import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & TableProps>;
-export declare const Caption: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
-export declare const PaginationWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+};
+export declare const tableRowCSSVars: {
+    CSS_VAR_HOVER_BACKGROUND: string;
+    CSS_VAR_HIGHLIGHTED_BACKGROUND: string;
+    CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND: string;
+    CSS_VAR_ROW_FOCUS_OUTLINE: string;
+};
+export declare const Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "content" | "height" | "width" | "isFixedSize" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap"> & import("react").RefAttributes<HTMLTableElement>>;
+export declare const Caption: FC;
+export declare const PaginationWrapper: FC;