@atlaskit/table-tree 9.10.2 → 9.10.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/table-tree
 
+## 9.10.4
+
+### Patch Changes
+
+- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
+  [`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
+  DSP-19576: Assign names to anonymous default exports
+
+## 9.10.3
+
+### Patch Changes
+
+- [#116402](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116402)
+  [`2d5c40095cc96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d5c40095cc96) -
+  [ux] Internal changes to typography, minor visual change to table header letter spacing.
+
 ## 9.10.2
 
 ### Patch Changes

package/dist/cjs/components/cell.js

@@ -23,14 +23,14 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var Cell = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Cell, _Component);
-  var _super = _createSuper(Cell);
-  function Cell() {
-    (0, _classCallCheck2.default)(this, Cell);
+var CellComponent = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(CellComponent, _Component);
+  var _super = _createSuper(CellComponent);
+  function CellComponent() {
+    (0, _classCallCheck2.default)(this, CellComponent);
     return _super.apply(this, arguments);
   }
-  (0, _createClass2.default)(Cell, [{
+  (0, _createClass2.default)(CellComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -51,6 +51,9 @@ var Cell = /*#__PURE__*/function (_Component) {
       }, children));
     }
   }]);
-  return Cell;
+  return CellComponent;
 }(_react.Component);
-var _default = exports.default = (0, _withColumnWidth.default)(Cell);
+var Cell = (0, _withColumnWidth.default)(CellComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = Cell;

package/dist/cjs/components/header.js

@@ -22,19 +22,17 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var headerStyles = (0, _react2.css)({
   color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
-  fontSize: '12px',
-  fontWeight: "var(--ds-font-weight-bold, bold)",
-  letterSpacing: -0.1,
-  lineHeight: '20px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
-var Header = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Header, _Component);
-  var _super = _createSuper(Header);
-  function Header() {
-    (0, _classCallCheck2.default)(this, Header);
+var HeaderComponent = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(HeaderComponent, _Component);
+  var _super = _createSuper(HeaderComponent);
+  function HeaderComponent() {
+    (0, _classCallCheck2.default)(this, HeaderComponent);
     return _super.apply(this, arguments);
   }
-  (0, _createClass2.default)(Header, [{
+  (0, _createClass2.default)(HeaderComponent, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -51,6 +49,9 @@ var Header = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-  return Header;
+  return HeaderComponent;
 }(_react.Component);
-var _default = exports.default = (0, _withColumnWidth.default)(Header);
+var Header = (0, _withColumnWidth.default)(HeaderComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = Header;

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

@@ -25,8 +25,8 @@ var commonStyles = (0, _react.css)({
   position: 'relative',
   alignItems: 'center',
   color: "var(--ds-text, ".concat(_colors.N800, ")"),
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   hyphens: 'auto',
-  lineHeight: '20px',
   wordBreak: 'break-word'
 });
 /**

package/dist/cjs/components/row.js

@@ -30,13 +30,13 @@ var treeRowClickableStyles = (0, _react2.css)({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.10.2";
-var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Row, _Component);
-  var _super = _createSuper(Row);
-  function Row() {
+var packageVersion = "9.10.4";
+var RowComponent = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(RowComponent, _Component);
+  var _super = _createSuper(RowComponent);
+  function RowComponent() {
     var _this;
-    (0, _classCallCheck2.default)(this, Row);
+    (0, _classCallCheck2.default)(this, RowComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -80,7 +80,7 @@ var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Row, [{
+  (0, _createClass2.default)(RowComponent, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,
@@ -165,10 +165,10 @@ var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
       })), hasChildren && isExpanded && renderChildren && renderChildren());
     }
   }]);
-  return Row;
+  return RowComponent;
 }(_react.Component);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
+var Row = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'row',
   packageName: packageName,
   packageVersion: packageVersion
@@ -191,4 +191,7 @@ var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
       packageVersion: packageVersion
     }
   })
-})(Row));
+})(RowComponent));
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = Row;

package/dist/es2019/components/cell.js

@@ -4,7 +4,7 @@ import CommonCell from './internal/common-cell';
 import OverflowContainer from './internal/overflow-container';
 import { indentBase } from './internal/styled';
 import withColumnWidth from './internal/with-column-width';
-class Cell extends Component {
+class CellComponent extends Component {
   render() {
     const {
       children,
@@ -25,4 +25,7 @@ class Cell extends Component {
     }, children));
   }
 }
-export default withColumnWidth(Cell);
+const Cell = withColumnWidth(CellComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Cell;

package/dist/es2019/components/header.js

@@ -12,12 +12,10 @@ import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 const headerStyles = css({
   color: `var(--ds-text-subtle, ${N300})`,
-  fontSize: '12px',
-  fontWeight: "var(--ds-font-weight-bold, bold)",
-  letterSpacing: -0.1,
-  lineHeight: '20px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
-class Header extends Component {
+class HeaderComponent extends Component {
   render() {
     const {
       props
@@ -35,4 +33,7 @@ class Header extends Component {
     );
   }
 }
-export default withColumnWidth(Header);
+const Header = withColumnWidth(HeaderComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Header;

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

@@ -17,8 +17,8 @@ const commonStyles = css({
   position: 'relative',
   alignItems: 'center',
   color: `var(--ds-text, ${N800})`,
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   hyphens: 'auto',
-  lineHeight: '20px',
   wordBreak: 'break-word'
 });
 /**

package/dist/es2019/components/row.js

@@ -17,8 +17,8 @@ const treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.10.2";
-class Row extends Component {
+const packageVersion = "9.10.4";
+class RowComponent extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
@@ -141,9 +141,9 @@ class Row extends Component {
     }, ariaAttrs), React.Children.map(this.props.children, (cell, index) => this.renderCell(cell, index))), hasChildren && isExpanded && renderChildren && renderChildren());
   }
 }
-export { Row as RowWithoutAnalytics };
+export { RowComponent as RowWithoutAnalytics };
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
-export default withAnalyticsContext({
+const Row = withAnalyticsContext({
   componentName: 'row',
   packageName,
   packageVersion
@@ -166,4 +166,7 @@ export default withAnalyticsContext({
       packageVersion
     }
   })
-})(Row));
+})(RowComponent));
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Row;

package/dist/esm/components/cell.js

@@ -13,14 +13,14 @@ import CommonCell from './internal/common-cell';
 import OverflowContainer from './internal/overflow-container';
 import { indentBase } from './internal/styled';
 import withColumnWidth from './internal/with-column-width';
-var Cell = /*#__PURE__*/function (_Component) {
-  _inherits(Cell, _Component);
-  var _super = _createSuper(Cell);
-  function Cell() {
-    _classCallCheck(this, Cell);
+var CellComponent = /*#__PURE__*/function (_Component) {
+  _inherits(CellComponent, _Component);
+  var _super = _createSuper(CellComponent);
+  function CellComponent() {
+    _classCallCheck(this, CellComponent);
     return _super.apply(this, arguments);
   }
-  _createClass(Cell, [{
+  _createClass(CellComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -41,6 +41,9 @@ var Cell = /*#__PURE__*/function (_Component) {
       }, children));
     }
   }]);
-  return Cell;
+  return CellComponent;
 }(Component);
-export default withColumnWidth(Cell);
+var Cell = withColumnWidth(CellComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Cell;

package/dist/esm/components/header.js

@@ -19,19 +19,17 @@ import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 var headerStyles = css({
   color: "var(--ds-text-subtle, ".concat(N300, ")"),
-  fontSize: '12px',
-  fontWeight: "var(--ds-font-weight-bold, bold)",
-  letterSpacing: -0.1,
-  lineHeight: '20px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
-var Header = /*#__PURE__*/function (_Component) {
-  _inherits(Header, _Component);
-  var _super = _createSuper(Header);
-  function Header() {
-    _classCallCheck(this, Header);
+var HeaderComponent = /*#__PURE__*/function (_Component) {
+  _inherits(HeaderComponent, _Component);
+  var _super = _createSuper(HeaderComponent);
+  function HeaderComponent() {
+    _classCallCheck(this, HeaderComponent);
     return _super.apply(this, arguments);
   }
-  _createClass(Header, [{
+  _createClass(HeaderComponent, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -48,6 +46,9 @@ var Header = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-  return Header;
+  return HeaderComponent;
 }(Component);
-export default withColumnWidth(Header);
+var Header = withColumnWidth(HeaderComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Header;

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

@@ -19,8 +19,8 @@ var commonStyles = css({
   position: 'relative',
   alignItems: 'center',
   color: "var(--ds-text, ".concat(N800, ")"),
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   hyphens: 'auto',
-  lineHeight: '20px',
   wordBreak: 'break-word'
 });
 /**

package/dist/esm/components/row.js

@@ -25,13 +25,13 @@ var treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.10.2";
-var Row = /*#__PURE__*/function (_Component) {
-  _inherits(Row, _Component);
-  var _super = _createSuper(Row);
-  function Row() {
+var packageVersion = "9.10.4";
+var RowComponent = /*#__PURE__*/function (_Component) {
+  _inherits(RowComponent, _Component);
+  var _super = _createSuper(RowComponent);
+  function RowComponent() {
     var _this;
-    _classCallCheck(this, Row);
+    _classCallCheck(this, RowComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -75,7 +75,7 @@ var Row = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(Row, [{
+  _createClass(RowComponent, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,
@@ -160,11 +160,11 @@ var Row = /*#__PURE__*/function (_Component) {
       })), hasChildren && isExpanded && renderChildren && renderChildren());
     }
   }]);
-  return Row;
+  return RowComponent;
 }(Component);
-export { Row as RowWithoutAnalytics };
+export { RowComponent as RowWithoutAnalytics };
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
-export default withAnalyticsContext({
+var Row = withAnalyticsContext({
   componentName: 'row',
   packageName: packageName,
   packageVersion: packageVersion
@@ -187,4 +187,7 @@ export default withAnalyticsContext({
       packageVersion: packageVersion
     }
   })
-})(Row));
+})(RowComponent));
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default Row;

package/dist/types/components/cell.d.ts

@@ -21,5 +21,5 @@ export interface CellProps {
      */
     children?: ReactNode;
 }
-declare const _default: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
-export default _default;
+declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+export default Cell;

package/dist/types/components/header.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
-export default _default;
+declare const Header: (props: any) => JSX.Element;
+export default Header;

package/dist/types/components/row.d.ts

@@ -4,7 +4,7 @@
 /** @jsx jsx */
 import React, { Component } from 'react';
 import { jsx } from '@emotion/react';
-declare class Row extends Component<any, any> {
+declare class RowComponent extends Component<any, any> {
     state: {
         isExpanded: any;
     };
@@ -25,6 +25,6 @@ declare class Row extends Component<any, any> {
     }>;
     render(): jsx.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;
+export { RowComponent as RowWithoutAnalytics };
+declare const Row: 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 Row;

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

@@ -21,5 +21,5 @@ export interface CellProps {
      */
     children?: ReactNode;
 }
-declare const _default: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
-export default _default;
+declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+export default Cell;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
-export default _default;
+declare const Header: (props: any) => JSX.Element;
+export default Header;

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

@@ -4,7 +4,7 @@
 /** @jsx jsx */
 import React, { Component } from 'react';
 import { jsx } from '@emotion/react';
-declare class Row extends Component<any, any> {
+declare class RowComponent extends Component<any, any> {
     state: {
         isExpanded: any;
     };
@@ -25,6 +25,6 @@ declare class Row extends Component<any, any> {
     }>;
     render(): jsx.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;
+export { RowComponent as RowWithoutAnalytics };
+declare const Row: 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 Row;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.10.2",
+	"version": "9.10.4",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,11 +28,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/button": "^18.0.0",
-		"@atlaskit/icon": "^22.5.0",
+		"@atlaskit/button": "^18.4.0",
+		"@atlaskit/icon": "^22.6.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tokens": "^1.54.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21"