@atlaskit/table-tree 9.2.0 → 9.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/table-tree
 
+## 9.2.2
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
+## 9.2.1
+
+### Patch Changes
+
+- [`d0e187cc5bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0e187cc5bd) - Fixed a babel issue causing `styled-components` to get injected, which broke our styling.
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/cjs/components/header.js

@@ -19,8 +19,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = require("react");
 
 var _react2 = require("@emotion/react");
@@ -43,11 +41,6 @@ var headerStyles = (0, _react2.css)({
   lineHeight: '1.67'
 });
 
-var _StyledColumnCell = (0, _styledComponents.default)(_commonCell.default).withConfig({
-  displayName: "header___StyledColumnCell",
-  componentId: "sc-1yvg8oq-0"
-})(["", ""], headerStyles);
-
 var Header = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Header, _Component);
 
@@ -62,7 +55,8 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return (0, _react2.jsx)(_StyledColumnCell, (0, _extends2.default)({
+      return (0, _react2.jsx)(_commonCell.default, (0, _extends2.default)({
+        css: headerStyles,
         role: "columnheader",
         style: {
           width: props.width

package/dist/cjs/components/headers.js

@@ -17,8 +17,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = require("react");
 
 var _react2 = require("@emotion/react");
@@ -32,11 +30,6 @@ var containerStyles = (0, _react2.css)({
   borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
-var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
-  displayName: "headers___StyledDiv",
-  componentId: "h5d3f7-0"
-})(["", ""], containerStyles);
-
 var Headers = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Headers, _Component);
 
@@ -50,7 +43,8 @@ var Headers = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Headers, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_StyledDiv, {
+      return (0, _react2.jsx)("div", {
+        css: containerStyles,
         role: "row"
       }, _react.Children.map(this.props.children, function (header, index) {
         return (

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

@@ -11,8 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
@@ -29,11 +27,6 @@ var commonStyles = (0, _react.css)({
   lineHeight: '20px'
 });
 
-var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
-  displayName: "common-cell___StyledDiv",
-  componentId: "t3yvaw-0"
-})(["", ""], commonStyles);
-
 /**
  * __Common cell__
  */
@@ -41,11 +34,12 @@ var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
       width = _ref.width,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_StyledDiv, (0, _extends2.default)({}, props, {
+  return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
     style: {
       '--indent': indent,
       width: width
-    }
+    },
+    css: commonStyles
   }));
 };
 

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

@@ -11,8 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = require("@emotion/react");
 
 var _excluded = ["isSingleLine"];
@@ -25,20 +23,13 @@ var overflowContainerStyles = (0, _react.css)({
  * __Overflow container__
  */
 
-var _StyledSpan = (0, _styledComponents.default)("span").withConfig({
-  displayName: "overflow-container___StyledSpan",
-  componentId: "sc-1m74akj-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)(_StyledSpan, (0, _extends2.default)({}, props, {
-      _css: isSingleLine && overflowContainerStyles
-    }))
+    (0, _react.jsx)("span", (0, _extends2.default)({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
   );
 };
 

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

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.iconColor = exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = require("@emotion/react");
 
@@ -28,14 +26,11 @@ var treeRowContainerStyles = (0, _react.css)({
  * __Tree row container__
  */
 
-var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
-  displayName: "styled___StyledDiv",
-  componentId: "sc-8rz2kg-0"
-})(["", ""], treeRowContainerStyles);
-
 var TreeRowContainer = function TreeRowContainer(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)(_StyledDiv, props)
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: treeRowContainerStyles
+    }, props))
   );
 };
 
@@ -51,14 +46,11 @@ var commonChevronContainerStyles = (0, _react.css)({
  * __Chevron container__
  */
 
-var _StyledSpan = (0, _styledComponents.default)("span").withConfig({
-  displayName: "styled___StyledSpan",
-  componentId: "sc-8rz2kg-1"
-})(["", ""], commonChevronContainerStyles);
-
 var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return (0, _react.jsx)(_StyledSpan, props);
+  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
+    css: commonChevronContainerStyles
+  }));
 };
 
 exports.ChevronContainer = ChevronContainer;
@@ -72,14 +64,11 @@ var chevronIconContainerStyles = (0, _react.css)({
  * A chevron icon container.
  */
 
-var _StyledSpan2 = (0, _styledComponents.default)("span").withConfig({
-  displayName: "styled___StyledSpan2",
-  componentId: "sc-8rz2kg-2"
-})(["", ""], chevronIconContainerStyles);
-
 var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return (0, _react.jsx)(_StyledSpan2, props);
+  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
+    css: chevronIconContainerStyles
+  }));
 };
 
 exports.ChevronIconContainer = ChevronIconContainer;
@@ -96,19 +85,13 @@ var paddingLeftStyles = (0, _react.css)({
  * A loader item container.
  */
 
-var _StyledSpan3 = (0, _styledComponents.default)("span").withConfig({
-  displayName: "styled___StyledSpan3",
-  componentId: "sc-8rz2kg-3"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_StyledSpan3, (0, _extends2.default)({}, props, {
-    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-  }));
+  return (0, _react.jsx)("span", (0, _extends2.default)({
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
+  }, props));
 };
 
 exports.LoaderItemContainer = LoaderItemContainer;

package/dist/cjs/components/row.js

@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.2.0";
+var packageVersion = "9.2.2";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"sideEffects": false
 }

package/dist/es2019/components/header.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
 
 /** @jsx jsx */
 import { Component } from 'react';
@@ -15,17 +14,13 @@ const headerStyles = css({
   lineHeight: '1.67'
 });
 
-var _StyledColumnCell = _styled(ColumnCell).withConfig({
-  displayName: "header___StyledColumnCell",
-  componentId: "sc-1yvg8oq-0"
-})(["", ""], headerStyles);
-
 class Header extends Component {
   render() {
     const {
       props
     } = this;
-    return jsx(_StyledColumnCell, _extends({
+    return jsx(ColumnCell, _extends({
+      css: headerStyles,
       role: "columnheader",
       style: {
         width: props.width

package/dist/es2019/components/headers.js

@@ -1,5 +1,3 @@
-import _styled from "styled-components";
-
 /** @jsx jsx */
 
 /* eslint-disable @repo/internal/react/no-clone-element */
@@ -9,15 +7,10 @@ const containerStyles = css({
   display: 'flex',
   borderBottom: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
 });
-
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "headers___StyledDiv",
-  componentId: "h5d3f7-0"
-})(["", ""], containerStyles);
-
 export default class Headers extends Component {
   render() {
-    return jsx(_StyledDiv, {
+    return jsx("div", {
+      css: containerStyles,
       role: "row"
     }, Children.map(this.props.children, (header, index) =>
     /*#__PURE__*/

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 const commonStyles = css({
@@ -13,11 +14,6 @@ const commonStyles = css({
   lineHeight: '20px'
 });
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "common-cell___StyledDiv",
-  componentId: "t3yvaw-0"
-})(["", ""], commonStyles);
-
 /**
  * __Common cell__
  */
@@ -25,11 +21,12 @@ const CommonCell = ({
   indent,
   width,
   ...props
-}) => jsx(_StyledDiv, _extends({}, props, {
+}) => jsx("div", _extends({}, props, {
   style: {
     '--indent': indent,
     width
-  }
+  },
+  css: commonStyles
 }));
 
 export default CommonCell;

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 const overflowContainerStyles = css({
   overflow: 'hidden',
@@ -10,17 +11,12 @@ const overflowContainerStyles = css({
  * __Overflow container__
  */
 
-var _StyledSpan = _styled("span").withConfig({
-  displayName: "overflow-container___StyledSpan",
-  componentId: "sc-1m74akj-0"
-})(["", ""], p => p._css);
-
 const OverflowContainer = ({
   isSingleLine,
   ...props
 }) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-jsx(_StyledSpan, _extends({}, props, {
-  _css: isSingleLine && overflowContainerStyles
-}));
+jsx("span", _extends({
+  css: isSingleLine && overflowContainerStyles
+}, props));
 
 export default OverflowContainer;

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export const iconColor = `var(--ds-text, ${N800})`;
@@ -11,13 +12,10 @@ const treeRowContainerStyles = css({
  * __Tree row container__
  */
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "styled___StyledDiv",
-  componentId: "sc-8rz2kg-0"
-})(["", ""], treeRowContainerStyles);
-
 export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-jsx(_StyledDiv, props);
+jsx("div", _extends({
+  css: treeRowContainerStyles
+}, props));
 const commonChevronContainerStyles = css({
   display: 'flex',
   marginLeft: -25,
@@ -29,13 +27,10 @@ const commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-var _StyledSpan = _styled("span").withConfig({
-  displayName: "styled___StyledSpan",
-  componentId: "sc-8rz2kg-1"
-})(["", ""], commonChevronContainerStyles);
-
 export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-) => jsx(_StyledSpan, props);
+) => jsx("span", _extends({}, props, {
+  css: commonChevronContainerStyles
+}));
 const chevronIconContainerStyles = css({
   position: 'relative',
   top: 1
@@ -46,13 +41,10 @@ const chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-var _StyledSpan2 = _styled("span").withConfig({
-  displayName: "styled___StyledSpan2",
-  componentId: "sc-8rz2kg-2"
-})(["", ""], chevronIconContainerStyles);
-
 export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-) => jsx(_StyledSpan2, props);
+) => jsx("span", _extends({}, props, {
+  css: chevronIconContainerStyles
+}));
 const loadingItemContainerStyles = css({
   width: '100%',
   paddingTop: 5
@@ -66,14 +58,10 @@ const paddingLeftStyles = css({
  * A loader item container.
  */
 
-var _StyledSpan3 = _styled("span").withConfig({
-  displayName: "styled___StyledSpan3",
-  componentId: "sc-8rz2kg-3"
-})(["", ""], p => p._css);
-
 export const LoaderItemContainer = ({
   isRoot,
   ...props
-}) => jsx(_StyledSpan3, _extends({}, props, {
-  _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-}));
+}) => jsx("span", _extends({
+  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
+}, props));

package/dist/es2019/components/row.js

@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.2.0";
+const packageVersion = "9.2.2";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"sideEffects": false
 }

package/dist/esm/components/header.js

@@ -4,7 +4,6 @@ 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 _styled from "styled-components";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -24,11 +23,6 @@ var headerStyles = css({
   lineHeight: '1.67'
 });
 
-var _StyledColumnCell = _styled(ColumnCell).withConfig({
-  displayName: "header___StyledColumnCell",
-  componentId: "sc-1yvg8oq-0"
-})(["", ""], headerStyles);
-
 var Header = /*#__PURE__*/function (_Component) {
   _inherits(Header, _Component);
 
@@ -44,7 +38,8 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return jsx(_StyledColumnCell, _extends({
+      return jsx(ColumnCell, _extends({
+        css: headerStyles,
         role: "columnheader",
         style: {
           width: props.width

package/dist/esm/components/headers.js

@@ -3,7 +3,6 @@ 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 _styled from "styled-components";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -19,11 +18,6 @@ var containerStyles = css({
   borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "headers___StyledDiv",
-  componentId: "h5d3f7-0"
-})(["", ""], containerStyles);
-
 var Headers = /*#__PURE__*/function (_Component) {
   _inherits(Headers, _Component);
 
@@ -38,7 +32,8 @@ var Headers = /*#__PURE__*/function (_Component) {
   _createClass(Headers, [{
     key: "render",
     value: function render() {
-      return jsx(_StyledDiv, {
+      return jsx("div", {
+        css: containerStyles,
         role: "row"
       }, Children.map(this.props.children, function (header, index) {
         return (

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _styled from "styled-components";
 var _excluded = ["indent", "width"];
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 var commonStyles = css({
@@ -15,11 +16,6 @@ var commonStyles = css({
   lineHeight: '20px'
 });
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "common-cell___StyledDiv",
-  componentId: "t3yvaw-0"
-})(["", ""], commonStyles);
-
 /**
  * __Common cell__
  */
@@ -28,11 +24,12 @@ var CommonCell = function CommonCell(_ref) {
       width = _ref.width,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx(_StyledDiv, _extends({}, props, {
+  return jsx("div", _extends({}, props, {
     style: {
       '--indent': indent,
       width: width
-    }
+    },
+    css: commonStyles
   }));
 };
 

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _styled from "styled-components";
 var _excluded = ["isSingleLine"];
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 var overflowContainerStyles = css({
   overflow: 'hidden',
@@ -12,21 +13,14 @@ var overflowContainerStyles = css({
  * __Overflow container__
  */
 
-var _StyledSpan = _styled("span").withConfig({
-  displayName: "overflow-container___StyledSpan",
-  componentId: "sc-1m74akj-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx(_StyledSpan, _extends({}, props, {
-      _css: isSingleLine && overflowContainerStyles
-    }))
+    jsx("span", _extends({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
   );
 };
 

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

@@ -1,7 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _styled from "styled-components";
+import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["isRoot"];
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export var iconColor = "var(--ds-text, ".concat(N800, ")");
@@ -13,14 +14,11 @@ var treeRowContainerStyles = css({
  * __Tree row container__
  */
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "styled___StyledDiv",
-  componentId: "sc-8rz2kg-0"
-})(["", ""], treeRowContainerStyles);
-
 export var TreeRowContainer = function TreeRowContainer(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx(_StyledDiv, props)
+    jsx("div", _extends({
+      css: treeRowContainerStyles
+    }, props))
   );
 };
 var commonChevronContainerStyles = css({
@@ -34,14 +32,11 @@ var commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-var _StyledSpan = _styled("span").withConfig({
-  displayName: "styled___StyledSpan",
-  componentId: "sc-8rz2kg-1"
-})(["", ""], commonChevronContainerStyles);
-
 export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return jsx(_StyledSpan, props);
+  return jsx("span", _extends({}, props, {
+    css: commonChevronContainerStyles
+  }));
 };
 var chevronIconContainerStyles = css({
   position: 'relative',
@@ -53,14 +48,11 @@ var chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-var _StyledSpan2 = _styled("span").withConfig({
-  displayName: "styled___StyledSpan2",
-  componentId: "sc-8rz2kg-2"
-})(["", ""], chevronIconContainerStyles);
-
 export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return jsx(_StyledSpan2, props);
+  return jsx("span", _extends({}, props, {
+    css: chevronIconContainerStyles
+  }));
 };
 var loadingItemContainerStyles = css({
   width: '100%',
@@ -75,18 +67,12 @@ var paddingLeftStyles = css({
  * A loader item container.
  */
 
-var _StyledSpan3 = _styled("span").withConfig({
-  displayName: "styled___StyledSpan3",
-  componentId: "sc-8rz2kg-3"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx(_StyledSpan3, _extends({}, props, {
-    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-  }));
+  return jsx("span", _extends({
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
+  }, props));
 };

package/dist/esm/components/row.js

@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.2.0";
+var packageVersion = "9.2.2";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"sideEffects": false
 }

package/dist/types-ts4.0/components/cell.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+export interface CellProps {
+    /**
+     * Whether the cell contents should wrap or display on a single line and be concatenated.
+     */
+    singleLine?: boolean;
+    /**
+     * Indent level for the cell. Each indent level adds 25px to the left padding.
+     */
+    indentLevel?: number;
+    /**
+     * Width of the header item. Takes a string or a number representing the width in pixels.
+     */
+    width?: number | string;
+    /**
+     * Class name to apply to cell.
+     */
+    className?: string;
+}
+declare const _default: {
+    new (props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps, context?: any): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextTypes: {
+        tableTree: import("prop-types").Validator<object>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/types-ts4.0/components/header.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+declare const _default: {
+    new (props: Readonly<any>): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: any, context?: any): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextTypes: {
+        tableTree: import("prop-types").Validator<object>;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default _default;

package/dist/types-ts4.0/components/headers.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+export default class Headers extends Component<any> {
+    render(): jsx.JSX.Element;
+}

package/dist/types-ts4.0/components/internal/chevron.d.ts

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+interface ChevronProps {
+    expandLabel: string;
+    collapseLabel: string;
+    isExpanded?: boolean;
+    ariaControls?: string;
+    onExpandToggle?: Function;
+}
+export default class Chevron extends Component<ChevronProps> {
+    static defaultProps: {
+        expandLabel: string;
+        collapseLabel: string;
+    };
+    handleClick: () => void;
+    render(): JSX.Element;
+}
+export {};

package/dist/types-ts4.0/components/internal/common-cell.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import { FC, HTMLAttributes } from 'react';
+interface CommonCellProps {
+    indent?: string;
+    width?: string | number;
+}
+/**
+ * __Common cell__
+ */
+declare const CommonCell: FC<HTMLAttributes<HTMLDivElement> & CommonCellProps>;
+export default CommonCell;

package/dist/types-ts4.0/components/internal/item.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+export default class Item extends Component<any> {
+    static defaultProps: {
+        depth: number;
+    };
+    render(): import("react").FunctionComponentElement<{
+        depth: any;
+        data: any;
+        renderChildren: () => jsx.JSX.Element;
+    }> | null;
+}

package/dist/types-ts4.0/components/internal/items.d.ts

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+interface ItemsProps<Item = any> {
+    parentData?: any;
+    depth: number;
+    items?: Item[];
+    render: (arg: Item) => React.ReactNode;
+}
+interface State {
+    isLoaderShown: boolean;
+}
+export default class Items<Item> extends Component<ItemsProps<Item>, State> {
+    static defaultProps: {
+        depth: number;
+    };
+    state: State;
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {
+        isLoaderShown: boolean;
+    } | null;
+    handleLoaderComplete: () => void;
+    renderLoader(): JSX.Element;
+    renderItems(): JSX.Element[] | undefined;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,20 @@
+import { Component } from 'react';
+interface LoaderItemProps {
+    depth: number;
+    onComplete: (...args: any[]) => void;
+    isCompleting?: boolean;
+}
+export default class LoaderItem extends Component<LoaderItemProps, any> {
+    static defaultProps: {
+        depth: number;
+    };
+    state: {
+        phase: string;
+    };
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {
+        phase: string;
+    } | null;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    render(): JSX.Element | null;
+}
+export {};

package/dist/types-ts4.0/components/internal/overflow-container.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { FC, HTMLAttributes } from 'react';
+interface OverflowContainerProps {
+    isSingleLine?: boolean;
+}
+/**
+ * __Overflow container__
+ */
+declare const OverflowContainer: FC<OverflowContainerProps & HTMLAttributes<HTMLSpanElement>>;
+export default OverflowContainer;

package/dist/types-ts4.0/components/internal/styled.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { FC, HTMLAttributes } from 'react';
+export declare const iconColor: "var(--ds-text)";
+/**
+ * __Tree row container__
+ */
+export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement>>;
+/**
+ * __Chevron container__
+ */
+export declare const ChevronContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+/**
+ * __Chevron icon container__
+ *
+ * A chevron icon container.
+ */
+export declare const ChevronIconContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+export declare const LoaderItemContainer: FC<{
+    isRoot?: boolean;
+}>;

package/dist/types-ts4.0/components/internal/with-column-width.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface CellWithColumnWidthProps {
+    width?: number | string;
+    columnIndex?: number;
+}
+export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): {
+    new (props: Readonly<T & CellWithColumnWidthProps>): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: T & CellWithColumnWidthProps, context?: any): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): void;
+        UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextTypes: {
+        tableTree: PropTypes.Validator<object>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/types-ts4.0/components/row.d.ts

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+declare class Row extends Component<any, any> {
+    state: {
+        isExpanded: any;
+    };
+    componentDidUpdate(prevProps: any): void;
+    onExpandStateChange(isExpanded: boolean): void;
+    onExpandToggle: () => void;
+    isExpanded(): any;
+    renderCell(cell: any, cellIndex: number): React.FunctionComponentElement<{
+        key: number;
+        columnIndex: number;
+        indentLevel: any;
+    }>;
+    render(): JSX.Element;
+}
+export { Row as RowWithoutAnalytics };
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, string | number | symbol> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, string | number | symbol> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.0/components/rows.d.ts

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+declare type WithChildren<T> = T & {
+    children?: T[] | null;
+};
+export interface RowsProps<T> {
+    items?: WithChildren<T>[];
+    render: (args: WithChildren<T>) => React.ReactNode;
+}
+export default class Rows<T> extends Component<RowsProps<T>> {
+    render(): JSX.Element;
+}
+export {};

package/dist/types-ts4.0/components/table-tree.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+interface State {
+    columnWidths: number[];
+}
+export default class TableTree extends Component<any, State> {
+    static childContextTypes: {
+        tableTree: PropTypes.Validator<object>;
+    };
+    state: State;
+    componentDidMount(): void;
+    setColumnWidth: (columnIndex: number, width: number) => void;
+    getColumnWidth: (columnIndex: any) => number | null;
+    getChildContext(): {
+        tableTree: {
+            columnWidths: number[];
+            setColumnWidth: (columnIndex: number, width: number) => void;
+            getColumnWidth: (columnIndex: any) => number | null;
+        };
+    };
+    render(): JSX.Element;
+}
+export {};

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './components/table-tree';
+export { default as Headers } from './components/headers';
+export { default as Header } from './components/header';
+export { default as Cell } from './components/cell';
+export { default as Rows } from './components/rows';
+export { default as Row } from './components/row';
+export { default as TableTreeDataHelper } from './utils/table-tree-data-helper';
+export type { CellWithColumnWidthProps } from './components/internal/with-column-width';
+export type { CellProps } from './components/cell';
+export type { RowsProps } from './components/rows';

package/dist/types-ts4.0/utils/table-tree-data-helper.d.ts

@@ -0,0 +1,25 @@
+/**
+ * This helper class will create a cache of all the id's in the items object and
+ * path to the object.
+ * Example:
+ * [{
+ *   // item 1,
+ *   id: 1,
+ *   children:[{
+ *     // item 1.1,
+ *     id: '2'
+ *   }]
+ * }]
+ *
+ * Cache will look something like:
+ * {1: 0, 2: '0.children[0]'}
+ */
+export default class TableTreeDataHelper<T extends any = any> {
+    key: keyof T;
+    keysCache: any;
+    constructor({ key }?: {
+        key?: keyof T | undefined;
+    });
+    updateItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
+    appendItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
+}

package/dist/types-ts4.0/utils/to-item-id.d.ts

@@ -0,0 +1 @@
+export default function toItemId(id: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.2.0",
+  "version": "9.2.2",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,10 +12,19 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/table-tree/",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -29,7 +38,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -45,7 +54,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.0.1",
     "@atlaskit/empty-state": "^7.4.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -77,6 +86,7 @@
         "emotion"
       ],
       "analytics": "analytics-next",
+      "design-tokens": "spacing",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports"
     }

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/table-tree"
+## API Report File for "@atlaskit/table-tree".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 /// <reference types="react" />
@@ -8,6 +10,7 @@
 import { Component } from 'react';
 import { Context } from 'react';
 import { ErrorInfo } from 'react';
+import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
 import { default as React_2 } from 'react';
 import { ReactInstance } from 'react';
@@ -291,7 +294,7 @@ export declare const Header: {
 };
 
 declare class Headers_2 extends Component<any> {
-  render(): JSX.Element;
+  render(): jsx.JSX.Element;
 }
 export { Headers_2 as Headers };