@atlaskit/dynamic-table 14.8.14 → 14.8.16

package/dist/esm/styled/loading-container.js

@@ -32,10 +32,7 @@ export var ContentsContainer = function ContentsContainer(_ref2) {
 var spinnerContainerStyles = css({
   display: 'flex',
   position: 'absolute',
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
+  inset: 0,
   alignItems: 'center',
   justifyContent: 'center'
 });

package/dist/esm/styled/rankable/table-row.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isRanking", "isRankingItem"];
+var _excluded = ["isRanking", "isRankingItem", "testId"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -26,9 +26,11 @@ var draggableStyles = css({
 export var RankableTableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isRanking = _ref.isRanking,
     isRankingItem = _ref.isRankingItem,
+    testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx(TableBodyRow, _extends({
     css: [isRanking && rankingStyles, isRankingItem && rankingItemStyles, draggableStyles],
-    ref: ref
+    ref: ref,
+    testId: testId
   }, props));
 });

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isRanking"],
-  _excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style"];
+var _excluded = ["isRanking", "testId"],
+  _excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style", "testId"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 */
@@ -25,9 +25,11 @@ var headStyles = css({
 });
 export var Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
+    testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("thead", _extends({
-    css: [headStyles, isRanking && rankingStyles]
+    css: [headStyles, isRanking && rankingStyles],
+    "data-testid": testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
@@ -59,15 +61,18 @@ var baseStyles = css({
       width: 0,
       height: 0,
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
       right: "-".concat(gridSize, "px"),
       border: '3px solid transparent',
       content: '""'
     },
     '&::before': {
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
       bottom: '8px',
       borderBottom: "3px solid ".concat(arrow.defaultColor)
     },
     '&::after': {
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
       bottom: 0,
       borderTop: "3px solid ".concat(arrow.defaultColor)
     }
@@ -123,6 +128,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     shouldTruncate = _ref2.shouldTruncate,
     onClick = _ref2.onClick,
     style = _ref2.style,
+    testId = _ref2.testId,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && getTruncationStyleVars({
     width: width
@@ -141,6 +147,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,
-    ref: ref
+    ref: ref,
+    "data-testid": testId
   }, rest), children);
 });

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isHighlighted", "children", "style"];
+var _excluded = ["isHighlighted", "children", "style", "testId"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -29,11 +29,13 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isHighlighted = _ref.isHighlighted,
     children = _ref.children,
     style = _ref.style,
+    testId = _ref.testId,
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("tr", _extends({
     style: style,
     css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]
   }, rest, {
-    ref: ref
+    ref: ref,
+    "data-testid": testId
   }), children);
 });

package/dist/esm/types.js

@@ -1,3 +1,14 @@
 /* eslint-disable @repo/internal/react/consistent-types-definitions */
 
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+
+/**
+ * Enum style type to determine whether sort results are ascending or descending.
+ */
+
+/**
+ * Determines the size of the table loading spinner.
+ * This matches the underlying `Size` type in `@atlaskit/spinner`
+ */
+
+// TODO should this be removed?

package/dist/esm/version.json

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

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

@@ -51,10 +51,10 @@ export default class DynamicTable extends React.Component<StatefulProps, State>
         rows: RowType[] | undefined;
     };
     UNSAFE_componentWillReceiveProps(newProps: StatefulProps): void;
-    onSetPage: (page: number, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
-    onSort: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
-    onRankEndIfExists: (params: RankEnd) => void;
-    onRankEnd: (params: RankEnd) => void;
+    onSetPageHandler: (page: number, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onSortHandler: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onRankEndIfExistsHandler: (params: RankEnd) => void;
+    onRankEndHandler: (params: RankEnd) => void;
     render(): JSX.Element;
 }
 export {};

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

@@ -29,10 +29,10 @@ declare class DynamicTable extends React.Component<Props, State> {
     };
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    onSort: (item: RowCellType) => () => void;
-    onSetPage: (page: number, event?: UIAnalyticsEvent | undefined) => void;
-    onRankStart: (params: RankStart) => void;
-    onRankEnd: (params: RankEnd) => void;
+    onSortHandler: (item: RowCellType) => () => void;
+    onSetPageHandler: (page: number, event?: UIAnalyticsEvent | undefined) => void;
+    onRankStartHandler: (params: RankStart) => void;
+    onRankEndHandler: (params: RankEnd) => void;
     getSpinnerSize: () => import("../types").LoadingSpinnerSizeType;
     renderEmptyBody: () => JSX.Element | undefined;
     render(): JSX.Element;

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

@@ -1,6 +1,7 @@
 import React, { FC, KeyboardEvent, LegacyRef } from 'react';
 import { SortOrderType } from '../types';
 export interface TableHeadCellProps {
+    colSpan?: number;
     sortKey?: string;
     isSortable?: boolean;
     sortOrder?: SortOrderType;
@@ -10,7 +11,9 @@ export interface TableHeadCellProps {
     content?: React.ReactNode;
     onClick?: () => void;
     onKeyDown?: (e: KeyboardEvent) => void;
+    shouldTruncate?: boolean;
     testId?: string;
+    width?: number;
     isRanking?: boolean;
 }
 declare const TableHeadCell: FC<TableHeadCellProps>;

package/dist/types/styled/dynamic-table.d.ts

@@ -3,6 +3,7 @@ import { FC, HTMLProps, ReactNode } from 'react';
 export declare type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;
     hasDataRow: boolean;
+    testId?: string;
 };
 export declare const tableRowCSSVars: {
     CSS_VAR_HOVER_BACKGROUND: string;
@@ -10,7 +11,7 @@ export declare const tableRowCSSVars: {
     CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND: string;
     CSS_VAR_ROW_FOCUS_OUTLINE: string;
 };
-export declare const Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "headers" | "method" | "rows" | "isFixedSize" | "label" | "cite" | "data" | "form" | "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" | "width" | "height" | "content" | "hasDataRow" | "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" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "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 Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "headers" | "method" | "rows" | "isFixedSize" | "testId" | "label" | "cite" | "data" | "form" | "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" | "width" | "height" | "content" | "hasDataRow" | "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" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "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<{
     children: ReactNode;
 }>;

package/dist/types/styled/rankable/table-row.d.ts

@@ -4,8 +4,10 @@ import { ITableRowProps } from '../table-row';
 export declare type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
     isRanking?: boolean;
     isRankingItem?: boolean;
+    testId?: string;
 };
 export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
     isRanking?: boolean | undefined;
     isRankingItem?: boolean | undefined;
+    testId?: string | undefined;
 } & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist/types/styled/table-head.d.ts

@@ -5,12 +5,14 @@ import { TruncateStyleProps } from './constants';
 interface HeadProps {
     isRanking?: boolean;
     children: ReactNode;
+    testId?: string;
 }
 export declare const Head: FC<HeadProps>;
 declare type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
     onClick?: () => void;
     isSortable?: boolean;
     sortOrder?: SortOrderType;
+    testId?: string;
 };
 export declare const HeadCell: import("react").ForwardRefExoticComponent<Pick<HeadCellProps, "headers" | "method" | "rows" | "isFixedSize" | "sortOrder" | "testId" | "label" | "cite" | "data" | "form" | "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" | "isSortable" | "width" | "shouldTruncate" | "height" | "content" | "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" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "innerRef"> & import("react").RefAttributes<HTMLTableCellElement>>;
 export {};

package/dist/types/styled/table-row.d.ts

@@ -5,5 +5,6 @@ export declare type ITableRowProps = {
     children?: ReactNode;
     style?: CSSProperties;
     className?: string;
+    testId?: string;
 };
 export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.8.14",
+  "version": "14.8.16",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/pagination": "^14.2.0",
     "@atlaskit/spinner": "^15.4.0",
-    "@atlaskit/theme": "^12.3.0",
+    "@atlaskit/theme": "^12.4.0",
     "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -53,8 +53,7 @@
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
     "react-dom": "^16.8.0",
-    "typescript": "4.5.5",
-    "uuid": "^3.1.0"
+    "typescript": "4.5.5"
   },
   "techstack": {
     "@atlassian/frontend": {

package/report.api.md

@@ -35,16 +35,16 @@ class DynamicTable extends React_2.Component<StatefulProps, State> {
     rowsPerPage: number;
   };
   // (undocumented)
-  onRankEnd: (params: RankEnd) => void;
+  onRankEndHandler: (params: RankEnd) => void;
   // (undocumented)
-  onRankEndIfExists: (params: RankEnd) => void;
+  onRankEndIfExistsHandler: (params: RankEnd) => void;
   // (undocumented)
-  onSetPage: (
+  onSetPageHandler: (
     page: number,
     analyticsEvent?: UIAnalyticsEvent | undefined,
   ) => void;
   // (undocumented)
-  onSort: (
+  onSortHandler: (
     { key, item, sortOrder }: any,
     analyticsEvent?: UIAnalyticsEvent | undefined,
   ) => void;

package/dist/cjs/styled/rankable/row-placeholder.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RowPlaceholderCell = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-/** @jsx jsx */
-
-var rowPlaceholderStyles = (0, _react.css)({
-  padding: "var(--ds-space-0, 0px)"
-});
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var RowPlaceholderCell = function RowPlaceholderCell(props) {
-  return (
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)("td", (0, _extends2.default)({
-      css: rowPlaceholderStyles
-    }, props))
-  );
-};
-exports.RowPlaceholderCell = RowPlaceholderCell;

package/dist/es2019/styled/rankable/row-placeholder.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
-const rowPlaceholderStyles = css({
-  padding: "var(--ds-space-0, 0px)"
-});
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const RowPlaceholderCell = props =>
-// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-jsx("td", _extends({
-  css: rowPlaceholderStyles
-}, props));

package/dist/esm/styled/rankable/row-placeholder.js

@@ -1,17 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
-var rowPlaceholderStyles = css({
-  padding: "var(--ds-space-0, 0px)"
-});
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var RowPlaceholderCell = function RowPlaceholderCell(props) {
-  return (
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx("td", _extends({
-      css: rowPlaceholderStyles
-    }, props))
-  );
-};

package/dist/types/styled/rankable/row-placeholder.d.ts

@@ -1,5 +0,0 @@
-/** @jsx jsx */
-import { FC, ReactNode } from 'react';
-export declare const RowPlaceholderCell: FC<{
-    children?: ReactNode;
-}>;