@atlaskit/table-tree 9.2.7 → 9.2.9

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

@@ -1,27 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isSingleLine"];
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 var overflowContainerStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
 /**
  * __Overflow container__
  */
-
 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
+    props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx("span", _extends({
       css: isSingleLine && overflowContainerStyles
     }, props))
   );
 };
-
 export default OverflowContainer;

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

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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, ")");
@@ -11,12 +11,13 @@ var treeRowContainerStyles = css({
   display: 'flex',
   borderBottom: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
 });
+
 /**
  * __Tree row container__
  */
-
 export var TreeRowContainer = function TreeRowContainer(props) {
-  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx("div", _extends({
       css: treeRowContainerStyles
     }, props))
@@ -30,11 +31,12 @@ var commonChevronContainerStyles = css({
   top: 7,
   alignItems: 'center'
 });
+
 /**
  * __Chevron container__
  */
-
-export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export var ChevronContainer = function ChevronContainer(props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return jsx("span", _extends({}, props, {
     css: commonChevronContainerStyles
@@ -44,13 +46,14 @@ var chevronIconContainerStyles = css({
   position: 'relative',
   top: 1
 });
+
 /**
  * __Chevron icon container__
  *
  * A chevron icon container.
  */
-
-export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export var ChevronIconContainer = function ChevronIconContainer(props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return jsx("span", _extends({}, props, {
     css: chevronIconContainerStyles
@@ -65,18 +68,17 @@ var paddingLeftStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingLeft: '50%'
 });
+
 /**
  * __Loader item container__
  *
  * A loader item container.
  */
-
 export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return jsx("span", _extends({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };

package/dist/esm/components/internal/with-column-width.js

@@ -7,28 +7,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["width", "columnIndex"];
-
 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); }; }
-
 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; } }
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 export default function withColumnWidth(Cell) {
   var _class;
-
   return _class = /*#__PURE__*/function (_Component) {
     _inherits(CellWithColumnWidth, _Component);
-
     var _super = _createSuper(CellWithColumnWidth);
-
     function CellWithColumnWidth() {
       _classCallCheck(this, CellWithColumnWidth);
-
       return _super.apply(this, arguments);
     }
-
     _createClass(CellWithColumnWidth, [{
       key: "UNSAFE_componentWillMount",
       value: function UNSAFE_componentWillMount() {
@@ -50,17 +42,15 @@ export default function withColumnWidth(Cell) {
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            width = _this$props.width,
-            columnIndex = _this$props.columnIndex,
-            other = _objectWithoutProperties(_this$props, _excluded);
-
+          width = _this$props.width,
+          columnIndex = _this$props.columnIndex,
+          other = _objectWithoutProperties(_this$props, _excluded);
         var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
         return /*#__PURE__*/React.createElement(Cell, _extends({
           width: columnWidth
         }, other));
       }
     }]);
-
     return CellWithColumnWidth;
   }(Component), _defineProperty(_class, "contextTypes", {
     tableTree: PropTypes.object.isRequired

package/dist/esm/components/row.js

@@ -6,11 +6,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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); }; }
-
 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; } }
-
 /* eslint-disable @repo/internal/react/no-clone-element */
 import React, { Component, Fragment } from 'react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -18,52 +15,39 @@ 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.7";
-
+var packageVersion = "9.2.9";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
-
   var _super = _createSuper(Row);
-
   function Row() {
     var _this;
-
     _classCallCheck(this, Row);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       isExpanded: _this.props.isDefaultExpanded || false
     });
-
     _defineProperty(_assertThisInitialized(_this), "onExpandToggle", function () {
       var isExpanded = _this.props.isExpanded;
-
       if (isExpanded !== undefined) {
         _this.onExpandStateChange(!isExpanded);
       } else {
         _this.setState({
           isExpanded: !_this.state.isExpanded
         });
-
         _this.onExpandStateChange(!_this.state.isExpanded);
       }
     });
-
     return _this;
   }
-
   _createClass(Row, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,
-          isDefaultExpanded = _this$props.isDefaultExpanded,
-          isExpanded = _this$props.isExpanded;
-
+        isDefaultExpanded = _this$props.isDefaultExpanded,
+        isExpanded = _this$props.isExpanded;
       if (isExpanded === undefined && isDefaultExpanded !== undefined && prevProps.isDefaultExpanded !== isDefaultExpanded && this.state.isExpanded !== isDefaultExpanded) {
         // eslint-disable-next-line react/no-did-update-set-state
         this.setState({
@@ -94,11 +78,10 @@ var Row = /*#__PURE__*/function (_Component) {
       var props = this.props;
       var isExpanded = this.isExpanded();
       var hasChildren = props.hasChildren,
-          depth = props.depth;
+        depth = props.depth;
       var isFirstCell = cellIndex === 0;
       var indentLevel = isFirstCell ? depth : 0;
       var cellContent = cell.props.children || [];
-
       if (isFirstCell && hasChildren) {
         cellContent = [/*#__PURE__*/React.createElement(Chevron, {
           key: "chevron",
@@ -109,7 +92,6 @@ var Row = /*#__PURE__*/function (_Component) {
           ariaControls: toItemId(props.itemId)
         })].concat(cellContent);
       }
-
       return /*#__PURE__*/React.cloneElement(cell, {
         key: cellIndex,
         columnIndex: cellIndex,
@@ -120,22 +102,18 @@ var Row = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          hasChildren = _this$props2.hasChildren,
-          depth = _this$props2.depth,
-          renderChildren = _this$props2.renderChildren;
+        hasChildren = _this$props2.hasChildren,
+        depth = _this$props2.depth,
+        renderChildren = _this$props2.renderChildren;
       var isExpanded = this.isExpanded();
       var ariaAttrs = {};
-
       if (hasChildren) {
         ariaAttrs['aria-expanded'] = isExpanded;
       }
-
       if (depth !== undefined) {
         ariaAttrs['aria-level'] = depth;
       }
-
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TreeRowContainer, _extends({
         role: "row"
       }, ariaAttrs), React.Children.map(this.props.children, function (cell, index) {
@@ -143,10 +121,8 @@ var Row = /*#__PURE__*/function (_Component) {
       })), hasChildren && isExpanded && renderChildren && renderChildren());
     }
   }]);
-
   return Row;
 }(Component);
-
 export { Row as RowWithoutAnalytics };
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/components/rows.js

@@ -3,39 +3,29 @@ 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";
-
 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); }; }
-
 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; } }
-
 import React, { Component } from 'react';
 import Items from './internal/items';
-
 var Rows = /*#__PURE__*/function (_Component) {
   _inherits(Rows, _Component);
-
   var _super = _createSuper(Rows);
-
   function Rows() {
     _classCallCheck(this, Rows);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Rows, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          items = _this$props.items,
-          render = _this$props.render;
+        items = _this$props.items,
+        render = _this$props.render;
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Items, {
         items: items,
         render: render
       }));
     }
   }]);
-
   return Rows;
 }(Component);
-
 export { Rows as default };

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

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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); }; }
-
 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; } }
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,53 +15,38 @@ import Header from './header';
 import Headers from './headers';
 import Row from './row';
 import Rows from './rows';
-
 var TableTree = /*#__PURE__*/function (_Component) {
   _inherits(TableTree, _Component);
-
   var _super = _createSuper(TableTree);
-
   function TableTree() {
     var _this;
-
     _classCallCheck(this, TableTree);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       columnWidths: []
     });
-
     _defineProperty(_assertThisInitialized(_this), "setColumnWidth", function (columnIndex, width) {
       var columnWidths = _this.state.columnWidths;
-
       if (width === columnWidths[columnIndex]) {
         return;
       }
-
       columnWidths[columnIndex] = width;
-
       _this.setState({
         columnWidths: columnWidths
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getColumnWidth", function (columnIndex) {
       return _this.state && _this.state.columnWidths[columnIndex] || null;
     });
-
     return _this;
   }
-
   _createClass(TableTree, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var widths = this.props.columnWidths;
-
       if (widths) {
         this.setState({
           columnWidths: widths
@@ -86,11 +68,11 @@ var TableTree = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          items = _this$props.items,
-          headers = _this$props.headers,
-          columns = _this$props.columns,
-          _this$props$columnWid = _this$props.columnWidths,
-          columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid;
+        items = _this$props.items,
+        headers = _this$props.headers,
+        columns = _this$props.columns,
+        _this$props$columnWid = _this$props.columnWidths,
+        columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid;
       var heads = headers && /*#__PURE__*/React.createElement(Headers, null, headers.map(function (header, index) {
         return (
           /*#__PURE__*/
@@ -103,21 +85,21 @@ var TableTree = /*#__PURE__*/function (_Component) {
         );
       }));
       var rows = null;
-
       if (columns && items) {
         rows = /*#__PURE__*/React.createElement(Rows, {
           items: items,
           render: function render(_ref) {
             var id = _ref.id,
-                children = _ref.children,
-                hasChildren = _ref.hasChildren,
-                content = _ref.content;
+              children = _ref.children,
+              hasChildren = _ref.hasChildren,
+              content = _ref.content;
             return /*#__PURE__*/React.createElement(Row, {
               itemId: id,
               items: children,
               hasChildren: hasChildren
             }, columns.map(function (CellContent, index) {
-              return /*#__PURE__*/React.createElement(Cell // eslint-disable-next-line react/no-array-index-key
+              return /*#__PURE__*/React.createElement(Cell
+              // eslint-disable-next-line react/no-array-index-key
               , {
                 key: index,
                 columnIndex: index,
@@ -127,19 +109,15 @@ var TableTree = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       return /*#__PURE__*/React.createElement("div", {
         role: "treegrid",
         "aria-readonly": true
       }, heads, rows, this.props.children);
     }
   }]);
-
   return TableTree;
 }(Component);
-
 _defineProperty(TableTree, "childContextTypes", {
   tableTree: PropTypes.object.isRequired
 });
-
 export { TableTree as default };

package/dist/esm/utils/table-tree-data-helper.js

@@ -2,30 +2,22 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import get from 'lodash/get';
 import set from 'lodash/set';
-
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   var _ref = arguments.length > 2 ? arguments[2] : undefined,
-      key = _ref.key,
-      keysCache = _ref.keysCache,
-      operation = _ref.operation;
-
-  var newKeysCache = _objectSpread({}, keysCache); // If it is not an append operation we can ignore allItems as they will be swaped with new items
-
-
+    key = _ref.key,
+    keysCache = _ref.keysCache,
+    operation = _ref.operation;
+  var newKeysCache = _objectSpread({}, keysCache);
+  // If it is not an append operation we can ignore allItems as they will be swaped with new items
   var allBaseItems = operation === 'UPDATE' ? [] : _toConsumableArray(allItems);
   var startIndexWith = allBaseItems.length;
   rootItems.forEach(function (rootItem, index) {
     var rootItemKey = rootItem[key];
-
     if (rootItemKey === undefined) {
       throw new Error("[ERROR] Property '".concat(key, "' not found in rootItem[").concat(index, "]"));
     } else {
@@ -37,28 +29,22 @@ function updateRootItems(rootItems) {
     items: allBaseItems.concat(rootItems)
   };
 }
-
 function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   var key = _ref2.key,
-      keysCache = _ref2.keysCache,
-      operation = _ref2.operation;
-
+    keysCache = _ref2.keysCache,
+    operation = _ref2.operation;
   var newKeysCache = _objectSpread({}, keysCache);
-
   var parentCacheKey = itemParent[key];
-
   if (parentCacheKey === undefined) {
     throw new Error("[Table Tree] Property '".concat(key, "' not found in parent item"));
   }
-
   var parentLocation = newKeysCache[parentCacheKey];
-
   var allItemsCopy = _toConsumableArray(allTableItems);
-
   var objectToChange = get(allItemsCopy, parentLocation);
   var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : get(objectToChange, 'children', []);
-  objectToChange.children = baseChildrenOfObjectToChange.concat(newitems); // Update cache
+  objectToChange.children = baseChildrenOfObjectToChange.concat(newitems);
 
+  // Update cache
   newitems.forEach(function (item, index) {
     newKeysCache[item[key]] = "".concat(parentLocation, ".children[").concat(index + baseChildrenOfObjectToChange.length, "]");
   });
@@ -67,6 +53,7 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
     items: set(allItemsCopy, parentLocation, objectToChange)
   };
 }
+
 /**
  * This helper class will create a cache of all the id's in the items object and
  * path to the object.
@@ -83,20 +70,15 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
  * Cache will look something like:
  * {1: 0, 2: '0.children[0]'}
  */
-
-
 var TableTreeDataHelper = /*#__PURE__*/function () {
   function TableTreeDataHelper() {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$key = _ref3.key,
-        key = _ref3$key === void 0 ? 'key' : _ref3$key;
-
+      _ref3$key = _ref3.key,
+      key = _ref3$key === void 0 ? 'key' : _ref3$key;
     _classCallCheck(this, TableTreeDataHelper);
-
     this.key = key;
     this.keysCache = {};
   }
-
   _createClass(TableTreeDataHelper, [{
     key: "updateItems",
     value: function updateItems(items) {
@@ -107,20 +89,16 @@ var TableTreeDataHelper = /*#__PURE__*/function () {
         keysCache: this.keysCache,
         operation: 'UPDATE'
       };
-
       if (!parentItem) {
         var _updateRootItems = updateRootItems(items, allItems, options),
-            _keysCache = _updateRootItems.keysCache,
-            updatedRootItems = _updateRootItems.items;
-
+          _keysCache = _updateRootItems.keysCache,
+          updatedRootItems = _updateRootItems.items;
         this.keysCache = _keysCache;
         return updatedRootItems;
       }
-
       var _updateChildItems = updateChildItems(items, allItems, parentItem, options),
-          keysCache = _updateChildItems.keysCache,
-          updatedItems = _updateChildItems.items;
-
+        keysCache = _updateChildItems.keysCache,
+        updatedItems = _updateChildItems.items;
       this.keysCache = keysCache;
       return updatedItems;
     }
@@ -134,26 +112,20 @@ var TableTreeDataHelper = /*#__PURE__*/function () {
         keysCache: this.keysCache,
         operation: 'APPEND'
       };
-
       if (!parentItem) {
         var _updateRootItems2 = updateRootItems(items, allItems, options),
-            _keysCache2 = _updateRootItems2.keysCache,
-            updatedRootItems = _updateRootItems2.items;
-
+          _keysCache2 = _updateRootItems2.keysCache,
+          updatedRootItems = _updateRootItems2.items;
         this.keysCache = _keysCache2;
         return updatedRootItems;
       }
-
       var _updateChildItems2 = updateChildItems(items, allItems, parentItem, options),
-          keysCache = _updateChildItems2.keysCache,
-          updatedItems = _updateChildItems2.items;
-
+        keysCache = _updateChildItems2.keysCache,
+        updatedItems = _updateChildItems2.items;
       this.keysCache = keysCache;
       return updatedItems;
     }
   }]);
-
   return TableTreeDataHelper;
 }();
-
 export { TableTreeDataHelper as default };

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.2.7",
+  "version": "9.2.9",
   "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/icon": "^21.11.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",
@@ -47,12 +47,13 @@
     "@atlaskit/ds-lib": "^2.0.1",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^11.0.0",
-    "enzyme": "^3.10.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
     "exenv": "^1.2.2",
     "react-dom": "^16.8.0",
     "react-redux": "^5.1.2",