@atlaskit/table-tree 12.2.25 → 12.2.27

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/table-tree
 
+## 12.2.27
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.2.26
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
 ## 12.2.25
 
 ### Patch Changes

package/dist/cjs/components/internal/chevron-container.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1pfhj39m{margin-block-start:-3px}
+._4cvr1h6o{align-items:center}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
+._kqswstnw{position:absolute}

package/dist/cjs/components/internal/chevron-container.js

@@ -0,0 +1,26 @@
+/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChevronContainer = void 0;
+require("./chevron-container.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var commonCellElementStyles = null;
+var commonChevronContainerStyles = null;
+/**
+ * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
+ */
+var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
+  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
+    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
+  }));
+};

package/dist/cjs/components/internal/chevron.js

@@ -11,7 +11,7 @@ var _new = require("@atlaskit/button/new");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
-var _styled = require("./styled");
+var _chevronContainer = require("./chevron-container");
 /* eslint-disable @repo/internal/react/consistent-props-definitions */
 
 /**
@@ -31,7 +31,7 @@ var Chevron = function Chevron(_ref) {
   var getLabel = function getLabel(defaultLabel) {
     return extendedLabel ? "".concat(defaultLabel, " ").concat(extendedLabel, " row") : "".concat(defaultLabel, " row ").concat(rowId);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.ChevronContainer, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_chevronContainer.ChevronContainer, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     appearance: "subtle",
     onClick: onExpandToggle,
     spacing: "compact",

package/dist/cjs/components/internal/{styled.compiled.css → loader-item-container.compiled.css}

@@ -1,7 +1,5 @@
-._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
-._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
 ._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}

package/dist/cjs/components/internal/{styled.js → loader-item-container.js}

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,38 +6,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronContainer = void 0;
-require("./styled.compiled.css");
+exports.LoaderItemContainer = void 0;
+require("./loader-item-container.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _excluded = ["isRoot"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var treeRowContainerStyles = null;
-
-/**
- * __Tree row container__
- */
-var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    role: "row"
-  }, props, {
-    className: (0, _runtime.ax)(["_179ria51 _1e0c1txw"])
-  }));
-};
 var commonCellElementStyles = null;
-var commonChevronContainerStyles = null;
-/**
- * __Chevron container__
- *
- * A wrapper container around the expand table tree button.
- */
-var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
-  }));
-};
 var loadingItemContainerStyles = null;
 var paddingLeftStyles = null;
 /**

package/dist/cjs/components/internal/loader-item.js

@@ -10,7 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _commonCell = _interopRequireDefault(require("./common-cell"));
-var _styled = require("./styled");
+var _loaderItemContainer = require("./loader-item-container");
+var _treeRowContainer = require("./tree-row-container");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LoaderItem = function LoaderItem(_ref) {
   var _ref$depth = _ref.depth,
@@ -30,10 +31,10 @@ var LoaderItem = function LoaderItem(_ref) {
       });
     }
   }, [isCompleting, onComplete, phase]);
-  return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
+  return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_treeRowContainer.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
     indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
     width: "100%"
-  }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
+  }, /*#__PURE__*/_react.default.createElement(_loaderItemContainer.LoaderItemContainer, {
     isRoot: depth === 1
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     size: "small",

package/dist/cjs/components/internal/tree-row-container.compiled.css

@@ -0,0 +1,2 @@
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._1e0c1txw{display:flex}

package/dist/cjs/components/internal/tree-row-container.js

@@ -0,0 +1,26 @@
+/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeRowContainer = void 0;
+require("./tree-row-container.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var treeRowContainerStyles = null;
+
+/**
+ * __Tree row container__
+ */
+var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    role: "row"
+  }, props, {
+    className: (0, _runtime.ax)(["_179ria51 _1e0c1txw"])
+  }));
+};

package/dist/cjs/components/row.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
 var _chevron = _interopRequireDefault(require("./internal/chevron"));
-var _styled = require("./internal/styled");
+var _treeRowContainer = require("./internal/tree-row-container");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var treeRowClickableStyles = null;
 var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
@@ -129,7 +129,7 @@ function Row(_ref) {
       indentLevel: indentLevel
     }, cellContent);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_treeRowContainer.TreeRowContainer, {
     onClick: hasChildren && shouldExpandOnClick ? onClickHandler : undefined,
     "aria-expanded": hasChildren ? isExpandedState : undefined,
     "aria-level": depth ? depth : undefined,

package/dist/es2019/components/internal/chevron-container.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1pfhj39m{margin-block-start:-3px}
+._4cvr1h6o{align-items:center}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
+._kqswstnw{position:absolute}

package/dist/es2019/components/internal/chevron-container.js

@@ -0,0 +1,15 @@
+/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./chevron-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const commonCellElementStyles = null;
+const commonChevronContainerStyles = null;
+/**
+ * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
+ */
+export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
+}));

package/dist/es2019/components/internal/chevron.js

@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
 import __noop from '@atlaskit/ds-lib/noop';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
-import { ChevronContainer } from './styled';
+import { ChevronContainer } from './chevron-container';
 /**
  * Internal chevron component.
  */

package/dist/{esm/components/internal/styled.compiled.css → es2019/components/internal/loader-item-container.compiled.css}

@@ -1,7 +1,5 @@
-._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
-._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
 ._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}

package/dist/es2019/components/internal/loader-item-container.js

@@ -0,0 +1,19 @@
+/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./loader-item-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const commonCellElementStyles = null;
+const loadingItemContainerStyles = null;
+const paddingLeftStyles = null;
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+export const LoaderItemContainer = ({
+  isRoot,
+  ...props
+}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
+}));

package/dist/es2019/components/internal/loader-item.js

@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import Spinner from '@atlaskit/spinner';
 import CommonCell from './common-cell';
-import { LoaderItemContainer, TreeRowContainer } from './styled';
+import { LoaderItemContainer } from './loader-item-container';
+import { TreeRowContainer } from './tree-row-container';
 const LoaderItem = ({
   depth = 1,
   loadingLabel,

package/dist/es2019/components/internal/tree-row-container.compiled.css

@@ -0,0 +1,2 @@
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._1e0c1txw{display:flex}

package/dist/es2019/components/internal/tree-row-container.js

@@ -0,0 +1,15 @@
+/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./tree-row-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const treeRowContainerStyles = null;
+
+/**
+ * __Tree row container__
+ */
+export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
+  role: "row"
+}, props, {
+  className: ax(["_179ria51 _1e0c1txw"])
+}));

package/dist/es2019/components/row.js

@@ -5,7 +5,7 @@ import React, { Fragment, useEffect, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
-import { TreeRowContainer } from './internal/styled';
+import { TreeRowContainer } from './internal/tree-row-container';
 const treeRowClickableStyles = null;
 const getExtendedLabel = (cellContent, cellIndex, mainColumnForExpandCollapseLabel) => {
   /**

package/dist/esm/components/internal/chevron-container.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1pfhj39m{margin-block-start:-3px}
+._4cvr1h6o{align-items:center}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
+._kqswstnw{position:absolute}

package/dist/esm/components/internal/chevron-container.js

@@ -0,0 +1,17 @@
+/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./chevron-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var commonCellElementStyles = null;
+var commonChevronContainerStyles = null;
+/**
+ * __Chevron container__
+ *
+ * A wrapper container around the expand table tree button.
+ */
+export var ChevronContainer = function ChevronContainer(props) {
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
+  }));
+};

package/dist/esm/components/internal/chevron.js

@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
 import __noop from '@atlaskit/ds-lib/noop';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
-import { ChevronContainer } from './styled';
+import { ChevronContainer } from './chevron-container';
 /**
  * Internal chevron component.
  */

package/dist/{es2019/components/internal/styled.compiled.css → esm/components/internal/loader-item-container.compiled.css}

@@ -1,7 +1,5 @@
-._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
-._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
 ._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}

package/dist/esm/components/internal/{styled.js → loader-item-container.js}

@@ -1,34 +1,11 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isRoot"];
-import "./styled.compiled.css";
+import "./loader-item-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-var treeRowContainerStyles = null;
-
-/**
- * __Tree row container__
- */
-export var TreeRowContainer = function TreeRowContainer(props) {
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: "row"
-  }, props, {
-    className: ax(["_179ria51 _1e0c1txw"])
-  }));
-};
 var commonCellElementStyles = null;
-var commonChevronContainerStyles = null;
-/**
- * __Chevron container__
- *
- * A wrapper container around the expand table tree button.
- */
-export var ChevronContainer = function ChevronContainer(props) {
-  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
-  }));
-};
 var loadingItemContainerStyles = null;
 var paddingLeftStyles = null;
 /**

package/dist/esm/components/internal/loader-item.js

@@ -2,7 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import Spinner from '@atlaskit/spinner';
 import CommonCell from './common-cell';
-import { LoaderItemContainer, TreeRowContainer } from './styled';
+import { LoaderItemContainer } from './loader-item-container';
+import { TreeRowContainer } from './tree-row-container';
 var LoaderItem = function LoaderItem(_ref) {
   var _ref$depth = _ref.depth,
     depth = _ref$depth === void 0 ? 1 : _ref$depth,

package/dist/esm/components/internal/tree-row-container.compiled.css

@@ -0,0 +1,2 @@
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._1e0c1txw{display:flex}

package/dist/esm/components/internal/tree-row-container.js

@@ -0,0 +1,17 @@
+/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./tree-row-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var treeRowContainerStyles = null;
+
+/**
+ * __Tree row container__
+ */
+export var TreeRowContainer = function TreeRowContainer(props) {
+  return /*#__PURE__*/React.createElement("div", _extends({
+    role: "row"
+  }, props, {
+    className: ax(["_179ria51 _1e0c1txw"])
+  }));
+};

package/dist/esm/components/row.js

@@ -6,7 +6,7 @@ import React, { Fragment, useEffect, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
-import { TreeRowContainer } from './internal/styled';
+import { TreeRowContainer } from './internal/tree-row-container';
 var treeRowClickableStyles = null;
 var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
   /**

package/dist/types/components/internal/{styled.d.ts → chevron-container.d.ts}

@@ -3,12 +3,6 @@
  * @jsx jsx
  */
 import type { FC, HTMLAttributes, ReactNode } from 'react';
-/**
- * __Tree row container__
- */
-export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
-    children: ReactNode;
-}>;
 type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
     children: ReactNode;
 };
@@ -18,14 +12,4 @@ type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
  * A wrapper container around the expand table tree button.
  */
 export declare const ChevronContainer: FC<ChevronContainerProps>;
-type LoaderItemContainerProps = {
-    isRoot?: boolean;
-    children: ReactNode;
-};
-/**
- * __Loader item container__
- *
- * A loader item container.
- */
-export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
 export {};

package/dist/types/components/internal/loader-item-container.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { FC, ReactNode } from 'react';
+type LoaderItemContainerProps = {
+    isRoot?: boolean;
+    children: ReactNode;
+};
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
+export {};

package/dist/types/components/internal/tree-row-container.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { FC, HTMLAttributes, ReactNode } from 'react';
+/**
+ * __Tree row container__
+ */
+export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+}>;

package/dist/types-ts4.5/components/internal/{styled.d.ts → chevron-container.d.ts}

@@ -3,12 +3,6 @@
  * @jsx jsx
  */
 import type { FC, HTMLAttributes, ReactNode } from 'react';
-/**
- * __Tree row container__
- */
-export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
-    children: ReactNode;
-}>;
 type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
     children: ReactNode;
 };
@@ -18,14 +12,4 @@ type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
  * A wrapper container around the expand table tree button.
  */
 export declare const ChevronContainer: FC<ChevronContainerProps>;
-type LoaderItemContainerProps = {
-    isRoot?: boolean;
-    children: ReactNode;
-};
-/**
- * __Loader item container__
- *
- * A loader item container.
- */
-export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
 export {};

package/dist/types-ts4.5/components/internal/loader-item-container.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { FC, ReactNode } from 'react';
+type LoaderItemContainerProps = {
+    isRoot?: boolean;
+    children: ReactNode;
+};
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
+export {};

package/dist/types-ts4.5/components/internal/tree-row-container.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { FC, HTMLAttributes, ReactNode } from 'react';
+/**
+ * __Tree row container__
+ */
+export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "12.2.25",
+	"version": "12.2.27",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,6 +17,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Table tree",
@@ -25,11 +32,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/button": "^23.10.0",
-		"@atlaskit/ds-lib": "^6.0.0",
+		"@atlaskit/button": "^23.11.0",
+		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"lodash": "^4.17.21"
@@ -44,11 +51,12 @@
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/empty-state": "^10.1.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",

package/dist/es2019/components/internal/styled.js

@@ -1,38 +0,0 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./styled.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-const treeRowContainerStyles = null;
-
-/**
- * __Tree row container__
- */
-export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
-  role: "row"
-}, props, {
-  className: ax(["_179ria51 _1e0c1txw"])
-}));
-const commonCellElementStyles = null;
-const commonChevronContainerStyles = null;
-/**
- * __Chevron container__
- *
- * A wrapper container around the expand table tree button.
- */
-export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
-}));
-const loadingItemContainerStyles = null;
-const paddingLeftStyles = null;
-/**
- * __Loader item container__
- *
- * A loader item container.
- */
-export const LoaderItemContainer = ({
-  isRoot,
-  ...props
-}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
-}));