@atlaskit/table-tree 9.0.9 → 9.0.13

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/table-tree
 
+## 9.0.13
+
+### Minor Changes
+
+- [`3fe03999326`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fe03999326) - Package has been migrated from `styled-components` to `@emotion/core`.
+
+  Other internal changes:
+
+  - Package has been migrated to typescript
+  - Components now have partial type support.
+  - Package internally supports `@atlaskit/tokens` colors.
+
+### Patch Changes
+
+- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- Updated dependencies
+
+## 9.0.12
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.11
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.10
+
+### Patch Changes
+
+- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
+
 ## 9.0.9
 
 ### Patch Changes

package/dist/cjs/components/cell.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
+
+var _overflowContainer = _interopRequireDefault(require("./internal/overflow-container"));
+
+var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Cell = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Cell, _Component);
+
+  var _super = _createSuper(Cell);
+
+  function Cell() {
+    (0, _classCallCheck2.default)(this, Cell);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Cell, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          singleLine = _this$props.singleLine,
+          indentLevel = _this$props.indentLevel,
+          width = _this$props.width,
+          className = _this$props.className,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["children", "singleLine", "indentLevel", "width", "className"]);
+      return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
+        role: "gridcell",
+        indent: indentLevel ? "".concat(25 * indentLevel) : undefined,
+        style: {
+          width: width
+        },
+        className: className
+      }, props), /*#__PURE__*/_react.default.createElement(_overflowContainer.default, {
+        isSingleLine: singleLine
+      }, children));
+    }
+  }]);
+  return Cell;
+}(_react.Component);
+
+var _default = (0, _withColumnWidth.default)(Cell);
+
+exports.default = _default;

package/dist/cjs/components/{Header.js → header.js}

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -21,15 +19,27 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
+
+var _core = require("@emotion/core");
+
+var _colors = require("@atlaskit/theme/colors");
 
-var _styled = require("../styled");
+var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
 
-var _withColumnWidth = _interopRequireDefault(require("./withColumnWidth"));
+var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
 
 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 headerStyles = (0, _core.css)({
+  color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N300, ")"),
+  fontSize: 12,
+  fontWeight: 'bold',
+  letterSpacing: -0.1,
+  lineHeight: '1.67'
+});
 
 var Header = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Header, _Component);
@@ -45,8 +55,12 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return /*#__PURE__*/_react.default.createElement(_styled.Header, (0, _extends2.default)({
-        role: "columnheader"
+      return (0, _core.jsx)(_commonCell.default, (0, _extends2.default)({
+        css: headerStyles,
+        role: "columnheader",
+        style: {
+          width: props.width
+        }
       }, props), props.children);
     }
   }]);

package/dist/cjs/components/{Headers.js → headers.js}

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -19,13 +17,18 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
-var _styled = require("../styled");
+var _core = require("@emotion/core");
 
 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 containerStyles = (0, _core.css)({
+  display: 'flex',
+  borderBottom: "solid 2px ".concat("var(--ds-border-neutral, #dfe1e6)")
+});
 
 var Headers = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Headers, _Component);
@@ -40,13 +43,14 @@ var Headers = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Headers, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_styled.HeadersContainer, {
+      return (0, _core.jsx)("div", {
+        css: containerStyles,
         role: "row"
-      }, _react.default.Children.map(this.props.children, function (header, index) {
+      }, _react.Children.map(this.props.children, function (header, index) {
         return (
           /*#__PURE__*/
           // eslint-disable-next-line react/no-array-index-key
-          _react.default.cloneElement(header, {
+          (0, _react.cloneElement)(header, {
             key: index,
             columnIndex: index
           })

package/dist/cjs/components/{Chevron.js → internal/chevron.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -33,11 +33,15 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
 
-var _styled = require("../styled");
+var _styled = require("./styled");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 Chevron = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Chevron, _Component);

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _core = require("@emotion/core");
+
+var _colors = require("@atlaskit/theme/colors");
+
+/** @jsx jsx */
+var commonStyles = (0, _core.css)({
+  display: 'flex',
+  boxSizing: 'border-box',
+  minHeight: 40,
+  padding: '10px 25px 10px var(--indent, 25px)',
+  position: 'relative',
+  alignItems: 'flex-start',
+  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  lineHeight: '20px'
+});
+
+/**
+ * __Common cell__
+ */
+var CommonCell = function CommonCell(_ref) {
+  var indent = _ref.indent,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["indent"]);
+  return (0, _core.jsx)("div", (0, _extends2.default)({
+    style: {
+      '--indent': indent
+    },
+    css: commonStyles
+  }, props));
+};
+
+var _default = CommonCell;
+exports.default = _default;

package/dist/cjs/components/{Item.js → internal/item.js}

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -21,15 +19,17 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
+
+var _core = require("@emotion/core");
 
-var _toItemId = _interopRequireDefault(require("../utils/toItemId"));
+var _toItemId = _interopRequireDefault(require("../../utils/to-item-id"));
 
-var _Items = _interopRequireDefault(require("./Items"));
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 Item = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Item, _Component);
@@ -58,13 +58,13 @@ var Item = /*#__PURE__*/function (_Component) {
       var _renderedRow$props = renderedRow.props,
           itemId = _renderedRow$props.itemId,
           items = _renderedRow$props.items;
-      return /*#__PURE__*/_react.default.cloneElement(renderedRow, {
+      return /*#__PURE__*/(0, _react.cloneElement)(renderedRow, {
         depth: depth,
         data: data,
         renderChildren: function renderChildren() {
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return (0, _core.jsx)("div", {
             id: (0, _toItemId.default)(itemId)
-          }, /*#__PURE__*/_react.default.createElement(_Items.default, {
+          }, (0, _core.jsx)(_items.default, {
             parentData: data,
             depth: depth,
             items: items,

package/dist/cjs/components/{Items.js → internal/items.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,13 +27,17 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Item = _interopRequireDefault(require("./Item"));
+var _item = _interopRequireDefault(require("./item"));
+
+var _loaderItem = _interopRequireDefault(require("./loader-item"));
+
+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); }
 
-var _LoaderItem = _interopRequireDefault(require("./LoaderItem"));
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 Items = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Items, _Component);
@@ -67,7 +71,7 @@ var Items = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           depth = _this$props.depth,
           items = _this$props.items;
-      return /*#__PURE__*/_react.default.createElement(_LoaderItem.default, {
+      return /*#__PURE__*/_react.default.createElement(_loaderItem.default, {
         isCompleting: !!(items && items.length),
         onComplete: this.handleLoaderComplete,
         depth: depth + 1
@@ -82,7 +86,7 @@ var Items = /*#__PURE__*/function (_Component) {
           _this$props2$depth = _this$props2.depth,
           depth = _this$props2$depth === void 0 ? 0 : _this$props2$depth;
       return items && items.map(function (itemData, index) {
-        return /*#__PURE__*/_react.default.createElement(_Item.default, {
+        return /*#__PURE__*/_react.default.createElement(_item.default, {
           data: itemData,
           depth: depth + 1,
           key: itemData && itemData.id || index,

package/dist/cjs/components/{LoaderItem.js → internal/loader-item.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,11 +27,17 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
-var _styled = require("../styled");
+var _commonCell = _interopRequireDefault(require("./common-cell"));
+
+var _styled = require("./styled");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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 LoaderItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(LoaderItem, _Component);
@@ -66,19 +72,17 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          isCompleting = _this$props.isCompleting,
-          depth = _this$props.depth;
+      var depth = this.props.depth;
       var phase = this.state.phase;
-      return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Cell, {
-        indentLevel: depth,
-        width: "100%"
+      return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
+        style: {
+          paddingLeft: 25 * depth,
+          width: '100%'
+        }
       }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
         isRoot: depth === 1
       }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-        isCompleting: isCompleting,
-        size: "small",
-        invertColor: false
+        size: "small"
       })))) : null;
     }
   }], [{

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _core = require("@emotion/core");
+
+/** @jsx jsx */
+var overflowContainerStyles = (0, _core.css)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+/**
+ * __Overflow container__
+ */
+
+var OverflowContainer = function OverflowContainer(_ref) {
+  var isSingleLine = _ref.isSingleLine,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["isSingleLine"]);
+  return (0, _core.jsx)("span", (0, _extends2.default)({
+    css: isSingleLine && overflowContainerStyles
+  }, props));
+};
+
+var _default = OverflowContainer;
+exports.default = _default;

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

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = exports.TreeRowContainer = exports.iconColor = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _core = require("@emotion/core");
+
+var _colors = require("@atlaskit/theme/colors");
+
+/** @jsx jsx */
+var iconColor = "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")");
+exports.iconColor = iconColor;
+var treeRowContainerStyles = (0, _core.css)({
+  display: 'flex',
+  borderBottom: "1px solid ".concat("var(--ds-border-neutral, ".concat(_colors.N30, ")"))
+});
+/**
+ * __Tree row container__
+ */
+
+var TreeRowContainer = function TreeRowContainer(props) {
+  return (0, _core.jsx)("div", (0, _extends2.default)({
+    css: treeRowContainerStyles
+  }, props));
+};
+
+exports.TreeRowContainer = TreeRowContainer;
+var commonChevronContainerStyles = (0, _core.css)({
+  display: 'flex',
+  marginLeft: -25,
+  position: 'absolute',
+  top: 7,
+  alignItems: 'center'
+});
+/**
+ * __Chevron container__
+ */
+
+var ChevronContainer = function ChevronContainer(props) {
+  return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
+    css: commonChevronContainerStyles
+  }));
+};
+
+exports.ChevronContainer = ChevronContainer;
+var chevronIconContainerStyles = (0, _core.css)({
+  position: 'relative',
+  top: 1
+});
+/**
+ * __Chevron icon container__
+ *
+ * A chevron icon container.
+ */
+
+var ChevronIconContainer = function ChevronIconContainer(props) {
+  return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
+    css: chevronIconContainerStyles
+  }));
+};
+
+exports.ChevronIconContainer = ChevronIconContainer;
+var loadingItemContainerStyles = (0, _core.css)({
+  width: '100%',
+  paddingTop: 5
+});
+var paddingLeftStyles = (0, _core.css)({
+  paddingLeft: '50%'
+});
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+
+var LoaderItemContainer = function LoaderItemContainer(_ref) {
+  var isRoot = _ref.isRoot,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["isRoot"]);
+  return (0, _core.jsx)("span", (0, _extends2.default)({
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  }, props));
+};
+
+exports.LoaderItemContainer = LoaderItemContainer;

package/dist/cjs/components/{withColumnWidth.js → internal/with-column-width.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +11,8 @@ exports.default = withColumnWidth;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,9 +29,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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; } }
 
 function withColumnWidth(Cell) {
   var _class, _temp;
@@ -66,11 +72,12 @@ function withColumnWidth(Cell) {
       value: function render() {
         var _this$props = this.props,
             width = _this$props.width,
-            columnIndex = _this$props.columnIndex;
+            columnIndex = _this$props.columnIndex,
+            other = (0, _objectWithoutProperties2.default)(_this$props, ["width", "columnIndex"]);
         var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
-        return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({}, this.props, {
+        return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
           width: columnWidth
-        }));
+        }, other));
       }
     }]);
     return CellWithColumnWidth;