@atlaskit/dynamic-table 14.18.3 → 14.19.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/dynamic-table
 
+## 14.19.0
+
+### Minor Changes
+
+- [`8b8090800a35d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b8090800a35d) -
+  Bump peer dependency for react-dom to include version 17 and 18.
+
+## 14.18.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.18.3
 
 ### Patch Changes

package/dist/cjs/components/rankable/table-row.js

@@ -77,7 +77,9 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
         var _provided$dragHandleP;
         return /*#__PURE__*/_react.default.createElement(_tableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
           // It is necessary to prevent the passing of aria-labelledby
-          "aria-labelledby": undefined,
+          "aria-labelledby": undefined
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          ,
           "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
           ref: _this2.innerRef(provided.innerRef)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/cjs/components/stateless.js

@@ -35,7 +35,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.18.3";
+var packageVersion = "14.19.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

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

@@ -16,8 +16,8 @@ var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"]
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // CSS vars for table row
 // these are declared here to avoid being re-declared in each table row

package/dist/cjs/styled/empty-body.js

@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/styled/loading-container-advanced.js

@@ -13,8 +13,8 @@ var _excluded = ["children", "testId"];
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var containerStyles = (0, _react2.css)({
   position: 'relative',

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

@@ -10,8 +10,8 @@ var _react = require("@emotion/react");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/styled/rankable/table-cell.js

@@ -12,8 +12,8 @@ var _tableCell = require("../table-cell");
 var _excluded = ["isRanking", "innerRef"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var rankingStyles = (0, _react.css)({
   boxSizing: 'border-box'

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

@@ -14,8 +14,8 @@ var _tableRow = require("../table-row");
 var _excluded = ["isRanking", "isRankingItem", "testId"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var rankingStyles = (0, _react2.css)({
   display: 'block'

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

@@ -12,8 +12,8 @@ var _constants = require("./constants");
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyCell = exports.TableBodyCell = function TableBodyCell(_ref) {

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

@@ -20,8 +20,8 @@ var _excluded = ["isRanking", "testId"],
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

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

@@ -13,8 +13,8 @@ var _dynamicTable = require("./dynamic-table");
 var _excluded = ["isHighlighted", "children", "style", "testId"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var rowStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",

package/dist/es2019/components/rankable/table-row.js

@@ -51,7 +51,9 @@ export class RankableTableRow extends React.Component {
       var _provided$dragHandleP;
       return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
         // It is necessary to prevent the passing of aria-labelledby
-        "aria-labelledby": undefined,
+        "aria-labelledby": undefined
+        // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+        ,
         "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
         ref: this.innerRef(provided.innerRef)
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
 import ManagedPagination from './managed-pagination';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.18.3";
+const packageVersion = "14.19.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/styled/empty-body.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/styled/loading-container-advanced.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/styled/rankable/table-cell.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -72,7 +72,9 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
         var _provided$dragHandleP;
         return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
           // It is necessary to prevent the passing of aria-labelledby
-          "aria-labelledby": undefined,
+          "aria-labelledby": undefined
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          ,
           "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
           ref: _this2.innerRef(provided.innerRef)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/esm/components/stateless.js

@@ -25,7 +25,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
 import ManagedPagination from './managed-pagination';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.18.3";
+var packageVersion = "14.19.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

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

@@ -5,8 +5,8 @@ var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"]
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/styled/empty-body.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -4,8 +4,8 @@ var _excluded = ["children", "testId"];
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["isRanking", "innerRef"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["isRanking", "isRankingItem", "testId"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

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

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["isHighlighted", "children", "style", "testId"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,4 @@
-import React, { type FC, type LegacyRef } from 'react';
+import React, { type FC, type Ref } from 'react';
 import { type SortOrderType } from '../types';
 export interface TableHeadCellProps {
     colSpan?: number;
@@ -6,7 +6,7 @@ export interface TableHeadCellProps {
     isSortable?: boolean;
     sortOrder?: SortOrderType;
     isFixedSize?: boolean;
-    innerRef?: LegacyRef<HTMLTableCellElement>;
+    innerRef?: Ref<HTMLTableCellElement>;
     inlineStyles?: {};
     content?: React.ReactNode;
     onClick?: () => void;

package/dist/types/hoc/with-dimensions.d.ts

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

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

@@ -1,11 +1,11 @@
-import { type LegacyRef, type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export interface TruncateStyleProps {
     width?: number;
     isFixedSize?: boolean;
     shouldTruncate?: boolean;
     children?: ReactNode;
     testId?: string;
-    innerRef?: LegacyRef<HTMLTableCellElement | HTMLTableRowElement> | undefined;
+    innerRef?: Ref<HTMLTableCellElement | HTMLTableRowElement> | undefined;
     className?: string;
 }
 export declare const truncationWidthStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 export type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;

package/dist/types/styled/empty-body.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type ReactNode } from 'react';
 type EmptyViewWithFixedHeightProps = {
     testId?: string;

package/dist/types/styled/loading-container-advanced.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 type ContainerProps = HTMLProps<HTMLDivElement> & {
     testId?: string;

package/dist/types/styled/loading-container.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type ReactNode } from 'react';
 export declare const CSS_VAR_CONTENTS_OPACITY = "--contents-opacity";
 type ContainerProps = {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 import { type TruncateStyleProps } from '../constants';
 type RankableTableBodyCellProps = HTMLProps<HTMLTableCellElement | HTMLTableRowElement> & TruncateStyleProps & {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
 export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC } from 'react';
 import { type TruncateStyleProps } from './constants';
 export declare const TableBodyCell: FC<TruncateStyleProps>;

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 import { type SortOrderType } from '../types';
 import { type TruncateStyleProps } from './constants';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type CSSProperties, type ReactNode } from 'react';
 export type ITableRowProps = {
     isHighlighted?: boolean;

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

@@ -1,4 +1,4 @@
-import React, { type FC, type LegacyRef } from 'react';
+import React, { type FC, type Ref } from 'react';
 import { type SortOrderType } from '../types';
 export interface TableHeadCellProps {
     colSpan?: number;
@@ -6,7 +6,7 @@ export interface TableHeadCellProps {
     isSortable?: boolean;
     sortOrder?: SortOrderType;
     isFixedSize?: boolean;
-    innerRef?: LegacyRef<HTMLTableCellElement>;
+    innerRef?: Ref<HTMLTableCellElement>;
     inlineStyles?: {};
     content?: React.ReactNode;
     onClick?: () => void;

package/dist/types-ts4.5/hoc/with-dimensions.d.ts

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

package/dist/types-ts4.5/styled/constants.d.ts

@@ -1,11 +1,11 @@
-import { type LegacyRef, type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export interface TruncateStyleProps {
     width?: number;
     isFixedSize?: boolean;
     shouldTruncate?: boolean;
     children?: ReactNode;
     testId?: string;
-    innerRef?: LegacyRef<HTMLTableCellElement | HTMLTableRowElement> | undefined;
+    innerRef?: Ref<HTMLTableCellElement | HTMLTableRowElement> | undefined;
     className?: string;
 }
 export declare const truncationWidthStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 export type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;

package/dist/types-ts4.5/styled/empty-body.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type ReactNode } from 'react';
 type EmptyViewWithFixedHeightProps = {
     testId?: string;

package/dist/types-ts4.5/styled/loading-container-advanced.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 type ContainerProps = HTMLProps<HTMLDivElement> & {
     testId?: string;

package/dist/types-ts4.5/styled/loading-container.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type ReactNode } from 'react';
 export declare const CSS_VAR_CONTENTS_OPACITY = "--contents-opacity";
 type ContainerProps = {

package/dist/types-ts4.5/styled/rankable/table-cell.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 import { type TruncateStyleProps } from '../constants';
 type RankableTableBodyCellProps = HTMLProps<HTMLTableCellElement | HTMLTableRowElement> & TruncateStyleProps & {

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
 export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {

package/dist/types-ts4.5/styled/table-cell.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC } from 'react';
 import { type TruncateStyleProps } from './constants';
 export declare const TableBodyCell: FC<TruncateStyleProps>;

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
 import { type SortOrderType } from '../types';
 import { type TruncateStyleProps } from './constants';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type CSSProperties, type ReactNode } from 'react';
 export type ITableRowProps = {
     isHighlighted?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.18.3",
+	"version": "14.19.0",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,20 +41,20 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/analytics-next": "^10.0.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/pagination": "^14.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.54.0",
+		"@atlaskit/tokens": "^1.57.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-beautiful-dnd": "^12.2.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
-		"react-dom": "^16.8.0"
+		"react-dom": "^16.8.0 || ^17.0.0 || ~18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",