@atlaskit/dynamic-table 14.6.0 → 14.7.1

package/dist/esm/styled/{TableHead.js → table-head.js}

@@ -8,131 +8,114 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/core';
 import { B100, N30A } from '@atlaskit/theme/colors';
-import { useGlobalTheme } from '@atlaskit/theme/components';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { ASC, DESC } from '../internal/constants';
-import { arrow, head, MSThemeColors } from '../theme';
+import { arrow, head, MSThemeColors, tableBorder } from '../theme';
 import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants';
 var gridSize = getGridSize();
 var CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
 var rankingStyles = css({
   display: 'block'
 });
-
-var getHeadStyles = function getHeadStyles(theme) {
-  return css({
-    borderBottom: "2px solid ".concat(head.borderColor({
-      theme: theme
-    }))
-  });
-};
-
+var headStyles = css({
+  borderBottom: "none"
+});
 export var Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var theme = useGlobalTheme();
   return jsx("thead", _extends({
-    css: [getHeadStyles(theme), isRanking && rankingStyles]
+    css: [headStyles, isRanking && rankingStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };
 var headCellStyles = css([cellStyles, {
-  border: 'none',
   boxSizing: 'border-box',
+  position: 'relative',
+  border: 'none',
+  borderBottom: "2px solid ".concat(tableBorder.borderColor),
+  color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
   fontSize: '12px',
   fontWeight: 600,
-  position: 'relative',
   textAlign: 'left',
   verticalAlign: 'top',
-  color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
   '&:focus': {
     outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
   }
-}]); // this needs to be made static: https://product-fabric.atlassian.net/browse/DSP-2011
-
-export var getArrowStyles = function getArrowStyles(isSortable, sortOrder, theme) {
-  if (!isSortable) {
-    return '';
+}]);
+var onClickStyles = css({
+  '&:hover': {
+    backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
+    cursor: 'pointer'
   }
-
-  var pseudoBaseStyles = {
-    border: '3px solid transparent',
-    display: 'block',
-    height: 0,
-    right: "-".concat(gridSize, "px"),
-    width: 0,
-    '@media (forced-colors: active)': {
-      border: "3px solid ".concat(MSThemeColors.Background)
+});
+var baseStyles = css({
+  '& > span': {
+    position: 'relative',
+    '&::before, &::after': {
+      display: 'block',
+      width: 0,
+      height: 0,
+      position: 'absolute',
+      right: "-".concat(gridSize, "px"),
+      border: '3px solid transparent',
+      content: '""'
+    },
+    '&::before': {
+      bottom: '8px',
+      borderBottom: "3px solid ".concat(arrow.defaultColor)
+    },
+    '&::after': {
+      bottom: 0,
+      borderTop: "3px solid ".concat(arrow.defaultColor)
     }
-  };
-  return css({
+  },
+  '@media (forced-colors: active)': {
     '& > span': {
-      position: 'relative',
-      '&::before': _objectSpread(_objectSpread({}, pseudoBaseStyles), {}, {
-        position: 'absolute',
-        borderBottom: "3px solid ".concat(sortOrder === ASC ? arrow.selectedColor({
-          theme: theme
-        }) : arrow.defaultColor({
-          theme: theme
-        })),
-        bottom: '8px',
-        content: '""'
-      }),
-      '&::after': _objectSpread(_objectSpread({}, pseudoBaseStyles), {}, {
-        position: 'absolute',
-        borderTop: "3px solid ".concat(sortOrder === DESC ? arrow.selectedColor({
-          theme: theme
-        }) : arrow.defaultColor({
-          theme: theme
-        })),
-        bottom: 0,
-        content: '""'
-      })
-    },
-    '&:hover > span': {
+      '&::before, &::after': {
+        border: "3px solid ".concat(MSThemeColors.Background)
+      },
       '&::before': {
-        borderBottom: "3px solid\n          ".concat(sortOrder === ASC ? arrow.selectedColor({
-          theme: theme
-        }) : arrow.hoverColor({
-          theme: theme
-        }))
+        borderBottom: "3px solid ".concat(MSThemeColors.Text)
       },
       '&::after': {
-        borderTop: "3px solid\n          ".concat(sortOrder === DESC ? arrow.selectedColor({
-          theme: theme
-        }) : arrow.hoverColor({
-          theme: theme
-        }))
+        borderTop: "3px solid ".concat(MSThemeColors.Text)
       }
-    },
-    '@media (forced-colors: active)': {
-      '& > span': {
-        '&::before': {
-          borderBottom: "3px solid\n            ".concat(sortOrder === ASC ? MSThemeColors.SelectedBackground : MSThemeColors.Text)
-        },
-        '&::after': {
-          borderTop: "3px solid\n            ".concat(sortOrder === DESC ? MSThemeColors.SelectedBackground : MSThemeColors.Text)
-        }
-      },
-      '&:hover > span': {
-        '&::before': {
-          borderBottom: "3px solid\n            ".concat(sortOrder === ASC ? MSThemeColors.SelectedBackground : MSThemeColors.Text)
-        },
-        '&::after': {
-          borderTop: "3px solid\n            ".concat(sortOrder === DESC ? MSThemeColors.SelectedBackground : MSThemeColors.Text)
-        }
+    }
+  }
+});
+var ascendingStyles = css({
+  '& > span': {
+    '&::before': {
+      borderBottom: "3px solid ".concat(arrow.selectedColor)
+    }
+  },
+  '@media (forced-colors: active)': {
+    '& > span': {
+      '&::before': {
+        borderBottom: "3px solid ".concat(MSThemeColors.SelectedBackground)
+      }
+    }
+  }
+});
+var descendingStyles = css({
+  '& > span': {
+    '&::after': {
+      borderTop: "3px solid ".concat(arrow.selectedColor)
+    }
+  },
+  '@media (forced-colors: active)': {
+    '& > span': {
+      '&::after': {
+        borderTop: "3px solid ".concat(MSThemeColors.SelectedBackground)
       }
     }
-  });
-};
-var onClickStyles = css({
-  '&:hover': {
-    cursor: 'pointer',
-    backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")")
   }
 });
 export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -146,17 +129,15 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       style = _ref2.style,
       rest = _objectWithoutProperties(_ref2, _excluded2);
 
-  var theme = useGlobalTheme();
-
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && getTruncationStyleVars({
     width: width
-  })), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, head.textColor({
-    theme: theme
-  })));
+  })), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, head.textColor));
 
+  var isASC = sortOrder === ASC;
+  var isDESC = sortOrder === DESC;
   return jsx("th", _extends({
     style: mergedStyles,
-    css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, getArrowStyles(isSortable, sortOrder, theme)],
+    css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,
     ref: ref
   }, rest), children);

package/dist/esm/styled/{TableRow.js → table-row.js}

@@ -5,7 +5,7 @@ var _excluded = ["isHighlighted", "children", "style"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/core';
-import { tableRowCSSVars as cssVars } from './DynamicTable';
+import { tableRowCSSVars as cssVars } from './dynamic-table';
 var rowStyles = css({
   '&:focus': {
     outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
@@ -22,7 +22,8 @@ var rowHighlightedBackgroundStyles = css({
   '&:hover': {
     backgroundColor: "var(--ds-background-selected-hovered, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
   }
-});
+}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isHighlighted = _ref.isHighlighted,
       children = _ref.children,

package/dist/esm/theme.js

@@ -1,5 +1,4 @@
 import * as colors from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
 export var MSThemeColors = {
   Background: 'Canvas',
   Text: 'CanvasText',
@@ -7,44 +6,18 @@ export var MSThemeColors = {
   SelectedText: 'HighlightText'
 };
 export var arrow = {
-  defaultColor: themed({
-    light: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
-    dark: "var(--ds-icon-disabled, ".concat(colors.DN40, ")")
-  }),
-  selectedColor: themed({
-    light: "var(--ds-icon-subtle, ".concat(colors.N300, ")"),
-    dark: "var(--ds-icon-subtle, ".concat(colors.DN300, ")")
-  }),
-  hoverColor: themed({
-    light: "var(--ds-icon-disabled, ".concat(colors.N60, ")"),
-    dark: "var(--ds-icon-disabled, ".concat(colors.DN60, ")")
-  })
+  defaultColor: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
+  selectedColor: "var(--ds-icon-subtle, ".concat(colors.N300, ")")
 };
 export var row = {
-  focusOutline: themed({
-    light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
-    dark: "var(--ds-border-focused, ".concat(colors.B100, ")")
-  }),
-  highlightedBackground: themed({
-    light: "var(--ds-background-selected, ".concat(colors.B50, ")"),
-    dark: "var(--ds-background-selected, ".concat(colors.DN50, ")")
-  }),
-  hoverBackground: themed({
-    light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
-    dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN40, ")")
-  }),
-  hoverHighlightedBackground: themed({
-    light: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")"),
-    dark: "var(--ds-background-selected-hovered, ".concat(colors.DN60, ")")
-  })
+  focusOutline: "var(--ds-border-focused, ".concat(colors.B100, ")"),
+  highlightedBackground: "var(--ds-background-selected, ".concat(colors.B50, ")"),
+  hoverBackground: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
+  hoverHighlightedBackground: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")")
 };
 export var head = {
-  borderColor: themed({
-    light: "var(--ds-border, ".concat(colors.N40, ")"),
-    dark: "var(--ds-border, ".concat(colors.DN50, ")")
-  }),
-  textColor: themed({
-    light: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-    dark: "var(--ds-text-subtlest, ".concat(colors.DN300, ")")
-  })
+  textColor: "var(--ds-text-subtlest, ".concat(colors.N300, ")")
+};
+export var tableBorder = {
+  borderColor: "var(--ds-border, ".concat(colors.N40, ")")
 };

package/dist/esm/types.js

@@ -1 +1,2 @@
+/* eslint-disable @repo/internal/react/consistent-types-definitions */
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';

package/dist/esm/version.json

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

package/dist/types/components/{Body.d.ts → body.d.ts}

@@ -1,19 +1,19 @@
 import React from 'react';
-import { WithSortedPageRowsProps } from '../hoc/withSortedPageRows';
+import { WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
 import { HeadType } from '../types';
-interface Props extends WithSortedPageRowsProps {
+interface BodyProps extends WithSortedPageRowsProps {
     head?: HeadType;
     highlightedRowIndex?: number | number[];
     isFixedSize: boolean;
     testId?: string;
 }
 declare const _default: {
-    new (props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>): {
+    new (props: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
+        componentDidUpdate(_prevProps: Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">, 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<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>) => {
+        }>, props: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>) => {
             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<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
+        readonly props: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, prevState: Readonly<{
             pageRows: import("../types").RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
     };
-    new (props: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, context?: any): {
+    new (props: Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">, context?: any): {
         state: {
             pageRows: never[];
         };
         componentDidMount(): void;
-        componentDidUpdate(_prevProps: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
+        componentDidUpdate(_prevProps: Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">, 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<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>) => {
+        }>, props: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>) => {
             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<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
+        readonly props: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        shouldComponentUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, prevState: Readonly<{
             pageRows: import("../types").RowType[];
         }>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        componentWillReceiveProps?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
             pageRows: import("../types").RowType[];
         }>, nextContext: any): void;
     };
-    getDerivedStateFromProps(props: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, state: {
+    getDerivedStateFromProps(props: Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows">, state: {
         pageRows: import("../types").RowType[];
     }): {
         pageRows: import("../types").RowType[];

package/dist/types/components/{LoadingContainerAdvanced.d.ts → loading-container-advanced.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SpinnerSizeType } from '../types';
-export interface Props {
+export interface LoadingContainerAdvancedProps {
     children: React.ReactElement<any>;
     isLoading?: boolean;
     spinnerSize?: SpinnerSizeType;
@@ -8,7 +8,7 @@ export interface Props {
     targetRef?: () => HTMLDivElement | undefined;
     testId?: string;
 }
-export default class LoadingContainerAdvanced extends React.Component<Props, {}> {
+export default class LoadingContainerAdvanced extends React.Component<LoadingContainerAdvancedProps, {}> {
     children?: HTMLElement;
     spinnerRef?: HTMLDivElement;
     static defaultProps: {
@@ -17,13 +17,13 @@ export default class LoadingContainerAdvanced extends React.Component<Props, {}>
         contentsOpacity: number;
     };
     componentDidMount: () => void;
-    UNSAFE_componentWillReceiveProps: (nextProps: Props) => void;
+    UNSAFE_componentWillReceiveProps: (nextProps: LoadingContainerAdvancedProps) => void;
     componentDidUpdate: () => void;
     componentWillUnmount: () => void;
-    getTargetNode: (nextProps?: Props) => Element | Text | null;
+    getTargetNode: (nextProps?: LoadingContainerAdvancedProps) => Element | Text | null;
     getThisNode: () => Element | Text | null;
     getSpinnerNode: () => Element | Text | null;
-    hasTargetNode: (nextProps?: Props | undefined) => boolean;
+    hasTargetNode: (nextProps?: LoadingContainerAdvancedProps | undefined) => boolean;
     isVerticallyVisible: (elementRect: {
         top: number;
         bottom: number;

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

@@ -0,0 +1,122 @@
+import React from 'react';
+import { DragStart, DropResult } from 'react-beautiful-dnd';
+import { WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
+import { HeadType, RankEnd, RankStart, RowType } from '../../types';
+export interface RankableBodyProps extends WithSortedPageRowsProps {
+    highlightedRowIndex?: number | number[];
+    onRankStart: (rankStart: RankStart) => void;
+    onRankEnd: (rankEnd: RankEnd) => void;
+    isFixedSize: boolean;
+    isRanking: boolean;
+    isRankingDisabled: boolean;
+    head?: HeadType;
+    testId?: string;
+}
+export declare class RankableBody extends React.Component<RankableBodyProps, {}> {
+    onBeforeDragStart: (dragStart: DragStart) => void;
+    onDragEnd: (result: DropResult) => void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>): {
+        state: {
+            pageRows: never[];
+        };
+        componentDidMount(): void;
+        componentDidUpdate(_prevProps: Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">, prevState: {
+            pageRows: RowType[];
+        }): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends "pageRows">(state: {
+            pageRows: RowType[];
+        } | ((prevState: Readonly<{
+            pageRows: RowType[];
+        }>, props: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>) => {
+            pageRows: RowType[];
+        } | Pick<{
+            pageRows: RowType[];
+        }, K> | null) | Pick<{
+            pageRows: RowType[];
+        }, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, prevState: Readonly<{
+            pageRows: RowType[];
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): void;
+    };
+    new (props: Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">, context?: any): {
+        state: {
+            pageRows: never[];
+        };
+        componentDidMount(): void;
+        componentDidUpdate(_prevProps: Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">, prevState: {
+            pageRows: RowType[];
+        }): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends "pageRows">(state: {
+            pageRows: RowType[];
+        } | ((prevState: Readonly<{
+            pageRows: RowType[];
+        }>, props: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>) => {
+            pageRows: RowType[];
+        } | Pick<{
+            pageRows: RowType[];
+        }, K> | null) | Pick<{
+            pageRows: RowType[];
+        }, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, prevState: Readonly<{
+            pageRows: RowType[];
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">>, nextState: Readonly<{
+            pageRows: RowType[];
+        }>, nextContext: any): void;
+    };
+    getDerivedStateFromProps(props: Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows">, state: {
+        pageRows: RowType[];
+    }): {
+        pageRows: RowType[];
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/types/components/rankable/table-cell.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithDimensionsProps } from '../../hoc/with-dimensions';
+import { HeadCellType, RowCellType } from '../../types';
+export interface RankableTableCellProps extends WithDimensionsProps {
+    head?: HeadCellType;
+    cell: RowCellType;
+    isFixedSize: boolean;
+    testId?: string;
+}
+export declare class RankableTableCell extends React.Component<RankableTableCellProps, {}> {
+    render(): JSX.Element;
+}
+declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
+export default _default;

package/dist/types/components/rankable/table-head-cell.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WithDimensionsProps } from '../../hoc/with-dimensions';
+import { TableHeadCellProps } from '../table-head-cell';
+declare const _default: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
+export default _default;