@atlaskit/dynamic-table 16.1.2 → 16.1.4

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

@@ -2,24 +2,23 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 var _excluded = ["isRanking", "refHeight", "refWidth"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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 { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell';
 var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(RankableTableHeadCellComponent, _React$Component);
-  var _super = _createSuper(RankableTableHeadCellComponent);
   function RankableTableHeadCellComponent() {
     _classCallCheck(this, RankableTableHeadCellComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RankableTableHeadCellComponent, arguments);
   }
-  _createClass(RankableTableHeadCellComponent, [{
+  _inherits(RankableTableHeadCellComponent, _React$Component);
+  return _createClass(RankableTableHeadCellComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -33,7 +32,6 @@ var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
       }, restProps));
     }
   }]);
-  return RankableTableHeadCellComponent;
 }(React.Component);
 var RankableTableHeadCell = withDimensions(RankableTableHeadCellComponent);
 

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

@@ -2,18 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["cells", "testId", "key", "isHighlighted"];
 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) { _defineProperty(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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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';
@@ -22,16 +21,14 @@ import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyRow } from '../../styled/rankable/table-row';
 import TableCell from './table-cell';
 export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
-  _inherits(RankableTableRow, _React$Component);
-  var _super = _createSuper(RankableTableRow);
   function RankableTableRow() {
     var _this;
     _classCallCheck(this, RankableTableRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "innerRef", function (innerRefFn) {
+    _this = _callSuper(this, RankableTableRow, [].concat(args));
+    _defineProperty(_this, "innerRef", function (innerRefFn) {
       return function (ref) {
         innerRefFn(ref);
         if (typeof _this.props.innerRef === 'function') {
@@ -41,7 +38,8 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(RankableTableRow, [{
+  _inherits(RankableTableRow, _React$Component);
+  return _createClass(RankableTableRow, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -69,13 +67,21 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
         index: rowIndex,
         isDragDisabled: isRankingDisabled
       }, function (provided, snapshot) {
-        var _provided$dragHandleP;
+        var _provided$dragHandleP, _provided$dragHandleP2;
         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.
+           *
+           * 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
           // 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$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
+          "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
           ref: _this2.innerRef(provided.innerRef)
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           ,
@@ -100,7 +106,6 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return RankableTableRow;
 }(React.Component);
 
 // eslint-disable-next-line import/no-anonymous-default-export

package/dist/esm/components/stateful.js

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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 noop from '@atlaskit/ds-lib/noop';
@@ -38,22 +37,20 @@ import DynamicTableStateless from './stateless';
  * ```
  */
 var DynamicTable = /*#__PURE__*/function (_React$Component) {
-  _inherits(DynamicTable, _React$Component);
-  var _super = _createSuper(DynamicTable);
   function DynamicTable() {
     var _this;
     _classCallCheck(this, DynamicTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, DynamicTable, [].concat(args));
+    _defineProperty(_this, "state", {
       page: _this.props.defaultPage,
       sortKey: _this.props.defaultSortKey,
       sortOrder: _this.props.defaultSortOrder,
       rows: _this.props.rows
     });
-    _defineProperty(_assertThisInitialized(_this), "onSetPageHandler", function (page, analyticsEvent) {
+    _defineProperty(_this, "onSetPageHandler", function (page, analyticsEvent) {
       var onSetPage = _this.props.onSetPage;
       if (onSetPage) {
         onSetPage(page, analyticsEvent);
@@ -62,7 +59,7 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onSortHandler", function (_ref, analyticsEvent) {
+    _defineProperty(_this, "onSortHandler", function (_ref, analyticsEvent) {
       var key = _ref.key,
         item = _ref.item,
         sortOrder = _ref.sortOrder;
@@ -79,12 +76,12 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onRankEndIfExistsHandler", function (params) {
+    _defineProperty(_this, "onRankEndIfExistsHandler", function (params) {
       if (_this.props.onRankEnd) {
         _this.props.onRankEnd(params);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onRankEndHandler", function (params) {
+    _defineProperty(_this, "onRankEndHandler", function (params) {
       var destination = params.destination;
       var _this$state = _this.state,
         rows = _this$state.rows,
@@ -102,7 +99,8 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(DynamicTable, [{
+  _inherits(DynamicTable, _React$Component);
+  return _createClass(DynamicTable, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       var sortKey = newProps.sortKey || this.state.sortKey;
@@ -167,7 +165,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return DynamicTable;
 }(React.Component);
 _defineProperty(DynamicTable, "defaultProps", {
   defaultPage: 1,

package/dist/esm/components/stateless.js

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

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

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 var _excluded = ["cells"],
   _excluded2 = ["colSpan", "content", "isSortable", "key", "shouldTruncate", "testId", "width"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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 { validateSortKey } from '../internal/helpers';
@@ -15,13 +15,12 @@ import { Head } from '../styled/table-head';
 import RankableHeadCell from './rankable/table-head-cell';
 import HeadCell from './table-head-cell';
 var TableHead = /*#__PURE__*/function (_React$Component) {
-  _inherits(TableHead, _React$Component);
-  var _super = _createSuper(TableHead);
   function TableHead() {
     _classCallCheck(this, TableHead);
-    return _super.apply(this, arguments);
+    return _callSuper(this, TableHead, arguments);
   }
-  _createClass(TableHead, [{
+  _inherits(TableHead, _React$Component);
+  return _createClass(TableHead, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       validateSortKey(this.props.sortKey, this.props.head);
@@ -84,6 +83,5 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  return TableHead;
 }(React.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default TableHead;

package/dist/esm/hoc/with-dimensions.js

@@ -1,36 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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';
 // Compute height and width of wrapped component before ranking
 export default function withDimensions(WrappedComponent) {
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(WithDimensions, _React$Component);
-    var _super = _createSuper(WithDimensions);
     function WithDimensions() {
       var _this;
       _classCallCheck(this, WithDimensions);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _super.call.apply(_super, [this].concat(args));
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      _this = _callSuper(this, WithDimensions, [].concat(args));
+      _defineProperty(_this, "state", {
         refWidth: 0,
         refHeight: 0
       });
-      _defineProperty(_assertThisInitialized(_this), "innerRef", function (ref) {
+      _defineProperty(_this, "innerRef", function (ref) {
         if (ref && !_this.props.isRanking) {
           _this.ref = ref;
         }
       });
-      _defineProperty(_assertThisInitialized(_this), "updateDimensions", function () {
+      _defineProperty(_this, "updateDimensions", function () {
         if (!_this.ref) {
           return;
         }
@@ -46,7 +43,8 @@ export default function withDimensions(WrappedComponent) {
       });
       return _this;
     }
-    _createClass(WithDimensions, [{
+    _inherits(WithDimensions, _React$Component);
+    return _createClass(WithDimensions, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(nextProps) {
         var wasRanking = this.props.isRanking;
@@ -72,6 +70,5 @@ export default function withDimensions(WrappedComponent) {
         }, this.props));
       }
     }]);
-    return WithDimensions;
   }(React.Component);
 }

package/dist/esm/hoc/with-sorted-page-rows.js

@@ -2,16 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["rows", "head", "sortKey", "sortOrder", "rowsPerPage", "page", "forwardedRef"];
 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) { _defineProperty(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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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 { ASC } from '../internal/constants';
@@ -88,21 +87,20 @@ var getSortedRows = function getSortedRows(head, rows, sortKey, sortOrder) {
 // get one page of data in table, sorting all rows previously
 export default function withSortedPageRows(WrappedComponent) {
   var WithSortedPageRows = /*#__PURE__*/function (_React$Component) {
-    _inherits(WithSortedPageRows, _React$Component);
-    var _super = _createSuper(WithSortedPageRows);
     function WithSortedPageRows() {
       var _this;
       _classCallCheck(this, WithSortedPageRows);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _super.call.apply(_super, [this].concat(args));
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      _this = _callSuper(this, WithSortedPageRows, [].concat(args));
+      _defineProperty(_this, "state", {
         pageRows: []
       });
       return _this;
     }
-    _createClass(WithSortedPageRows, [{
+    _inherits(WithSortedPageRows, _React$Component);
+    return _createClass(WithSortedPageRows, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.props.onPageRowsUpdate && this.props.onPageRowsUpdate(this.state.pageRows);
@@ -160,7 +158,6 @@ export default function withSortedPageRows(WrappedComponent) {
         });
       }
     }]);
-    return WithSortedPageRows;
   }(React.Component);
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(WithSortedPageRows, _extends({}, props, {

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

@@ -33,7 +33,6 @@ var bodyBorder = css({
   borderBlockEnd: "2px solid ".concat(tableBorder.borderColor)
 });
 export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref2;
   var isFixedSize = _ref.isFixedSize,
     hasDataRow = _ref.hasDataRow,
     children = _ref.children,
@@ -42,7 +41,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("table", _extends({
     inert: isLoading ? '' : undefined,
-    style: (_ref2 = {}, _defineProperty(_ref2, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, row.hoverBackground), _defineProperty(_ref2, tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, row.highlightedBackground), _defineProperty(_ref2, tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, row.hoverHighlightedBackground), _defineProperty(_ref2, tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, row.focusOutline), _ref2),
+    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, row.hoverBackground), tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, row.highlightedBackground), tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, row.hoverHighlightedBackground), tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, row.focusOutline),
     css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],
     ref: ref
   }, rest, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "16.1.2",
+	"version": "16.1.4",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,18 +34,19 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Dynamic table",
-			"category": "Components"
+			"category": "Text and data display"
 		},
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^3.2.0",
-		"@atlaskit/pagination": "^14.9.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.2.1",
+		"@atlaskit/analytics-next": "^10.2.0",
+		"@atlaskit/ds-lib": "^3.3.0",
+		"@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/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-beautiful-dnd": "^12.2.0"
@@ -58,6 +59,8 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/button": "*",
+		"@atlaskit/link": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/visual-regression": "*",
@@ -84,5 +87,10 @@
 				"emotion"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_design_system_dynamic_table_row_role": {
+			"type": "boolean"
+		}
 	}
 }