@atlaskit/table-tree 9.6.4 → 9.6.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/table-tree
 
+## 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/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/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.5";
+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

@@ -28,14 +28,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * 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)({
+var TableTreeContext = exports.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() {
@@ -134,5 +133,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/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/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.5";
 class Row extends Component {
   constructor(...args) {
     super(...args);

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/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.5";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.6.4",
+  "version": "9.6.5",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21"