@atlaskit/table-tree 9.6.13 → 9.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/components/cell.js +3 -3
  3. package/dist/cjs/components/header.js +1 -1
  4. package/dist/cjs/components/headers.js +1 -1
  5. package/dist/cjs/components/internal/chevron.js +4 -4
  6. package/dist/cjs/components/internal/common-cell.js +3 -1
  7. package/dist/cjs/components/internal/item.js +1 -1
  8. package/dist/cjs/components/internal/items.js +3 -3
  9. package/dist/cjs/components/internal/loader-item.js +3 -3
  10. package/dist/cjs/components/internal/styled.js +13 -11
  11. package/dist/cjs/components/internal/with-column-width.js +2 -2
  12. package/dist/cjs/components/row.js +4 -4
  13. package/dist/cjs/components/rows.js +3 -3
  14. package/dist/cjs/components/table-tree.js +3 -3
  15. package/dist/es2019/components/internal/chevron.js +1 -1
  16. package/dist/es2019/components/internal/common-cell.js +3 -1
  17. package/dist/es2019/components/internal/styled.js +13 -11
  18. package/dist/es2019/components/row.js +1 -1
  19. package/dist/es2019/components/table-tree.js +0 -1
  20. package/dist/esm/components/cell.js +1 -1
  21. package/dist/esm/components/header.js +1 -1
  22. package/dist/esm/components/headers.js +1 -1
  23. package/dist/esm/components/internal/chevron.js +2 -2
  24. package/dist/esm/components/internal/common-cell.js +3 -1
  25. package/dist/esm/components/internal/item.js +1 -1
  26. package/dist/esm/components/internal/items.js +1 -1
  27. package/dist/esm/components/internal/loader-item.js +1 -1
  28. package/dist/esm/components/internal/styled.js +13 -11
  29. package/dist/esm/components/row.js +2 -2
  30. package/dist/esm/components/rows.js +1 -1
  31. package/dist/esm/components/table-tree.js +1 -1
  32. package/extract-react-types/table-tree-row.tsx +2 -7
  33. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/table-tree
2
2
 
3
+ ## 9.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297) [`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) - The internal composition of this component has changed. There is no expected change in behaviour.
8
+
9
+ ## 9.7.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#81902](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81902) [`c11b685c99fa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c11b685c99fa) - This release includes bug fixes that slightly change behaviour of multi-line content in table cells:
14
+
15
+ - Fixed bug where 'expand' chevron was incorrectly placed when the header cell was smaller than other cells in the row.
16
+ - Fixed bug where long words in cells would not wrap to the next line.
17
+
3
18
  ## 9.6.13
4
19
 
5
20
  ### Patch Changes
@@ -19,10 +19,10 @@ var _overflowContainer = _interopRequireDefault(require("./internal/overflow-con
19
19
  var _styled = require("./internal/styled");
20
20
  var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
21
21
  var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
22
- 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); }
23
- 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; }
22
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
+ 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; }
24
24
  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); }; }
25
- 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; } }
25
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
26
26
  var Cell = /*#__PURE__*/function (_Component) {
27
27
  (0, _inherits2.default)(Cell, _Component);
28
28
  var _super = _createSuper(Cell);
@@ -17,7 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
17
17
  var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
18
18
  var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
19
19
  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); }; }
20
- 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 */
20
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
21
21
  var headerStyles = (0, _react2.css)({
22
22
  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
23
23
  fontSize: "var(--ds-font-size-075, 12px)",
@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
13
13
  var _react = require("react");
14
14
  var _react2 = require("@emotion/react");
15
15
  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); }; }
16
- 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 */
16
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */
17
17
  var containerStyles = (0, _react2.css)({
18
18
  display: 'flex',
19
19
  borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
@@ -18,10 +18,10 @@ var _new = require("@atlaskit/button/new");
18
18
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
19
19
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
20
20
  var _styled = require("./styled");
21
- 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); }
22
- 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; }
21
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
+ 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; }
23
23
  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); }; }
24
- 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 */
24
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/react/consistent-props-definitions */ /* eslint-disable react/prop-types */
25
25
  var Chevron = exports.default = /*#__PURE__*/function (_Component) {
26
26
  (0, _inherits2.default)(Chevron, _Component);
27
27
  var _super = _createSuper(Chevron);
@@ -55,7 +55,7 @@ var Chevron = exports.default = /*#__PURE__*/function (_Component) {
55
55
  return /*#__PURE__*/_react.default.createElement(_styled.ChevronContainer, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
56
56
  appearance: "subtle",
57
57
  onClick: this.handleClick,
58
- spacing: "none",
58
+ spacing: "compact",
59
59
  icon: isExpanded ? _chevronDown.default : _chevronRight.default,
60
60
  "aria-controls": ariaControls,
61
61
  label: isExpanded ? getLabel(collapseLabel) : getLabel(expandLabel)
@@ -20,7 +20,9 @@ var commonStyles = (0, _react.css)({
20
20
  position: 'relative',
21
21
  alignItems: 'center',
22
22
  color: "var(--ds-text, ".concat(_colors.N800, ")"),
23
- lineHeight: "var(--ds-font-lineHeight-200, 20px)"
23
+ hyphens: 'auto',
24
+ lineHeight: "var(--ds-font-lineHeight-200, 20px)",
25
+ wordBreak: 'break-word'
24
26
  });
25
27
  /**
26
28
  * __Common cell__
@@ -16,7 +16,7 @@ var _react2 = require("@emotion/react");
16
16
  var _toItemId = _interopRequireDefault(require("../../utils/to-item-id"));
17
17
  var _items = _interopRequireDefault(require("./items"));
18
18
  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); }; }
19
- 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 */
19
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */
20
20
  var Item = exports.default = /*#__PURE__*/function (_Component) {
21
21
  (0, _inherits2.default)(Item, _Component);
22
22
  var _super = _createSuper(Item);
@@ -16,10 +16,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _item = _interopRequireDefault(require("./item"));
18
18
  var _loaderItem = _interopRequireDefault(require("./loader-item"));
19
- 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); }
20
- 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; }
19
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
+ 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; }
21
21
  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); }; }
22
- 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 */
22
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable react/prop-types */
23
23
  var Items = exports.default = /*#__PURE__*/function (_Component) {
24
24
  (0, _inherits2.default)(Items, _Component);
25
25
  var _super = _createSuper(Items);
@@ -17,10 +17,10 @@ var _react = _interopRequireWildcard(require("react"));
17
17
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
18
18
  var _commonCell = _interopRequireDefault(require("./common-cell"));
19
19
  var _styled = require("./styled");
20
- 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); }
21
- 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; }
20
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
+ 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; }
22
22
  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); }; }
23
- 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 */
23
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable react/prop-types */
24
24
  var LoaderItem = exports.default = /*#__PURE__*/function (_Component) {
25
25
  (0, _inherits2.default)(LoaderItem, _Component);
26
26
  var _super = _createSuper(LoaderItem);
@@ -29,32 +29,34 @@ var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(prop
29
29
  }, props))
30
30
  );
31
31
  };
32
- var commonChevronContainerStyles = (0, _react.css)({
32
+ var commonCellElementStyles = (0, _react.css)({
33
33
  display: 'flex',
34
34
  position: 'absolute',
35
35
  alignItems: 'center',
36
- insetBlockStart: 7,
36
+ // indentBase is re-used elsewhere and is primarily used as positive value; we need to negate it here
37
37
  marginInlineStart: "calc(".concat(indentBase, " * -1)")
38
38
  });
39
+ var commonChevronContainerStyles = (0, _react.css)({
40
+ // Aligns position:absolute chevron button with the adjacent text. Any future visual breaking changes
41
+ // should consider setting this to `-2px` for better alignment, or refactor completely
42
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
43
+ marginBlockStart: -3
44
+ });
39
45
  /**
40
46
  * __Chevron container__
41
47
  *
42
48
  * A wrapper container around the expand table tree button.
43
49
  */
44
- var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props
45
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
46
- ) {
50
+ var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
47
51
  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
48
- css: commonChevronContainerStyles
52
+ css: [commonCellElementStyles, commonChevronContainerStyles]
49
53
  }));
50
54
  };
51
55
  var loadingItemContainerStyles = (0, _react.css)({
52
- width: '100%',
53
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
54
- paddingBlockStart: 5
56
+ width: '100%'
55
57
  });
56
58
  var paddingLeftStyles = (0, _react.css)({
57
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
59
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
58
60
  paddingInlineStart: '50%'
59
61
  });
60
62
  /**
@@ -66,7 +68,7 @@ var LoaderItemContainer = exports.LoaderItemContainer = function LoaderItemConta
66
68
  var isRoot = _ref.isRoot,
67
69
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
68
70
  return (0, _react.jsx)("span", (0, _extends2.default)({
69
- css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
71
+ css: [commonCellElementStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
70
72
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
71
73
  }, props));
72
74
  };
@@ -11,8 +11,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _context = require("./context");
13
13
  var _excluded = ["width", "columnIndex"];
14
- 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); }
15
- 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; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ 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; }
16
16
  function withColumnWidth(Cell) {
17
17
  return function (props) {
18
18
  var _useContext = (0, _react.useContext)(_context.TableTreeContext),
@@ -20,15 +20,15 @@ var _analyticsNext = require("@atlaskit/analytics-next");
20
20
  var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
21
21
  var _chevron = _interopRequireDefault(require("./internal/chevron"));
22
22
  var _styled = require("./internal/styled");
23
- 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); }
24
- 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; }
23
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
+ 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; }
25
25
  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); }; }
26
- 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 */
26
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */
27
27
  var treeRowClickableStyles = (0, _react2.css)({
28
28
  cursor: 'pointer'
29
29
  });
30
30
  var packageName = "@atlaskit/table-tree";
31
- var packageVersion = "9.6.13";
31
+ var packageVersion = "9.7.1";
32
32
  var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
33
33
  (0, _inherits2.default)(Row, _Component);
34
34
  var _super = _createSuper(Row);
@@ -13,10 +13,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
13
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
  var _items = _interopRequireDefault(require("./internal/items"));
16
- 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); }
17
- 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; }
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ 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; }
18
18
  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); }; }
19
- 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; } }
19
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
20
20
  var Rows = exports.default = /*#__PURE__*/function (_Component) {
21
21
  (0, _inherits2.default)(Rows, _Component);
22
22
  var _super = _createSuper(Rows);
@@ -20,10 +20,10 @@ var _headers = _interopRequireDefault(require("./headers"));
20
20
  var _context = require("./internal/context");
21
21
  var _row = _interopRequireDefault(require("./row"));
22
22
  var _rows = _interopRequireDefault(require("./rows"));
23
- 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); }
24
- 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; }
23
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
+ 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; }
25
25
  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); }; }
26
- 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 */
26
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable react/prop-types */
27
27
  var TableTree = exports.default = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2.default)(TableTree, _Component);
29
29
  var _super = _createSuper(TableTree);
@@ -28,7 +28,7 @@ export default class Chevron extends Component {
28
28
  return /*#__PURE__*/React.createElement(ChevronContainer, null, /*#__PURE__*/React.createElement(IconButton, {
29
29
  appearance: "subtle",
30
30
  onClick: this.handleClick,
31
- spacing: "none",
31
+ spacing: "compact",
32
32
  icon: isExpanded ? ChevronDownIcon : ChevronRightIcon,
33
33
  "aria-controls": ariaControls,
34
34
  label: isExpanded ? getLabel(collapseLabel) : getLabel(expandLabel)
@@ -12,7 +12,9 @@ const commonStyles = css({
12
12
  position: 'relative',
13
13
  alignItems: 'center',
14
14
  color: `var(--ds-text, ${N800})`,
15
- lineHeight: "var(--ds-font-lineHeight-200, 20px)"
15
+ hyphens: 'auto',
16
+ lineHeight: "var(--ds-font-lineHeight-200, 20px)",
17
+ wordBreak: 'break-word'
16
18
  });
17
19
  /**
18
20
  * __Common cell__
@@ -18,30 +18,32 @@ jsx("div", _extends({
18
18
  role: "row",
19
19
  css: treeRowContainerStyles
20
20
  }, props));
21
- const commonChevronContainerStyles = css({
21
+ const commonCellElementStyles = css({
22
22
  display: 'flex',
23
23
  position: 'absolute',
24
24
  alignItems: 'center',
25
- insetBlockStart: 7,
25
+ // indentBase is re-used elsewhere and is primarily used as positive value; we need to negate it here
26
26
  marginInlineStart: `calc(${indentBase} * -1)`
27
27
  });
28
+ const commonChevronContainerStyles = css({
29
+ // Aligns position:absolute chevron button with the adjacent text. Any future visual breaking changes
30
+ // should consider setting this to `-2px` for better alignment, or refactor completely
31
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
32
+ marginBlockStart: -3
33
+ });
28
34
  /**
29
35
  * __Chevron container__
30
36
  *
31
37
  * A wrapper container around the expand table tree button.
32
38
  */
33
- export const ChevronContainer = (props
34
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
35
- ) => jsx("span", _extends({}, props, {
36
- css: commonChevronContainerStyles
39
+ export const ChevronContainer = props => jsx("span", _extends({}, props, {
40
+ css: [commonCellElementStyles, commonChevronContainerStyles]
37
41
  }));
38
42
  const loadingItemContainerStyles = css({
39
- width: '100%',
40
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
41
- paddingBlockStart: 5
43
+ width: '100%'
42
44
  });
43
45
  const paddingLeftStyles = css({
44
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
46
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
45
47
  paddingInlineStart: '50%'
46
48
  });
47
49
  /**
@@ -53,6 +55,6 @@ export const LoaderItemContainer = ({
53
55
  isRoot,
54
56
  ...props
55
57
  }) => jsx("span", _extends({
56
- css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
58
+ css: [commonCellElementStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
57
59
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
58
60
  }, props));
@@ -12,7 +12,7 @@ const treeRowClickableStyles = css({
12
12
  cursor: 'pointer'
13
13
  });
14
14
  const packageName = "@atlaskit/table-tree";
15
- const packageVersion = "9.6.13";
15
+ const packageVersion = "9.7.1";
16
16
  class Row extends Component {
17
17
  constructor(...args) {
18
18
  super(...args);
@@ -37,7 +37,6 @@ export default class TableTree extends Component {
37
37
  }); // eslint-disable-line
38
38
  }
39
39
  }
40
-
41
40
  render() {
42
41
  const {
43
42
  items,
@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
7
7
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
8
8
  var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
9
9
  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); }; }
10
- 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; } }
10
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
11
  import React, { Component } from 'react';
12
12
  import CommonCell from './internal/common-cell';
13
13
  import OverflowContainer from './internal/overflow-container';
@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  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); }; }
8
- 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; } }
8
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
9
  /** @jsx jsx */
10
10
  import { Component } from 'react';
11
11
  import { css, jsx } from '@emotion/react';
@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
4
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  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); }; }
7
- 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; } }
7
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
8
  /** @jsx jsx */
9
9
  /* eslint-disable @repo/internal/react/no-clone-element */
10
10
  import { Children, cloneElement, Component } from 'react';
@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  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); }; }
9
- 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; } }
9
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  /* eslint-disable @repo/internal/react/consistent-props-definitions */
11
11
  /* eslint-disable react/prop-types */
12
12
  import React, { Component } from 'react';
@@ -47,7 +47,7 @@ var Chevron = /*#__PURE__*/function (_Component) {
47
47
  return /*#__PURE__*/React.createElement(ChevronContainer, null, /*#__PURE__*/React.createElement(IconButton, {
48
48
  appearance: "subtle",
49
49
  onClick: this.handleClick,
50
- spacing: "none",
50
+ spacing: "compact",
51
51
  icon: isExpanded ? ChevronDownIcon : ChevronRightIcon,
52
52
  "aria-controls": ariaControls,
53
53
  label: isExpanded ? getLabel(collapseLabel) : getLabel(expandLabel)
@@ -14,7 +14,9 @@ var commonStyles = css({
14
14
  position: 'relative',
15
15
  alignItems: 'center',
16
16
  color: "var(--ds-text, ".concat(N800, ")"),
17
- lineHeight: "var(--ds-font-lineHeight-200, 20px)"
17
+ hyphens: 'auto',
18
+ lineHeight: "var(--ds-font-lineHeight-200, 20px)",
19
+ wordBreak: 'break-word'
18
20
  });
19
21
  /**
20
22
  * __Common cell__
@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
5
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
7
  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); }; }
8
- 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; } }
8
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
9
  /** @jsx jsx */
10
10
  /* eslint-disable @repo/internal/react/no-clone-element */
11
11
  import { cloneElement, Component } from 'react';
@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  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); }; }
9
- 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; } }
9
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  /* eslint-disable react/prop-types */
11
11
  import React, { Component } from 'react';
12
12
  import Item from './item';
@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  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); }; }
9
- 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; } }
9
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  /* eslint-disable react/prop-types */
11
11
  import React, { Component } from 'react';
12
12
  import Spinner from '@atlaskit/spinner';
@@ -23,32 +23,34 @@ export var TreeRowContainer = function TreeRowContainer(props) {
23
23
  }, props))
24
24
  );
25
25
  };
26
- var commonChevronContainerStyles = css({
26
+ var commonCellElementStyles = css({
27
27
  display: 'flex',
28
28
  position: 'absolute',
29
29
  alignItems: 'center',
30
- insetBlockStart: 7,
30
+ // indentBase is re-used elsewhere and is primarily used as positive value; we need to negate it here
31
31
  marginInlineStart: "calc(".concat(indentBase, " * -1)")
32
32
  });
33
+ var commonChevronContainerStyles = css({
34
+ // Aligns position:absolute chevron button with the adjacent text. Any future visual breaking changes
35
+ // should consider setting this to `-2px` for better alignment, or refactor completely
36
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
37
+ marginBlockStart: -3
38
+ });
33
39
  /**
34
40
  * __Chevron container__
35
41
  *
36
42
  * A wrapper container around the expand table tree button.
37
43
  */
38
- export var ChevronContainer = function ChevronContainer(props
39
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
40
- ) {
44
+ export var ChevronContainer = function ChevronContainer(props) {
41
45
  return jsx("span", _extends({}, props, {
42
- css: commonChevronContainerStyles
46
+ css: [commonCellElementStyles, commonChevronContainerStyles]
43
47
  }));
44
48
  };
45
49
  var loadingItemContainerStyles = css({
46
- width: '100%',
47
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
48
- paddingBlockStart: 5
50
+ width: '100%'
49
51
  });
50
52
  var paddingLeftStyles = css({
51
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
53
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
52
54
  paddingInlineStart: '50%'
53
55
  });
54
56
  /**
@@ -60,7 +62,7 @@ export var LoaderItemContainer = function LoaderItemContainer(_ref) {
60
62
  var isRoot = _ref.isRoot,
61
63
  props = _objectWithoutProperties(_ref, _excluded);
62
64
  return jsx("span", _extends({
63
- css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
65
+ css: [commonCellElementStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
64
66
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
65
67
  }, props));
66
68
  };
@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
7
7
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
8
8
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
9
  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); }; }
10
- 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; } }
10
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
11
  /** @jsx jsx */
12
12
  /* eslint-disable @repo/internal/react/no-clone-element */
13
13
  import React, { Component, Fragment } from 'react';
@@ -20,7 +20,7 @@ var treeRowClickableStyles = css({
20
20
  cursor: 'pointer'
21
21
  });
22
22
  var packageName = "@atlaskit/table-tree";
23
- var packageVersion = "9.6.13";
23
+ var packageVersion = "9.7.1";
24
24
  var Row = /*#__PURE__*/function (_Component) {
25
25
  _inherits(Row, _Component);
26
26
  var _super = _createSuper(Row);
@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
4
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  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); }; }
7
- 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; } }
7
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
8
  import React, { Component } from 'react';
9
9
  import Items from './internal/items';
10
10
  var Rows = /*#__PURE__*/function (_Component) {
@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  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); }; }
9
- 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; } }
9
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  /* eslint-disable react/prop-types */
11
11
  import React, { Component } from 'react';
12
12
  import Cell from './cell';
@@ -32,7 +32,6 @@ type RowProps = {
32
32
  */
33
33
  // eslint-disable-next-line @repo/internal/react/consistent-props-definitions
34
34
  items?: Item[] | null;
35
- /* eslint-enable jsdoc/require-asterisk-prefix, jsdoc/check-alignment */
36
35
  /**
37
36
  * Controls the expanded state of the row.
38
37
  */
@@ -42,11 +41,11 @@ type RowProps = {
42
41
  */
43
42
  isDefaultExpanded?: ReactNode;
44
43
  /**
45
- * `aria-label` attached to the expand chevron button.
44
+ * Visually hidden text placed inside the expand chevron button.
46
45
  */
47
46
  expandLabel?: string;
48
47
  /**
49
- * `aria-label` attached to the collapse chevron button.
48
+ * Visually hidden text placed inside the collapse chevron button.
50
49
  */
51
50
  collapseLabel?: string;
52
51
  /**
@@ -62,14 +61,12 @@ type RowProps = {
62
61
  * Normally set by parent Item component and does not need to be configured.
63
62
  */
64
63
  renderChildren?: () => React.ReactNode;
65
- /* eslint-disable jsdoc/require-asterisk-prefix, jsdoc/check-alignment */
66
64
  /**
67
65
  Whether a row with children should expand when clicked anywhere within the row. If false or unset, a row with children will only expand when the chevron is clicked.
68
66
 
69
67
  If your cells contain interactive elements, this can cause unexpected expanding or collapsing.
70
68
  */
71
69
  shouldExpandOnClick?: boolean;
72
- /* eslint-enable jsdoc/require-asterisk-prefix, jsdoc/check-alignment */
73
70
  /**
74
71
  * Data to render. Passed down by Item and passed into onExpand and onCollapse callbacks.
75
72
  * Normally set by parent Item component and does not need to be configured.
@@ -81,7 +78,6 @@ type RowProps = {
81
78
  * Normally set by parent Item component and does not need to be configured.
82
79
  */
83
80
  depth?: number;
84
- /* eslint-disable jsdoc/require-asterisk-prefix, jsdoc/check-alignment */
85
81
  /**
86
82
  Adds detail to the expand and collapse row button's aria label by appending the value from the given column. If you don't set this prop, the aria label will read out "Expand `itemId` row".
87
83
 
@@ -90,7 +86,6 @@ type RowProps = {
90
86
  Should be a number when we pass data via `<Rows />` component as children in `<TableTree />`.
91
87
  */
92
88
  mainColumnForExpandCollapseLabel?: string | number;
93
- /* eslint-enable jsdoc/require-asterisk-prefix, jsdoc/check-alignment */
94
89
  };
95
90
 
96
91
  const TableRow = function (props: RowProps) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/table-tree",
3
- "version": "9.6.13",
3
+ "version": "9.7.1",
4
4
  "description": "A table tree is an expandable table for showing nested hierarchies of information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,11 +27,11 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@atlaskit/analytics-next": "^9.2.0",
30
- "@atlaskit/button": "^17.4.0",
31
- "@atlaskit/icon": "^22.0.0",
30
+ "@atlaskit/button": "^17.7.0",
31
+ "@atlaskit/icon": "^22.1.0",
32
32
  "@atlaskit/spinner": "^16.0.0",
33
33
  "@atlaskit/theme": "^12.6.0",
34
- "@atlaskit/tokens": "^1.37.0",
34
+ "@atlaskit/tokens": "^1.42.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/react": "^11.7.1",
37
37
  "lodash": "^4.17.21"
@@ -96,4 +96,4 @@
96
96
  ".": "./src/index.tsx"
97
97
  },
98
98
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
99
- }
99
+ }