@atlaskit/table-tree 9.6.4 → 9.6.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/table-tree
 
+## 9.6.6
+
+### Patch Changes
+
+- [#42271](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42271) [`a2f554b0828`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2f554b0828) - Remove circular dependency and use type imports
+
+## 9.6.5
+
+### Patch Changes
+
+- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
+
 ## 9.6.4
 
 ### Patch Changes

package/dist/cjs/components/cell.js

@@ -57,5 +57,4 @@ var Cell = /*#__PURE__*/function (_Component) {
   }]);
   return Cell;
 }(_react.Component);
-var _default = (0, _withColumnWidth.default)(Cell);
-exports.default = _default;
+var _default = exports.default = (0, _withColumnWidth.default)(Cell);

package/dist/cjs/components/header.js

@@ -51,5 +51,4 @@ var Header = /*#__PURE__*/function (_Component) {
   }]);
   return Header;
 }(_react.Component);
-var _default = (0, _withColumnWidth.default)(Header);
-exports.default = _default;
+var _default = exports.default = (0, _withColumnWidth.default)(Header);

package/dist/cjs/components/headers.js

@@ -18,7 +18,7 @@ var containerStyles = (0, _react2.css)({
   display: 'flex',
   borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
-var Headers = /*#__PURE__*/function (_Component) {
+var Headers = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Headers, _Component);
   var _super = _createSuper(Headers);
   function Headers() {
@@ -48,5 +48,4 @@ var Headers = /*#__PURE__*/function (_Component) {
     }
   }]);
   return Headers;
-}(_react.Component);
-exports.default = Headers;
+}(_react.Component);

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

@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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/consistent-props-definitions */ /* eslint-disable react/prop-types */
-var Chevron = /*#__PURE__*/function (_Component) {
+var Chevron = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Chevron, _Component);
   var _super = _createSuper(Chevron);
   function Chevron() {
@@ -71,7 +71,6 @@ var Chevron = /*#__PURE__*/function (_Component) {
   }]);
   return Chevron;
 }(_react.Component);
-exports.default = Chevron;
 (0, _defineProperty2.default)(Chevron, "defaultProps", {
   expandLabel: 'Expand',
   collapseLabel: 'Collapse'

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

@@ -37,5 +37,4 @@ var CommonCell = function CommonCell(_ref) {
     css: commonStyles
   }));
 };
-var _default = CommonCell;
-exports.default = _default;
+var _default = exports.default = CommonCell;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableTreeContext = void 0;
+var _react = require("react");
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+var TableTreeContext = exports.TableTreeContext = /*#__PURE__*/(0, _react.createContext)({
+  setColumnWidth: function setColumnWidth() {},
+  getColumnWidth: function getColumnWidth() {
+    return null;
+  }
+});

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

@@ -17,7 +17,7 @@ var _toItemId = _interopRequireDefault(require("../../utils/to-item-id"));
 var _items = _interopRequireDefault(require("./items"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } } /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */
-var Item = /*#__PURE__*/function (_Component) {
+var Item = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Item, _Component);
   var _super = _createSuper(Item);
   function Item() {
@@ -57,7 +57,6 @@ var Item = /*#__PURE__*/function (_Component) {
   }]);
   return Item;
 }(_react.Component);
-exports.default = Item;
 (0, _defineProperty2.default)(Item, "defaultProps", {
   depth: 0
 });

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

@@ -20,7 +20,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
-var Items = /*#__PURE__*/function (_Component) {
+var Items = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Items, _Component);
   var _super = _createSuper(Items);
   function Items() {
@@ -92,7 +92,6 @@ var Items = /*#__PURE__*/function (_Component) {
   }]);
   return Items;
 }(_react.Component);
-exports.default = Items;
 (0, _defineProperty2.default)(Items, "defaultProps", {
   depth: 0
 });

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

@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
-var LoaderItem = /*#__PURE__*/function (_Component) {
+var LoaderItem = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(LoaderItem, _Component);
   var _super = _createSuper(LoaderItem);
   function LoaderItem() {
@@ -73,7 +73,6 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
   }]);
   return LoaderItem;
 }(_react.Component);
-exports.default = LoaderItem;
 (0, _defineProperty2.default)(LoaderItem, "defaultProps", {
   depth: 1
 });

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

@@ -11,15 +11,9 @@ var _react = require("@emotion/react");
 var _excluded = ["isSingleLine"];
 /** @jsx jsx */
 var overflowContainerStyles = (0, _react.css)({
+  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-  '@supports not (overflow-x: clip)': {
-    overflow: 'hidden'
-  },
-  '@supports (overflow-x: clip)': {
-    overflowX: 'clip'
-  }
+  whiteSpace: 'nowrap'
 });
 
 /**
@@ -35,5 +29,4 @@ var OverflowContainer = function OverflowContainer(_ref) {
     }, props))
   );
 };
-var _default = OverflowContainer;
-exports.default = _default;
+var _default = exports.default = OverflowContainer;

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

@@ -11,10 +11,8 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["isRoot"];
 /** @jsx jsx */
-var iconColor = "var(--ds-text, ".concat(_colors.N800, ")");
-exports.iconColor = iconColor;
-var indentBase = "var(--ds-space-300, 25px)";
-exports.indentBase = indentBase;
+var iconColor = exports.iconColor = "var(--ds-text, ".concat(_colors.N800, ")");
+var indentBase = exports.indentBase = "var(--ds-space-300, 25px)";
 var treeRowContainerStyles = (0, _react.css)({
   display: 'flex',
   borderBottom: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
@@ -23,7 +21,7 @@ var treeRowContainerStyles = (0, _react.css)({
 /**
  * __Tree row container__
  */
-var TreeRowContainer = function TreeRowContainer(props) {
+var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
   return (
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     (0, _react.jsx)("div", (0, _extends2.default)({
@@ -31,7 +29,6 @@ var TreeRowContainer = function TreeRowContainer(props) {
     }, props))
   );
 };
-exports.TreeRowContainer = TreeRowContainer;
 var commonChevronContainerStyles = (0, _react.css)({
   display: 'flex',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
@@ -46,14 +43,13 @@ var commonChevronContainerStyles = (0, _react.css)({
  *
  * A wrapper container around the expand table tree button.
  */
-var ChevronContainer = function ChevronContainer(props
+var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
     css: commonChevronContainerStyles
   }));
 };
-exports.ChevronContainer = ChevronContainer;
 var chevronIconContainerStyles = (0, _react.css)({
   position: 'relative',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
@@ -65,14 +61,13 @@ var chevronIconContainerStyles = (0, _react.css)({
  *
  * A chevron icon container.
  */
-var ChevronIconContainer = function ChevronIconContainer(props
+var ChevronIconContainer = exports.ChevronIconContainer = function ChevronIconContainer(props
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
     css: chevronIconContainerStyles
   }));
 };
-exports.ChevronIconContainer = ChevronIconContainer;
 var loadingItemContainerStyles = (0, _react.css)({
   width: '100%',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
@@ -87,12 +82,11 @@ var paddingLeftStyles = (0, _react.css)({
  *
  * A loader item container.
  */
-var LoaderItemContainer = function LoaderItemContainer(_ref) {
+var LoaderItemContainer = exports.LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   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/internal/with-column-width.js

@@ -9,13 +9,13 @@ exports.default = withColumnWidth;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _tableTree = require("../table-tree");
+var _context = require("./context");
 var _excluded = ["width", "columnIndex"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function withColumnWidth(Cell) {
   return function (props) {
-    var _useContext = (0, _react.useContext)(_tableTree.TableTreeContext),
+    var _useContext = (0, _react.useContext)(_context.TableTreeContext),
       setColumnWidth = _useContext.setColumnWidth,
       getColumnWidth = _useContext.getColumnWidth;
     var width = props.width,

package/dist/cjs/components/row.js

@@ -28,8 +28,8 @@ var treeRowClickableStyles = (0, _react2.css)({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.6.4";
-var Row = /*#__PURE__*/function (_Component) {
+var packageVersion = "9.6.6";
+var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);
   var _super = _createSuper(Row);
   function Row() {
@@ -166,9 +166,8 @@ var Row = /*#__PURE__*/function (_Component) {
   }]);
   return Row;
 }(_react.Component);
-exports.RowWithoutAnalytics = Row;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-var _default = (0, _analyticsNext.withAnalyticsContext)({
+var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'row',
   packageName: packageName,
   packageVersion: packageVersion
@@ -191,5 +190,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
       packageVersion: packageVersion
     }
   })
-})(Row));
-exports.default = _default;
+})(Row));

package/dist/cjs/components/rows.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var Rows = /*#__PURE__*/function (_Component) {
+var Rows = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Rows, _Component);
   var _super = _createSuper(Rows);
   function Rows() {
@@ -37,5 +37,4 @@ var Rows = /*#__PURE__*/function (_Component) {
     }
   }]);
   return Rows;
-}(_react.Component);
-exports.default = Rows;
+}(_react.Component);

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TableTreeContext = void 0;
+exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -17,25 +17,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _cell = _interopRequireDefault(require("./cell"));
 var _header = _interopRequireDefault(require("./header"));
 var _headers = _interopRequireDefault(require("./headers"));
+var _context = require("./internal/context");
 var _row = _interopRequireDefault(require("./row"));
 var _rows = _interopRequireDefault(require("./rows"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
-/**
- *
- * Context provider which maintains the column widths and access methods for use in descendent table cells
- * Enables composed table-tree implementations to e.g. set width on header cells only
- */
-var TableTreeContext = /*#__PURE__*/(0, _react.createContext)({
-  setColumnWidth: function setColumnWidth() {},
-  getColumnWidth: function getColumnWidth() {
-    return null;
-  }
-});
-exports.TableTreeContext = TableTreeContext;
-var TableTree = /*#__PURE__*/function (_Component) {
+var TableTree = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TableTree, _Component);
   var _super = _createSuper(TableTree);
   function TableTree() {
@@ -122,7 +111,7 @@ var TableTree = /*#__PURE__*/function (_Component) {
           }
         });
       }
-      return /*#__PURE__*/_react.default.createElement(TableTreeContext.Provider, {
+      return /*#__PURE__*/_react.default.createElement(_context.TableTreeContext.Provider, {
         value: {
           setColumnWidth: this.setColumnWidth,
           getColumnWidth: this.getColumnWidth
@@ -134,5 +123,4 @@ var TableTree = /*#__PURE__*/function (_Component) {
     }
   }]);
   return TableTree;
-}(_react.Component);
-exports.default = TableTree;
+}(_react.Component);

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

@@ -77,7 +77,7 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
  * Cache will look something like:
  * {1: 0, 2: '0.children[0]'}
  */
-var TableTreeDataHelper = /*#__PURE__*/function () {
+var TableTreeDataHelper = exports.default = /*#__PURE__*/function () {
   function TableTreeDataHelper() {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref3$key = _ref3.key,
@@ -134,5 +134,4 @@ var TableTreeDataHelper = /*#__PURE__*/function () {
     }
   }]);
   return TableTreeDataHelper;
-}();
-exports.default = TableTreeDataHelper;
+}();

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

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export const TableTreeContext = /*#__PURE__*/createContext({
+  setColumnWidth: () => {},
+  getColumnWidth: () => null
+});

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

@@ -3,15 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 
 import { css, jsx } from '@emotion/react';
 const overflowContainerStyles = css({
+  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-  '@supports not (overflow-x: clip)': {
-    overflow: 'hidden'
-  },
-  '@supports (overflow-x: clip)': {
-    overflowX: 'clip'
-  }
+  whiteSpace: 'nowrap'
 });
 
 /**

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext, useEffect } from 'react';
-import { TableTreeContext } from '../table-tree';
+import { TableTreeContext } from './context';
 export default function withColumnWidth(Cell) {
   return props => {
     const {

package/dist/es2019/components/row.js

@@ -12,7 +12,7 @@ const treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.6.4";
+const packageVersion = "9.6.6";
 class Row extends Component {
   constructor(...args) {
     super(...args);

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

@@ -1,20 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable react/prop-types */
-import React, { Component, createContext } from 'react';
+import React, { Component } from 'react';
 import Cell from './cell';
 import Header from './header';
 import Headers from './headers';
+import { TableTreeContext } from './internal/context';
 import Row from './row';
 import Rows from './rows';
-/**
- *
- * Context provider which maintains the column widths and access methods for use in descendent table cells
- * Enables composed table-tree implementations to e.g. set width on header cells only
- */
-export const TableTreeContext = /*#__PURE__*/createContext({
-  setColumnWidth: () => {},
-  getColumnWidth: () => null
-});
 export default class TableTree extends Component {
   constructor(...args) {
     super(...args);

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

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export var TableTreeContext = /*#__PURE__*/createContext({
+  setColumnWidth: function setColumnWidth() {},
+  getColumnWidth: function getColumnWidth() {
+    return null;
+  }
+});

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

@@ -5,15 +5,9 @@ var _excluded = ["isSingleLine"];
 
 import { css, jsx } from '@emotion/react';
 var overflowContainerStyles = css({
+  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-  '@supports not (overflow-x: clip)': {
-    overflow: 'hidden'
-  },
-  '@supports (overflow-x: clip)': {
-    overflowX: 'clip'
-  }
+  whiteSpace: 'nowrap'
 });
 
 /**

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "columnIndex"];
 import React, { useContext, useEffect } from 'react';
-import { TableTreeContext } from '../table-tree';
+import { TableTreeContext } from './context';
 export default function withColumnWidth(Cell) {
   return function (props) {
     var _useContext = useContext(TableTreeContext),

package/dist/esm/components/row.js

@@ -20,7 +20,7 @@ var treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.6.4";
+var packageVersion = "9.6.6";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);

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

@@ -8,23 +8,13 @@ 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, createContext } from 'react';
+import React, { Component } from 'react';
 import Cell from './cell';
 import Header from './header';
 import Headers from './headers';
+import { TableTreeContext } from './internal/context';
 import Row from './row';
 import Rows from './rows';
-/**
- *
- * Context provider which maintains the column widths and access methods for use in descendent table cells
- * Enables composed table-tree implementations to e.g. set width on header cells only
- */
-export var TableTreeContext = /*#__PURE__*/createContext({
-  setColumnWidth: function setColumnWidth() {},
-  getColumnWidth: function getColumnWidth() {
-    return null;
-  }
-});
 var TableTree = /*#__PURE__*/function (_Component) {
   _inherits(TableTree, _Component);
   var _super = _createSuper(TableTree);

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface CommonCellProps {
     indent?: string;
     width?: string | number;

package/dist/types/components/internal/context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ColumnWidth = string | number;
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export declare const TableTreeContext: import("react").Context<{
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
+}>;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface OverflowContainerProps {
     isSingleLine?: boolean;
     chilren?: ReactNode;

package/dist/types/components/internal/styled.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 export declare const iconColor: "var(--ds-text)";
 export declare const indentBase: "var(--ds-space-300)";
 /**

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

@@ -1,18 +1,8 @@
-import React, { Component } from 'react';
-type ColumnWidth = string | number;
+import { Component } from 'react';
+import { type ColumnWidth } from './internal/context';
 interface State {
     columnWidths: ColumnWidth[];
 }
-type TableTreeContext = {
-    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
-    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
-};
-/**
- *
- * Context provider which maintains the column widths and access methods for use in descendent table cells
- * Enables composed table-tree implementations to e.g. set width on header cells only
- */
-export declare const TableTreeContext: React.Context<TableTreeContext>;
 export default class TableTree extends Component<any, State> {
     state: State;
     componentDidMount(): void;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface CommonCellProps {
     indent?: string;
     width?: string | number;

package/dist/types-ts4.5/components/internal/context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ColumnWidth = string | number;
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export declare const TableTreeContext: import("react").Context<{
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
+}>;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface OverflowContainerProps {
     isSingleLine?: boolean;
     chilren?: ReactNode;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 export declare const iconColor: "var(--ds-text)";
 export declare const indentBase: "var(--ds-space-300)";
 /**

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

@@ -1,18 +1,8 @@
-import React, { Component } from 'react';
-type ColumnWidth = string | number;
+import { Component } from 'react';
+import { type ColumnWidth } from './internal/context';
 interface State {
     columnWidths: ColumnWidth[];
 }
-type TableTreeContext = {
-    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
-    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
-};
-/**
- *
- * Context provider which maintains the column widths and access methods for use in descendent table cells
- * Enables composed table-tree implementations to e.g. set width on header cells only
- */
-export declare const TableTreeContext: React.Context<TableTreeContext>;
 export default class TableTree extends Component<any, State> {
     state: State;
     componentDidMount(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.6.4",
+  "version": "9.6.6",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,11 +24,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.10.0",
+    "@atlaskit/button": "^16.11.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21"
@@ -46,6 +46,7 @@
     "@emotion/styled": "^11.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
+    "@types/react-redux": "^5.0.0",
     "exenv": "^1.2.2",
     "react-dom": "^16.8.0",
     "react-redux": "^5.1.2",