@atlaskit/dynamic-table 14.2.3 → 14.4.0

package/dist/esm/theme.js

@@ -1,44 +1,51 @@
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
+import { token } from '@atlaskit/tokens';
+export var MSThemeColors = {
+  Background: 'Canvas',
+  Text: 'CanvasText',
+  SelectedBackground: 'Highlight',
+  SelectedText: 'HighlightText'
+};
 export var arrow = {
   defaultColor: themed({
-    light: colors.N40,
-    dark: colors.DN40
+    light: token('color.background.subtleNeutral.resting', colors.N40),
+    dark: token('color.background.subtleNeutral.resting', colors.DN40)
   }),
   selectedColor: themed({
-    light: colors.N300,
-    dark: colors.DN300
+    light: token('color.text.lowEmphasis', colors.N300),
+    dark: token('color.text.lowEmphasis', colors.DN300)
   }),
   hoverColor: themed({
-    light: colors.N60,
-    dark: colors.DN60
+    light: token('color.background.subtleNeutral.pressed', colors.N60),
+    dark: token('color.background.subtleNeutral.pressed', colors.DN60)
   })
 };
 export var row = {
   focusOutline: themed({
-    light: colors.B100,
-    dark: colors.B100
+    light: token('color.border.focus', colors.B100),
+    dark: token('color.border.focus', colors.B100)
   }),
   highlightedBackground: themed({
-    light: colors.N20,
-    dark: colors.DN50
+    light: token('color.background.selected.resting', colors.B50),
+    dark: token('color.background.selected.resting', colors.DN50)
   }),
   hoverBackground: themed({
-    light: colors.N10,
-    dark: colors.DN40
+    light: token('color.background.subtleBorderedNeutral.resting', colors.N10),
+    dark: token('color.background.subtleBorderedNeutral.resting', colors.DN40)
   }),
   hoverHighlightedBackground: themed({
-    light: colors.N30,
-    dark: colors.DN60
+    light: token('color.background.selected.hover', colors.B75),
+    dark: token('color.background.selected.hover', colors.DN60)
   })
 };
 export var head = {
   borderColor: themed({
-    light: colors.N40,
-    dark: colors.DN50
+    light: token('color.border.neutral', colors.N40),
+    dark: token('color.border.neutral', colors.DN50)
   }),
   textColor: themed({
-    light: colors.N300,
-    dark: colors.DN300
+    light: token('color.text.lowEmphasis', colors.N300),
+    dark: token('color.text.lowEmphasis', colors.DN300)
   })
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.2.3",
+	"version": "14.4.0",
 	"sideEffects": false
 }

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

@@ -3,17 +3,17 @@ import { WithSortedPageRowsProps } from '../hoc/withSortedPageRows';
 import { HeadType } from '../types';
 interface Props extends WithSortedPageRowsProps {
     head?: HeadType;
-    highlightedRowIndex?: number;
+    highlightedRowIndex?: number | number[];
     isFixedSize: boolean;
     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, "head" | "caption" | "isFixedSize" | "page" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "emptyView" | "loadingSpinnerSize" | "totalRows" | "onSetPage" | "paginationi18n">, "head" | "caption" | "rows" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "emptyView" | "loadingSpinnerSize" | "totalRows"> & Partial<Pick<Pick<Props, "head" | "caption" | "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, "h
         next: string;
         label: string;
     };
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "head" | "caption" | "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

@@ -3,7 +3,7 @@ import { DragStart, DropResult } from 'react-beautiful-dnd';
 import { WithSortedPageRowsProps } from '../../hoc/withSortedPageRows';
 import { HeadType, RankEnd, RankStart, RowType } from '../../types';
 export interface Props extends WithSortedPageRowsProps {
-    highlightedRowIndex?: number;
+    highlightedRowIndex?: number | number[];
     onRankStart: (rankStart: RankStart) => void;
     onRankEnd: (rankEnd: RankEnd) => void;
     isFixedSize: boolean;
@@ -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;