@atlaskit/table-tree 9.0.12 → 9.0.13

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @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

package/dist/cjs/components/{Cell.js → cell.js}

@@ -11,6 +11,8 @@ 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"));
@@ -23,9 +25,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _styled = require("../styled");
+var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
+
+var _overflowContainer = _interopRequireDefault(require("./internal/overflow-container"));
 
-var _withColumnWidth = _interopRequireDefault(require("./withColumnWidth"));
+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); }
 
@@ -48,12 +52,23 @@ var Cell = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Cell, [{
     key: "render",
     value: function render() {
-      var props = this.props;
-      return /*#__PURE__*/_react.default.createElement(_styled.Cell, (0, _extends2.default)({
-        role: "gridcell"
-      }, props), /*#__PURE__*/_react.default.createElement(_styled.OverflowContainer, {
-        singleLine: props.singleLine
-      }, props.children));
+      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;

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

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,20 +19,28 @@ 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");
 
-var _withColumnWidth = _interopRequireDefault(require("./withColumnWidth"));
+var _colors = require("@atlaskit/theme/colors");
 
-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 _commonCell = _interopRequireDefault(require("./internal/common-cell"));
 
-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; }
+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 { 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);
 
@@ -49,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}

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,18 +17,19 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-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); }
+var _react = require("react");
 
-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; }
+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 { 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);
 
@@ -44,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}

@@ -33,7 +33,7 @@ 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); }
 

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}

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,15 +19,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _toItemId = _interopRequireDefault(require("../utils/toItemId"));
+var _react = require("react");
 
-var _Items = _interopRequireDefault(require("./Items"));
+var _core = require("@emotion/core");
 
-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 _toItemId = _interopRequireDefault(require("../../utils/to-item-id"));
 
-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; }
+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); }; }
 
@@ -62,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}

@@ -27,9 +27,9 @@ 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("./LoaderItem"));
+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); }
 
@@ -71,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
@@ -86,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}

@@ -27,7 +27,9 @@ 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); }
 
@@ -70,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}

@@ -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"));
@@ -70,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;

package/dist/cjs/components/{Row.js → row.js}

@@ -29,11 +29,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _styled = require("../styled");
+var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
 
-var _toItemId = _interopRequireDefault(require("../utils/toItemId"));
+var _chevron = _interopRequireDefault(require("./internal/chevron"));
 
-var _Chevron = _interopRequireDefault(require("./Chevron"));
+var _styled = require("./internal/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); }
 
@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 packageName = "@atlaskit/table-tree";
-var packageVersion = "9.0.12";
+var packageVersion = "9.0.13";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);
@@ -123,7 +123,7 @@ var Row = /*#__PURE__*/function (_Component) {
       var cellContent = cell.props.children || [];
 
       if (isFirstCell && hasChildren) {
-        cellContent = [/*#__PURE__*/_react.default.createElement(_Chevron.default, {
+        cellContent = [/*#__PURE__*/_react.default.createElement(_chevron.default, {
           key: "chevron",
           expandLabel: props.expandLabel,
           collapseLabel: props.collapseLabel,

package/dist/cjs/components/{Rows.js → rows.js}

@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Items = _interopRequireDefault(require("./Items"));
+var _items = _interopRequireDefault(require("./internal/items"));
 
 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); }
 
@@ -44,11 +44,10 @@ var Rows = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Rows, [{
     key: "render",
     value: function render() {
-      // eslint-disable-next-line react/prop-types
       var _this$props = this.props,
           items = _this$props.items,
           render = _this$props.render;
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Items.default, {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_items.default, {
         items: items,
         render: render
       }));

package/dist/cjs/components/{TableTree.js → table-tree.js}

@@ -27,17 +27,15 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styled = require("../styled");
+var _cell = _interopRequireDefault(require("./cell"));
 
-var _Cell = _interopRequireDefault(require("./Cell"));
+var _header = _interopRequireDefault(require("./header"));
 
-var _Header = _interopRequireDefault(require("./Header"));
+var _headers = _interopRequireDefault(require("./headers"));
 
-var _Headers = _interopRequireDefault(require("./Headers"));
+var _row = _interopRequireDefault(require("./row"));
 
-var _Row = _interopRequireDefault(require("./Row"));
-
-var _Rows = _interopRequireDefault(require("./Rows"));
+var _rows = _interopRequireDefault(require("./rows"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -116,11 +114,11 @@ var TableTree = /*#__PURE__*/function (_Component) {
           _this$props$columnWid = _this$props.columnWidths,
           columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid;
 
-      var heads = headers && /*#__PURE__*/_react.default.createElement(_Headers.default, null, headers.map(function (header, index) {
+      var heads = headers && /*#__PURE__*/_react.default.createElement(_headers.default, null, headers.map(function (header, index) {
         return (
           /*#__PURE__*/
           // eslint-disable-next-line react/no-array-index-key
-          _react.default.createElement(_Header.default, {
+          _react.default.createElement(_header.default, {
             key: index,
             columnIndex: index,
             width: columnWidths[index]
@@ -131,19 +129,19 @@ var TableTree = /*#__PURE__*/function (_Component) {
       var rows = null;
 
       if (columns && items) {
-        rows = /*#__PURE__*/_react.default.createElement(_Rows.default, {
+        rows = /*#__PURE__*/_react.default.createElement(_rows.default, {
           items: items,
           render: function render(_ref) {
             var id = _ref.id,
                 children = _ref.children,
                 hasChildren = _ref.hasChildren,
                 content = _ref.content;
-            return /*#__PURE__*/_react.default.createElement(_Row.default, {
+            return /*#__PURE__*/_react.default.createElement(_row.default, {
               itemId: id,
               items: children,
               hasChildren: hasChildren
             }, columns.map(function (CellContent, index) {
-              return /*#__PURE__*/_react.default.createElement(_Cell.default // eslint-disable-next-line react/no-array-index-key
+              return /*#__PURE__*/_react.default.createElement(_cell.default // eslint-disable-next-line react/no-array-index-key
               , {
                 key: index,
                 columnIndex: index,
@@ -154,7 +152,7 @@ var TableTree = /*#__PURE__*/function (_Component) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_styled.TableTreeContainer, {
+      return /*#__PURE__*/_react.default.createElement("div", {
         role: "treegrid",
         "aria-readonly": true
       }, heads, rows, this.props.children);