@atlaskit/table-tree 12.1.1 → 12.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/table-tree
 
+## 12.1.2
+
+### Patch Changes
+
+- [#153593](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/153593)
+  [`b88120ead0a0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b88120ead0a0e) -
+  Fix `className` prop not working with `Cell`.
+
 ## 12.1.1
 
 ### Patch Changes

package/dist/cjs/components/internal/common-cell.js

@@ -14,7 +14,7 @@ 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 _colors = require("@atlaskit/theme/colors");
-var _excluded = ["indent", "width"];
+var _excluded = ["indent", "width", "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; }
@@ -26,12 +26,15 @@ var commonStyles = null;
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
     width = _ref.width,
+    className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     role: "gridcell"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_1yt41p08 _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna", className])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
-    className: (0, _runtime.ax)(["_1yt41p08 _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna"]),
     style: _objectSpread(_objectSpread({}, {
       '--indent': indent,
       width: width

package/dist/cjs/components/row.js

@@ -62,7 +62,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
   var onCollapse = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: function fn(value) {
@@ -72,7 +72,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
 
   /**

package/dist/es2019/components/internal/common-cell.js

@@ -11,15 +11,18 @@ const commonStyles = null;
 const CommonCell = ({
   indent,
   width,
+  className,
   ...props
 }) => /*#__PURE__*/React.createElement("div", _extends({
   role: "gridcell"
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  ,
+  className: ax(["_1yt413wy _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1fxt _ct361wug _1nmz1hna", className])
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props, {
   style: {
     '--indent': indent,
     width
-  },
-  className: ax(["_1yt413wy _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1fxt _ct361wug _1nmz1hna"])
+  }
 }));
 export default CommonCell;

package/dist/es2019/components/row.js

@@ -47,7 +47,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
   const onCollapse = usePlatformLeafEventHandler({
     fn: value => providedOnCollapse && providedOnCollapse(value),
@@ -55,7 +55,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
 
   /**

package/dist/esm/components/internal/common-cell.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 = ["indent", "width"];
+var _excluded = ["indent", "width", "className"];
 import "./common-cell.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -16,12 +16,15 @@ var commonStyles = null;
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
     width = _ref.width,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "gridcell"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax(["_1yt41p08 _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna", className])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
-    className: ax(["_1yt41p08 _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna"]),
     style: _objectSpread(_objectSpread({}, {
       '--indent': indent,
       width: width

package/dist/esm/components/row.js

@@ -52,7 +52,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
   var onCollapse = usePlatformLeafEventHandler({
     fn: function fn(value) {
@@ -62,7 +62,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "12.1.1"
+    packageVersion: "12.1.2"
   });
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "12.1.1",
+	"version": "12.1.2",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
+		"@compiled/react": "^0.18.3",
 		"lodash": "^4.17.21"
 	},
 	"peerDependencies": {