@atlaskit/dynamic-table 18.0.2 → 18.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/dynamic-table
 
+## 18.0.4
+
+### Patch Changes
+
+- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
+  [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
+  Update `@compiled/react` dependency for improved type checking support.
+- Updated dependencies
+
+## 18.0.3
+
+### Patch Changes
+
+- [#127951](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127951)
+  [`149b6d2ba42ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/149b6d2ba42ec) -
+  Fixes a bug where styles were not applied to Rankable table rows when dragging, which could cause
+  layout issues.
+
 ## 18.0.2
 
 ### Patch Changes

package/dist/cjs/components/stateless.js

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

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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _excluded = ["isHighlighted", "children", "style", "testId"];
+var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
 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; }
 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; }
@@ -29,11 +29,18 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
     children = _ref.children,
     style = _ref.style,
     testId = _ref.testId,
+    className = _ref.className,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("tr", (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement("tr", (0, _extends2.default)({
+    /**
+     * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
+     * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
+     */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
+  }, rest, {
     ref: ref,
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_akp1ox": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
     })

package/dist/es2019/components/stateless.js

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

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

@@ -14,14 +14,20 @@ export const TableBodyRow = /*#__PURE__*/forwardRef(({
   children,
   style,
   testId,
+  className,
   ...rest
 }, ref) => {
   return /*#__PURE__*/React.createElement("tr", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    style: style
+    style: style,
+    /**
+     * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
+     * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
+     */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_bfhkqtfy _1ygbi9un _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
   }, rest, {
     ref: ref,
-    "data-testid": testId,
-    className: ax(["_bfhkqtfy _1ygbi9un _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts"])
+    "data-testid": testId
   }), children);
 });

package/dist/esm/components/stateless.js

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

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

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isHighlighted", "children", "style", "testId"];
+var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
 import "./table-row.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -19,11 +19,18 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     style = _ref.style,
     testId = _ref.testId,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("tr", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("tr", _extends({
+    /**
+     * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
+     * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
+     */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
+  }, rest, {
     ref: ref,
     "data-testid": testId,
-    className: ax(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_akp1ox": ix("2px solid ".concat("var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "18.0.2",
+	"version": "18.0.4",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,13 +46,13 @@
 		"@atlaskit/pagination": "^16.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
-		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.2",
+		"@compiled/react": "^0.18.3",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
@@ -72,7 +72,7 @@
 		"@atlaskit/link": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-		"@atlaskit/section-message": "^8.1.0",
+		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/ssr": "^0.4.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
@@ -81,6 +81,7 @@
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0",
+		"tiny-invariant": "^1.2.0",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {