@atlaskit/dynamic-table 17.0.3 → 17.0.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/dynamic-table
 
+## 17.0.5
+
+### Patch Changes
+
+- [#107074](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107074)
+  [`97099e70a5731`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/97099e70a5731) -
+  Update dependencies and remove unused internal exports.
+
+## 17.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.0.3
 
 ### Patch Changes

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RankableTableRow = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pragmaticDragAndDropReactBeautifulDndMigration = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration");
 var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 var _helpers = require("../../internal/helpers");
@@ -26,7 +25,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Allowing existing usage of non Pragmatic drag and drop solution
 // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
-var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$Component) {
+var RankableTableRow = /*#__PURE__*/function (_React$Component) {
   function RankableTableRow() {
     var _this;
     (0, _classCallCheck2.default)(this, RankableTableRow);
@@ -73,7 +72,7 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
         index: rowIndex,
         isDragDisabled: isRankingDisabled
       }, function (provided, snapshot) {
-        var _provided$dragHandleP, _provided$dragHandleP2;
+        var _provided$dragHandleP;
         return /*#__PURE__*/_react.default.createElement(_tableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
           /**
            * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -81,13 +80,13 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
            * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
            * Previously we used RBD 12 which did not provide a role to the drag handle.
            */
-          role: (0, _platformFeatureFlags.fg)('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
+          role: undefined
           // It is necessary to prevent the passing of aria-labelledby
           ,
           "aria-labelledby": undefined
           // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
           ,
-          "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
+          "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

@@ -86,14 +86,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   (0, _react.useEffect)(function () {
     (0, _helpers.validateSortKey)(sortKey, head);

package/dist/cjs/components/table-head-cell.compiled.css

@@ -1,11 +1,16 @@
-
-._1yt41b66{padding:var(--ds-space-050,4px)}
-._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._bfhk18uv{background-color:initial}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._1h7hkb7n:focus{opacity:1}
 ._d0altlke:hover{cursor:pointer}

package/dist/cjs/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -23,9 +23,9 @@ var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var styles = {
-  buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
-  sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
-  sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
+  buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
+  sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
+  sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
   visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
 };

package/dist/es2019/components/body.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import withSortedPageRows from '../hoc/with-sorted-page-rows';
+import withSortedPageRows
+// @ts-ignore -- Required for the below export of Body
+from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
 class BodyComponent extends React.Component {
   render() {

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyCell } from '../../styled/rankable/table-cell';
 export class RankableTableCell extends React.Component {

package/dist/es2019/components/rankable/table-head-cell-old.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Delete this file when cleaning up platform-component-visual-refresh FG
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell-old';
 class RankableTableHeadCellComponentOld extends React.Component {

package/dist/es2019/components/rankable/table-head-cell.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell';
 class RankableTableHeadCellComponent extends React.Component {

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

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+
 // Allowing existing usage of non Pragmatic drag and drop solution
 // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
 import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyRow } from '../../styled/rankable/table-row';
 import TableCell from './table-cell';
-export class RankableTableRow extends React.Component {
+class RankableTableRow extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "innerRef", innerRefFn => ref => {
@@ -48,7 +50,7 @@ export class RankableTableRow extends React.Component {
       index: rowIndex,
       isDragDisabled: isRankingDisabled
     }, (provided, snapshot) => {
-      var _provided$dragHandleP, _provided$dragHandleP2;
+      var _provided$dragHandleP;
       return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
         /**
          * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -56,13 +58,13 @@ export class RankableTableRow extends React.Component {
          * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
          * Previously we used RBD 12 which did not provide a role to the drag handle.
          */
-        role: fg('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
+        role: undefined
         // It is necessary to prevent the passing of aria-labelledby
         ,
         "aria-labelledby": undefined
         // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
         ,
-        "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
+        "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

@@ -60,14 +60,14 @@ const DynamicTable = ({
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   const onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   useEffect(() => {
     validateSortKey(sortKey, head);

package/dist/es2019/components/table-head-cell.compiled.css

@@ -1,11 +1,16 @@
-
-._1yt41b66{padding:var(--ds-space-050,4px)}
-._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._bfhk18uv{background-color:initial}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._1h7hkb7n:focus{opacity:1}
 ._d0altlke:hover{cursor:pointer}

package/dist/es2019/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-head-cell.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -10,9 +10,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { ASC } from '../internal/constants';
 import { HeadCell } from '../styled/table-head';
 const styles = {
-  buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
-  sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
-  sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
+  buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
+  sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
+  sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
   visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
 };

package/dist/esm/components/body.js

@@ -7,7 +7,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import withSortedPageRows from '../hoc/with-sorted-page-rows';
+import withSortedPageRows
+// @ts-ignore -- Required for the below export of Body
+from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
 var BodyComponent = /*#__PURE__*/function (_React$Component) {
   function BodyComponent() {

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

@@ -9,7 +9,9 @@ var _excluded = ["content", "testId"];
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyCell } from '../../styled/rankable/table-cell';
 export var RankableTableCell = /*#__PURE__*/function (_React$Component) {

package/dist/esm/components/rankable/table-head-cell-old.js

@@ -10,7 +10,9 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Delete this file when cleaning up platform-component-visual-refresh FG
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell-old';
 var RankableTableHeadCellComponentOld = /*#__PURE__*/function (_React$Component) {

package/dist/esm/components/rankable/table-head-cell.js

@@ -9,7 +9,9 @@ var _excluded = ["isRanking", "refHeight", "refWidth"];
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell';
 var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {

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

@@ -12,15 +12,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+
 // Allowing existing usage of non Pragmatic drag and drop solution
 // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
 import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
-import withDimensions from '../../hoc/with-dimensions';
+import withDimensions
+// @ts-ignore -- This import is required for default export
+from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyRow } from '../../styled/rankable/table-row';
 import TableCell from './table-cell';
-export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
+var RankableTableRow = /*#__PURE__*/function (_React$Component) {
   function RankableTableRow() {
     var _this;
     _classCallCheck(this, RankableTableRow);
@@ -67,7 +69,7 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
         index: rowIndex,
         isDragDisabled: isRankingDisabled
       }, function (provided, snapshot) {
-        var _provided$dragHandleP, _provided$dragHandleP2;
+        var _provided$dragHandleP;
         return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
           /**
            * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -75,13 +77,13 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
            * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
            * Previously we used RBD 12 which did not provide a role to the drag handle.
            */
-          role: fg('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
+          role: undefined
           // It is necessary to prevent the passing of aria-labelledby
           ,
           "aria-labelledby": undefined
           // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
           ,
-          "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
+          "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
           ,
@@ -106,7 +108,5 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-}(React.Component);
-
-// eslint-disable-next-line import/no-anonymous-default-export
+}(React.Component); // eslint-disable-next-line import/no-anonymous-default-export
 export default withDimensions(RankableTableRow);

package/dist/esm/components/stateless.js

@@ -76,14 +76,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   var onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.0.3"
+    packageVersion: "17.0.5"
   });
   useEffect(function () {
     validateSortKey(sortKey, head);

package/dist/esm/components/table-head-cell.compiled.css

@@ -1,11 +1,16 @@
-
-._1yt41b66{padding:var(--ds-space-050,4px)}
-._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._bfhk18uv{background-color:initial}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._1h7hkb7n:focus{opacity:1}
 ._d0altlke:hover{cursor:pointer}

package/dist/esm/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -13,9 +13,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { ASC } from '../internal/constants';
 import { HeadCell } from '../styled/table-head';
 var styles = {
-  buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
-  sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
-  sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
+  buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
+  sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
+  sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
   visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
+import { TableProps, type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
 import { type HeadType } from '../types';
 interface BodyProps extends WithSortedPageRowsProps {
     head?: HeadType;
@@ -8,7 +8,7 @@ interface BodyProps extends WithSortedPageRowsProps {
     forwardedRef?: React.Ref<HTMLTableSectionElement>;
     testId?: string;
 }
-declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows"> & {
+declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & TableProps, "pageRows"> & {
     forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;
 } & React.RefAttributes<HTMLTableSectionElement>>;
 export default Body;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SpinnerSizeType } from '../types';
-export interface LoadingContainerAdvancedProps {
+interface LoadingContainerAdvancedProps {
     children?: React.ReactNode;
     isLoading?: boolean;
     spinnerSize?: SpinnerSizeType;
@@ -41,3 +41,4 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
     updateSpinnerPosition(): void;
     render(): JSX.Element;
 }
+export {};

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { type DragStart, type DropResult } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
 import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
 import { type HeadType, type RankEnd, type RankStart } from '../../types';
-export interface RankableBodyProps extends WithSortedPageRowsProps {
+interface RankableBodyProps extends WithSortedPageRowsProps {
     highlightedRowIndex?: number | number[];
     onRankStart: (rankStart: RankStart) => void;
     onRankEnd: (rankEnd: RankEnd) => void;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
 import { type HeadCellType, type RowCellType } from '../../types';
-export interface RankableTableCellProps extends WithDimensionsProps {
+interface RankableTableCellProps extends WithDimensionsProps {
     head?: HeadCellType;
     cell: RowCellType;
     isFixedSize: boolean;
@@ -10,5 +10,5 @@ export interface RankableTableCellProps extends WithDimensionsProps {
 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>;
+declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
 import { type HeadType, type RowType } from '../../types';
-export interface RankableTableRowProps extends WithDimensionsProps {
+interface RankableTableRowProps extends WithDimensionsProps {
     head?: HeadType;
     isFixedSize: boolean;
     row: RowType;
@@ -10,9 +10,5 @@ export interface RankableTableRowProps extends WithDimensionsProps {
     isHighlighted?: boolean;
     testId?: string;
 }
-export declare class RankableTableRow extends React.Component<RankableTableRowProps> {
-    innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
+declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
-export type TableProps = HTMLProps<HTMLTableElement> & {
+type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;
     isLoading?: boolean;
     hasDataRow: boolean;
@@ -23,3 +23,4 @@ export declare const PaginationWrapper: FC<{
     children: ReactNode;
     testId?: string;
 }>;
+export {};

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

@@ -4,11 +4,6 @@
  */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
-export 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;

package/dist/types-ts4.5/components/body.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
+import { TableProps, type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
 import { type HeadType } from '../types';
 interface BodyProps extends WithSortedPageRowsProps {
     head?: HeadType;
@@ -8,7 +8,7 @@ interface BodyProps extends WithSortedPageRowsProps {
     forwardedRef?: React.Ref<HTMLTableSectionElement>;
     testId?: string;
 }
-declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & import("../hoc/with-sorted-page-rows").TableProps, "pageRows"> & {
+declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & TableProps, "pageRows"> & {
     forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;
 } & React.RefAttributes<HTMLTableSectionElement>>;
 export default Body;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SpinnerSizeType } from '../types';
-export interface LoadingContainerAdvancedProps {
+interface LoadingContainerAdvancedProps {
     children?: React.ReactNode;
     isLoading?: boolean;
     spinnerSize?: SpinnerSizeType;
@@ -41,3 +41,4 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
     updateSpinnerPosition(): void;
     render(): JSX.Element;
 }
+export {};

package/dist/types-ts4.5/components/rankable/body.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type DragStart, type DropResult } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
 import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
 import { type HeadType, type RankEnd, type RankStart } from '../../types';
-export interface RankableBodyProps extends WithSortedPageRowsProps {
+interface RankableBodyProps extends WithSortedPageRowsProps {
     highlightedRowIndex?: number | number[];
     onRankStart: (rankStart: RankStart) => void;
     onRankEnd: (rankEnd: RankEnd) => void;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
 import { type HeadCellType, type RowCellType } from '../../types';
-export interface RankableTableCellProps extends WithDimensionsProps {
+interface RankableTableCellProps extends WithDimensionsProps {
     head?: HeadCellType;
     cell: RowCellType;
     isFixedSize: boolean;
@@ -10,5 +10,5 @@ export interface RankableTableCellProps extends WithDimensionsProps {
 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>;
+declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
 import { type HeadType, type RowType } from '../../types';
-export interface RankableTableRowProps extends WithDimensionsProps {
+interface RankableTableRowProps extends WithDimensionsProps {
     head?: HeadType;
     isFixedSize: boolean;
     row: RowType;
@@ -10,9 +10,5 @@ export interface RankableTableRowProps extends WithDimensionsProps {
     isHighlighted?: boolean;
     testId?: string;
 }
-export declare class RankableTableRow extends React.Component<RankableTableRowProps> {
-    innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
+declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type FC, type HTMLProps, type ReactNode } from 'react';
-export type TableProps = HTMLProps<HTMLTableElement> & {
+type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;
     isLoading?: boolean;
     hasDataRow: boolean;
@@ -23,3 +23,4 @@ export declare const PaginationWrapper: FC<{
     children: ReactNode;
     testId?: string;
 }>;
+export {};

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

@@ -4,11 +4,6 @@
  */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
-export 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;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "17.0.3",
+	"version": "17.0.5",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,16 +40,19 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.2.0",
+		"@atlaskit/css": "^0.7.4",
 		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/icon": "^23.4.1",
 		"@atlaskit/pagination": "^15.0.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.3.0",
-		"@atlaskit/spinner": "^16.3.0",
+		"@atlaskit/primitives": "^13.3.8",
+		"@atlaskit/spinner": "^17.0.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/tokens": "^3.2.0",
+		"@atlaskit/tooltip": "^19.0.3",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
-		"react-beautiful-dnd": "^12.2.0"
+		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -59,15 +62,24 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/avatar": "^21.17.9",
+		"@atlaskit/banner": "^12.6.2",
 		"@atlaskit/button": "*",
+		"@atlaskit/docs": "*",
+		"@atlaskit/drawer": "^9.3.4",
+		"@atlaskit/dropdown-menu": "^12.25.0",
 		"@atlaskit/link": "*",
+		"@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
+		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/visual-regression": "*",
+		"@atlassian/feature-flags-storybook-utils": "^0.1.0",
+		"@atlassian/feature-flags-test-utils": "*",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/react-beautiful-dnd": "^12.2.1",
 		"react-dom": "^16.8.0",
 		"typescript": "~5.4.2"
 	},
@@ -89,9 +101,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_design_system_dynamic_table_row_role": {
-			"type": "boolean"
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		}